@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap");
@import url(/assets/rappid/joint.core.min-6ec8074fa9e1c98812217dd0c0d481c96e4e24be5720baa8c1c8037fed8af85f.css);
@import url(/assets/rappid/joint.format.print.min-d8093e0cfa99cfefa3e8f5f27578ef0af3b3477f66007fd49fadd32b337faa90.css);
@import url(/assets/rappid/joint.min-6ec8074fa9e1c98812217dd0c0d481c96e4e24be5720baa8c1c8037fed8af85f.css);
@import url(/assets/rappid/joint.ui.dialog.min-a6f308245d387af2ed895202f616e31ddba7096acac101c3cd74a7c5ffb889c1.css);
@import url(/assets/rappid/joint.ui.flashMessage.min-d2ab7847ebf4610e828d9feaabf6e6a7c01367560e0f7cbac48d920a66876bd5.css);
@import url(/assets/rappid/joint.ui.halo.min-a95b8974fc56d97a5ffbc90becc9b57fa86819f9473005a60a3bd639245acb01.css);
@import url(/assets/rappid/joint.ui.navigator.min-3e86a6244d7b7f32950dca541525ac731c747e11ce081d936872c33d963de4ea.css);
@import url(/assets/rappid/joint.ui.paperScroller.min-b5853ab1e6ffe52c287b57386b08f60c8a1030521d9a13e4b84897ab0bfdfa8e.css);
@import url(/assets/rappid/joint.ui.popup.min-c074b74fa7f751a90b2194559eadfcf55c7d408956af49dbc251d7d8aea104a6.css);
@import url(/assets/rappid/joint.ui.selection.min-67a35f5632db664cc78f2737ce7a481c395f0a85baa4a886d885172b3361300e.css);
@import url(/assets/rappid/joint.ui.snaplines.min-015cc73df2dd7c9355149bc6926484a18a06c50ffd7dec26a60f3080210a12ee.css);
@import url(/assets/rappid/rappid.min-37cffb304d7ca51c84e73deac4801cedc070ab3f0d5166403115ba8b0b2eb8ea.css);
@import url(/assets/intlTelInput.min-df95545dea96dbb567240e21c3269cbcbd017ac8cb611dd332c378e9f1b5abf0.css);
/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red {
  background-color: #e51c23 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red-text {
  color: #e51c23 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red.lighten-5 {
  background-color: #fdeaeb !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red.lighten-3 {
  background-color: #f3989b !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red-text.text-lighten-3 {
  color: #f3989b !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red.lighten-2 {
  background-color: #ee6e73 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red.lighten-1 {
  background-color: #ea454b !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red-text.text-lighten-1 {
  color: #ea454b !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red.darken-1 {
  background-color: #d0181e !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red-text.text-darken-1 {
  color: #d0181e !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red.darken-2 {
  background-color: #b9151b !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red-text.text-darken-2 {
  color: #b9151b !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red.darken-3 {
  background-color: #a21318 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red-text.text-darken-3 {
  color: #a21318 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red.darken-4 {
  background-color: #8b1014 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.materialize-red-text.text-darken-4 {
  color: #8b1014 !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red {
  background-color: #F44336 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red-text {
  color: #F44336 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red.lighten-5 {
  background-color: #FFEBEE !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red-text.text-lighten-5 {
  color: #FFEBEE !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red.lighten-4 {
  background-color: #FFCDD2 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red-text.text-lighten-4 {
  color: #FFCDD2 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red.lighten-3 {
  background-color: #EF9A9A !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red-text.text-lighten-3 {
  color: #EF9A9A !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red.lighten-2 {
  background-color: #E57373 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red-text.text-lighten-2 {
  color: #E57373 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red.lighten-1 {
  background-color: #EF5350 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red-text.text-lighten-1 {
  color: #EF5350 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red.darken-1 {
  background-color: #E53935 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red-text.text-darken-1 {
  color: #E53935 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red.darken-2 {
  background-color: #D32F2F !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red-text.text-darken-2 {
  color: #D32F2F !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red.darken-3 {
  background-color: #C62828 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red-text.text-darken-3 {
  color: #C62828 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red.darken-4 {
  background-color: #B71C1C !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red-text.text-darken-4 {
  color: #B71C1C !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red.accent-1 {
  background-color: #FF8A80 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red-text.text-accent-1 {
  color: #FF8A80 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red.accent-2 {
  background-color: #FF5252 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red-text.text-accent-2 {
  color: #FF5252 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red.accent-3 {
  background-color: #FF1744 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red-text.text-accent-3 {
  color: #FF1744 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red.accent-4 {
  background-color: #D50000 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.red-text.text-accent-4 {
  color: #D50000 !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink {
  background-color: #e91e63 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink-text {
  color: #e91e63 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink.lighten-5 {
  background-color: #fce4ec !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink-text.text-lighten-5 {
  color: #fce4ec !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink.lighten-4 {
  background-color: #f8bbd0 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink-text.text-lighten-4 {
  color: #f8bbd0 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink.lighten-3 {
  background-color: #f48fb1 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink-text.text-lighten-3 {
  color: #f48fb1 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink.lighten-2 {
  background-color: #f06292 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink-text.text-lighten-2 {
  color: #f06292 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink.lighten-1 {
  background-color: #ec407a !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink-text.text-lighten-1 {
  color: #ec407a !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink.darken-1 {
  background-color: #d81b60 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink-text.text-darken-1 {
  color: #d81b60 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink.darken-2 {
  background-color: #c2185b !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink-text.text-darken-2 {
  color: #c2185b !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink.darken-3 {
  background-color: #ad1457 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink-text.text-darken-3 {
  color: #ad1457 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink.darken-4 {
  background-color: #880e4f !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink-text.text-darken-4 {
  color: #880e4f !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink.accent-1 {
  background-color: #ff80ab !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink-text.text-accent-1 {
  color: #ff80ab !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink.accent-2 {
  background-color: #ff4081 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink-text.text-accent-2 {
  color: #ff4081 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink.accent-3 {
  background-color: #f50057 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink-text.text-accent-3 {
  color: #f50057 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink.accent-4 {
  background-color: #c51162 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.pink-text.text-accent-4 {
  color: #c51162 !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple {
  background-color: #9c27b0 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple-text {
  color: #9c27b0 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple.lighten-5 {
  background-color: #f3e5f5 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple-text.text-lighten-5 {
  color: #f3e5f5 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple.lighten-4 {
  background-color: #e1bee7 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple-text.text-lighten-4 {
  color: #e1bee7 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple.lighten-3 {
  background-color: #ce93d8 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple-text.text-lighten-3 {
  color: #ce93d8 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple.lighten-2 {
  background-color: #ba68c8 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple-text.text-lighten-2 {
  color: #ba68c8 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple.lighten-1 {
  background-color: #ab47bc !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple-text.text-lighten-1 {
  color: #ab47bc !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple.darken-1 {
  background-color: #8e24aa !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple-text.text-darken-1 {
  color: #8e24aa !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple.darken-2 {
  background-color: #7b1fa2 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple-text.text-darken-2 {
  color: #7b1fa2 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple.darken-3 {
  background-color: #6a1b9a !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple-text.text-darken-3 {
  color: #6a1b9a !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple.darken-4 {
  background-color: #4a148c !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple-text.text-darken-4 {
  color: #4a148c !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple.accent-1 {
  background-color: #ea80fc !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple-text.text-accent-1 {
  color: #ea80fc !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple.accent-2 {
  background-color: #e040fb !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple-text.text-accent-2 {
  color: #e040fb !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple.accent-3 {
  background-color: #d500f9 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple-text.text-accent-3 {
  color: #d500f9 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple.accent-4 {
  background-color: #aa00ff !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.purple-text.text-accent-4 {
  color: #aa00ff !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple {
  background-color: #673ab7 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple-text {
  color: #673ab7 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple.lighten-5 {
  background-color: #ede7f6 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple.lighten-3 {
  background-color: #b39ddb !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple.lighten-2 {
  background-color: #9575cd !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple-text.text-lighten-2 {
  color: #9575cd !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple.lighten-1 {
  background-color: #7e57c2 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple.darken-1 {
  background-color: #5e35b1 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple.darken-2 {
  background-color: #512da8 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple-text.text-darken-2 {
  color: #512da8 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple.darken-3 {
  background-color: #4527a0 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple-text.text-darken-3 {
  color: #4527a0 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple.darken-4 {
  background-color: #311b92 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple-text.text-darken-4 {
  color: #311b92 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple.accent-1 {
  background-color: #b388ff !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple-text.text-accent-1 {
  color: #b388ff !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple.accent-2 {
  background-color: #7c4dff !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple-text.text-accent-2 {
  color: #7c4dff !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple.accent-3 {
  background-color: #651fff !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple-text.text-accent-3 {
  color: #651fff !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple.accent-4 {
  background-color: #6200ea !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-purple-text.text-accent-4 {
  color: #6200ea !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo {
  background-color: #3f51b5 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo-text {
  color: #3f51b5 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo.lighten-5 {
  background-color: #e8eaf6 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo.lighten-4 {
  background-color: #c5cae9 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo-text.text-lighten-4 {
  color: #c5cae9 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo.lighten-3 {
  background-color: #9fa8da !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo-text.text-lighten-3 {
  color: #9fa8da !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo.lighten-2 {
  background-color: #7986cb !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo-text.text-lighten-2 {
  color: #7986cb !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo.lighten-1 {
  background-color: #5c6bc0 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo.darken-1 {
  background-color: #3949ab !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo-text.text-darken-1 {
  color: #3949ab !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo.darken-2 {
  background-color: #303f9f !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo-text.text-darken-2 {
  color: #303f9f !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo.darken-3 {
  background-color: #283593 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo-text.text-darken-3 {
  color: #283593 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo.darken-4 {
  background-color: #1a237e !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo-text.text-darken-4 {
  color: #1a237e !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo.accent-1 {
  background-color: #8c9eff !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo-text.text-accent-1 {
  color: #8c9eff !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo.accent-2 {
  background-color: #536dfe !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo-text.text-accent-2 {
  color: #536dfe !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo.accent-3 {
  background-color: #3d5afe !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo-text.text-accent-3 {
  color: #3d5afe !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo.accent-4 {
  background-color: #304ffe !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.indigo-text.text-accent-4 {
  color: #304ffe !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue {
  background-color: #2196F3 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-text {
  color: #2196F3 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue.lighten-5 {
  background-color: #E3F2FD !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-text.text-lighten-5 {
  color: #E3F2FD !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue.lighten-4 {
  background-color: #BBDEFB !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-text.text-lighten-4 {
  color: #BBDEFB !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue.lighten-3 {
  background-color: #90CAF9 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-text.text-lighten-3 {
  color: #90CAF9 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue.lighten-2 {
  background-color: #64B5F6 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-text.text-lighten-2 {
  color: #64B5F6 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue.lighten-1 {
  background-color: #42A5F5 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-text.text-lighten-1 {
  color: #42A5F5 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue.darken-1 {
  background-color: #1E88E5 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-text.text-darken-1 {
  color: #1E88E5 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue.darken-2 {
  background-color: #1976D2 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-text.text-darken-2 {
  color: #1976D2 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue.darken-3 {
  background-color: #1565C0 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-text.text-darken-3 {
  color: #1565C0 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue.darken-4 {
  background-color: #0D47A1 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-text.text-darken-4 {
  color: #0D47A1 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue.accent-1 {
  background-color: #82B1FF !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-text.text-accent-1 {
  color: #82B1FF !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue.accent-2 {
  background-color: #448AFF !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-text.text-accent-2 {
  color: #448AFF !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue.accent-3 {
  background-color: #2979FF !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-text.text-accent-3 {
  color: #2979FF !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue.accent-4 {
  background-color: #2962FF !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-text.text-accent-4 {
  color: #2962FF !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue {
  background-color: #03a9f4 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue-text {
  color: #03a9f4 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue.lighten-5 {
  background-color: #e1f5fe !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue.lighten-4 {
  background-color: #b3e5fc !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue.lighten-3 {
  background-color: #81d4fa !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue-text.text-lighten-3 {
  color: #81d4fa !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue.lighten-2 {
  background-color: #4fc3f7 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue.lighten-1 {
  background-color: #29b6f6 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue.darken-1 {
  background-color: #039be5 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue-text.text-darken-1 {
  color: #039be5 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue.darken-2 {
  background-color: #0288d1 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue-text.text-darken-2 {
  color: #0288d1 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue.darken-3 {
  background-color: #0277bd !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue-text.text-darken-3 {
  color: #0277bd !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue.darken-4 {
  background-color: #01579b !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue-text.text-darken-4 {
  color: #01579b !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue.accent-1 {
  background-color: #80d8ff !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue-text.text-accent-1 {
  color: #80d8ff !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue.accent-2 {
  background-color: #40c4ff !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue-text.text-accent-2 {
  color: #40c4ff !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue.accent-3 {
  background-color: #00b0ff !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue-text.text-accent-3 {
  color: #00b0ff !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue.accent-4 {
  background-color: #0091ea !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-blue-text.text-accent-4 {
  color: #0091ea !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan {
  background-color: #00bcd4 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan-text {
  color: #00bcd4 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan.lighten-5 {
  background-color: #e0f7fa !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan-text.text-lighten-5 {
  color: #e0f7fa !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan.lighten-4 {
  background-color: #b2ebf2 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan.lighten-3 {
  background-color: #80deea !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan-text.text-lighten-3 {
  color: #80deea !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan.lighten-2 {
  background-color: #4dd0e1 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan.lighten-1 {
  background-color: #26c6da !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan-text.text-lighten-1 {
  color: #26c6da !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan.darken-1 {
  background-color: #00acc1 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan-text.text-darken-1 {
  color: #00acc1 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan.darken-2 {
  background-color: #0097a7 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan-text.text-darken-2 {
  color: #0097a7 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan.darken-3 {
  background-color: #00838f !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan-text.text-darken-3 {
  color: #00838f !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan.darken-4 {
  background-color: #006064 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan-text.text-darken-4 {
  color: #006064 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan.accent-1 {
  background-color: #84ffff !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan-text.text-accent-1 {
  color: #84ffff !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan.accent-2 {
  background-color: #18ffff !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan-text.text-accent-2 {
  color: #18ffff !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan.accent-3 {
  background-color: #00e5ff !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan-text.text-accent-3 {
  color: #00e5ff !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan.accent-4 {
  background-color: #00b8d4 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.cyan-text.text-accent-4 {
  color: #00b8d4 !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal {
  background-color: #009688 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal-text {
  color: #009688 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal.lighten-5 {
  background-color: #e0f2f1 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal-text.text-lighten-5 {
  color: #e0f2f1 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal.lighten-4 {
  background-color: #b2dfdb !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal-text.text-lighten-4 {
  color: #b2dfdb !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal.lighten-3 {
  background-color: #80cbc4 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal-text.text-lighten-3 {
  color: #80cbc4 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal.lighten-2 {
  background-color: #4db6ac !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal-text.text-lighten-2 {
  color: #4db6ac !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal.lighten-1 {
  background-color: #26a69a !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal-text.text-lighten-1 {
  color: #26a69a !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal.darken-1 {
  background-color: #00897b !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal-text.text-darken-1 {
  color: #00897b !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal.darken-2 {
  background-color: #00796b !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal-text.text-darken-2 {
  color: #00796b !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal.darken-3 {
  background-color: #00695c !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal-text.text-darken-3 {
  color: #00695c !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal.darken-4 {
  background-color: #004d40 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal-text.text-darken-4 {
  color: #004d40 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal.accent-1 {
  background-color: #a7ffeb !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal-text.text-accent-1 {
  color: #a7ffeb !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal.accent-2 {
  background-color: #64ffda !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal-text.text-accent-2 {
  color: #64ffda !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal.accent-3 {
  background-color: #1de9b6 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal-text.text-accent-3 {
  color: #1de9b6 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal.accent-4 {
  background-color: #00bfa5 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.teal-text.text-accent-4 {
  color: #00bfa5 !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green {
  background-color: #4CAF50 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green-text {
  color: #4CAF50 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green.lighten-5 {
  background-color: #E8F5E9 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green-text.text-lighten-5 {
  color: #E8F5E9 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green.lighten-4 {
  background-color: #C8E6C9 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green-text.text-lighten-4 {
  color: #C8E6C9 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green.lighten-3 {
  background-color: #A5D6A7 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green-text.text-lighten-3 {
  color: #A5D6A7 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green.lighten-2 {
  background-color: #81C784 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green-text.text-lighten-2 {
  color: #81C784 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green.lighten-1 {
  background-color: #66BB6A !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green-text.text-lighten-1 {
  color: #66BB6A !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green.darken-1 {
  background-color: #43A047 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green-text.text-darken-1 {
  color: #43A047 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green.darken-2 {
  background-color: #388E3C !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green-text.text-darken-2 {
  color: #388E3C !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green.darken-3 {
  background-color: #2E7D32 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green-text.text-darken-3 {
  color: #2E7D32 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green.darken-4 {
  background-color: #1B5E20 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green-text.text-darken-4 {
  color: #1B5E20 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green.accent-1 {
  background-color: #B9F6CA !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green-text.text-accent-1 {
  color: #B9F6CA !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green.accent-2 {
  background-color: #69F0AE !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green-text.text-accent-2 {
  color: #69F0AE !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green.accent-3 {
  background-color: #00E676 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green-text.text-accent-3 {
  color: #00E676 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green.accent-4 {
  background-color: #00C853 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.green-text.text-accent-4 {
  color: #00C853 !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green {
  background-color: #8bc34a !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green-text {
  color: #8bc34a !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green.lighten-5 {
  background-color: #f1f8e9 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green.lighten-4 {
  background-color: #dcedc8 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green-text.text-lighten-4 {
  color: #dcedc8 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green.lighten-3 {
  background-color: #c5e1a5 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green.lighten-2 {
  background-color: #aed581 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green-text.text-lighten-2 {
  color: #aed581 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green.lighten-1 {
  background-color: #9ccc65 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green-text.text-lighten-1 {
  color: #9ccc65 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green.darken-1 {
  background-color: #7cb342 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green-text.text-darken-1 {
  color: #7cb342 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green.darken-2 {
  background-color: #689f38 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green-text.text-darken-2 {
  color: #689f38 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green.darken-3 {
  background-color: #558b2f !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green-text.text-darken-3 {
  color: #558b2f !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green.darken-4 {
  background-color: #33691e !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green-text.text-darken-4 {
  color: #33691e !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green.accent-1 {
  background-color: #ccff90 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green-text.text-accent-1 {
  color: #ccff90 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green.accent-2 {
  background-color: #b2ff59 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green-text.text-accent-2 {
  color: #b2ff59 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green.accent-3 {
  background-color: #76ff03 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green-text.text-accent-3 {
  color: #76ff03 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green.accent-4 {
  background-color: #64dd17 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.light-green-text.text-accent-4 {
  color: #64dd17 !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime {
  background-color: #cddc39 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime-text {
  color: #cddc39 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime.lighten-5 {
  background-color: #f9fbe7 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime-text.text-lighten-5 {
  color: #f9fbe7 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime.lighten-4 {
  background-color: #f0f4c3 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime-text.text-lighten-4 {
  color: #f0f4c3 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime.lighten-3 {
  background-color: #e6ee9c !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime-text.text-lighten-3 {
  color: #e6ee9c !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime.lighten-2 {
  background-color: #dce775 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime-text.text-lighten-2 {
  color: #dce775 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime.lighten-1 {
  background-color: #d4e157 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime-text.text-lighten-1 {
  color: #d4e157 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime.darken-1 {
  background-color: #c0ca33 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime-text.text-darken-1 {
  color: #c0ca33 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime.darken-2 {
  background-color: #afb42b !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime-text.text-darken-2 {
  color: #afb42b !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime.darken-3 {
  background-color: #9e9d24 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime-text.text-darken-3 {
  color: #9e9d24 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime.darken-4 {
  background-color: #827717 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime-text.text-darken-4 {
  color: #827717 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime.accent-1 {
  background-color: #f4ff81 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime-text.text-accent-1 {
  color: #f4ff81 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime.accent-2 {
  background-color: #eeff41 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime-text.text-accent-2 {
  color: #eeff41 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime.accent-3 {
  background-color: #c6ff00 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime-text.text-accent-3 {
  color: #c6ff00 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime.accent-4 {
  background-color: #aeea00 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.lime-text.text-accent-4 {
  color: #aeea00 !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow {
  background-color: #ffeb3b !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow-text {
  color: #ffeb3b !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow.lighten-5 {
  background-color: #fffde7 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow-text.text-lighten-5 {
  color: #fffde7 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow.lighten-4 {
  background-color: #fff9c4 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow-text.text-lighten-4 {
  color: #fff9c4 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow.lighten-3 {
  background-color: #fff59d !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow-text.text-lighten-3 {
  color: #fff59d !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow.lighten-2 {
  background-color: #fff176 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow-text.text-lighten-2 {
  color: #fff176 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow.lighten-1 {
  background-color: #ffee58 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow-text.text-lighten-1 {
  color: #ffee58 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow.darken-1 {
  background-color: #fdd835 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow-text.text-darken-1 {
  color: #fdd835 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow.darken-2 {
  background-color: #fbc02d !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow-text.text-darken-2 {
  color: #fbc02d !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow.darken-3 {
  background-color: #f9a825 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow-text.text-darken-3 {
  color: #f9a825 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow.darken-4 {
  background-color: #f57f17 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow-text.text-darken-4 {
  color: #f57f17 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow.accent-1 {
  background-color: #ffff8d !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow-text.text-accent-1 {
  color: #ffff8d !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow.accent-2 {
  background-color: #ffff00 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow-text.text-accent-2 {
  color: #ffff00 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow.accent-3 {
  background-color: #ffea00 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow-text.text-accent-3 {
  color: #ffea00 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow.accent-4 {
  background-color: #ffd600 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.yellow-text.text-accent-4 {
  color: #ffd600 !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber {
  background-color: #ffc107 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber-text {
  color: #ffc107 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber.lighten-5 {
  background-color: #fff8e1 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber-text.text-lighten-5 {
  color: #fff8e1 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber.lighten-4 {
  background-color: #ffecb3 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber-text.text-lighten-4 {
  color: #ffecb3 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber.lighten-3 {
  background-color: #ffe082 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber-text.text-lighten-3 {
  color: #ffe082 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber.lighten-2 {
  background-color: #ffd54f !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber-text.text-lighten-2 {
  color: #ffd54f !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber.lighten-1 {
  background-color: #ffca28 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber-text.text-lighten-1 {
  color: #ffca28 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber.darken-1 {
  background-color: #ffb300 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber-text.text-darken-1 {
  color: #ffb300 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber.darken-2 {
  background-color: #ffa000 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber-text.text-darken-2 {
  color: #ffa000 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber.darken-3 {
  background-color: #ff8f00 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber-text.text-darken-3 {
  color: #ff8f00 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber.darken-4 {
  background-color: #ff6f00 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber-text.text-darken-4 {
  color: #ff6f00 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber.accent-1 {
  background-color: #ffe57f !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber-text.text-accent-1 {
  color: #ffe57f !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber.accent-2 {
  background-color: #ffd740 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber-text.text-accent-2 {
  color: #ffd740 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber.accent-3 {
  background-color: #ffc400 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber-text.text-accent-3 {
  color: #ffc400 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber.accent-4 {
  background-color: #ffab00 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.amber-text.text-accent-4 {
  color: #ffab00 !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange {
  background-color: #ff9800 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange-text {
  color: #ff9800 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange.lighten-5 {
  background-color: #fff3e0 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange-text.text-lighten-5 {
  color: #fff3e0 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange.lighten-4 {
  background-color: #ffe0b2 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange-text.text-lighten-4 {
  color: #ffe0b2 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange.lighten-3 {
  background-color: #ffcc80 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange-text.text-lighten-3 {
  color: #ffcc80 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange.lighten-2 {
  background-color: #ffb74d !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange-text.text-lighten-2 {
  color: #ffb74d !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange.lighten-1 {
  background-color: #ffa726 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange-text.text-lighten-1 {
  color: #ffa726 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange.darken-1 {
  background-color: #fb8c00 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange-text.text-darken-1 {
  color: #fb8c00 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange.darken-2 {
  background-color: #f57c00 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange-text.text-darken-2 {
  color: #f57c00 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange.darken-3 {
  background-color: #ef6c00 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange-text.text-darken-3 {
  color: #ef6c00 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange.darken-4 {
  background-color: #e65100 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange-text.text-darken-4 {
  color: #e65100 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange.accent-1 {
  background-color: #ffd180 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange-text.text-accent-1 {
  color: #ffd180 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange.accent-2 {
  background-color: #ffab40 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange-text.text-accent-2 {
  color: #ffab40 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange.accent-3 {
  background-color: #ff9100 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange-text.text-accent-3 {
  color: #ff9100 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange.accent-4 {
  background-color: #ff6d00 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.orange-text.text-accent-4 {
  color: #ff6d00 !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange {
  background-color: #ff5722 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange-text {
  color: #ff5722 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange.lighten-4 {
  background-color: #ffccbc !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange.lighten-3 {
  background-color: #ffab91 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange.lighten-2 {
  background-color: #ff8a65 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange.lighten-1 {
  background-color: #ff7043 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange.darken-1 {
  background-color: #f4511e !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange-text.text-darken-1 {
  color: #f4511e !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange.darken-2 {
  background-color: #e64a19 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange-text.text-darken-2 {
  color: #e64a19 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange.darken-3 {
  background-color: #d84315 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange-text.text-darken-3 {
  color: #d84315 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange.darken-4 {
  background-color: #bf360c !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange-text.text-darken-4 {
  color: #bf360c !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange.accent-1 {
  background-color: #ff9e80 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange.accent-2 {
  background-color: #ff6e40 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange.accent-3 {
  background-color: #ff3d00 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange.accent-4 {
  background-color: #dd2c00 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown {
  background-color: #795548 !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown-text {
  color: #795548 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown.lighten-5 {
  background-color: #efebe9 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown-text.text-lighten-5 {
  color: #efebe9 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown.lighten-4 {
  background-color: #d7ccc8 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown-text.text-lighten-4 {
  color: #d7ccc8 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown.lighten-3 {
  background-color: #bcaaa4 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown-text.text-lighten-3 {
  color: #bcaaa4 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown.lighten-2 {
  background-color: #a1887f !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown-text.text-lighten-2 {
  color: #a1887f !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown.lighten-1 {
  background-color: #8d6e63 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown-text.text-lighten-1 {
  color: #8d6e63 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown.darken-1 {
  background-color: #6d4c41 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown-text.text-darken-1 {
  color: #6d4c41 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown.darken-2 {
  background-color: #5d4037 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown-text.text-darken-2 {
  color: #5d4037 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown.darken-3 {
  background-color: #4e342e !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown-text.text-darken-3 {
  color: #4e342e !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown.darken-4 {
  background-color: #3e2723 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.brown-text.text-darken-4 {
  color: #3e2723 !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey {
  background-color: #607d8b !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey-text {
  color: #607d8b !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey.lighten-5 {
  background-color: #eceff1 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey.lighten-4 {
  background-color: #cfd8dc !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey.lighten-3 {
  background-color: #b0bec5 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey.lighten-2 {
  background-color: #90a4ae !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey.lighten-1 {
  background-color: #78909c !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey-text.text-lighten-1 {
  color: #78909c !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey.darken-1 {
  background-color: #546e7a !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey-text.text-darken-1 {
  color: #546e7a !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey.darken-2 {
  background-color: #455a64 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey-text.text-darken-2 {
  color: #455a64 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey.darken-3 {
  background-color: #37474f !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey-text.text-darken-3 {
  color: #37474f !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey.darken-4 {
  background-color: #263238 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.blue-grey-text.text-darken-4 {
  color: #263238 !important;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey {
  background-color: #9e9e9e !important;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey-text {
  color: #9e9e9e !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey.lighten-5 {
  background-color: #fafafa !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey-text.text-lighten-5 {
  color: #fafafa !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey.lighten-4 {
  background-color: #f5f5f5 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey-text.text-lighten-4 {
  color: #f5f5f5 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey.lighten-3 {
  background-color: #eeeeee !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey-text.text-lighten-3 {
  color: #eeeeee !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey-text.text-lighten-2 {
  color: #e0e0e0 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey.lighten-1 {
  background-color: #bdbdbd !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey-text.text-lighten-1 {
  color: #bdbdbd !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey.darken-1 {
  background-color: #757575 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey-text.text-darken-1 {
  color: #757575 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey.darken-2 {
  background-color: #616161 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey-text.text-darken-2 {
  color: #616161 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey.darken-3 {
  background-color: #424242 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey-text.text-darken-3 {
  color: #424242 !important;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey.darken-4 {
  background-color: #212121 !important;
}

/* line 17, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.grey-text.text-darken-4 {
  color: #212121 !important;
}

/* line 26, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.black {
  background-color: #000000 !important;
}

/* line 29, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.black-text {
  color: #000000 !important;
}

/* line 26, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.white {
  background-color: #FFFFFF !important;
}

/* line 29, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.white-text {
  color: #FFFFFF !important;
}

/* line 26, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.transparent {
  background-color: transparent !important;
}

/* line 29, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_color-classes.scss */
.transparent-text {
  color: transparent !important;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* line 12, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
/* line 25, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
/* line 33, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
/* line 60, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
/* line 70, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 79, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 90, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
/* line 103, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 113, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
/* line 123, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 132, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 142, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
/* line 153, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
/* line 161, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
/* line 170, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 179, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 187, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 191, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
/* line 202, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
/* line 211, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
/* line 220, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
/* line 228, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 240, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 256, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 266, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
/* line 277, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 288, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 300, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
/* line 311, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 322, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 336, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
/* line 345, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
/* line 354, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 364, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 374, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
/* line 383, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 393, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
/* line 406, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
/* line 415, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
/* line 426, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
/* line 434, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
/* line 445, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_normalize.scss */
[hidden] {
  display: none;
}

/* line 3, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
html {
  box-sizing: border-box;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
*, *:before, *:after {
  box-sizing: inherit;
}

/* line 20, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* line 29, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}

/* line 33, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
ul:not(.browser-default) > li {
  list-style-type: none;
}

/* line 39, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
a {
  color: #039be5;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 49, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.valign-wrapper {
  display: flex;
  align-items: center;
}

/* line 56, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.clearfix {
  clear: both;
}

/* line 62, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.z-depth-0 {
  box-shadow: none !important;
}

/* 2dp elevation modified*/
/* line 67, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.z-depth-1, .sidenav, .collapsible, .dropdown-content, .btn-floating, .btn, .btn-small, .btn-large, .toast, .card, .card-panel, nav {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

/* line 72, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.z-depth-1-half, .btn-floating:hover, .btn:hover, .btn-small:hover, .btn-large:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

/* 6dp elevation modified*/
/* line 77, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.z-depth-2 {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

/* 12dp elevation modified*/
/* line 84, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.z-depth-3 {
  box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

/* 16dp elevation */
/* line 91, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.z-depth-4 {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}

/* 24dp elevation */
/* line 98, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.z-depth-5, .modal {
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

/* line 104, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.hoverable {
  transition: box-shadow .25s;
}

/* line 107, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.hoverable:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* line 114, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.divider {
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0;
}

/* line 123, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
blockquote {
  margin: 20px 0;
  padding-left: 1.5rem;
  border-left: 5px solid #1b2c47;
}

/* line 131, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
i {
  line-height: inherit;
}

/* line 134, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
i.left {
  float: left;
  margin-right: 15px;
}

/* line 138, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
i.right {
  float: right;
  margin-left: 15px;
}

/* line 142, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
i.tiny {
  font-size: 1rem;
}

/* line 145, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
i.small {
  font-size: 2rem;
}

/* line 148, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
i.medium {
  font-size: 4rem;
}

/* line 151, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
i.large {
  font-size: 6rem;
}

/* line 157, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
img.responsive-img,
video.responsive-video {
  max-width: 100%;
  height: auto;
}

/* line 168, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.pagination li {
  display: inline-block;
  border-radius: 2px;
  text-align: center;
  vertical-align: top;
  height: 30px;
}

/* line 175, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.pagination li a {
  color: #444;
  display: inline-block;
  font-size: 1.2rem;
  padding: 0 10px;
  line-height: 30px;
}

/* line 183, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.pagination li.active a {
  color: #fff;
}

/* line 185, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.pagination li.active {
  background-color: #1b2c47;
}

/* line 187, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.pagination li.disabled a {
  cursor: default;
  color: #999;
}

/* line 192, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.pagination li i {
  font-size: 2rem;
}

/* line 198, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.pagination li.pages ul li {
  display: inline-block;
  float: none;
}

@media only screen and (max-width : 992px) {
  /* line 204, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .pagination {
    width: 100%;
  }
  /* line 207, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .pagination li.prev,
.pagination li.next {
    width: 10%;
  }
  /* line 212, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .pagination li.pages {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
  }
}

/* line 221, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.breadcrumb {
  display: inline-block;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
}

/* line 226, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.breadcrumb i,
.breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
.breadcrumb i.material-icons {
  display: inline-block;
  float: left;
  font-size: 24px;
}

/* line 234, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.breadcrumb:before {
  content: '\E5CC';
  color: rgba(255, 255, 255, 0.7);
  vertical-align: top;
  display: inline-block;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  margin: 0 10px 0 8px;
  -webkit-font-smoothing: antialiased;
  float: left;
}

/* line 248, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.breadcrumb:first-child:before {
  display: none;
}

/* line 252, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.breadcrumb:last-child {
  color: #fff;
}

/* line 258, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.parallax-container {
  position: relative;
  overflow: hidden;
  height: 500px;
}

/* line 263, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.parallax-container .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

/* line 271, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.parallax-container .parallax img {
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  transform: translate3d(0, 0, 0);
  transform: translateX(-50%);
}

/* line 285, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.pin-top, .pin-bottom {
  position: relative;
}

/* line 288, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.pinned {
  position: fixed !important;
}

/*********************
  Transition Classes
**********************/
/* line 296, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
ul.staggered-list li {
  opacity: 0;
}

/* line 300, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.fade-in {
  opacity: 0;
  transform-origin: 0 50%;
}

/*********************
  Media Query Classes
**********************/
@media only screen and (max-width : 600px) {
  /* line 309, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important;
  }
}

@media only screen and (max-width : 992px) {
  /* line 314, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .hide-on-med-and-down {
    display: none !important;
  }
}

@media only screen and (min-width : 601px) {
  /* line 319, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .hide-on-med-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  /* line 324, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .hide-on-med-only {
    display: none !important;
  }
}

@media only screen and (min-width : 993px) {
  /* line 329, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .hide-on-large-only {
    display: none !important;
  }
}

@media only screen and (min-width : 1201px) {
  /* line 334, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .hide-on-extra-large-only {
    display: none !important;
  }
}

@media only screen and (min-width : 1201px) {
  /* line 339, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .show-on-extra-large {
    display: block !important;
  }
}

@media only screen and (min-width : 993px) {
  /* line 344, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .show-on-large {
    display: block !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  /* line 349, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .show-on-medium {
    display: block !important;
  }
}

@media only screen and (max-width : 600px) {
  /* line 354, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .show-on-small {
    display: block !important;
  }
}

@media only screen and (min-width : 601px) {
  /* line 359, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .show-on-medium-and-up {
    display: block !important;
  }
}

@media only screen and (max-width : 992px) {
  /* line 364, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .show-on-medium-and-down {
    display: block !important;
  }
}

@media only screen and (max-width : 600px) {
  /* line 372, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  .center-on-small-only {
    text-align: center;
  }
}

/* line 379, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.page-footer {
  padding-top: 20px;
  color: #fff;
  background-color: #1b2c47;
}

/* line 384, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.page-footer .footer-copyright {
  overflow: hidden;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(51, 51, 51, 0.08);
}

/* line 397, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
table, th, td {
  border: none;
}

/* line 401, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 408, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
table.striped tr {
  border-bottom: none;
}

/* line 413, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
table.striped > tbody > tr:nth-child(odd) {
  background-color: rgba(242, 242, 242, 0.5);
}

/* line 417, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
table.striped > tbody > tr > td {
  border-radius: 0;
}

/* line 423, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
table.highlight > tbody > tr {
  transition: background-color .25s ease;
}

/* line 425, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
table.highlight > tbody > tr:hover {
  background-color: rgba(242, 242, 242, 0.5);
}

/* line 431, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
table.centered thead tr th, table.centered tbody tr td {
  text-align: center;
}

/* line 437, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/* line 441, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
td, th {
  padding: 15px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px;
}

@media only screen and (max-width : 992px) {
  /* line 452, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  table.responsive-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
    /* sort out borders */
  }
  /* line 459, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  table.responsive-table td:empty:before {
    content: '\00a0';
  }
  /* line 463, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  table.responsive-table th,
table.responsive-table td {
    margin: 0;
    vertical-align: top;
  }
  /* line 469, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  table.responsive-table th {
    text-align: left;
  }
  /* line 470, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  table.responsive-table thead {
    display: block;
    float: left;
  }
  /* line 474, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  table.responsive-table thead tr {
    display: block;
    padding: 0 10px 0 0;
  }
  /* line 478, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  table.responsive-table thead tr th::before {
    content: "\00a0";
  }
  /* line 483, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  table.responsive-table tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  /* line 490, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  table.responsive-table tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  /* line 495, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  table.responsive-table th {
    display: block;
    text-align: right;
  }
  /* line 499, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  table.responsive-table td {
    display: block;
    min-height: 1.25em;
    text-align: left;
  }
  /* line 504, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  table.responsive-table tr {
    border-bottom: none;
    padding: 0 10px;
  }
  /* line 510, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
  table.responsive-table thead {
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
  }
}

/* line 520, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection {
  margin: 0.5rem 0 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}

/* line 527, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection .collection-item {
  background-color: #fff;
  line-height: 1.5rem;
  padding: 10px 20px;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}

/* line 535, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection .collection-item.avatar {
  min-height: 84px;
  padding-left: 72px;
  position: relative;
}

/* line 541, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection .collection-item.avatar:not(.circle-clipper) > .circle,
.collection .collection-item.avatar :not(.circle-clipper) > .circle {
  position: absolute;
  width: 42px;
  height: 42px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle;
}

/* line 551, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection .collection-item.avatar i.circle {
  font-size: 18px;
  line-height: 42px;
  color: #fff;
  background-color: #999;
  text-align: center;
}

/* line 560, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection .collection-item.avatar .title {
  font-size: 16px;
}

/* line 564, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection .collection-item.avatar p {
  margin: 0;
}

/* line 568, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection .collection-item.avatar .secondary-content {
  position: absolute;
  top: 16px;
  right: 16px;
}

/* line 577, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection .collection-item:last-child {
  border-bottom: none;
}

/* line 581, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection .collection-item.active {
  background-color: #004fe1;
  color: #fbfcff;
}

/* line 585, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection .collection-item.active .secondary-content {
  color: #fff;
}

/* line 590, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection a.collection-item {
  display: block;
  transition: .25s;
  color: #004fe1;
}

/* line 595, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection a.collection-item:not(.active):hover {
  background-color: #ddd;
}

/* line 602, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection.with-header .collection-header {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 20px;
}

/* line 607, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection.with-header .collection-item {
  padding-left: 30px;
}

/* line 610, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collection.with-header .collection-item.avatar {
  padding-left: 72px;
}

/* line 617, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.secondary-content {
  float: right;
  color: #004fe1;
}

/* line 621, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.collapsible .collection {
  margin: 0;
  border: none;
}

/* line 629, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

/* line 635, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 645, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.progress {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #aecaff;
  border-radius: 2px;
  margin: 0.5rem 0 1rem 0;
  overflow: hidden;
}

/* line 654, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.progress .determinate {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #004fe1;
  transition: width .3s linear;
}

/* line 662, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.progress .indeterminate {
  background-color: #004fe1;
}

/* line 664, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.progress .indeterminate:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
          animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

/* line 676, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.progress .indeterminate:after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
          animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
}

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}

/*******************
  Utility Classes
*******************/
/* line 725, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.hide {
  display: none !important;
}

/* line 730, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.left-align {
  text-align: left;
}

/* line 733, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.right-align {
  text-align: right;
}

/* line 736, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.center, .center-align {
  text-align: center;
}

/* line 740, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.left {
  float: left !important;
}

/* line 743, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.right {
  float: right !important;
}

/* line 748, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.no-select, input[type=range],
input[type=range] + .thumb {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 752, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.circle {
  border-radius: 50%;
}

/* line 756, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 762, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 769, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_global.scss */
.no-padding {
  padding: 0 !important;
}

/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_badges.scss */
span.badge {
  min-width: 3rem;
  padding: 0 6px;
  margin-left: 14px;
  text-align: center;
  font-size: 1rem;
  line-height: 22px;
  height: 22px;
  color: #757575;
  float: right;
  box-sizing: border-box;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_badges.scss */
span.badge.new {
  font-weight: 300;
  font-size: 0.8rem;
  color: #fff;
  background-color: #004fe1;
  border-radius: 2px;
}

/* line 21, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_badges.scss */
span.badge.new:after {
  content: " new";
}

/* line 25, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_badges.scss */
span.badge[data-badge-caption]::after {
  content: " " attr(data-badge-caption);
}

/* line 31, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_badges.scss */
nav ul a span.badge {
  display: inline-block;
  float: none;
  margin-left: 4px;
  line-height: 22px;
  height: 22px;
  -webkit-font-smoothing: auto;
}

/* line 41, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_badges.scss */
.collection-item span.badge {
  margin-top: calc(0.75rem - 11px);
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_badges.scss */
.collapsible span.badge {
  margin-left: auto;
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_badges.scss */
.sidenav span.badge {
  margin-top: calc(24px - 11px);
}

/* line 51, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_badges.scss */
table span.badge {
  display: inline-block;
  float: none;
  margin-left: auto;
}

/* This is needed for some mobile phones to display the Google Icon font properly */
/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_icons-material-design.scss */
.material-icons {
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga';
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width : 601px) {
  /* line 7, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .container {
    width: 85%;
  }
}

@media only screen and (min-width : 993px) {
  /* line 12, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .container {
    width: 70%;
  }
}

/* line 16, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.col .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

/* line 21, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 25, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.section.no-pad {
  padding: 0;
}

/* line 28, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.section.no-pad-bot {
  padding-bottom: 0;
}

/* line 31, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.section.no-pad-top {
  padding-top: 0;
}

/* line 56, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

/* line 62, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* line 68, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}

/* line 74, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col[class*="push-"], .row .col[class*="pull-"] {
  position: relative;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.offset-s1 {
  margin-left: 8.3333333333%;
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.pull-s1 {
  right: 8.3333333333%;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.push-s1 {
  left: 8.3333333333%;
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.offset-s2 {
  margin-left: 16.6666666667%;
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.pull-s2 {
  right: 16.6666666667%;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.push-s2 {
  left: 16.6666666667%;
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.offset-s3 {
  margin-left: 25%;
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.pull-s3 {
  right: 25%;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.push-s3 {
  left: 25%;
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.offset-s4 {
  margin-left: 33.3333333333%;
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.pull-s4 {
  right: 33.3333333333%;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.push-s4 {
  left: 33.3333333333%;
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.offset-s5 {
  margin-left: 41.6666666667%;
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.pull-s5 {
  right: 41.6666666667%;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.push-s5 {
  left: 41.6666666667%;
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.offset-s6 {
  margin-left: 50%;
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.pull-s6 {
  right: 50%;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.push-s6 {
  left: 50%;
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.offset-s7 {
  margin-left: 58.3333333333%;
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.pull-s7 {
  right: 58.3333333333%;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.push-s7 {
  left: 58.3333333333%;
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.offset-s8 {
  margin-left: 66.6666666667%;
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.pull-s8 {
  right: 66.6666666667%;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.push-s8 {
  left: 66.6666666667%;
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.offset-s9 {
  margin-left: 75%;
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.pull-s9 {
  right: 75%;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.push-s9 {
  left: 75%;
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.offset-s10 {
  margin-left: 83.3333333333%;
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.pull-s10 {
  right: 83.3333333333%;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.push-s10 {
  left: 83.3333333333%;
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.offset-s11 {
  margin-left: 91.6666666667%;
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.pull-s11 {
  right: 91.6666666667%;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.push-s11 {
  left: 91.6666666667%;
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.offset-s12 {
  margin-left: 100%;
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.pull-s12 {
  right: 100%;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
.row .col.push-s12 {
  left: 100%;
}

@media only screen and (min-width : 601px) {
  /* line 101, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 101, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 101, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 101, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 101, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 101, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 101, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 101, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 101, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 101, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 101, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 101, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-m1 {
    margin-left: 8.3333333333%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-m1 {
    right: 8.3333333333%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-m1 {
    left: 8.3333333333%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-m2 {
    margin-left: 16.6666666667%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-m2 {
    right: 16.6666666667%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-m2 {
    left: 16.6666666667%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-m3 {
    margin-left: 25%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-m3 {
    right: 25%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-m3 {
    left: 25%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-m4 {
    margin-left: 33.3333333333%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-m4 {
    right: 33.3333333333%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-m4 {
    left: 33.3333333333%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-m5 {
    margin-left: 41.6666666667%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-m5 {
    right: 41.6666666667%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-m5 {
    left: 41.6666666667%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-m6 {
    margin-left: 50%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-m6 {
    right: 50%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-m6 {
    left: 50%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-m7 {
    margin-left: 58.3333333333%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-m7 {
    right: 58.3333333333%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-m7 {
    left: 58.3333333333%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-m8 {
    margin-left: 66.6666666667%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-m8 {
    right: 66.6666666667%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-m8 {
    left: 66.6666666667%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-m9 {
    margin-left: 75%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-m9 {
    right: 75%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-m9 {
    left: 75%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-m10 {
    margin-left: 83.3333333333%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-m10 {
    right: 83.3333333333%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-m10 {
    left: 83.3333333333%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-m11 {
    margin-left: 91.6666666667%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-m11 {
    right: 91.6666666667%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-m11 {
    left: 91.6666666667%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-m12 {
    margin-left: 100%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-m12 {
    right: 100%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-m12 {
    left: 100%;
  }
}

@media only screen and (min-width : 993px) {
  /* line 121, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 121, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 121, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 121, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 121, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 121, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 121, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 121, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 121, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 121, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 121, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 121, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-l1 {
    margin-left: 8.3333333333%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-l1 {
    right: 8.3333333333%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-l1 {
    left: 8.3333333333%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-l2 {
    margin-left: 16.6666666667%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-l2 {
    right: 16.6666666667%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-l2 {
    left: 16.6666666667%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-l3 {
    right: 25%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-l3 {
    left: 25%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-l4 {
    margin-left: 33.3333333333%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-l4 {
    right: 33.3333333333%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-l4 {
    left: 33.3333333333%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-l5 {
    margin-left: 41.6666666667%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-l5 {
    right: 41.6666666667%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-l5 {
    left: 41.6666666667%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-l6 {
    right: 50%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-l6 {
    left: 50%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-l7 {
    margin-left: 58.3333333333%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-l7 {
    right: 58.3333333333%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-l7 {
    left: 58.3333333333%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-l8 {
    margin-left: 66.6666666667%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-l8 {
    right: 66.6666666667%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-l8 {
    left: 66.6666666667%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-l9 {
    right: 75%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-l9 {
    left: 75%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-l10 {
    margin-left: 83.3333333333%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-l10 {
    right: 83.3333333333%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-l10 {
    left: 83.3333333333%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-l11 {
    margin-left: 91.6666666667%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-l11 {
    right: 91.6666666667%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-l11 {
    left: 91.6666666667%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-l12 {
    margin-left: 100%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-l12 {
    right: 100%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-l12 {
    left: 100%;
  }
}

@media only screen and (min-width : 1201px) {
  /* line 141, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.xl1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 141, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.xl2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 141, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.xl3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 141, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.xl4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 141, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.xl5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 141, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.xl6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 141, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.xl7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 141, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.xl8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 141, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.xl9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 141, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.xl10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 141, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.xl11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 141, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.xl12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-xl1 {
    margin-left: 8.3333333333%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-xl1 {
    right: 8.3333333333%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-xl1 {
    left: 8.3333333333%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-xl2 {
    margin-left: 16.6666666667%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-xl2 {
    right: 16.6666666667%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-xl2 {
    left: 16.6666666667%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-xl3 {
    margin-left: 25%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-xl3 {
    right: 25%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-xl3 {
    left: 25%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-xl4 {
    margin-left: 33.3333333333%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-xl4 {
    right: 33.3333333333%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-xl4 {
    left: 33.3333333333%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-xl5 {
    margin-left: 41.6666666667%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-xl5 {
    right: 41.6666666667%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-xl5 {
    left: 41.6666666667%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-xl6 {
    margin-left: 50%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-xl6 {
    right: 50%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-xl6 {
    left: 50%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-xl7 {
    margin-left: 58.3333333333%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-xl7 {
    right: 58.3333333333%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-xl7 {
    left: 58.3333333333%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-xl8 {
    margin-left: 66.6666666667%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-xl8 {
    right: 66.6666666667%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-xl8 {
    left: 66.6666666667%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-xl9 {
    margin-left: 75%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-xl9 {
    right: 75%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-xl9 {
    left: 75%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-xl10 {
    margin-left: 83.3333333333%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-xl10 {
    right: 83.3333333333%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-xl10 {
    left: 83.3333333333%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-xl11 {
    margin-left: 91.6666666667%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-xl11 {
    right: 91.6666666667%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-xl11 {
    left: 91.6666666667%;
  }
  /* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.offset-xl12 {
    margin-left: 100%;
  }
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.pull-xl12 {
    right: 100%;
  }
  /* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_grid.scss */
  .row .col.push-xl12 {
    left: 100%;
  }
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav {
  color: #fff;
  background-color: #1b2c47;
  width: 100%;
  height: 56px;
  line-height: 56px;
}

/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav.nav-extended {
  height: auto;
}

/* line 5, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav.nav-extended .nav-wrapper {
  min-height: 56px;
  height: auto;
}

/* line 10, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav.nav-extended .nav-content {
  position: relative;
  line-height: normal;
}

/* line 23, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav a {
  color: #fff;
}

/* line 25, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav i,
nav [class^="mdi-"], nav [class*="mdi-"],
nav i.material-icons {
  display: block;
  font-size: 24px;
  height: 56px;
  line-height: 56px;
}

/* line 34, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav .nav-wrapper {
  position: relative;
  height: 100%;
}

@media only screen and (min-width : 993px) {
  /* line 40, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
  nav a.sidenav-trigger {
    display: none;
  }
}

/* line 45, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav .sidenav-trigger {
  float: left;
  position: relative;
  z-index: 1;
  height: 56px;
  margin: 0 18px;
}

/* line 52, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav .sidenav-trigger i {
  height: 56px;
  line-height: 56px;
}

/* line 60, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav .brand-logo {
  position: absolute;
  color: #fff;
  display: inline-block;
  font-size: 2.1rem;
  padding: 0;
}

/* line 67, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav .brand-logo.center {
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width : 992px) {
  /* line 60, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
  nav .brand-logo {
    left: 50%;
    transform: translateX(-50%);
  }
  /* line 76, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
  nav .brand-logo.left, nav .brand-logo.right {
    padding: 0;
    transform: none;
  }
  /* line 81, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
  nav .brand-logo.left {
    left: 0.5rem;
  }
  /* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
  nav .brand-logo.right {
    right: 0.5rem;
    left: auto;
  }
}

/* line 88, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav .brand-logo.right {
  right: 0.5rem;
  padding: 0;
}

/* line 93, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav .brand-logo i,
nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],
nav .brand-logo i.material-icons {
  float: left;
  margin-right: 15px;
}

/* line 103, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav .nav-title {
  display: inline-block;
  font-size: 32px;
  padding: 28px 0;
}

/* line 111, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav ul {
  margin: 0;
}

/* line 114, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav ul li {
  transition: background-color .3s;
  float: left;
  padding: 0;
}

/* line 119, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav ul li.active {
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 123, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav ul a {
  transition: background-color .3s;
  font-size: 1rem;
  color: #fff;
  display: block;
  padding: 0 15px;
  cursor: pointer;
}

/* line 131, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav ul a.btn, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
  margin-top: -2px;
  margin-left: 15px;
  margin-right: 15px;
}

/* line 136, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav ul a.btn > .material-icons, nav ul a.btn-small > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons {
  height: inherit;
  line-height: inherit;
}

/* line 142, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav ul a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 147, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav ul.left {
  float: left;
}

/* line 153, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav form {
  height: 100%;
}

/* line 157, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav .input-field {
  margin: 0;
  height: 100%;
}

/* line 161, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav .input-field input {
  height: 100%;
  font-size: 1.2rem;
  border: none;
  padding-left: 2rem;
}

/* line 167, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
  border: none;
  box-shadow: none;
}

/* line 174, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav .input-field label {
  top: 0;
  left: 0;
}

/* line 178, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav .input-field label i {
  color: rgba(255, 255, 255, 0.7);
  transition: color .3s;
}

/* line 182, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
nav .input-field label.active i {
  color: #fff;
}

/* line 188, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
.navbar-fixed {
  position: relative;
  height: 56px;
  z-index: 997;
}

/* line 193, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
.navbar-fixed nav {
  position: fixed;
}

@media only screen and (min-width : 601px) {
  /* line 198, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
  nav.nav-extended .nav-wrapper {
    min-height: 64px;
  }
  /* line 201, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
  nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
    height: 64px;
    line-height: 64px;
  }
  /* line 205, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_navbar.scss */
  .navbar-fixed {
    height: 64px;
  }
}

/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
a {
  text-decoration: none;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
html {
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}

@media only screen and (min-width: 0) {
  /* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  html {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) {
  /* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  html {
    font-size: 14.5px;
  }
}

@media only screen and (min-width: 1200px) {
  /* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  html {
    font-size: 15px;
  }
}

/* line 25, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.3;
}

/* line 31, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

/* line 32, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.8rem 0 1.68rem 0;
}

/* line 33, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 2.3733333333rem 0 1.424rem 0;
}

/* line 34, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.9466666667rem 0 1.168rem 0;
}

/* line 35, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.52rem 0 0.912rem 0;
}

/* line 36, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 1.0933333333rem 0 0.656rem 0;
}

/* line 37, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
h6 {
  font-size: 1.15rem;
  line-height: 110%;
  margin: 0.7666666667rem 0 0.46rem 0;
}

/* line 40, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
em {
  font-style: italic;
}

/* line 41, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
strong {
  font-weight: 500;
}

/* line 42, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
small {
  font-size: 75%;
}

/* line 43, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
.light {
  font-weight: 300;
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
.thin {
  font-weight: 200;
}

@media only screen and (min-width: 360px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 390px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.224rem;
  }
}

@media only screen and (min-width: 420px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.248rem;
  }
}

@media only screen and (min-width: 450px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.272rem;
  }
}

@media only screen and (min-width: 480px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.296rem;
  }
}

@media only screen and (min-width: 510px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.32rem;
  }
}

@media only screen and (min-width: 540px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.344rem;
  }
}

@media only screen and (min-width: 570px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.368rem;
  }
}

@media only screen and (min-width: 600px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.392rem;
  }
}

@media only screen and (min-width: 630px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.416rem;
  }
}

@media only screen and (min-width: 660px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.44rem;
  }
}

@media only screen and (min-width: 690px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.464rem;
  }
}

@media only screen and (min-width: 720px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.488rem;
  }
}

@media only screen and (min-width: 750px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.512rem;
  }
}

@media only screen and (min-width: 780px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.536rem;
  }
}

@media only screen and (min-width: 810px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.56rem;
  }
}

@media only screen and (min-width: 840px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.584rem;
  }
}

@media only screen and (min-width: 870px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.608rem;
  }
}

@media only screen and (min-width: 900px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.632rem;
  }
}

@media only screen and (min-width: 930px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.656rem;
  }
}

@media only screen and (min-width: 960px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.68rem;
  }
}

@media only screen and (max-width: 360px) {
  /* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_typography.scss */
  .flow-text {
    font-size: 1.2rem;
  }
}

/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_transitions.scss */
.scale-transition {
  transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}

/* line 3, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_transitions.scss */
.scale-transition.scale-out {
  transform: scale(0);
  transition: transform .2s !important;
}

/* line 8, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_transitions.scss */
.scale-transition.scale-in {
  transform: scale(1);
}

/* line 3, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card-panel {
  transition: box-shadow .25s;
  padding: 24px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 2px;
  background-color: #fff;
}

/* line 12, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  transition: box-shadow .25s;
  border-radius: 2px;
}

/* line 21, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-title {
  font-size: 24px;
  font-weight: 300;
}

/* line 24, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-title.activator {
  cursor: pointer;
}

/* line 30, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.small, .card.medium, .card.large {
  position: relative;
}

/* line 33, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.small .card-image, .card.medium .card-image, .card.large .card-image {
  max-height: 60%;
  overflow: hidden;
}

/* line 37, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
  max-height: 40%;
}

/* line 40, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.small .card-content, .card.medium .card-content, .card.large .card-content {
  max-height: 100%;
  overflow: hidden;
}

/* line 44, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.small .card-action, .card.medium .card-action, .card.large .card-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 52, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.small {
  height: 300px;
}

/* line 56, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.medium {
  height: 400px;
}

/* line 60, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.large {
  height: 500px;
}

/* line 65, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.horizontal {
  display: flex;
}

/* line 67, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
  height: 100%;
  max-height: none;
  overflow: visible;
}

/* line 72, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
  height: 100%;
}

/* line 80, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.horizontal .card-image {
  max-width: 50%;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.horizontal .card-image img {
  border-radius: 2px 0 0 2px;
  max-width: 100%;
  width: auto;
}

/* line 89, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.horizontal .card-stacked {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}

/* line 95, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.horizontal .card-stacked .card-content {
  flex-grow: 1;
}

/* line 103, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.sticky-action .card-action {
  z-index: 2;
}

/* line 107, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card.sticky-action .card-reveal {
  z-index: 1;
  padding-bottom: 64px;
}

/* line 116, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-image {
  position: relative;
}

/* line 120, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-image img {
  display: block;
  border-radius: 2px 2px 0 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}

/* line 131, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-image .card-title {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 24px;
}

/* line 141, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-content {
  padding: 24px;
  border-radius: 0 0 2px 2px;
}

/* line 145, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-content p {
  margin: 0;
}

/* line 148, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-content .card-title {
  display: block;
  line-height: 32px;
  margin-bottom: 8px;
}

/* line 153, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-content .card-title i {
  line-height: 32px;
}

/* line 159, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-action {
  background-color: inherit;
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  position: relative;
  padding: 16px 24px;
}

/* line 160, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-action:last-child {
  border-radius: 0 0 2px 2px;
}

/* line 168, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-action a:not(.btn):not(.btn-small):not(.btn-large):not(.btn-large):not(.btn-floating) {
  color: #ffab40;
  margin-right: 24px;
  transition: color .3s ease;
  text-transform: uppercase;
}

/* line 174, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-action a:not(.btn):not(.btn-small):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
  color: #ffd8a6;
}

/* line 178, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-reveal {
  padding: 24px;
  position: absolute;
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  left: 0;
  top: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}

/* line 190, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_cards.scss */
.card .card-reveal .card-title {
  cursor: pointer;
  display: block;
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_toast.scss */
#toast-container {
  display: block;
  position: fixed;
  z-index: 10000;
}

@media only screen and (max-width : 600px) {
  /* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_toast.scss */
  #toast-container {
    min-width: 100%;
    bottom: 0%;
  }
}

@media only screen and (min-width : 601px) and (max-width : 992px) {
  /* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_toast.scss */
  #toast-container {
    left: 5%;
    bottom: 7%;
    max-width: 90%;
  }
}

@media only screen and (min-width : 993px) {
  /* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_toast.scss */
  #toast-container {
    top: 10%;
    right: 7%;
    max-width: 86%;
  }
}

/* line 22, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_toast.scss */
.toast {
  border-radius: 2px;
  top: 35px;
  width: auto;
  margin-top: 10px;
  position: relative;
  max-width: 100%;
  height: auto;
  min-height: 48px;
  line-height: 1.5em;
  background-color: #323232;
  padding: 10px 25px;
  font-size: 1.1rem;
  font-weight: 300;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: default;
}

/* line 43, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_toast.scss */
.toast .toast-action {
  color: #eeff41;
  font-weight: 500;
  margin-right: -25px;
  margin-left: 3rem;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_toast.scss */
.toast.rounded {
  border-radius: 24px;
}

@media only screen and (max-width : 600px) {
  /* line 22, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_toast.scss */
  .toast {
    width: 100%;
    border-radius: 0;
  }
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
.tabs {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 48px;
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  white-space: nowrap;
}

/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
.tabs.tabs-transparent {
  background-color: transparent;
}

/* line 5, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
.tabs.tabs-transparent .tab a,
.tabs.tabs-transparent .tab.disabled a,
.tabs.tabs-transparent .tab.disabled a:hover {
  color: rgba(255, 255, 255, 0.7);
}

/* line 11, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
.tabs.tabs-transparent .tab a:hover,
.tabs.tabs-transparent .tab a.active {
  color: #fff;
}

/* line 16, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
.tabs.tabs-transparent .indicator {
  background-color: #fff;
}

/* line 21, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
.tabs.tabs-fixed-width {
  display: flex;
}

/* line 24, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
.tabs.tabs-fixed-width .tab {
  flex-grow: 1;
}

/* line 38, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
.tabs .tab {
  display: inline-block;
  text-align: center;
  line-height: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
.tabs .tab a {
  color: rgba(27, 44, 71, 0.7);
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: color .28s ease, background-color .28s ease;
}

/* line 48, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
.tabs .tab a:focus, .tabs .tab a.active:focus {
  background-color: rgba(48, 78, 126, 0.2);
  outline: none;
}

/* line 54, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
.tabs .tab a:hover, .tabs .tab a.active {
  background-color: transparent;
  color: #1b2c47;
}

/* line 71, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
.tabs .tab.disabled a, .tabs .tab.disabled a:hover {
  color: rgba(27, 44, 71, 0.4);
  cursor: default;
}

/* line 77, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #304e7e;
  will-change: left, right;
}

@media only screen and (max-width : 992px) {
  /* line 88, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
  .tabs {
    display: flex;
  }
  /* line 91, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
  .tabs .tab {
    flex-grow: 1;
  }
  /* line 94, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tabs.scss */
  .tabs .tab a {
    padding: 0 12px;
  }
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tooltip.scss */
.material-tooltip {
  padding: 10px 8px;
  font-size: 1rem;
  z-index: 2000;
  background-color: transparent;
  border-radius: 2px;
  color: #fff;
  min-height: 36px;
  line-height: 120%;
  opacity: 0;
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
  background-color: #323232;
}

/* line 22, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tooltip.scss */
.backdrop {
  position: absolute;
  opacity: 0;
  height: 7px;
  width: 14px;
  border-radius: 0 0 50% 50%;
  background-color: #323232;
  z-index: -1;
  transform-origin: 50% 0%;
  visibility: hidden;
}

/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn, .btn-small, .btn-large,
.btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

/* line 16, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn.disabled,
.btn-floating.disabled,
.btn-large.disabled,
.btn-small.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-flat:disabled,
.btn[disabled],
.btn-floating[disabled],
.btn-large[disabled],
.btn-small[disabled],
.btn-flat[disabled] {
  pointer-events: none;
  background-color: #DFDFDF !important;
  box-shadow: none;
  color: #9F9F9F !important;
  cursor: default;
}

/* line 36, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn.disabled:hover,
.btn-floating.disabled:hover,
.btn-large.disabled:hover,
.btn-small.disabled:hover,
.btn-flat.disabled:hover,
.btn:disabled:hover,
.btn-floating:disabled:hover,
.btn-large:disabled:hover,
.btn-small:disabled:hover,
.btn-flat:disabled:hover,
.btn[disabled]:hover,
.btn-floating[disabled]:hover,
.btn-large[disabled]:hover,
.btn-small[disabled]:hover,
.btn-flat[disabled]:hover {
  background-color: #DFDFDF !important;
  color: #9F9F9F !important;
}

/* line 43, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn,
.btn-floating,
.btn-large,
.btn-small,
.btn-flat {
  font-size: 14px;
  outline: 0;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn i,
.btn-floating i,
.btn-large i,
.btn-small i,
.btn-flat i {
  font-size: 1.3rem;
  line-height: inherit;
}

/* line 59, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn:focus, .btn-small:focus, .btn-large:focus,
.btn-floating:focus {
  background-color: #003dae;
}

/* line 65, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn, .btn-small, .btn-large {
  text-decoration: none;
  color: #fff;
  background-color: #004fe1;
  text-align: center;
  letter-spacing: .5px;
  transition: background-color .2s ease-out;
  cursor: pointer;
}

/* line 74, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn:hover, .btn-small:hover, .btn-large:hover {
  background-color: #0058fb;
}

/* line 81, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #004fe1;
  border-radius: 50%;
  transition: background-color .3s;
  cursor: pointer;
  vertical-align: middle;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-floating:hover {
  background-color: #004fe1;
}

/* line 86, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-floating:before {
  border-radius: 0;
}

/* line 89, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-floating.btn-large {
  width: 56px;
  height: 56px;
  padding: 0;
}

/* line 90, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-floating.btn-large.halfway-fab {
  bottom: -28px;
}

/* line 96, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-floating.btn-large i {
  line-height: 56px;
}

/* line 101, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-floating.btn-small {
  width: 32.4px;
  height: 32.4px;
}

/* line 102, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-floating.btn-small.halfway-fab {
  bottom: -16.2px;
}

/* line 107, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-floating.btn-small i {
  line-height: 32.4px;
}

/* line 112, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-floating.halfway-fab {
  position: absolute;
  right: 24px;
  bottom: -20px;
}

/* line 113, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-floating.halfway-fab.left {
  right: auto;
  left: 24px;
}

/* line 136, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 40px;
}

/* line 147, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
button.btn-floating {
  border: none;
}

/* line 152, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 997;
}

/* line 154, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.active ul {
  visibility: visible;
}

/* line 160, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.direction-left, .fixed-action-btn.direction-right {
  padding: 0 0 0 15px;
}

/* line 163, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul {
  text-align: right;
  right: 64px;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  left: auto;
  /*width 100% only goes to width of button container */
  width: 500px;
}

/* line 172, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li {
  display: inline-block;
  margin: 7.5px 15px 0 0;
}

/* line 178, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.direction-right {
  padding: 0 15px 0 0;
}

/* line 180, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.direction-right ul {
  text-align: left;
  direction: rtl;
  left: 64px;
  right: auto;
}

/* line 185, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.direction-right ul li {
  margin: 7.5px 0 0 15px;
}

/* line 190, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.direction-bottom {
  padding: 0 0 15px 0;
}

/* line 192, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.direction-bottom ul {
  top: 64px;
  bottom: auto;
  display: flex;
  flex-direction: column-reverse;
}

/* line 197, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.direction-bottom ul li {
  margin: 15px 0 0 0;
}

/* line 202, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.toolbar {
  padding: 0;
  height: 56px;
}

/* line 204, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.toolbar.active > a i {
  opacity: 0;
}

/* line 210, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.toolbar ul {
  display: flex;
  top: 0;
  bottom: 0;
  z-index: 1;
}

/* line 215, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.toolbar ul li {
  flex: 1;
  display: inline-block;
  margin: 0;
  height: 100%;
  transition: none;
}

/* line 221, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.toolbar ul li a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
  box-shadow: none;
  color: #fff;
  line-height: 56px;
  z-index: 1;
}

/* line 232, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn.toolbar ul li a i {
  line-height: inherit;
}

/* line 245, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn ul {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: 64px;
  margin: 0;
  visibility: hidden;
}

/* line 253, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn ul li {
  margin-bottom: 15px;
}

/* line 256, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn ul a.btn-floating {
  opacity: 0;
}

/* line 260, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.fixed-action-btn .fab-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40px;
  height: 40px;
  background-color: #004fe1;
  border-radius: 50%;
  transform: scale(0);
}

/* line 274, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-flat {
  box-shadow: none;
  background-color: transparent;
  color: #343434;
  cursor: pointer;
  transition: background-color .2s;
}

/* line 280, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-flat:focus, .btn-flat:hover {
  box-shadow: none;
}

/* line 284, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-flat:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 287, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-flat.disabled, .btn-flat.btn-flat[disabled] {
  background-color: transparent !important;
  color: #b3b3b3 !important;
  cursor: default;
}

/* line 296, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-large {
  height: 54px;
  line-height: 54px;
  font-size: 15px;
  padding: 0 28px;
}

/* line 303, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-large i {
  font-size: 1.6rem;
}

/* line 309, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-small {
  height: 32.4px;
  line-height: 32.4px;
  font-size: 13px;
}

/* line 314, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-small i {
  font-size: 1.2rem;
}

/* line 320, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_buttons.scss */
.btn-block {
  display: block;
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_dropdown.scss */
.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 100px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  transform-origin: 0 0;
}

/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_dropdown.scss */
.dropdown-content:focus {
  outline: 0;
}

/* line 21, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_dropdown.scss */
.dropdown-content li {
  clear: both;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  min-height: 50px;
  line-height: 1.5rem;
  width: 100%;
  text-align: left;
}

/* line 22, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_dropdown.scss */
.dropdown-content li:hover, .dropdown-content li.active {
  background-color: #eee;
}

/* line 26, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_dropdown.scss */
.dropdown-content li:focus {
  outline: none;
}

/* line 30, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_dropdown.scss */
.dropdown-content li.divider {
  min-height: 0;
  height: 1px;
}

/* line 35, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_dropdown.scss */
.dropdown-content li > a, .dropdown-content li > span {
  font-size: 16px;
  color: #004fe1;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}

/* line 43, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_dropdown.scss */
.dropdown-content li > span > label {
  top: 1px;
  left: 0;
  height: 18px;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_dropdown.scss */
.dropdown-content li > a > i {
  height: inherit;
  line-height: inherit;
  float: left;
  margin: 0 24px 0 0;
  width: 24px;
}

/* line 70, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_dropdown.scss */
body.keyboard-focused .dropdown-content li:focus {
  background-color: #dadada;
}

/* line 76, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_dropdown.scss */
.input-field.col .dropdown-content [type="checkbox"] + label {
  top: 1px;
  left: 0;
  height: 18px;
  transform: none;
}

/* line 83, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_dropdown.scss */
.dropdown-trigger {
  cursor: pointer;
}

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
/* line 12, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  transition: .3s ease-out;
}

/* line 23, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.7s ease-out;
  transition-property: transform, opacity;
  transform: scale(0);
  pointer-events: none;
}

/* line 40, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45);
}

/* line 43, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7);
}

/* line 46, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7);
}

/* line 49, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7);
}

/* line 52, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7);
}

/* line 55, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7);
}

/* line 58, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, 0.7);
}

/* line 63, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
  border: 0;
  font-style: normal;
  font-size: inherit;
  text-transform: inherit;
  background: none;
}

/* line 71, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-effect img {
  position: relative;
  z-index: -1;
}

/* line 77, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-notransition {
  transition: none !important;
}

/* line 81, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-circle {
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

/* line 86, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

/* line 90, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

/* line 98, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none;
}

/* line 107, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-block {
  display: block;
}

/* Firefox Bug: link not triggered */
/* line 112, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_waves.scss */
.waves-effect .waves-ripple {
  z-index: -1;
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_modal.scss */
.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 55%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity;
}

/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_modal.scss */
.modal:focus {
  outline: none;
}

@media only screen and (max-width : 992px) {
  /* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_modal.scss */
  .modal {
    width: 80%;
  }
}

/* line 26, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_modal.scss */
.modal h1, .modal h2, .modal h3, .modal h4 {
  margin-top: 0;
}

/* line 30, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_modal.scss */
.modal .modal-content {
  padding: 24px;
}

/* line 33, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_modal.scss */
.modal .modal-close {
  cursor: pointer;
}

/* line 37, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_modal.scss */
.modal .modal-footer {
  border-radius: 0 0 2px 2px;
  background-color: #fafafa;
  padding: 4px 6px;
  height: 56px;
  width: 100%;
  text-align: right;
}

/* line 45, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_modal.scss */
.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat {
  margin: 6px 0;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_modal.scss */
.modal-overlay {
  position: fixed;
  z-index: 999;
  top: -25%;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity;
}

/* line 66, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_modal.scss */
.modal.modal-fixed-footer {
  padding: 0;
  height: 70%;
}

/* line 70, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_modal.scss */
.modal.modal-fixed-footer .modal-content {
  position: absolute;
  height: calc(100% - 56px);
  max-height: 100%;
  width: 100%;
  overflow-y: auto;
}

/* line 78, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_modal.scss */
.modal.modal-fixed-footer .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
}

/* line 86, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_modal.scss */
.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom, opacity;
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.collapsible {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: 0.5rem 0 1rem 0;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.collapsible-header {
  display: flex;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
  padding: 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

/* line 10, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.collapsible-header:focus {
  outline: 0;
}

/* line 22, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.collapsible-header i {
  width: 2rem;
  font-size: 1.6rem;
  display: inline-block;
  text-align: center;
  margin-right: 1rem;
}

/* line 30, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.keyboard-focused .collapsible-header:focus {
  background-color: #eee;
}

/* line 34, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 2rem;
}

/* line 45, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.sidenav .collapsible,
.sidenav.sidenav-fixed .collapsible {
  border: none;
  box-shadow: none;
}

/* line 49, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.sidenav .collapsible li,
.sidenav.sidenav-fixed .collapsible li {
  padding: 0;
}

/* line 52, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.sidenav .collapsible-header,
.sidenav.sidenav-fixed .collapsible-header {
  background-color: transparent;
  border: none;
  line-height: inherit;
  height: inherit;
  padding: 0 16px;
}

/* line 59, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.sidenav .collapsible-header:hover,
.sidenav.sidenav-fixed .collapsible-header:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* line 60, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.sidenav .collapsible-header i,
.sidenav.sidenav-fixed .collapsible-header i {
  line-height: inherit;
}

/* line 63, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.sidenav .collapsible-body,
.sidenav.sidenav-fixed .collapsible-body {
  border: 0;
  background-color: #fff;
}

/* line 67, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.sidenav .collapsible-body li a,
.sidenav.sidenav-fixed .collapsible-body li a {
  padding: 0 23.5px 0 31px;
}

/* line 77, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.collapsible.popout {
  border: none;
  box-shadow: none;
}

/* line 80, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.collapsible.popout > li {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin: 0 24px;
  transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* line 86, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_collapsible.scss */
.collapsible.popout > li.active {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  margin: 16px 0;
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_chips.scss */
.chip {
  display: inline-block;
  height: 32px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
  padding: 0 12px;
  border-radius: 16px;
  background-color: #e4e4e4;
  margin-bottom: 5px;
  margin-right: 5px;
}

/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_chips.scss */
.chip:focus {
  outline: none;
  background-color: #26a69a;
  color: #fff;
}

/* line 20, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_chips.scss */
.chip > img {
  float: left;
  margin: 0 8px 0 -12px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
}

/* line 28, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_chips.scss */
.chip .close {
  cursor: pointer;
  float: right;
  font-size: 16px;
  line-height: 32px;
  padding-left: 8px;
}

/* line 37, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_chips.scss */
.chips {
  border: none;
  border-bottom: 1px solid #9e9e9e;
  box-shadow: none;
  margin: 0 0 8px 0;
  min-height: 45px;
  outline: none;
  transition: all .3s;
}

/* line 46, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_chips.scss */
.chips.focus {
  border-bottom: 1px solid #26a69a;
  box-shadow: 0 1px 0 0 #26a69a;
}

/* line 51, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_chips.scss */
.chips:hover {
  cursor: text;
}

/* line 55, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_chips.scss */
.chips .input {
  background: none;
  border: 0;
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  font-size: 16px;
  height: 3rem;
  line-height: 32px;
  outline: 0;
  margin: 0;
  padding: 0 !important;
  width: 120px !important;
}

/* line 69, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_chips.scss */
.chips .input:focus {
  border: 0 !important;
  box-shadow: none !important;
}

/* line 75, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_chips.scss */
.chips .autocomplete-content {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 82, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_chips.scss */
.prefix ~ .chips {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

/* line 87, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_chips.scss */
.chips:empty ~ label {
  font-size: 0.8rem;
  transform: translateY(-140%);
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_materialbox.scss */
.materialboxed {
  display: block;
  cursor: zoom-in;
  position: relative;
  transition: opacity .4s;
  -webkit-backface-visibility: hidden;
}

/* line 3, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_materialbox.scss */
.materialboxed:hover:not(.active) {
  opacity: .8;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_materialbox.scss */
.materialboxed.active {
  cursor: zoom-out;
}

/* line 19, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_materialbox.scss */
#materialbox-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #292929;
  z-index: 1000;
  will-change: opacity;
}

/* line 30, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_materialbox.scss */
.materialbox-caption {
  position: fixed;
  display: none;
  color: #fff;
  line-height: 50px;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0% 15%;
  height: 50px;
  z-index: 1000;
  -webkit-font-smoothing: antialiased;
}

/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_forms.scss */
select:focus {
  outline: 1px solid #d2e2ff;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_forms.scss */
button:focus {
  outline: none;
  background-color: #0056f5;
}

/* line 11, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_forms.scss */
label {
  font-size: 0.8rem;
  color: #9e9e9e;
}

/* Text Inputs + Textarea
   ========================================================================== */
/* Style Placeholders */
/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
::-moz-placeholder {
  color: #d1d1d1;
}
:-ms-input-placeholder {
  color: #d1d1d1;
}
::placeholder {
  color: #d1d1d1;
}

/* Text inputs */
/* line 12, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: box-shadow .3s, border .3s;
}

/* line 42, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
input:not([type]):disabled, input[readonly="readonly"]:not([type]),
input[type=text]:not(.browser-default):disabled,
input[type=text][readonly="readonly"]:not(.browser-default),
input[type=password]:not(.browser-default):disabled,
input[type=password][readonly="readonly"]:not(.browser-default),
input[type=email]:not(.browser-default):disabled,
input[type=email][readonly="readonly"]:not(.browser-default),
input[type=url]:not(.browser-default):disabled,
input[type=url][readonly="readonly"]:not(.browser-default),
input[type=time]:not(.browser-default):disabled,
input[type=time][readonly="readonly"]:not(.browser-default),
input[type=date]:not(.browser-default):disabled,
input[type=date][readonly="readonly"]:not(.browser-default),
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime][readonly="readonly"]:not(.browser-default),
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local][readonly="readonly"]:not(.browser-default),
input[type=tel]:not(.browser-default):disabled,
input[type=tel][readonly="readonly"]:not(.browser-default),
input[type=number]:not(.browser-default):disabled,
input[type=number][readonly="readonly"]:not(.browser-default),
input[type=search]:not(.browser-default):disabled,
input[type=search][readonly="readonly"]:not(.browser-default),
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
  color: rgba(0, 0, 0, 0.42);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.42);
}

/* line 49, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
input:not([type]):disabled + label, input[readonly="readonly"]:not([type]) + label,
input[type=text]:not(.browser-default):disabled + label,
input[type=text][readonly="readonly"]:not(.browser-default) + label,
input[type=password]:not(.browser-default):disabled + label,
input[type=password][readonly="readonly"]:not(.browser-default) + label,
input[type=email]:not(.browser-default):disabled + label,
input[type=email][readonly="readonly"]:not(.browser-default) + label,
input[type=url]:not(.browser-default):disabled + label,
input[type=url][readonly="readonly"]:not(.browser-default) + label,
input[type=time]:not(.browser-default):disabled + label,
input[type=time][readonly="readonly"]:not(.browser-default) + label,
input[type=date]:not(.browser-default):disabled + label,
input[type=date][readonly="readonly"]:not(.browser-default) + label,
input[type=datetime]:not(.browser-default):disabled + label,
input[type=datetime][readonly="readonly"]:not(.browser-default) + label,
input[type=datetime-local]:not(.browser-default):disabled + label,
input[type=datetime-local][readonly="readonly"]:not(.browser-default) + label,
input[type=tel]:not(.browser-default):disabled + label,
input[type=tel][readonly="readonly"]:not(.browser-default) + label,
input[type=number]:not(.browser-default):disabled + label,
input[type=number][readonly="readonly"]:not(.browser-default) + label,
input[type=search]:not(.browser-default):disabled + label,
input[type=search][readonly="readonly"]:not(.browser-default) + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly="readonly"] + label {
  color: rgba(0, 0, 0, 0.42);
}

/* line 55, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #004fe1;
  box-shadow: 0 1px 0 0 #004fe1;
}

/* line 61, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #004fe1;
}

/* line 84, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
input.valid:not([type]):focus ~ label,
input.valid[type=text]:not(.browser-default):focus ~ label,
input.valid[type=password]:not(.browser-default):focus ~ label,
input.valid[type=email]:not(.browser-default):focus ~ label,
input.valid[type=url]:not(.browser-default):focus ~ label,
input.valid[type=time]:not(.browser-default):focus ~ label,
input.valid[type=date]:not(.browser-default):focus ~ label,
input.valid[type=datetime]:not(.browser-default):focus ~ label,
input.valid[type=datetime-local]:not(.browser-default):focus ~ label,
input.valid[type=tel]:not(.browser-default):focus ~ label,
input.valid[type=number]:not(.browser-default):focus ~ label,
input.valid[type=search]:not(.browser-default):focus ~ label,
textarea.materialize-textarea.valid:focus ~ label {
  color: #4CAF50;
}

/* line 99, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
input.invalid:not([type]):focus ~ label,
input.invalid[type=text]:not(.browser-default):focus ~ label,
input.invalid[type=password]:not(.browser-default):focus ~ label,
input.invalid[type=email]:not(.browser-default):focus ~ label,
input.invalid[type=url]:not(.browser-default):focus ~ label,
input.invalid[type=time]:not(.browser-default):focus ~ label,
input.invalid[type=date]:not(.browser-default):focus ~ label,
input.invalid[type=datetime]:not(.browser-default):focus ~ label,
input.invalid[type=datetime-local]:not(.browser-default):focus ~ label,
input.invalid[type=tel]:not(.browser-default):focus ~ label,
input.invalid[type=number]:not(.browser-default):focus ~ label,
input.invalid[type=search]:not(.browser-default):focus ~ label,
textarea.materialize-textarea.invalid:focus ~ label {
  color: #F44336;
}

/* line 104, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
input.validate:not([type]) + label,
input.validate[type=text]:not(.browser-default) + label,
input.validate[type=password]:not(.browser-default) + label,
input.validate[type=email]:not(.browser-default) + label,
input.validate[type=url]:not(.browser-default) + label,
input.validate[type=time]:not(.browser-default) + label,
input.validate[type=date]:not(.browser-default) + label,
input.validate[type=datetime]:not(.browser-default) + label,
input.validate[type=datetime-local]:not(.browser-default) + label,
input.validate[type=tel]:not(.browser-default) + label,
input.validate[type=number]:not(.browser-default) + label,
input.validate[type=search]:not(.browser-default) + label,
textarea.materialize-textarea.validate + label {
  width: 100%;
}

/* Validation Sass Placeholders */
/* line 116, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.select-wrapper.valid > input.select-dropdown, input.valid:not([type]), input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus {
  border-bottom: 1px solid #4CAF50;
  box-shadow: 0 1px 0 0 #4CAF50;
}

/* line 120, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.select-wrapper.invalid > input.select-dropdown, .select-wrapper.invalid > input.select-dropdown:focus, input.invalid:not([type]), input.invalid:not([type]):focus,
input.invalid[type=text]:not(.browser-default),
input.invalid[type=text]:not(.browser-default):focus,
input.invalid[type=password]:not(.browser-default),
input.invalid[type=password]:not(.browser-default):focus,
input.invalid[type=email]:not(.browser-default),
input.invalid[type=email]:not(.browser-default):focus,
input.invalid[type=url]:not(.browser-default),
input.invalid[type=url]:not(.browser-default):focus,
input.invalid[type=time]:not(.browser-default),
input.invalid[type=time]:not(.browser-default):focus,
input.invalid[type=date]:not(.browser-default),
input.invalid[type=date]:not(.browser-default):focus,
input.invalid[type=datetime]:not(.browser-default),
input.invalid[type=datetime]:not(.browser-default):focus,
input.invalid[type=datetime-local]:not(.browser-default),
input.invalid[type=datetime-local]:not(.browser-default):focus,
input.invalid[type=tel]:not(.browser-default),
input.invalid[type=tel]:not(.browser-default):focus,
input.invalid[type=number]:not(.browser-default),
input.invalid[type=number]:not(.browser-default):focus,
input.invalid[type=search]:not(.browser-default),
input.invalid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus {
  border-bottom: 1px solid #F44336;
  box-shadow: 0 1px 0 0 #F44336;
}

/* line 124, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.select-wrapper.valid .helper-text[data-success], .select-wrapper.invalid ~ .helper-text[data-error], input.valid:not([type]) ~ .helper-text[data-success], input.valid:not([type]):focus ~ .helper-text[data-success], input.invalid:not([type]) ~ .helper-text[data-error], input.invalid:not([type]):focus ~ .helper-text[data-error],
input.valid[type=text]:not(.browser-default) ~ .helper-text[data-success],
input.invalid[type=text]:not(.browser-default) ~ .helper-text[data-error],
input.valid[type=password]:not(.browser-default) ~ .helper-text[data-success],
input.invalid[type=password]:not(.browser-default) ~ .helper-text[data-error],
input.valid[type=email]:not(.browser-default) ~ .helper-text[data-success],
input.invalid[type=email]:not(.browser-default) ~ .helper-text[data-error],
input.valid[type=url]:not(.browser-default) ~ .helper-text[data-success],
input.invalid[type=url]:not(.browser-default) ~ .helper-text[data-error],
input.valid[type=time]:not(.browser-default) ~ .helper-text[data-success],
input.invalid[type=time]:not(.browser-default) ~ .helper-text[data-error],
input.valid[type=date]:not(.browser-default) ~ .helper-text[data-success],
input.invalid[type=date]:not(.browser-default) ~ .helper-text[data-error],
input.valid[type=datetime]:not(.browser-default) ~ .helper-text[data-success],
input.invalid[type=datetime]:not(.browser-default) ~ .helper-text[data-error],
input.valid[type=datetime-local]:not(.browser-default) ~ .helper-text[data-success],
input.invalid[type=datetime-local]:not(.browser-default) ~ .helper-text[data-error],
input.valid[type=tel]:not(.browser-default) ~ .helper-text[data-success],
input.invalid[type=tel]:not(.browser-default) ~ .helper-text[data-error],
input.valid[type=number]:not(.browser-default) ~ .helper-text[data-success],
input.invalid[type=number]:not(.browser-default) ~ .helper-text[data-error],
input.valid[type=search]:not(.browser-default) ~ .helper-text[data-success],
input.invalid[type=search]:not(.browser-default) ~ .helper-text[data-error],
textarea.materialize-textarea.valid ~ .helper-text[data-success],
textarea.materialize-textarea.valid:focus ~ .helper-text[data-success],
textarea.materialize-textarea.invalid ~ .helper-text[data-error],
textarea.materialize-textarea.invalid:focus ~ .helper-text[data-error] {
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

/* line 129, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.select-wrapper.valid ~ .helper-text:after, input.valid:not([type]) ~ .helper-text:after, input.valid:not([type]):focus ~ .helper-text:after,
input.valid[type=text]:not(.browser-default) ~ .helper-text:after,
input.valid[type=text]:not(.browser-default):focus ~ .helper-text:after,
input.valid[type=password]:not(.browser-default) ~ .helper-text:after,
input.valid[type=password]:not(.browser-default):focus ~ .helper-text:after,
input.valid[type=email]:not(.browser-default) ~ .helper-text:after,
input.valid[type=email]:not(.browser-default):focus ~ .helper-text:after,
input.valid[type=url]:not(.browser-default) ~ .helper-text:after,
input.valid[type=url]:not(.browser-default):focus ~ .helper-text:after,
input.valid[type=time]:not(.browser-default) ~ .helper-text:after,
input.valid[type=time]:not(.browser-default):focus ~ .helper-text:after,
input.valid[type=date]:not(.browser-default) ~ .helper-text:after,
input.valid[type=date]:not(.browser-default):focus ~ .helper-text:after,
input.valid[type=datetime]:not(.browser-default) ~ .helper-text:after,
input.valid[type=datetime]:not(.browser-default):focus ~ .helper-text:after,
input.valid[type=datetime-local]:not(.browser-default) ~ .helper-text:after,
input.valid[type=datetime-local]:not(.browser-default):focus ~ .helper-text:after,
input.valid[type=tel]:not(.browser-default) ~ .helper-text:after,
input.valid[type=tel]:not(.browser-default):focus ~ .helper-text:after,
input.valid[type=number]:not(.browser-default) ~ .helper-text:after,
input.valid[type=number]:not(.browser-default):focus ~ .helper-text:after,
input.valid[type=search]:not(.browser-default) ~ .helper-text:after,
input.valid[type=search]:not(.browser-default):focus ~ .helper-text:after,
textarea.materialize-textarea.valid ~ .helper-text:after,
textarea.materialize-textarea.valid:focus ~ .helper-text:after {
  content: attr(data-success);
  color: #4CAF50;
}

/* line 133, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.select-wrapper.invalid ~ .helper-text:after, input.invalid:not([type]) ~ .helper-text:after, input.invalid:not([type]):focus ~ .helper-text:after,
input.invalid[type=text]:not(.browser-default) ~ .helper-text:after,
input.invalid[type=text]:not(.browser-default):focus ~ .helper-text:after,
input.invalid[type=password]:not(.browser-default) ~ .helper-text:after,
input.invalid[type=password]:not(.browser-default):focus ~ .helper-text:after,
input.invalid[type=email]:not(.browser-default) ~ .helper-text:after,
input.invalid[type=email]:not(.browser-default):focus ~ .helper-text:after,
input.invalid[type=url]:not(.browser-default) ~ .helper-text:after,
input.invalid[type=url]:not(.browser-default):focus ~ .helper-text:after,
input.invalid[type=time]:not(.browser-default) ~ .helper-text:after,
input.invalid[type=time]:not(.browser-default):focus ~ .helper-text:after,
input.invalid[type=date]:not(.browser-default) ~ .helper-text:after,
input.invalid[type=date]:not(.browser-default):focus ~ .helper-text:after,
input.invalid[type=datetime]:not(.browser-default) ~ .helper-text:after,
input.invalid[type=datetime]:not(.browser-default):focus ~ .helper-text:after,
input.invalid[type=datetime-local]:not(.browser-default) ~ .helper-text:after,
input.invalid[type=datetime-local]:not(.browser-default):focus ~ .helper-text:after,
input.invalid[type=tel]:not(.browser-default) ~ .helper-text:after,
input.invalid[type=tel]:not(.browser-default):focus ~ .helper-text:after,
input.invalid[type=number]:not(.browser-default) ~ .helper-text:after,
input.invalid[type=number]:not(.browser-default):focus ~ .helper-text:after,
input.invalid[type=search]:not(.browser-default) ~ .helper-text:after,
input.invalid[type=search]:not(.browser-default):focus ~ .helper-text:after,
textarea.materialize-textarea.invalid ~ .helper-text:after,
textarea.materialize-textarea.invalid:focus ~ .helper-text:after {
  content: attr(data-error);
  color: #F44336;
}

/* line 137, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.select-wrapper + label:after, input:not([type]) + label:after,
input[type=text]:not(.browser-default) + label:after,
input[type=password]:not(.browser-default) + label:after,
input[type=email]:not(.browser-default) + label:after,
input[type=url]:not(.browser-default) + label:after,
input[type=time]:not(.browser-default) + label:after,
input[type=date]:not(.browser-default) + label:after,
input[type=datetime]:not(.browser-default) + label:after,
input[type=datetime-local]:not(.browser-default) + label:after,
input[type=tel]:not(.browser-default) + label:after,
input[type=number]:not(.browser-default) + label:after,
input[type=search]:not(.browser-default) + label:after,
textarea.materialize-textarea + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  transition: .2s opacity ease-out, .2s color ease-out;
}

/* line 149, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* line 151, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field.inline {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

/* line 156, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field.inline input,
.input-field.inline .select-dropdown {
  margin-bottom: 1rem;
}

/* line 164, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field.col label {
  left: 0.75rem;
}

/* line 168, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field.col .prefix ~ label,
.input-field.col .prefix ~ .validate ~ label {
  width: calc(100% - 3rem - 1.5rem);
}

/* line 178, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field > label {
  color: #9e9e9e;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  cursor: text;
  transition: transform .2s ease-out, color .2s ease-out;
  transform-origin: 0% 100%;
  text-align: initial;
  transform: translateY(12px);
}

/* line 190, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field > label.active:not(.label-icon) {
  transform: translateY(-14px) scale(0.8);
  transform-origin: 0 0;
}

/* line 197, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .input-field > input[type=date]:not(.browser-default) + label, .input-field > input[type=time]:not(.browser-default) + label {
  transform: translateY(-14px) scale(0.8);
  transform-origin: 0 0;
}

/* line 204, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field .helper-text {
  position: relative;
  min-height: 18px;
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}

/* line 205, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field .helper-text::after {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 220, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field .prefix {
  position: absolute;
  width: 3rem;
  font-size: 2rem;
  transition: color .2s;
  top: 0.5rem;
}

/* line 227, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field .prefix.active {
  color: #004fe1;
}

/* line 230, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field .prefix ~ input,
.input-field .prefix ~ textarea,
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label,
.input-field .prefix ~ .helper-text,
.input-field .prefix ~ .autocomplete-content {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

/* line 241, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field .prefix ~ label {
  margin-left: 3rem;
}

@media only screen and (max-width : 992px) {
  /* line 244, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
  .input-field .prefix ~ input {
    width: 86%;
    width: calc(100% - 3rem);
  }
}

@media only screen and (max-width : 600px) {
  /* line 251, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
  .input-field .prefix ~ input {
    width: 80%;
    width: calc(100% - 3rem);
  }
}

/* Search Field */
/* line 261, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field input[type=search] {
  display: block;
  line-height: inherit;
  transition: .3s background-color;
}

/* line 266, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.nav-wrapper .input-field input[type=search] {
  height: inherit;
  padding-left: 4rem;
  width: calc(100% - 4rem);
  border: 0;
  box-shadow: none;
}

/* line 274, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field input[type=search]:focus:not(.browser-default) {
  background-color: #fff;
  border: 0;
  box-shadow: none;
  color: #444;
}

/* line 280, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field input[type=search]:focus:not(.browser-default) + label i, .input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close, .input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {
  color: #444;
}

/* line 287, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field input[type=search] + .label-icon {
  transform: none;
  left: 1rem;
}

/* line 292, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons {
  position: absolute;
  top: 0;
  right: 1rem;
  color: transparent;
  cursor: pointer;
  font-size: 2rem;
  transition: .3s color;
}

/* Textarea */
/* line 308, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent;
}

/* line 313, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
textarea.materialize-textarea {
  line-height: normal;
  overflow-y: hidden;
  /* prevents scroll bar flash */
  padding: .8rem 0 .8rem 0;
  /* prevents text jump on Enter keypress */
  resize: none;
  min-height: 3rem;
  box-sizing: border-box;
}

/* line 324, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.hiddendiv {
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* future version of deprecated 'word-wrap' */
  padding-top: 1.2rem;
  /* prevents text jump on Enter keypress */
  position: absolute;
  top: 0;
  z-index: -1;
}

/* Autocomplete */
/* line 341, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.autocomplete-content li .highlight {
  color: #444;
}

/* line 343, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.autocomplete-content li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
}

/* Character Counter */
/* line 352, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_input-fields.scss */
.character-counter {
  min-height: 18px;
}

/* Radio Buttons
   ========================================================================== */
/* line 5, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 12, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
[type="radio"]:not(:checked) + span,
[type="radio"]:checked + span {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  transition: .28s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 25, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
[type="radio"] + span:before,
[type="radio"] + span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  transition: .28s ease;
}

/* Unchecked styles */
/* line 39, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
[type="radio"]:not(:checked) + span:before,
[type="radio"]:not(:checked) + span:after,
[type="radio"]:checked + span:before,
[type="radio"]:checked + span:after,
.with-gap[type="radio"]:checked + span:before,
.with-gap[type="radio"]:checked + span:after {
  border-radius: 50%;
}

/* line 48, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
[type="radio"]:not(:checked) + span:before,
[type="radio"]:not(:checked) + span:after {
  border: 2px solid #5a5a5a;
}

/* line 53, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
[type="radio"]:not(:checked) + span:after {
  transform: scale(0);
}

/* Checked styles */
/* line 58, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
[type="radio"]:checked + span:before {
  border: 2px solid transparent;
}

/* line 62, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
[type="radio"]:checked + span:after,
.with-gap[type="radio"]:checked + span:before,
.with-gap[type="radio"]:checked + span:after {
  border: 2px solid #004fe1;
}

/* line 68, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
[type="radio"]:checked + span:after,
.with-gap[type="radio"]:checked + span:after {
  background-color: #004fe1;
}

/* line 73, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
[type="radio"]:checked + span:after {
  transform: scale(1.02);
}

/* Radio With gap */
/* line 78, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
.with-gap[type="radio"]:checked + span:after {
  transform: scale(0.5);
}

/* Focused styles */
/* line 83, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
.tabbed[type="radio"]:focus + span:before {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Disabled Radio With gap */
/* line 88, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
.with-gap[type="radio"]:disabled:checked + span:before {
  border: 2px solid rgba(0, 0, 0, 0.42);
}

/* line 92, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
.with-gap[type="radio"]:disabled:checked + span:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.42);
}

/* Disabled style */
/* line 98, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
[type="radio"]:disabled:not(:checked) + span:before,
[type="radio"]:disabled:checked + span:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.42);
}

/* line 104, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
[type="radio"]:disabled + span {
  color: rgba(0, 0, 0, 0.42);
}

/* line 108, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
[type="radio"]:disabled:not(:checked) + span:before {
  border-color: rgba(0, 0, 0, 0.42);
}

/* line 112, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_radio-buttons.scss */
[type="radio"]:disabled:checked + span:after {
  background-color: rgba(0, 0, 0, 0.42);
  border-color: #949494;
}

/* Checkboxes
   ========================================================================== */
/* Remove default checkbox */
/* line 5, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 13, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
[type="checkbox"] {
  /* checkbox aspect */
}

/* line 15, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
[type="checkbox"] + span:not(.lever) {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 27, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
[type="checkbox"] + span:not(.lever):before, [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 3px;
  transition: .2s;
}

/* line 42, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
  border: 0;
  transform: scale(0);
}

/* line 47, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
  border: none;
  background-color: rgba(0, 0, 0, 0.42);
}

/* line 53, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
.tabbed[type="checkbox"]:focus + span:not(.lever):after {
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 63, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
[type="checkbox"]:checked + span:not(.lever):before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #004fe1;
  border-bottom: 2px solid #004fe1;
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform-origin: 100% 100%;
}

/* line 77, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
[type="checkbox"]:checked:disabled + span:before {
  border-right: 2px solid rgba(0, 0, 0, 0.42);
  border-bottom: 2px solid rgba(0, 0, 0, 0.42);
}

/* Indeterminate checkbox */
/* line 85, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
[type="checkbox"]:indeterminate + span:not(.lever):before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #004fe1;
  border-bottom: none;
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform-origin: 100% 100%;
}

/* line 100, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
[type="checkbox"]:indeterminate:disabled + span:not(.lever):before {
  border-right: 2px solid rgba(0, 0, 0, 0.42);
  background-color: transparent;
}

/* line 109, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
.filled-in[type="checkbox"] + span:not(.lever):after {
  border-radius: 2px;
}

/* line 113, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
.filled-in[type="checkbox"] + span:not(.lever):before,
.filled-in[type="checkbox"] + span:not(.lever):after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1;
}

/* line 124, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
.filled-in[type="checkbox"]:not(:checked) + span:not(.lever):before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}

/* line 134, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
.filled-in[type="checkbox"]:not(:checked) + span:not(.lever):after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0;
}

/* line 145, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
.filled-in[type="checkbox"]:checked + span:not(.lever):before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}

/* line 158, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
.filled-in[type="checkbox"]:checked + span:not(.lever):after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #004fe1;
  background-color: #004fe1;
  z-index: 0;
}

/* line 169, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
.filled-in.tabbed[type="checkbox"]:focus + span:not(.lever):after {
  border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 175, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
.filled-in.tabbed[type="checkbox"]:checked:focus + span:not(.lever):after {
  border-radius: 2px;
  background-color: #004fe1;
  border-color: #004fe1;
}

/* line 182, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
.filled-in[type="checkbox"]:disabled:not(:checked) + span:not(.lever):before {
  background-color: transparent;
  border: 2px solid transparent;
}

/* line 187, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
.filled-in[type="checkbox"]:disabled:not(:checked) + span:not(.lever):after {
  border-color: transparent;
  background-color: #949494;
}

/* line 192, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
.filled-in[type="checkbox"]:disabled:checked + span:not(.lever):before {
  background-color: transparent;
}

/* line 196, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_checkboxes.scss */
.filled-in[type="checkbox"]:disabled:checked + span:not(.lever):after {
  background-color: #949494;
  border-color: #949494;
}

/* Switch
   ========================================================================== */
/* line 4, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_switches.scss */
.switch,
.switch * {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 10, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_switches.scss */
.switch label {
  cursor: pointer;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_switches.scss */
.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 19, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_switches.scss */
.switch label input[type=checkbox]:checked + .lever {
  background-color: #759feb;
}

/* line 22, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_switches.scss */
.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
  left: 18px;
}

/* line 26, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_switches.scss */
.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #004fe1;
}

/* line 32, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_switches.scss */
.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 36px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.38);
  border-radius: 15px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px;
}

/* line 45, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_switches.scss */
.switch label .lever:before, .switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: 0;
  top: -3px;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
}

/* line 57, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_switches.scss */
.switch label .lever:before {
  background-color: rgba(0, 79, 225, 0.15);
}

/* line 61, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_switches.scss */
.switch label .lever:after {
  background-color: #F1F1F1;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

/* line 68, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_switches.scss */
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
input.tabbed[type=checkbox]:checked:not(:disabled):focus ~ .lever::before {
  transform: scale(2.4);
  background-color: rgba(0, 79, 225, 0.15);
}

/* line 74, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_switches.scss */
input[type=checkbox]:not(:disabled) ~ .lever:active:before,
input.tabbed[type=checkbox]:not(:disabled):focus ~ .lever::before {
  transform: scale(2.4);
  background-color: rgba(0, 0, 0, 0.08);
}

/* line 81, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_switches.scss */
.switch input[type=checkbox][disabled] + .lever {
  cursor: default;
  background-color: rgba(0, 0, 0, 0.12);
}

/* line 86, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_switches.scss */
.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #949494;
}

/* Select Field
   ========================================================================== */
/* line 4, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
select.browser-default {
  opacity: 1;
}

/* line 5, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
select {
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 5px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  height: 3rem;
}

/* line 15, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-label {
  position: absolute;
}

/* line 19, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-wrapper {
  position: relative;
}

/* line 46, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-wrapper.valid + label, .select-wrapper.invalid + label {
  width: 100%;
  pointer-events: none;
}

/* line 58, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-wrapper input.select-dropdown {
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  outline: none;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
}

/* line 59, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-wrapper input.select-dropdown:focus {
  border-bottom: 1px solid #004fe1;
}

/* line 79, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-wrapper .caret {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 0;
  fill: rgba(0, 0, 0, 0.87);
}

/* line 89, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-wrapper + label {
  position: absolute;
  top: -26px;
  font-size: 0.8rem;
}

/* line 97, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-wrapper .hide-select {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: -1;
}

/* line 108, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
select:disabled {
  color: rgba(0, 0, 0, 0.42);
}

/* line 113, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-wrapper.disabled + label {
  color: rgba(0, 0, 0, 0.42);
}

/* line 116, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-wrapper.disabled .caret {
  fill: rgba(0, 0, 0, 0.42);
}

/* line 121, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-wrapper input.select-dropdown:disabled {
  color: rgba(0, 0, 0, 0.42);
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 127, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-wrapper i {
  color: rgba(0, 0, 0, 0.3);
}

/* line 131, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
  color: rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

/* line 139, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
body.keyboard-focused .select-dropdown.dropdown-content li:focus {
  background-color: rgba(0, 0, 0, 0.08);
}

/* line 146, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-dropdown.dropdown-content li:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

/* line 150, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-dropdown.dropdown-content li.selected {
  background-color: rgba(0, 0, 0, 0.03);
}

/* line 157, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.prefix ~ .select-wrapper {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

/* line 163, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.prefix ~ label {
  margin-left: 3rem;
}

/* line 167, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-dropdown li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
  float: right;
}

/* line 176, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-dropdown li.optgroup {
  border-top: 1px solid #eee;
}

/* line 179, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-dropdown li.optgroup.selected > span {
  color: rgba(0, 0, 0, 0.7);
}

/* line 183, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-dropdown li.optgroup > span {
  color: rgba(0, 0, 0, 0.4);
}

/* line 187, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_select.scss */
.select-dropdown li.optgroup ~ li.optgroup-option {
  padding-left: 1rem;
}

/* File Input
   ========================================================================== */
/* line 4, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_file-input.scss */
.file-field {
  position: relative;
}

/* line 7, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_file-input.scss */
.file-field .file-path-wrapper {
  overflow: hidden;
  padding-left: 10px;
}

/* line 12, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_file-input.scss */
.file-field input.file-path {
  width: 100%;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_file-input.scss */
.file-field .btn, .file-field .btn-large, .file-field .btn-small {
  float: left;
  height: 3rem;
  line-height: 3rem;
}

/* line 20, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_file-input.scss */
.file-field span {
  cursor: pointer;
}

/* line 24, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_file-input.scss */
.file-field input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* line 27, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_file-input.scss */
.file-field input[type=file]::-webkit-file-upload-button {
  display: none;
}

/* Range
   ========================================================================== */
/* line 4, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
.range-field {
  position: relative;
}

/* line 8, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range],
input[type=range] + .thumb {
  cursor: pointer;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range] {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 15px 0;
  padding: 0;
}

/* line 23, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range]:focus {
  outline: none;
}

/* line 28, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range] + .thumb {
  position: absolute;
  top: 10px;
  left: 0;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #004fe1;
  margin-left: 7px;
  transform-origin: 50% 50%;
  transform: rotate(-45deg);
}

/* line 42, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range] + .thumb .value {
  display: block;
  width: 30px;
  text-align: center;
  color: #004fe1;
  font-size: 0;
  transform: rotate(45deg);
}

/* line 51, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range] + .thumb.active {
  border-radius: 50% 50% 50% 0;
}

/* line 54, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range] + .thumb.active .value {
  color: #fff;
  margin-left: -1px;
  margin-top: 8px;
  font-size: 10px;
}

/* line 80, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range] {
  -webkit-appearance: none;
}

/* line 84, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}

/* line 88, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range]::-webkit-slider-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #004fe1;
  -webkit-transition: box-shadow .3s;
  transition: box-shadow .3s;
  -webkit-appearance: none;
  background-color: #004fe1;
  transform-origin: 50% 50%;
  margin: -5px 0 0 0;
}

/* line 97, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(0, 79, 225, 0.26);
}

/* line 102, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range] {
  /* fix for FF unable to apply focus style bug  */
  border: 1px solid white;
  /*required for proper track sizing in FF*/
}

/* line 109, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range]::-moz-range-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}

/* line 113, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range]::-moz-focus-inner {
  border: 0;
}

/* line 117, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #004fe1;
  -moz-transition: box-shadow .3s;
  transition: box-shadow .3s;
  margin-top: -5px;
}

/* line 123, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range]:-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px;
}

/* line 128, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(0, 79, 225, 0.26);
}

/* line 133, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range]::-ms-track {
  height: 3px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}

/* line 147, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range]::-ms-fill-lower {
  background: #777;
}

/* line 151, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range]::-ms-fill-upper {
  background: #ddd;
}

/* line 155, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #004fe1;
  -ms-transition: box-shadow .3s;
  transition: box-shadow .3s;
}

/* line 159, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/forms/_range.scss */
.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
  box-shadow: 0 0 0 10px rgba(0, 79, 225, 0.26);
}

/***************
    Nav List
***************/
/* line 5, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_table_of_contents.scss */
.table-of-contents.fixed {
  position: fixed;
}

/* line 9, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_table_of_contents.scss */
.table-of-contents li {
  padding: 2px 0;
}

/* line 12, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_table_of_contents.scss */
.table-of-contents a {
  display: inline-block;
  font-weight: 300;
  color: #757575;
  padding-left: 16px;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: .4;
  display: inline-block;
}

/* line 22, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_table_of_contents.scss */
.table-of-contents a:hover {
  color: #a8a8a8;
  padding-left: 15px;
  border-left: 1px solid #1b2c47;
}

/* line 27, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_table_of_contents.scss */
.table-of-contents a.active {
  font-weight: 500;
  padding-left: 14px;
  border-left: 2px solid #1b2c47;
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav {
  position: fixed;
  width: 300px;
  left: 0;
  top: 0;
  margin: 0;
  transform: translateX(-100%);
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #fff;
  z-index: 999;
  overflow-y: auto;
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: translateX(-105%);
}

/* line 22, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav.right-aligned {
  right: 0;
  transform: translateX(105%);
  left: auto;
  transform: translateX(100%);
}

/* line 29, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .collapsible {
  margin: 0;
}

/* line 34, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav li {
  float: none;
  line-height: 48px;
}

/* line 38, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav li.active {
  background-color: rgba(0, 0, 0, 0.05);
}

/* line 42, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav li > a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-flat):not(.btn-floating) {
  color: rgba(0, 0, 0, 0.87);
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  padding: 0 32px;
}

/* line 43, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav li > a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-flat):not(.btn-floating):hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* line 53, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav li > a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-flat):not(.btn-floating) > i, .sidenav li > a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-flat):not(.btn-floating) > [class^="mdi-"], .sidenav li > a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-flat):not(.btn-floating) li > a > [class*="mdi-"], .sidenav li > a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-flat):not(.btn-floating) > i.material-icons {
  float: left;
  height: 48px;
  line-height: 48px;
  margin: 0 32px 0 0;
  width: 24px;
  color: rgba(0, 0, 0, 0.54);
}

/* line 66, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav li > .btn, .sidenav li > .btn-small, .sidenav li > .btn-large, .sidenav li > .btn-flat, .sidenav li > .btn-floating {
  margin: 10px 32px;
}

/* line 70, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .divider {
  margin: 8px 0 0 0;
}

/* line 74, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .subheader {
  cursor: initial;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
}

/* line 75, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .subheader:hover {
  background-color: transparent;
}

/* line 87, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .user-view {
  position: relative;
  padding: 32px 32px 0;
  margin-bottom: 8px;
}

/* line 92, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .user-view > a {
  height: auto;
  padding: 0;
}

/* line 93, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .user-view > a:hover {
  background-color: transparent;
}

/* line 98, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .user-view .background {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

/* line 108, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {
  display: block;
}

/* line 112, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .user-view .circle {
  height: 64px;
  width: 64px;
}

/* line 117, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .user-view .name,
.sidenav .user-view .email {
  font-size: 14px;
  line-height: 24px;
}

/* line 123, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .user-view .name {
  margin-top: 16px;
  font-weight: 500;
}

/* line 128, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .user-view .email {
  padding-bottom: 16px;
  font-weight: 400;
}

/* line 137, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.drag-target {
  height: 100%;
  width: 10px;
  position: fixed;
  top: 0;
  z-index: 998;
}

/* line 139, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.drag-target.right-aligned {
  right: 0;
}

/* line 152, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav.sidenav-fixed {
  left: 0;
  transform: translateX(0);
  position: fixed;
}

/* line 154, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav.sidenav-fixed.right-aligned {
  right: 0;
  left: auto;
}

@media only screen and (max-width : 992px) {
  /* line 167, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
  .sidenav.sidenav-fixed {
    transform: translateX(-105%);
  }
  /* line 170, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
  .sidenav.sidenav-fixed.right-aligned {
    transform: translateX(105%);
  }
  /* line 175, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
  .sidenav > a {
    padding: 0 16px;
  }
  /* line 179, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
  .sidenav .user-view {
    padding: 16px 16px 0;
  }
}

/* line 186, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
  background-color: #1b2c47;
}

/* line 189, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
  color: #fff;
}

/* line 193, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav .collapsible-body {
  padding: 0;
}

/* line 198, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_sidenav.scss */
.sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  display: none;
}

/*
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */
/* line 30, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
}

/* line 36, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.preloader-wrapper.small {
  width: 36px;
  height: 36px;
}

/* line 41, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.preloader-wrapper.big {
  width: 64px;
  height: 64px;
}

/* line 46, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.preloader-wrapper.active {
  /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
  -webkit-animation: container-rotate 1568ms linear infinite;
  animation: container-rotate 1568ms linear infinite;
}

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

@keyframes container-rotate {
  to {
    transform: rotate(360deg);
  }
}

/* line 61, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #004fe1;
}

/* line 69, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.spinner-blue,
.spinner-blue-only {
  border-color: #4285f4;
}

/* line 74, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.spinner-red,
.spinner-red-only {
  border-color: #db4437;
}

/* line 79, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.spinner-yellow,
.spinner-yellow-only {
  border-color: #f4b400;
}

/* line 84, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.spinner-green,
.spinner-green-only {
  border-color: #0f9d58;
}

/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */
/* line 102, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.active .spinner-layer.spinner-blue {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

/* line 108, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.active .spinner-layer.spinner-red {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

/* line 114, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.active .spinner-layer.spinner-yellow {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

/* line 120, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.active .spinner-layer.spinner-green {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

/* line 126, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
  /* durations: 4 * ARCTIME */
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}

@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}

@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

@keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}

@keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}

@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
/* line 229, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

/* line 239, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.gap-patch .circle {
  width: 1000%;
  left: -450%;
}

/* line 244, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

/* line 252, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.circle-clipper .circle {
  width: 200%;
  height: 100%;
  border-width: 3px;
  /* STROKEWIDTH */
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

/* line 268, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.circle-clipper.left .circle {
  left: 0;
  border-right-color: transparent !important;
  transform: rotate(129deg);
}

/* line 274, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.circle-clipper.right .circle {
  left: -100%;
  border-left-color: transparent !important;
  transform: rotate(-129deg);
}

/* line 284, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

/* line 290, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
  }
}

@keyframes left-spin {
  from {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(130deg);
  }
}

@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
  }
}

@keyframes right-spin {
  from {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-130deg);
  }
}

/* line 320, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_preloader.scss */
#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_slider.scss */
.slider {
  position: relative;
  height: 400px;
  width: 100%;
}

/* line 7, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_slider.scss */
.slider.fullscreen {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 16, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_slider.scss */
.slider.fullscreen ul.slides {
  height: 100%;
}

/* line 20, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_slider.scss */
.slider.fullscreen ul.indicators {
  z-index: 2;
  bottom: 30px;
}

/* line 26, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_slider.scss */
.slider .slides {
  background-color: #9e9e9e;
  margin: 0;
  height: 400px;
}

/* line 31, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_slider.scss */
.slider .slides li {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: inherit;
  overflow: hidden;
}

/* line 41, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_slider.scss */
.slider .slides li img {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}

/* line 48, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_slider.scss */
.slider .slides li .caption {
  color: #fff;
  position: absolute;
  top: 15%;
  left: 15%;
  width: 70%;
  opacity: 0;
}

/* line 56, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_slider.scss */
.slider .slides li .caption p {
  color: #e0e0e0;
}

/* line 59, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_slider.scss */
.slider .slides li.active {
  z-index: 2;
}

/* line 66, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_slider.scss */
.slider .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

/* line 74, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_slider.scss */
.slider .indicators .indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 16px;
  width: 16px;
  margin: 0 12px;
  background-color: #e0e0e0;
  transition: background-color .3s;
  border-radius: 50%;
}

/* line 86, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_slider.scss */
.slider .indicators .indicator-item.active {
  background-color: #4CAF50;
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_carousel.scss */
.carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 400px;
  perspective: 500px;
  transform-style: preserve-3d;
  transform-origin: 0% 50%;
}

/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_carousel.scss */
.carousel.carousel-slider {
  top: 0;
  left: 0;
}

/* line 6, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_carousel.scss */
.carousel.carousel-slider .carousel-fixed-item {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  z-index: 1;
}

/* line 7, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_carousel.scss */
.carousel.carousel-slider .carousel-fixed-item.with-indicators {
  bottom: 68px;
}

/* line 18, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_carousel.scss */
.carousel.carousel-slider .carousel-item {
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 26, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_carousel.scss */
.carousel.carousel-slider .carousel-item h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

/* line 32, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_carousel.scss */
.carousel.carousel-slider .carousel-item p {
  font-size: 15px;
}

/* line 46, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_carousel.scss */
.carousel .carousel-item {
  visibility: hidden;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 54, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_carousel.scss */
.carousel .carousel-item > img {
  width: 100%;
}

/* line 59, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_carousel.scss */
.carousel .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

/* line 67, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_carousel.scss */
.carousel .indicators .indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin: 24px 4px;
  background-color: rgba(255, 255, 255, 0.5);
  transition: background-color .3s;
  border-radius: 50%;
}

/* line 68, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_carousel.scss */
.carousel .indicators .indicator-item.active {
  background-color: #fff;
}

/* line 86, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_carousel.scss */
.carousel.scrolling .carousel-item .materialboxed,
.carousel .carousel-item:not(.active) .materialboxed {
  pointer-events: none;
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tapTarget.scss */
.tap-target-wrapper {
  width: 800px;
  height: 800px;
  position: fixed;
  z-index: 1000;
  visibility: hidden;
  transition: visibility 0s .3s;
}

/* line 10, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tapTarget.scss */
.tap-target-wrapper.open {
  visibility: visible;
  transition: visibility 0s;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tapTarget.scss */
.tap-target-wrapper.open .tap-target {
  transform: scale(1);
  opacity: .95;
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

/* line 22, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tapTarget.scss */
.tap-target-wrapper.open .tap-target-wave::before {
  transform: scale(1);
}

/* line 25, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tapTarget.scss */
.tap-target-wrapper.open .tap-target-wave::after {
  visibility: visible;
  -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
          animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  transition: opacity .3s, transform .3s, visibility 0s 1s;
}

/* line 35, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tapTarget.scss */
.tap-target {
  position: absolute;
  font-size: 1rem;
  border-radius: 50%;
  background-color: #1b2c47;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tapTarget.scss */
.tap-target-content {
  position: relative;
  display: table-cell;
}

/* line 55, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tapTarget.scss */
.tap-target-wave {
  position: absolute;
  border-radius: 50%;
  z-index: 10001;
}

/* line 56, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tapTarget.scss */
.tap-target-wave::before, .tap-target-wave::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
}

/* line 66, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tapTarget.scss */
.tap-target-wave::before {
  transform: scale(0);
  transition: transform .3s;
}

/* line 70, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tapTarget.scss */
.tap-target-wave::after {
  visibility: hidden;
  transition: opacity .3s, transform .3s, visibility 0s;
  z-index: -1;
}

/* line 84, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tapTarget.scss */
.tap-target-origin {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10002;
  position: absolute !important;
}

/* line 85, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tapTarget.scss */
.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover {
  background: none;
}

@media only screen and (max-width: 600px) {
  /* line 99, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_tapTarget.scss */
  .tap-target, .tap-target-wrapper {
    width: 600px;
    height: 600px;
  }
}

/* line 1, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_pulse.scss */
.pulse {
  overflow: visible;
  position: relative;
}

/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_pulse.scss */
.pulse::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  transition: opacity .3s, transform .3s;
  -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
          animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  z-index: -1;
}

@-webkit-keyframes pulse-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

@keyframes pulse-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

/* Modal */
/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-modal {
  max-width: 325px;
  min-width: 300px;
  max-height: none;
}

/* line 8, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-container.modal-content {
  display: flex;
  flex-direction: column;
  padding: 0;
}

/* line 14, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-controls {
  display: flex;
  justify-content: space-between;
  width: 280px;
  margin: 0 auto;
}

/* line 20, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-controls .selects-container {
  display: flex;
}

/* line 25, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-controls .select-wrapper input {
  border-bottom: none;
  text-align: center;
  margin: 0;
}

/* line 26, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-controls .select-wrapper input:focus {
  border-bottom: none;
}

/* line 34, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-controls .select-wrapper .caret {
  display: none;
}

/* line 39, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-controls .select-year input {
  width: 50px;
}

/* line 43, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-controls .select-month input {
  width: 80px;
}

/* line 48, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.month-prev, .month-next {
  margin-top: 4px;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

/* Date Display */
/* line 57, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-date-display {
  flex: 1 auto;
  background-color: #004fe1;
  color: #fff;
  padding: 20px 22px;
  font-weight: 500;
}

/* line 64, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-date-display .year-text {
  display: block;
  font-size: 1.5rem;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.7);
}

/* line 71, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-date-display .date-text {
  display: block;
  font-size: 2.8rem;
  line-height: 47px;
  font-weight: 500;
}

/* Calendar */
/* line 81, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-calendar-container {
  flex: 2.5 auto;
}

/* line 85, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-table {
  width: 280px;
  font-size: 1rem;
  margin: 0 auto;
}

/* line 90, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-table thead {
  border-bottom: none;
}

/* line 94, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-table th {
  padding: 10px 5px;
  text-align: center;
}

/* line 99, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-table tr {
  border: none;
}

/* line 103, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-table abbr {
  text-decoration: none;
  color: #999;
}

/* line 108, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-table td {
  border-radius: 50%;
  padding: 0;
}

/* line 109, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-table td.is-today {
  color: #004fe1;
}

/* line 113, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-table td.is-selected {
  background-color: #004fe1;
  color: #fff;
}

/* line 118, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled {
  color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

/* line 129, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-day-button {
  background-color: transparent;
  border: none;
  line-height: 38px;
  display: block;
  width: 100%;
  border-radius: 50%;
  padding: 0 5px;
  cursor: pointer;
  color: inherit;
}

/* line 130, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-day-button:focus {
  background-color: rgba(6, 81, 219, 0.25);
}

/* Footer */
/* line 147, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-footer {
  width: 280px;
  margin: 0 auto;
  padding-bottom: 5px;
  display: flex;
  justify-content: space-between;
}

/* line 155, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
  color: #004fe1;
  padding: 0 1rem;
}

/* line 163, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
.datepicker-clear {
  color: #F44336;
}

/* Media Queries */
@media only screen and (min-width : 601px) {
  /* line 170, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
  .datepicker-modal {
    max-width: 625px;
  }
  /* line 174, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
  .datepicker-container.modal-content {
    flex-direction: row;
  }
  /* line 178, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
  .datepicker-date-display {
    flex: 0 1 270px;
  }
  /* line 182, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
  .datepicker-controls,
.datepicker-table,
.datepicker-footer {
    width: 320px;
  }
  /* line 188, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_datepicker.scss */
  .datepicker-day-button {
    line-height: 44px;
  }
}

/* Timepicker Containers */
/* line 2, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-modal {
  max-width: 325px;
  max-height: none;
}

/* line 7, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-container.modal-content {
  display: flex;
  flex-direction: column;
  padding: 0;
}

/* line 13, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.text-primary {
  color: white;
}

/* Clock Digital Display */
/* line 19, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-digital-display {
  flex: 1 auto;
  background-color: #004fe1;
  padding: 10px;
  font-weight: 300;
}

/* line 26, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-text-container {
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 36, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-span-hours,
.timepicker-span-minutes,
.timepicker-span-am-pm div {
  cursor: pointer;
}

/* line 42, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-span-hours {
  margin-right: 3px;
}

/* line 46, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-span-minutes {
  margin-left: 3px;
}

/* line 50, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-display-am-pm {
  font-size: 1.3rem;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-weight: 400;
}

/* Analog Clock Display */
/* line 60, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-analog-display {
  flex: 2.5 auto;
}

/* line 64, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-plate {
  background-color: #eee;
  border-radius: 50%;
  width: 270px;
  height: 270px;
  overflow: visible;
  position: relative;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 77, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-canvas,
.timepicker-dial {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* line 85, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-minutes {
  visibility: hidden;
}

/* line 89, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-tick {
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.87);
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: pointer;
  font-size: 15px;
}

/* line 101, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-tick.active,
.timepicker-tick:hover {
  background-color: rgba(0, 79, 225, 0.25);
}

/* line 105, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-dial {
  transition: transform 350ms, opacity 350ms;
}

/* line 108, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-dial-out {
  opacity: 0;
}

/* line 109, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-dial-out.timepicker-hours {
  transform: scale(1.1, 1.1);
}

/* line 113, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-dial-out.timepicker-minutes {
  transform: scale(0.8, 0.8);
}

/* line 119, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-canvas {
  transition: opacity 175ms;
}

/* line 122, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-canvas line {
  stroke: #004fe1;
  stroke-width: 4;
  stroke-linecap: round;
}

/* line 128, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-canvas-out {
  opacity: 0.25;
}

/* line 131, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-canvas-bearing {
  stroke: none;
  fill: #004fe1;
}

/* line 135, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-canvas-bg {
  stroke: none;
  fill: #004fe1;
}

/* Footer */
/* line 142, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-footer {
  margin: 0 auto;
  padding: 5px 1rem;
  display: flex;
  justify-content: space-between;
}

/* line 149, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-clear {
  color: #F44336;
}

/* line 153, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-close {
  color: #004fe1;
}

/* line 157, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
.timepicker-clear,
.timepicker-close {
  padding: 0 20px;
}

/* Media Queries */
@media only screen and (min-width : 601px) {
  /* line 164, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
  .timepicker-modal {
    max-width: 600px;
  }
  /* line 168, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
  .timepicker-container.modal-content {
    flex-direction: row;
  }
  /* line 172, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
  .timepicker-text-container {
    top: 32%;
  }
  /* line 176, ../usr/local/bundle/gems/materialize-sass-1.0.0.1/assets/stylesheets/materialize/components/_timepicker.scss */
  .timepicker-display-am-pm {
    position: relative;
    right: auto;
    bottom: auto;
    text-align: center;
    margin-top: 1.2rem;
  }
}

/* line 2, app/assets/stylesheets/nouislider.scss */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  box-sizing: border-box;
}

/* line 12, app/assets/stylesheets/nouislider.scss */
.noUi-target {
  position: relative;
  direction: ltr;
}

/* line 16, app/assets/stylesheets/nouislider.scss */
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}

/* line 22, app/assets/stylesheets/nouislider.scss */
.noUi-origin {
  position: absolute;
  right: -1px;
  top: 6px;
  left: 0;
  bottom: 0;
}

/* line 29, app/assets/stylesheets/nouislider.scss */
.noUi-handle {
  position: relative;
  z-index: 1;
}

/* line 33, app/assets/stylesheets/nouislider.scss */
.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
       its values is > 50%. */
  z-index: 10;
}

/* line 38, app/assets/stylesheets/nouislider.scss */
.noUi-state-tap .noUi-origin {
  transition: left 0.25s, top 0.25s;
}

/* line 42, app/assets/stylesheets/nouislider.scss */
.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
/* line 49, app/assets/stylesheets/nouislider.scss */
.noUi-base {
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
/* line 56, app/assets/stylesheets/nouislider.scss */
.noUi-horizontal {
  height: 18px;
}

/* line 59, app/assets/stylesheets/nouislider.scss */
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

/* line 65, app/assets/stylesheets/nouislider.scss */
.noUi-vertical {
  width: 18px;
}

/* line 68, app/assets/stylesheets/nouislider.scss */
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

/* Styling;
 */
/* line 77, app/assets/stylesheets/nouislider.scss */
.noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0;
}

/* line 81, app/assets/stylesheets/nouislider.scss */
.noUi-connect {
  background: #3FB8AF;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  transition: background 450ms;
}

/* line 87, app/assets/stylesheets/nouislider.scss */
.noUi-origin {
  border-radius: 2px;
}

/* line 90, app/assets/stylesheets/nouislider.scss */
.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

/* line 95, app/assets/stylesheets/nouislider.scss */
.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;
 */
/* line 101, app/assets/stylesheets/nouislider.scss */
.noUi-dragable {
  cursor: w-resize;
}

/* line 104, app/assets/stylesheets/nouislider.scss */
.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}

/* line 107, app/assets/stylesheets/nouislider.scss */
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

/* line 116, app/assets/stylesheets/nouislider.scss */
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
/* line 124, app/assets/stylesheets/nouislider.scss */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

/* line 135, app/assets/stylesheets/nouislider.scss */
.noUi-handle:after {
  left: 17px;
}

/* line 138, app/assets/stylesheets/nouislider.scss */
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

/* line 145, app/assets/stylesheets/nouislider.scss */
.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
/* line 151, app/assets/stylesheets/nouislider.scss */
.noUi-connect[disabled],
[disabled] .noUi-connect {
  background: #B8B8B8;
}

/* line 155, app/assets/stylesheets/nouislider.scss */
.noUi-origin[disabled],
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* line 159, app/assets/stylesheets/nouislider.scss */
.disabled-noUi {
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* line 162, app/assets/stylesheets/nouislider.scss */
.disabled-noUi .noUi-handle {
  box-shadow: none !important;
  cursor: not-allowed !important;
}

/*Materialize Theming*/
/* line 170, app/assets/stylesheets/nouislider.scss */
.noUi-target {
  box-shadow: none;
  border: none;
}

/* line 175, app/assets/stylesheets/nouislider.scss */
.noUi-base {
  height: 15px;
  top: -6px;
}

/* line 179, app/assets/stylesheets/nouislider.scss */
.noUi-background {
  height: 6px;
  top: 6px;
  background-color: #d0d7ef;
  border-radius: 5px;
  box-shadow: none;
}

/* line 186, app/assets/stylesheets/nouislider.scss */
.noUi-horizontal {
  height: 6px;
}

/* line 189, app/assets/stylesheets/nouislider.scss */
.noUi-connect {
  height: 6px;
  top: 6px;
  background-color: #1a53c6;
  border-radius: 5px;
  box-shadow: none;
}

/*Handle*/
/* line 198, app/assets/stylesheets/nouislider.scss */
.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  box-shadow: 0 8px 14px -1px rgba(6, 25, 56, 0.12);
  background-color: #FFFFFF;
  border: none;
  left: -5px;
  top: -6px;
  transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  cursor: pointer;
}

/* line 213, app/assets/stylesheets/nouislider.scss */
.noUi-handle:before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: inset 3px 3px 4px rgba(6, 25, 56, 0.08);
  position: absolute;
  z-index: 1;
  top: 5px;
  opacity: 1;
  left: 5px;
}

/* line 226, app/assets/stylesheets/nouislider.scss */
.noUi-handle:after {
  content: none;
}

/*Handle on Drag*/
/* line 230, app/assets/stylesheets/nouislider.scss */
.noUi-target .noUi-active.noUi-handle {
  width: 3px;
  height: 3px;
  left: 0;
  top: 0;
}

/* line 239, app/assets/stylesheets/nouislider.scss */
.noUi-target .range-label {
  position: absolute;
  height: 30px;
  width: 30px;
  top: -17px;
  left: -2px;
  background-color: #1a53c6;
  border-radius: 50%;
  transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scale(0) rotate(-45deg);
  transform-origin: 50% 100%;
}

/* line 252, app/assets/stylesheets/nouislider.scss */
.noUi-target .noUi-active .range-label {
  border-radius: 15px 15px 15px 0;
  transform: rotate(-45deg) translate(23px, -25px);
}

/* line 256, app/assets/stylesheets/nouislider.scss */
.range-label span {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  transform: rotate(45deg);
  opacity: 0;
  position: absolute;
  top: 7px;
  left: -1px;
  transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* line 269, app/assets/stylesheets/nouislider.scss */
.noUi-active .range-label span {
  opacity: 1;
}

/* line 272, app/assets/stylesheets/nouislider.scss */
.noUi-active:before {
  opacity: 0;
}

/* line 13, app/assets/stylesheets/landing/style.scss */
.landing {
  max-width: 1920px;
  width: 100%;
  overflow-x: hidden;
  margin: 0 auto;
  font-family: "stolzl-book", sans-serif;
}

/* line 21, app/assets/stylesheets/landing/style.scss */
.landing h1,
.landing h2,
.landing h3,
.landing h4,
.landing h5,
.landing h6,
.landing p,
.landing ul,
.landing ol,
.landing li,
.landing figure,
.landing figcaption,
.landing blockquote,
.landing dl,
.landing dd {
  margin: 0;
}

/* line 39, app/assets/stylesheets/landing/style.scss */
.landing ul,
.landing ol {
  list-style: none;
}

/* line 44, app/assets/stylesheets/landing/style.scss */
.landing img {
  max-width: 100%;
  display: block;
}

/* line 49, app/assets/stylesheets/landing/style.scss */
.landing input,
.landing button,
.landing textarea,
.landing select {
  font: inherit;
}

/* line 58, app/assets/stylesheets/landing/style.scss */
.landing__main {
  background-image: url(/assets/new_landing/bg-point-1db6f9e42706a975d8e534bcb1cf7572bd6bf5e537450d356e5a3625d422f2e3.png);
  background-repeat: repeat;
}

/* line 63, app/assets/stylesheets/landing/style.scss */
.landing__container {
  max-width: 1320px;
  padding: 0 20px;
  margin: 0 auto;
}

/* line 71, app/assets/stylesheets/landing/style.scss */
.landing .title {
  font-family: "stolzl-medium", sans-serif;
  font-weight: 500;
  font-size: 46px;
  line-height: 55px;
  text-align: center;
  color: #111827;
}

/* line 81, app/assets/stylesheets/landing/style.scss */
.landing .subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  text-align: center;
  color: #4C5D75;
}

/* line 90, app/assets/stylesheets/landing/style.scss */
.landing .accent-hint {
  padding: 6px 12px;
  border-radius: 6px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
}

/* line 99, app/assets/stylesheets/landing/style.scss */
.landing .accent-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #1a53c6;
  border-radius: 16px;
  box-shadow: 0 30px 20px -20px rgba(26, 83, 198, 0.24);
  position: relative;
  overflow: hidden;
  padding: 52px 80px 53px 86px;
  max-width: 1400px;
  margin: 0 auto;
  z-index: 1;
}

/* line 112, app/assets/stylesheets/landing/style.scss */
.landing .accent-block::before {
  content: '';
  position: absolute;
  width: 612px;
  height: 612px;
  left: 59px;
  top: -58px;
  background: radial-gradient(50% 50% at 50% 50%, #8B5CF6 0%, rgba(139, 92, 246, 0) 100%);
}

/* line 121, app/assets/stylesheets/landing/style.scss */
.landing .accent-block::after {
  content: '';
  position: absolute;
  width: 659px;
  height: 659px;
  right: -96px;
  bottom: -7px;
  background: radial-gradient(50% 50% at 50% 50%, #53D8FB 0%, rgba(83, 216, 251, 0) 100%);
  opacity: 0.7;
}

/* line 131, app/assets/stylesheets/landing/style.scss */
.landing .accent-block--2 {
  transform: translateY(-50%);
}

/* line 134, app/assets/stylesheets/landing/style.scss */
.landing .accent-block__wrapper {
  display: flex;
  align-items: center;
  gap: 60px;
}

/* line 139, app/assets/stylesheets/landing/style.scss */
.landing .accent-block__title {
  color: #FFFFFF;
  font-weight: 400;
  font-size: 36px;
  line-height: 120%;
  max-width: 415px;
  z-index: 1;
}

/* line 147, app/assets/stylesheets/landing/style.scss */
.landing .accent-block__description {
  position: relative;
  max-width: 400px;
  padding-left: 57px;
  font-size: 17px;
  line-height: 150%;
  color: #F0F2F7;
  z-index: 1;
}

/* line 155, app/assets/stylesheets/landing/style.scss */
.landing .accent-block__description::before {
  content: '';
  position: absolute;
  width: 37px;
  height: 1.5px;
  background-color: #F0F2F7;
  left: 0;
  top: 13px;
}

/* line 165, app/assets/stylesheets/landing/style.scss */
.landing .accent-block__btn {
  font-family: "stolzl-regular", sans-serif;
  display: inline-block;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #111111;
  padding: 16px 31px;
  background: #FBBF24;
  box-shadow: 0 30px 20px -20px #173E8E;
  border-radius: 50px;
  z-index: 1;
  cursor: pointer;
  transition: .3s;
}

/* line 179, app/assets/stylesheets/landing/style.scss */
.landing .accent-block__btn:hover {
  background-color: #FCD34D;
}

/* line 183, app/assets/stylesheets/landing/style.scss */
.landing .accent-block__line-1 {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 188, app/assets/stylesheets/landing/style.scss */
.landing .accent-block__line-2 {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 204, app/assets/stylesheets/landing/style.scss */
.landing .language-swap-select {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 6px;
  margin-left: 40px;
  padding: 0;
  position: relative;
  border: none;
  border-radius: 0;
  max-width: 92px;
  background-color: #FFFFFF;
  z-index: 101;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 219, app/assets/stylesheets/landing/style.scss */
.landing .language-swap-select_container {
  display: none;
  position: absolute;
  top: 88%;
  background: #fff;
  width: 185px;
  border: none;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
  padding: 8px 0;
}

/* line 230, app/assets/stylesheets/landing/style.scss */
.landing .language-swap-select_item {
  width: 100%;
  cursor: pointer;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 237, app/assets/stylesheets/landing/style.scss */
.landing .language-swap-select_item img {
  width: 20px;
  height: 20px;
}

/* line 241, app/assets/stylesheets/landing/style.scss */
.landing .language-swap-select_item span {
  font-size: 14px;
  line-height: 17px;
}

/* line 245, app/assets/stylesheets/landing/style.scss */
.landing .language-swap-select_item:hover {
  background: #f0f6fc;
}

/* line 249, app/assets/stylesheets/landing/style.scss */
.landing .language-swap-select_current {
  color: #111827;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

/* line 255, app/assets/stylesheets/landing/style.scss */
.landing .language-swap-select::before {
  content: '';
  display: none;
}

/* line 259, app/assets/stylesheets/landing/style.scss */
.landing .language-swap-select a {
  width: 100%;
  color: #111827;
}

/* line 263, app/assets/stylesheets/landing/style.scss */
.landing .language-swap-select .language-swap__btn {
  border: none;
  display: none;
}

/* line 267, app/assets/stylesheets/landing/style.scss */
.landing .language-swap-select .language-swap--active {
  border: none;
  display: block;
}

/* line 273, app/assets/stylesheets/landing/style.scss */
.landing section {
  position: relative;
}

/* line 278, app/assets/stylesheets/landing/style.scss */
.landing .header-fixed {
  position: fixed;
  max-width: 1920px;
  width: 100%;
  top: 0;
  background-color: #fff;
  z-index: 200;
}

/* line 285, app/assets/stylesheets/landing/style.scss */
.landing .header-fixed--no-zindex {
  z-index: unset;
}

/* line 289, app/assets/stylesheets/landing/style.scss */
.landing .salebot-logo {
  height: 21px;
  z-index: 101;
}

/* line 292, app/assets/stylesheets/landing/style.scss */
.landing .salebot-logo svg {
  margin-top: -5px;
  height: 36px;
}

/* line 298, app/assets/stylesheets/landing/style.scss */
.landing .header .account__register,
.landing .header .account__login, .landing .header__projects {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #111827;
  padding: 16px 32px;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
  transition: .3s;
}

/* line 310, app/assets/stylesheets/landing/style.scss */
.landing .header .account__register:hover,
.landing .header .account__login:hover, .landing .header__projects:hover {
  background-color: #1F2937;
  color: #FFFFFF;
}

/* line 315, app/assets/stylesheets/landing/style.scss */
.landing .header__projects {
  margin-right: 4px;
}

/* line 318, app/assets/stylesheets/landing/style.scss */
.landing .header .account__register.js-button-signup {
  background: #F0F2F7;
  border-radius: 50px;
  width: 167px;
}

/* line 322, app/assets/stylesheets/landing/style.scss */
.landing .header .account__register.js-button-signup:hover {
  background-color: #1F2937;
  color: #FFFFFF;
}

/* line 327, app/assets/stylesheets/landing/style.scss */
.landing .header__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 40px;
}

/* line 333, app/assets/stylesheets/landing/style.scss */
.landing .header__list-burger {
  display: none;
  cursor: pointer;
}

/* line 337, app/assets/stylesheets/landing/style.scss */
.landing .header__list-item {
  display: flex;
}

/* line 339, app/assets/stylesheets/landing/style.scss */
.landing .header__list-item:first-child {
  align-items: center;
}

/* line 342, app/assets/stylesheets/landing/style.scss */
.landing .header__list-item:last-child {
  justify-content: flex-end;
  gap: 12px;
}

/* line 348, app/assets/stylesheets/landing/style.scss */
.landing .header__dropdown-trigger {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

/* line 354, app/assets/stylesheets/landing/style.scss */
.landing .header__dropdown-box {
  display: none;
  position: absolute;
  padding: 8px 0;
  background-color: #fff;
  top: 60px;
  right: 0;
  border: 1px solid #d4dff4;
  border-radius: 6px;
  z-index: 5;
  filter: drop-shadow(0 10px 20px rgba(45, 51, 56, 0.1));
}

/* line 365, app/assets/stylesheets/landing/style.scss */
.landing .header__dropdown-box::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #fff;
  top: -8px;
  right: 27px;
  z-index: -1;
  transform: rotate(45deg);
  border-top: 1px solid #d4dff4;
  border-left: 1px solid #d4dff4;
  border-radius: 2px;
}

/* line 378, app/assets/stylesheets/landing/style.scss */
.landing .header__dropdown-box::before--active {
  display: block;
}

/* line 383, app/assets/stylesheets/landing/style.scss */
.landing .header__dropdown-box-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #626F7F;
  font-size: 14px;
  line-height: 19px;
  padding: 8px 16px;
}

/* line 391, app/assets/stylesheets/landing/style.scss */
.landing .header__dropdown-box-item:hover {
  background-color: #F7FAFC;
}

/* line 395, app/assets/stylesheets/landing/style.scss */
.landing .header__projects-mobile {
  display: none;
}

/* line 398, app/assets/stylesheets/landing/style.scss */
.landing .header__list-nav {
  display: flex;
}

/* line 401, app/assets/stylesheets/landing/style.scss */
.landing .header__list-nav-item {
  font-weight: 46px;
  line-height: 19px;
  color: #111827;
}

/* line 405, app/assets/stylesheets/landing/style.scss */
.landing .header__list-nav-item + .header__list-nav-item {
  margin-left: 60px;
}

/* line 409, app/assets/stylesheets/landing/style.scss */
.landing .header__list-nav-link,
.landing .header .burger-link-item {
  color: inherit;
  transition: .3s;
}

/* line 413, app/assets/stylesheets/landing/style.scss */
.landing .header__list-nav-link:hover,
.landing .header .burger-link-item:hover {
  color: #1a53c6;
}

/* line 420, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__line {
  position: absolute;
}

/* line 422, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__line--orange {
  right: 0;
  top: 0;
}

/* line 426, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__line--blue {
  left: -85px;
  top: 400px;
}

/* line 430, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__line--green {
  right: -50px;
  bottom: -555px;
}

/* line 435, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__offer {
  padding-top: 186px;
  margin-bottom: 100px;
}

/* line 439, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__title {
  font-family: "stolzl-medium", sans-serif;
  font-weight: 500;
  font-size: 72px;
  line-height: 86px;
  color: #111827;
  text-align: center;
  margin-bottom: 40px;
}

/* line 448, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__animation-box {
  height: 86px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* line 453, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__animation-box .animation-box-item,
.landing .main-screen__animation-box .animation-box--placeholder {
  margin: 0;
  color: #1a53c6;
  font-size: 71px;
  line-height: 86px;
}

/* line 461, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__animation-box-body {
  transition: all 0.25s ease-in-out;
}

/* line 464, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__animation-box-body-no-trans {
  transition: none;
}

/* line 467, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__subtitle {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #111827;
  margin-bottom: 60px;
}

/* line 475, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__btn {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #FFFFFF;
  padding: 20px 40px;
  border-radius: 50px;
  background: #1A53C6;
  box-shadow: 0 30px 20px -20px rgba(26, 83, 198, 0.24);
  margin: 0 auto;
  max-width: 335px;
  transition: .3s;
  text-align: center;
  cursor: pointer;
}

/* line 490, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__btn:hover {
  background: #2E6BE6;
  box-shadow: 0 30px 20px -20px rgba(26, 83, 198, 0.24);
}

/* line 495, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__inner {
  display: flex;
  position: relative;
  max-width: 1360px;
  margin: 0 auto;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(6, 25, 56, 0.08), 0 60px 80px -15px rgba(6, 25, 56, 0.06);
}

/* line 502, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__inner::before, .landing .main-screen__inner::after {
  content: '';
  position: absolute;
  bottom: -10px;
  background-color: #fff;
  width: calc(100% - 40px);
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 10px;
  border: 1px solid #F0F2F7;
  border-top: none;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 60px 80px -15px rgba(6, 25, 56, 0.06);
}

/* line 518, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__inner::after {
  width: calc(100% - 80px);
  bottom: -20px;
}

/* line 522, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__inner img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}

/* line 528, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__video {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  transition: .3s;
}

/* line 540, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__video:hover .main-screen__video-btn {
  width: 100px;
  height: 100px;
}

/* line 543, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__video:hover .main-screen__video-btn::before {
  height: 116px;
  width: 116px;
}

/* line 550, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__video-btn {
  width: 94px;
  height: 94px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #4C5D75;
  border-radius: 50%;
  transition: .3s;
}

/* line 559, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__video-btn::before {
  content: '';
  position: absolute;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background-color: #4C5D75;
  opacity: 0.2;
  -webkit-backdrop-filter: blur(12);
          backdrop-filter: blur(12);
  transition: .3s;
}

/* line 570, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__video-btn svg {
  z-index: 1;
}

/* line 574, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__inner-memoji {
  width: 205px;
  height: 205px;
  position: absolute;
  z-index: 1;
}

/* line 579, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__inner-memoji--1 {
  top: -120px;
  left: 110px;
  transform: rotate(-10.76deg);
}

/* line 584, app/assets/stylesheets/landing/style.scss */
.landing .main-screen__inner-memoji--2 {
  bottom: -100px;
  right: 65px;
  transform: rotate(5.5deg);
}

/* line 592, app/assets/stylesheets/landing/style.scss */
.landing .capabilities {
  padding: 100px 0 80px;
}

/* line 594, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__accent-hint {
  background-color: #E7EDF8;
  color: #1a53c6;
  max-width: 319px;
  margin: 0 auto 28px;
}

/* line 600, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__title {
  max-width: 975px;
  margin: 0 auto 28px;
}

/* line 604, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__subtitle {
  margin-bottom: 100px;
}

/* line 607, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__list {
  margin-bottom: 120px;
}

/* line 610, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 614, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item:nth-child(2) {
  flex-direction: row-reverse;
}

/* line 617, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item + .capabilities__item {
  margin-top: 120px;
}

/* line 621, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-description {
  max-width: 453px;
  width: 100%;
}

/* line 625, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-description-img {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #CFF1E6;
  border-radius: 16px;
  width: 68px;
  height: 68px;
  margin-bottom: 32px;
}

/* line 634, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-description-img--chats {
  background-color: #FDF1DD;
}

/* line 637, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-description-img--chats2 {
  background-color: #CFF1E6;
}

/* line 640, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-description-img--chats2 svg path {
  stroke: #10B981;
}

/* line 645, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-description-img--crm {
  background-color: #D1DDF4;
}

/* line 648, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-description-img--minilanding {
  background-color: #E8DEFD;
}

/* line 651, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-description-img--phone {
  background-color: #FAE2E7;
}

/* line 654, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-description-img--mail {
  background-color: #FDF1DD;
}

/* line 658, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-title {
  font-weight: 400;
  font-size: 36px;
  line-height: 43px;
  max-width: 445px;
  margin-bottom: 32px;
  color: #111827;
}

/* line 666, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  color: #111827;
}

/* line 671, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-text + .capabilities__item-text {
  margin-top: 10px;
}

/* line 675, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img-box {
  display: flex;
  position: relative;
  border-radius: 16px;
}

/* line 681, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img {
  display: flex;
  border: 1px solid #E0E1E3;
  border-radius: 16px;
  box-shadow: 0 35px 60px -15px rgba(6, 25, 56, 0.25);
  overflow: hidden;
}

/* line 687, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img--2 {
  position: absolute;
  top: 20px;
  transform: translateX(-30%);
}

/* line 692, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img--3 {
  position: absolute;
  top: 80px;
  transform: translateX(30%);
  right: 0;
}

/* line 698, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img--4 {
  max-width: 692px;
}

/* line 701, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img--5 {
  position: absolute;
  top: 137px;
  transform: translateX(-30%);
}

/* line 706, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img--7 {
  position: absolute;
  width: 210px;
  border: none;
  border-radius: 34px;
  overflow: hidden;
  right: -57px;
  top: 150px;
}

/* line 714, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img--7 img {
  max-width: unset;
}

/* line 719, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img--eu img {
  width: 100%;
}

/* line 723, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img--vk, .landing .capabilities__item-img--vk2, .landing .capabilities__item-img--ok, .landing .capabilities__item-img--tg, .landing .capabilities__item-img--whatsapp {
  position: absolute;
  border: none;
  border-radius: 0;
  box-shadow: 0 25px 50px -12px rgba(6, 25, 56, 0.25);
  z-index: 2;
}

/* line 733, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img--vk svg, .landing .capabilities__item-img--vk2 svg, .landing .capabilities__item-img--ok svg, .landing .capabilities__item-img--tg svg, .landing .capabilities__item-img--whatsapp svg {
  width: 100%;
  height: 100%;
}

/* line 738, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img--vk {
  top: 160px;
  right: 0;
  transform: translateX(70%);
  width: 48px;
  height: 48px;
}

/* line 745, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img--vk2 {
  left: 175px;
  bottom: 127px;
  width: 34px;
  height: 34px;
}

/* line 751, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img--ok {
  right: 0;
  bottom: 159px;
  transform: translateX(20%);
  width: 34px;
  height: 34px;
}

/* line 758, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img--tg {
  right: 222px;
  bottom: -13px;
  width: 48px;
  height: 48px;
}

/* line 764, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-img--whatsapp {
  top: 0;
  left: 261px;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
}

/* line 773, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__list--wo-img {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  gap: 120px 200px;
}

/* line 779, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item--wo-img {
  max-width: 520px;
  width: 100%;
}

/* line 783, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-description--wo-img {
  max-width: unset;
}

/* line 786, app/assets/stylesheets/landing/style.scss */
.landing .capabilities__item-title--wo-img {
  max-width: 100%;
  margin-bottom: 24px;
}

/* line 792, app/assets/stylesheets/landing/style.scss */
.landing .integration {
  padding: 100px 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 12.5%);
  position: relative;
}

/* line 796, app/assets/stylesheets/landing/style.scss */
.landing .integration__accent-hint {
  background-color: #CFF1E6;
  color: #10B981;
  max-width: 130px;
  margin: 0 auto 28px;
}

/* line 802, app/assets/stylesheets/landing/style.scss */
.landing .integration__title {
  max-width: 1130px;
  margin: 0 auto 28px;
}

/* line 806, app/assets/stylesheets/landing/style.scss */
.landing .integration__subtitle {
  margin-bottom: 80px;
}

/* line 808, app/assets/stylesheets/landing/style.scss */
.landing .integration__subtitle span {
  font-family: "stolzl-medium", sans-serif;
  font-weight: 500;
}

/* line 813, app/assets/stylesheets/landing/style.scss */
.landing .integration__messengers-list {
  display: flex;
  justify-content: center;
  gap: 42px;
}

/* line 818, app/assets/stylesheets/landing/style.scss */
.landing .integration__messengers-item {
  display: flex;
}

/* line 821, app/assets/stylesheets/landing/style.scss */
.landing .integration__company-list {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-top: 40px;
}

/* line 828, app/assets/stylesheets/landing/style.scss */
.landing .integration__company-list--1 .integration__company-item:last-child, .landing .integration__company-list--2 .integration__company-item:last-child {
  display: none;
}

/* line 833, app/assets/stylesheets/landing/style.scss */
.landing .integration__line-decor {
  position: absolute;
  right: 0;
  top: 4px;
}

/* line 838, app/assets/stylesheets/landing/style.scss */
.landing .integration__line-decor--1 {
  position: absolute;
  transform: translateY(-35%);
  left: 0;
  bottom: 0;
}

/* line 847, app/assets/stylesheets/landing/style.scss */
.landing .cases {
  padding: 100px 0 0;
  background-color: #0B141D;
  position: relative;
}

/* line 851, app/assets/stylesheets/landing/style.scss */
.landing .cases .landing__container {
  position: relative;
  z-index: 2;
}

/* line 855, app/assets/stylesheets/landing/style.scss */
.landing .cases__bg-circle {
  position: absolute;
  background: radial-gradient(50% 50% at 50% 50%, #001226 0%, rgba(0, 18, 38, 0) 100%);
  max-width: 1740px;
  max-height: 1100px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 865, app/assets/stylesheets/landing/style.scss */
.landing .cases__hint {
  background-color: #374151;
  color: #FFFFFF;
  margin: 0 0 28px;
  display: inline-block;
  z-index: 1;
}

/* line 872, app/assets/stylesheets/landing/style.scss */
.landing .cases__title {
  color: #FFFFFF;
  margin-bottom: 28px;
  text-align: left;
  z-index: 1;
}

/* line 878, app/assets/stylesheets/landing/style.scss */
.landing .cases__subtitle {
  color: #C5D0E0;
  margin-bottom: 80px;
  text-align: left;
  z-index: 1;
}

/* line 884, app/assets/stylesheets/landing/style.scss */
.landing .cases__list {
  max-width: 1320px;
  overflow: unset;
}

/* line 891, app/assets/stylesheets/landing/style.scss */
.landing .cases .swiper-slide {
  opacity: 0.1;
}

/* line 896, app/assets/stylesheets/landing/style.scss */
.landing .cases .swiper-slide-visible {
  opacity: 1;
  transform: scale(1);
}

/* line 900, app/assets/stylesheets/landing/style.scss */
.landing .cases .swiper-slide-visible.swiper-slide-prev {
  opacity: 0.1;
}

/* line 903, app/assets/stylesheets/landing/style.scss */
.landing .cases .swiper-slide.swiper-slide-prev {
  opacity: 0.1;
}

/* line 906, app/assets/stylesheets/landing/style.scss */
.landing .cases__btn-prev, .landing .cases__btn-next {
  outline: none;
  color: #FFFFFF;
  top: -165px;
  width: 50px;
  height: 50px;
  right: 90px;
  left: unset;
}

/* line 915, app/assets/stylesheets/landing/style.scss */
.landing .cases__btn-prev::after, .landing .cases__btn-next::after {
  width: 20px;
  height: 42px;
}

/* line 920, app/assets/stylesheets/landing/style.scss */
.landing .cases__btn-next {
  right: 0;
}

/* line 923, app/assets/stylesheets/landing/style.scss */
.landing .cases__item {
  display: flex;
  align-items: flex-end;
  height: 405px;
  overflow: hidden;
  border-radius: 16px;
  position: relative;
}

/* line 931, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/* line 940, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-box {
  position: relative;
  border-radius: 16px 16px 0 0;
  padding: 25px 35px;
  width: 100%;
  background: radial-gradient(31.54% 82.68% at -0.89% 108.92%, rgba(64, 198, 243, 0.6) 0%, rgba(64, 198, 243, 0) 100%), radial-gradient(30.54% 80.07% at 79.77% 13.36%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, rgba(124, 192, 255, 0.2), rgba(124, 192, 255, 0.2)), #2133B6;
}

/* line 948, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-box::after {
  content: '';
  position: absolute;
  width: 80px;
  height: 36px;
  background-image: url(/assets/new_landing/cases/item-decor-2-a2f72375f8ba95a2cddc4f646a2bfa82e8dc3d81592a379e1de8c24e549ead4c.png);
  background-repeat: no-repeat;
  background-size: cover;
  right: 13px;
  bottom: 0;
}

/* line 960, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-decor {
  position: absolute;
  left: 20px;
  top: -15px;
  width: 50px;
  height: 50px;
}

/* line 967, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-case {
  color: #FBBF24;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 12px;
}

/* line 974, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-name {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 900;
  font-size: 20px;
  line-height: 120%;
  /* or 64px */
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow: 0 1px 2px rgba(6, 25, 56, 0.5);
}

/* line 986, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-name span {
  display: block;
}

/* line 990, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-img {
  width: calc(100% - 1px);
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 1px;
  right: 0;
  z-index: -1;
}

/* line 999, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 1004, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-hint {
  display: inline-block;
  padding: 4px 8px;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 16px;
  z-index: 1;
}

/* line 1011, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-hint--1 {
  background: rgba(59, 130, 246, 0.2);
  color: #60A5FA;
}

/* line 1015, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-hint--2 {
  background: rgba(16, 185, 129, 0.2);
  color: #10B981;
}

/* line 1019, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-hint--3 {
  background: rgba(245, 158, 11, 0.2);
  color: #F4B953;
}

/* line 1024, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-title {
  font-family: "stolzl-medium", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  max-width: 380px;
  color: #FFFFFF;
  z-index: 1;
}

/* line 1032, app/assets/stylesheets/landing/style.scss */
.landing .cases__item-title--1 {
  max-width: 300px;
}

/* line 1036, app/assets/stylesheets/landing/style.scss */
.landing .cases__community {
  margin-top: 120px;
  display: flex;
  align-items: center;
  z-index: 1;
}

/* line 1042, app/assets/stylesheets/landing/style.scss */
.landing .cases__community-info {
  z-index: 1;
}

/* line 1045, app/assets/stylesheets/landing/style.scss */
.landing .cases__community-title {
  font-weight: 400;
  font-size: 36px;
  line-height: 43px;
  color: #FFFFFF;
  margin-bottom: 40px;
}

/* line 1052, app/assets/stylesheets/landing/style.scss */
.landing .cases__community-social {
  display: flex;
  gap: 16px;
}

/* line 1056, app/assets/stylesheets/landing/style.scss */
.landing .cases__community-social-link {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  gap: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  padding: 8px 18px 8px 14px;
  border-radius: 50px;
  cursor: pointer;
}

/* line 1068, app/assets/stylesheets/landing/style.scss */
.landing .cases__community-social-link--tg {
  background-color: #2DA4D7;
}

/* line 1071, app/assets/stylesheets/landing/style.scss */
.landing .cases__community-social-link--vk {
  background-color: #4680C2;
}

/* line 1074, app/assets/stylesheets/landing/style.scss */
.landing .cases__community-social-link--fb {
  background: linear-gradient(0deg, #3B5998, #3B5998), #2DA4D7;
}

/* line 1077, app/assets/stylesheets/landing/style.scss */
.landing .cases__community-social-link--inst {
  background: radial-gradient(47.51% 47.51% at 28.56% 100%, #FDDB86 1%, rgba(240, 105, 66, 0) 100%), radial-gradient(74.61% 74.61% at 22.02% 100%, #FFAD05 13%, rgba(255, 63, 0, 0) 100%), linear-gradient(159.86deg, #4263DF 5.92%, rgba(213, 53, 133, 0) 77.32%), linear-gradient(0deg, #E11B7E, #E11B7E), linear-gradient(0deg, #4680C2, #4680C2), linear-gradient(0deg, #F68634, #F68634), linear-gradient(0deg, #FD5D4F, #FD5D4F), #2DA4D7;
}

/* line 1084, app/assets/stylesheets/landing/style.scss */
.landing .cases__community-social-link svg {
  width: 32px;
  height: 32px;
}

/* line 1089, app/assets/stylesheets/landing/style.scss */
.landing .cases__community-box-img {
  position: relative;
  z-index: 1;
}

/* line 1093, app/assets/stylesheets/landing/style.scss */
.landing .cases__community-bg-img {
  display: flex;
}

/* line 1096, app/assets/stylesheets/landing/style.scss */
.landing .cases__community-memoji--1 {
  position: absolute;
  top: 80px;
  left: 35px;
  transform: rotate(-13.65deg);
}

/* line 1102, app/assets/stylesheets/landing/style.scss */
.landing .cases__community-memoji--2 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: rotate(3.81deg) translateX(-50%);
}

/* line 1108, app/assets/stylesheets/landing/style.scss */
.landing .cases__community-memoji--3 {
  position: absolute;
  right: 0;
  bottom: -75px;
  transform: rotate(17deg);
}

/* line 1117, app/assets/stylesheets/landing/style.scss */
.landing .reviews {
  background-color: #F0F2F7;
}

/* line 1119, app/assets/stylesheets/landing/style.scss */
.landing .reviews__list {
  max-width: 1320px;
  padding: 100px 0;
  overflow: unset;
}

/* line 1124, app/assets/stylesheets/landing/style.scss */
.landing .reviews .swiper-slide {
  opacity: 0;
}

/* line 1127, app/assets/stylesheets/landing/style.scss */
.landing .reviews .swiper-slide.swiper-slide-active {
  opacity: 1;
}

/* line 1130, app/assets/stylesheets/landing/style.scss */
.landing .reviews__item {
  display: flex;
  align-items: flex-start;
  gap: 128px;
}

/* line 1135, app/assets/stylesheets/landing/style.scss */
.landing .reviews__item-img {
  min-width: 197px;
  max-width: 197px;
  height: 197px;
  overflow: hidden;
  border-radius: 16px;
}

/* line 1141, app/assets/stylesheets/landing/style.scss */
.landing .reviews__item-img img {
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 1145, app/assets/stylesheets/landing/style.scss */
.landing .reviews__item-btn {
  font-size: 15px;
  color: #1a53c6;
}

/* line 1149, app/assets/stylesheets/landing/style.scss */
.landing .reviews__item-comment {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #111827;
}

/* line 1154, app/assets/stylesheets/landing/style.scss */
.landing .reviews__item-comment + .reviews__item-comment {
  margin-top: 16px;
}

/* line 1158, app/assets/stylesheets/landing/style.scss */
.landing .reviews__item-info-author {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}

/* line 1164, app/assets/stylesheets/landing/style.scss */
.landing .reviews__item-name {
  font-family: "stolzl-medium", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #111827;
  margin-bottom: 12px;
}

/* line 1172, app/assets/stylesheets/landing/style.scss */
.landing .reviews__item-company {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #4C5D75;
}

/* line 1177, app/assets/stylesheets/landing/style.scss */
.landing .reviews__item-company span {
  font-family: "stolzl-medium", sans-serif;
  font-weight: 500;
}

/* line 1182, app/assets/stylesheets/landing/style.scss */
.landing .reviews__btn-prev, .landing .reviews__btn-next {
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: -100%;
  right: auto;
  outline: none;
  color: #111827;
  justify-content: flex-end;
}

/* line 1193, app/assets/stylesheets/landing/style.scss */
.landing .reviews__btn-prev::after, .landing .reviews__btn-next::after {
  transform: translateX(-75px);
  width: 20px;
  height: 42px;
}

/* line 1199, app/assets/stylesheets/landing/style.scss */
.landing .reviews__btn-next {
  left: auto;
  right: -100%;
  justify-content: flex-start;
}

/* line 1203, app/assets/stylesheets/landing/style.scss */
.landing .reviews__btn-next::after {
  transform: translateX(75px);
}

/* line 1210, app/assets/stylesheets/landing/style.scss */
.landing .tariff {
  padding: 80px 0 100px;
}

/* line 1212, app/assets/stylesheets/landing/style.scss */
.landing .tariff__hint {
  background-color: #E7EDF8;
  color: #1a53c6;
  margin: 0 0 28px;
  display: inline-block;
  z-index: 1;
}

/* line 1219, app/assets/stylesheets/landing/style.scss */
.landing .tariff__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

/* line 1225, app/assets/stylesheets/landing/style.scss */
.landing .tariff__title {
  text-align: left;
}

/* line 1228, app/assets/stylesheets/landing/style.scss */
.landing .tariff__popup-btn {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #111827;
  transition: .3s;
  cursor: pointer;
}

/* line 1238, app/assets/stylesheets/landing/style.scss */
.landing .tariff__popup-btn svg {
  transition: .3s;
}

/* line 1241, app/assets/stylesheets/landing/style.scss */
.landing .tariff__popup-btn:hover {
  color: #1a53c6;
}

/* line 1244, app/assets/stylesheets/landing/style.scss */
.landing .tariff__popup-btn:hover svg path {
  stroke: #1a53c6;
}

/* line 1250, app/assets/stylesheets/landing/style.scss */
.landing .tariff__switch {
  align-items: center;
  z-index: 1;
  gap: 20px;
}

/* line 1254, app/assets/stylesheets/landing/style.scss */
.landing .tariff__switch input[type="checkbox"] {
  opacity: 1;
  pointer-events: unset;
  z-index: 1;
}

/* line 1259, app/assets/stylesheets/landing/style.scss */
.landing .tariff__switch input[type="checkbox"]:not(:checked) {
  background-color: #1a53c6;
}

/* line 1262, app/assets/stylesheets/landing/style.scss */
.landing .tariff__switch input[type="checkbox"]:checked ~ .tariff__switch--year {
  font-family: "stolzl-medium", sans-serif;
  color: #111827;
}

/* line 1266, app/assets/stylesheets/landing/style.scss */
.landing .tariff__switch input[type="checkbox"]:not(:checked) ~ .tariff__switch--month {
  font-family: "stolzl-medium", sans-serif;
  color: #111827;
}

/* line 1271, app/assets/stylesheets/landing/style.scss */
.landing .tariff__switch--month, .landing .tariff__switch--year {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #4C5D75;
  z-index: 1;
  transition: .3s;
  cursor: pointer;
}

/* line 1282, app/assets/stylesheets/landing/style.scss */
.landing .tariff__switch--month {
  order: -1;
}

/* line 1285, app/assets/stylesheets/landing/style.scss */
.landing .tariff__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-height: 410px;
  margin: 40px 0 60px;
}

/* line 1293, app/assets/stylesheets/landing/style.scss */
.landing .tariff__list-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 32px 28px;
  max-width: 305px;
  width: 100%;
  height: 360px;
  background: #F0F2F7;
  border-radius: 16px;
  border: 2px solid #F0F2F7;
  transition: .3s;
  z-index: 1;
}

/* line 1306, app/assets/stylesheets/landing/style.scss */
.landing .tariff__list-item:nth-child(3) {
  height: 410px;
  border-color: #1a53c6;
  background-color: #fff;
  box-shadow: 0 30px 20px -20px rgba(26, 83, 198, 0.24);
}

/* line 1311, app/assets/stylesheets/landing/style.scss */
.landing .tariff__list-item:nth-child(3) .tariff__item-btn {
  background-color: #FBBF24;
  color: #111827;
}

/* line 1314, app/assets/stylesheets/landing/style.scss */
.landing .tariff__list-item:nth-child(3) .tariff__item-btn:hover {
  background-color: #FCD34D;
}

/* line 1320, app/assets/stylesheets/landing/style.scss */
.landing .tariff__item-name {
  font-family: "stolzl-medium", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: #1F2937;
  margin-bottom: 12px;
}

/* line 1328, app/assets/stylesheets/landing/style.scss */
.landing .tariff__item-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #6C7A96;
}

/* line 1334, app/assets/stylesheets/landing/style.scss */
.landing .tariff__item-economy {
  display: inline-block;
  padding: 4px 8px;
  background: rgba(55, 65, 81, 0.1);
  border-radius: 6px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #374151;
  margin-bottom: 12px;
  transition: .5s;
}

/* line 1347, app/assets/stylesheets/landing/style.scss */
.landing .tariff__item-price {
  display: flex;
  align-items: flex-end;
  gap: 9px;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  color: #111827;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}

/* line 1360, app/assets/stylesheets/landing/style.scss */
.landing .tariff__item-price sub {
  font-weight: 400;
  font-size: 14px;
  line-height: 31px;
  color: #6C7A96;
}

/* line 1367, app/assets/stylesheets/landing/style.scss */
.landing .tariff__item-economy--month {
  opacity: 0;
  transition: .5s;
  transform: translateY(42px);
  display: none;
}

/* line 1373, app/assets/stylesheets/landing/style.scss */
.landing .tariff__item-price--month {
  display: none;
}

/* line 1376, app/assets/stylesheets/landing/style.scss */
.landing .tariff__item-price-sub {
  transition: .5s;
}

/* line 1378, app/assets/stylesheets/landing/style.scss */
.landing .tariff__item-price-sub--checked {
  display: none;
  opacity: 0;
  transition: .5s;
  position: absolute;
  transform: translateX(-100%) scale(0);
}

/* line 1386, app/assets/stylesheets/landing/style.scss */
.landing .tariff__item-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #FFFFFF;
  padding: 16px 24px;
  border-radius: 50px;
  cursor: pointer;
  text-align: center;
  background-color: #1a53c6;
  box-shadow: 0 30px 20px -20px rgba(26, 83, 198, 0.24);
}

/* line 1401, app/assets/stylesheets/landing/style.scss */
.landing .tariff__item-btn:hover {
  background: #2E6BE6;
  box-shadow: 0 30px 20px -20px rgba(26, 83, 198, 0.24);
}

/* line 1406, app/assets/stylesheets/landing/style.scss */
.landing .tariff__additional {
  display: flex;
  align-items: center;
  gap: 90px;
}

/* line 1411, app/assets/stylesheets/landing/style.scss */
.landing .tariff__additional-title {
  font-weight: 400;
  font-size: 32px;
  line-height: 42px;
  color: #111827;
}

/* line 1417, app/assets/stylesheets/landing/style.scss */
.landing .tariff__additional-item-name {
  font-family: "stolzl-medium", sans-serif;
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #1a53c6;
  margin-bottom: 2px;
}

/* line 1426, app/assets/stylesheets/landing/style.scss */
.landing .tariff__additional-item-price {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #6C7A96;
}

/* line 1433, app/assets/stylesheets/landing/style.scss */
.landing .tariff__line--blue {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 1438, app/assets/stylesheets/landing/style.scss */
.landing .tariff__line--green {
  position: absolute;
  right: 0;
  bottom: -10px;
}

/* line 1445, app/assets/stylesheets/landing/style.scss */
.landing .course {
  background-color: #0B141D;
}

/* line 1447, app/assets/stylesheets/landing/style.scss */
.landing .course__inner {
  padding: 100px 0;
  position: relative;
}

/* line 1450, app/assets/stylesheets/landing/style.scss */
.landing .course__inner::after {
  content: '';
  position: absolute;
  background: radial-gradient(50% 50% at 50% 50%, #0F3866 0%, rgba(15, 56, 102, 0) 100%);
  width: 627px;
  height: 613px;
  bottom: -54%;
  right: 163px;
}

/* line 1460, app/assets/stylesheets/landing/style.scss */
.landing .course__info {
  display: flex;
  gap: 135px;
  margin-bottom: 32px;
}

/* line 1465, app/assets/stylesheets/landing/style.scss */
.landing .course__info-wrapper {
  max-width: 514px;
  width: 100%;
}

/* line 1469, app/assets/stylesheets/landing/style.scss */
.landing .course__title {
  text-align: left;
  margin-bottom: 28px;
}

/* line 1472, app/assets/stylesheets/landing/style.scss */
.landing .course__title span {
  color: #FFFFFF;
  display: block;
}

/* line 1475, app/assets/stylesheets/landing/style.scss */
.landing .course__title span:last-child {
  color: #F4B953;
}

/* line 1480, app/assets/stylesheets/landing/style.scss */
.landing .course__subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  text-align: left;
  color: #C5D0E0;
}

/* line 1487, app/assets/stylesheets/landing/style.scss */
.landing .course__list {
  width: 100%;
  counter-reset: course-counter;
  padding: 0;
}

/* line 1492, app/assets/stylesheets/landing/style.scss */
.landing .course__item {
  padding: 24px 0 24px 52px;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  color: #FFFFFF;
  position: relative;
  counter-increment: course-counter;
}

/* line 1500, app/assets/stylesheets/landing/style.scss */
.landing .course__item::before {
  content: "0" counter(course-counter);
  position: absolute;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  color: #95A3BA;
  top: 24px;
  left: 0;
}

/* line 1510, app/assets/stylesheets/landing/style.scss */
.landing .course__item + .course__item {
  border-top: 1px solid #1F2937;
}

/* line 1513, app/assets/stylesheets/landing/style.scss */
.landing .course__item:first-child {
  padding-top: 0;
}

/* line 1515, app/assets/stylesheets/landing/style.scss */
.landing .course__item:first-child::before {
  top: 0;
}

/* line 1520, app/assets/stylesheets/landing/style.scss */
.landing .course__form-wrapper {
  display: flex;
  align-items: center;
  gap: 150px;
}

/* line 1525, app/assets/stylesheets/landing/style.scss */
.landing .course__form {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}

/* line 1530, app/assets/stylesheets/landing/style.scss */
.landing .course__form-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 16px;
  color: #FFFFFF;
}

/* line 1537, app/assets/stylesheets/landing/style.scss */
.landing .course input.course__form-input[type=text]:not(.browser-default) {
  box-sizing: border-box;
  font-family: "stolzl-book", sans-serif;
  font-size: 16px;
  color: #111827;
  padding: 8px 20px;
  width: 312px;
  height: 50px;
  background: #F0F2F7;
  border-radius: 0 50px 50px 0;
  border: 1px solid transparent;
}

/* line 1548, app/assets/stylesheets/landing/style.scss */
.landing .course input.course__form-input[type=text]:not(.browser-default):focus {
  box-shadow: none;
  z-index: unset;
}

/* line 1552, app/assets/stylesheets/landing/style.scss */
.landing .course input.course__form-input[type=text]:not(.browser-default)::-moz-placeholder {
  font-family: "stolzl-book", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #95A3BA;
}
.landing .course input.course__form-input[type=text]:not(.browser-default):-ms-input-placeholder {
  font-family: "stolzl-book", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #95A3BA;
}
.landing .course input.course__form-input[type=text]:not(.browser-default)::placeholder {
  font-family: "stolzl-book", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #95A3BA;
}

/* line 1561, app/assets/stylesheets/landing/style.scss */
.landing .course .iti__flag-container {
  border-radius: 50px 0 0 50px;
}

/* line 1564, app/assets/stylesheets/landing/style.scss */
.landing .course .iti__selected-flag {
  border-radius: 50px 0 0 50px;
  border: 1px solid #e1e6f0;
  background-color: #F0F2F7;
}

/* line 1570, app/assets/stylesheets/landing/style.scss */
.landing .course .iti--allow-dropdown .iti__flag-container:hover {
  background-color: #F0F2F7;
}

/* line 1572, app/assets/stylesheets/landing/style.scss */
.landing .course .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: #F0F2F7;
}

/* line 1576, app/assets/stylesheets/landing/style.scss */
.landing .course__form-btn {
  width: 158px;
  height: 50px;
  background: #1A53C6;
  box-shadow: 0 30px 20px -20px rgba(26, 83, 198, 0.24);
  border-radius: 50px;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #FFFFFF;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer;
}

/* line 1590, app/assets/stylesheets/landing/style.scss */
.landing .course__form-btn:hover {
  background: #2E6BE6;
  box-shadow: 0 30px 20px -20px rgba(26, 83, 198, 0.24);
}

/* line 1595, app/assets/stylesheets/landing/style.scss */
.landing .course__form-message {
  display: none;
  padding: 24px;
  border: 2px solid #10B981;
  border-radius: 16px;
  max-width: 486px;
}

/* line 1602, app/assets/stylesheets/landing/style.scss */
.landing .course__form-message-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

/* line 1608, app/assets/stylesheets/landing/style.scss */
.landing .course__form-message-img {
  min-width: 48px;
  min-height: 48px;
  max-width: 48px;
  max-height: 48px;
}

/* line 1613, app/assets/stylesheets/landing/style.scss */
.landing .course__form-message-img svg {
  width: 100%;
  height: 100%;
}

/* line 1618, app/assets/stylesheets/landing/style.scss */
.landing .course__form-message-text {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #10B981;
}

/* line 1625, app/assets/stylesheets/landing/style.scss */
.landing .course__form-description {
  max-width: 476px;
  width: 100%;
  z-index: 1;
}

/* line 1630, app/assets/stylesheets/landing/style.scss */
.landing .course__form-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #95A3BA;
}

/* line 1636, app/assets/stylesheets/landing/style.scss */
.landing .course__line--1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/* line 1642, app/assets/stylesheets/landing/style.scss */
.landing .course__line--2 {
  position: absolute;
  right: 0;
  bottom: -7px;
  z-index: 1;
}

/* line 1648, app/assets/stylesheets/landing/style.scss */
.landing .course__memoji {
  position: absolute;
  right: 220px;
  bottom: 14px;
  z-index: 2;
}

/* line 1656, app/assets/stylesheets/landing/style.scss */
.landing .templates {
  background-color: #fff;
  padding: 100px 0 200px;
}

/* line 1659, app/assets/stylesheets/landing/style.scss */
.landing .templates__hint {
  background-color: #E8DEFD;
  color: #8B5CF6;
  margin: 0 0 28px;
  display: inline-block;
}

/* line 1665, app/assets/stylesheets/landing/style.scss */
.landing .templates__title {
  text-align: left;
  margin-bottom: 28px;
  max-width: 730px;
}

/* line 1670, app/assets/stylesheets/landing/style.scss */
.landing .templates__subtitle {
  text-align: left;
  margin-bottom: 80px;
}

/* line 1674, app/assets/stylesheets/landing/style.scss */
.landing .templates__list {
  overflow: unset;
}

/* line 1680, app/assets/stylesheets/landing/style.scss */
.landing .templates .swiper-slide {
  opacity: 0.1;
}

/* line 1684, app/assets/stylesheets/landing/style.scss */
.landing .templates .swiper-slide-visible {
  opacity: 1;
  transform: scale(1);
}

/* line 1688, app/assets/stylesheets/landing/style.scss */
.landing .templates .swiper-slide-visible.swiper-slide-prev {
  opacity: 0.1;
}

/* line 1691, app/assets/stylesheets/landing/style.scss */
.landing .templates .swiper-slide.swiper-slide-prev {
  opacity: 0.1;
}

/* line 1694, app/assets/stylesheets/landing/style.scss */
.landing .templates__item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  padding: 24px 32px;
  align-items: flex-start;
  background-color: #111827;
  width: 100%;
  height: 320px;
}

/* line 1704, app/assets/stylesheets/landing/style.scss */
.landing .templates__item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(71.06% 109.42% at 98.82% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
}

/* line 1714, app/assets/stylesheets/landing/style.scss */
.landing .templates__item-hint {
  display: inline-block;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  margin-bottom: 12px;
}

/* line 1720, app/assets/stylesheets/landing/style.scss */
.landing .templates__item-hint span {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  opacity: 0.8;
}

/* line 1729, app/assets/stylesheets/landing/style.scss */
.landing .templates__item-name {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: #FFFFFF;
  margin-bottom: auto;
}

/* line 1736, app/assets/stylesheets/landing/style.scss */
.landing .templates__item-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  background: rgba(255, 255, 255, 0.16);
  border-radius: 50px;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #FFFFFF;
  z-index: 1;
  cursor: pointer;
  transition: .3s;
}

/* line 1750, app/assets/stylesheets/landing/style.scss */
.landing .templates__item-btn:hover {
  background-color: #536074;
}

/* line 1754, app/assets/stylesheets/landing/style.scss */
.landing .templates__btn-prev, .landing .templates__btn-next {
  outline: none;
  top: -165px;
  width: 50px;
  height: 50px;
  right: 90px;
  left: unset;
  color: #111827;
}

/* line 1763, app/assets/stylesheets/landing/style.scss */
.landing .templates__btn-prev::after, .landing .templates__btn-next::after {
  width: 20px;
  height: 42px;
}

/* line 1768, app/assets/stylesheets/landing/style.scss */
.landing .templates__btn-next {
  right: 0;
}

/* line 1773, app/assets/stylesheets/landing/style.scss */
.landing .footer {
  padding: 100px 0 0;
  background-color: #F0F2F7;
  margin-top: -185px;
}

/* line 1777, app/assets/stylesheets/landing/style.scss */
.landing .footer__content {
  display: flex;
  padding: 80px 0;
}

/* line 1781, app/assets/stylesheets/landing/style.scss */
.landing .footer__social-list {
  width: 127px;
  margin-right: 150px;
}

/* line 1785, app/assets/stylesheets/landing/style.scss */
.landing .footer__logo {
  margin-bottom: 36px;
}

/* line 1788, app/assets/stylesheets/landing/style.scss */
.landing .footer__social-item + .footer__social-item {
  margin-top: 20px;
}

/* line 1791, app/assets/stylesheets/landing/style.scss */
.landing .footer__social-link {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #111827;
}

/* line 1799, app/assets/stylesheets/landing/style.scss */
.landing .footer__social-link svg {
  width: 24px;
  height: 24px;
}

/* line 1804, app/assets/stylesheets/landing/style.scss */
.landing .footer__nav-list {
  width: 165px;
  margin-right: 125px;
}

/* line 1807, app/assets/stylesheets/landing/style.scss */
.landing .footer__nav-list--help {
  width: 262px;
  margin-right: 170px;
}

/* line 1812, app/assets/stylesheets/landing/style.scss */
.landing .footer__nav-title, .landing .footer__app-title {
  font-size: 15px;
  line-height: 21px;
  color: #111827;
  margin-bottom: 24px;
}

/* line 1819, app/assets/stylesheets/landing/style.scss */
.landing .footer__nav-item + .footer__nav-item {
  margin-top: 24px;
}

/* line 1822, app/assets/stylesheets/landing/style.scss */
.landing .footer__nav-link {
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #6C7A96;
  transition: .3s;
}

/* line 1828, app/assets/stylesheets/landing/style.scss */
.landing .footer__nav-link:hover {
  color: #1a53c6;
}

/* line 1832, app/assets/stylesheets/landing/style.scss */
.landing .footer__app-item + .footer__app-item {
  margin-top: 20px;
}

/* line 1835, app/assets/stylesheets/landing/style.scss */
.landing .footer__app-link {
  display: flex;
}

/* line 1838, app/assets/stylesheets/landing/style.scss */
.landing .footer__bottom {
  padding: 50px 0;
  border-top: 1px solid #e1e6f0;
}

/* line 1842, app/assets/stylesheets/landing/style.scss */
.landing .footer__bottom-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}

/* line 1848, app/assets/stylesheets/landing/style.scss */
.landing .footer__bottom-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6C7A96;
}

/* line 1855, app/assets/stylesheets/landing/style.scss */
.landing .burger-menu-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 102;
  opacity: 0;
  transition: .3s;
}

/* line 1868, app/assets/stylesheets/landing/style.scss */
.landing .burger-menu {
  position: absolute;
  top: 0;
  left: -110%;
  z-index: 102;
  opacity: 0;
  transition: .3s;
}

/* line 1875, app/assets/stylesheets/landing/style.scss */
.landing .burger-menu--active {
  left: 0;
  opacity: 1;
}

/* line 1882, app/assets/stylesheets/landing/style.scss */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
}

/* line 1893, app/assets/stylesheets/landing/style.scss */
.popup__wrapper {
  display: flex;
  height: 100%;
}

/* line 1898, app/assets/stylesheets/landing/style.scss */
.popup__form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 50%;
  position: relative;
}

/* line 1906, app/assets/stylesheets/landing/style.scss */
.popup__form-header {
  display: flex;
  align-self: flex-start;
  padding: 30px 0 16px 50px;
}

/* line 1911, app/assets/stylesheets/landing/style.scss */
.popup .tabs_popup {
  margin-top: auto;
}

/* line 1915, app/assets/stylesheets/landing/style.scss */
.popup__form-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-width: 490px;
  padding: 0 20px;
  width: 100%;
  position: relative;
}

/* line 1926, app/assets/stylesheets/landing/style.scss */
.popup__form-title {
  position: relative;
  font-weight: 400;
  font-size: 36px;
  line-height: 43px;
  color: #111827;
  margin-bottom: 40px;
}

/* line 1935, app/assets/stylesheets/landing/style.scss */
.popup__list-tab {
  margin-top: auto !important;
  padding-bottom: 50px;
}

/* line 1940, app/assets/stylesheets/landing/style.scss */
.popup__slider {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 50%;
  background: linear-gradient(180deg, #1A53C6 0%, #00339A 100%);
  position: relative;
}

/* line 1949, app/assets/stylesheets/landing/style.scss */
.popup__slider-line--1 {
  position: absolute;
  left: -150px;
  top: 0;
}

/* line 1954, app/assets/stylesheets/landing/style.scss */
.popup__slider-line--2 {
  position: absolute;
  right: 0;
  bottom: -10px;
}

/* line 1959, app/assets/stylesheets/landing/style.scss */
.popup__slider-list {
  margin: 0 auto;
  max-width: 630px;
}

/* line 1963, app/assets/stylesheets/landing/style.scss */
.popup__slider-title {
  font-size: 36px;
  line-height: 43px;
  color: #FFFFFF;
  text-align: center;
  margin: 60px 0 30px;
}

/* line 1969, app/assets/stylesheets/landing/style.scss */
.popup__slider-title span {
  display: block;
}

/* line 1973, app/assets/stylesheets/landing/style.scss */
.popup__slider-text {
  font-size: 15px;
  line-height: 26px;
  color: #FFFFFF;
  opacity: 0.8;
  text-align: center;
}

/* line 1979, app/assets/stylesheets/landing/style.scss */
.popup__slider-text + .popup__slider-text {
  margin-top: 10px;
}

/* line 1984, app/assets/stylesheets/landing/style.scss */
.popup__close {
  top: 12px;
  position: absolute;
  left: -50px;
  cursor: pointer;
}

/* line 1991, app/assets/stylesheets/landing/style.scss */
.popup .tabs-in,
.popup .tabs-up {
  display: none;
}

/* line 1996, app/assets/stylesheets/landing/style.scss */
.popup .tabs-in.active,
.popup .tabs-up.active {
  display: block;
}

/* line 2000, app/assets/stylesheets/landing/style.scss */
.popup__tabs-item {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #111111;
  display: block;
  cursor: pointer;
}

/* line 2008, app/assets/stylesheets/landing/style.scss */
.popup__tabs-item span:nth-child(2) {
  color: #1a53c6;
}

/* line 2013, app/assets/stylesheets/landing/style.scss */
.popup__tabs-in-wrap {
  width: 100%;
}

/* line 2017, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
}

/* line 2022, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn__center {
  justify-content: center;
}

@media (max-width: 500px) {
  /* line 2017, app/assets/stylesheets/landing/style.scss */
  .popup .popup__wrap-btn {
    flex-wrap: wrap;
  }
}

/* line 2030, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn button, .popup .popup__wrap-btn .btn_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 44px;
  border-radius: 5px;
  font-size: 12px;
  background-color: transparent;
}

/* line 2040, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn button img, .popup .popup__wrap-btn .btn_link img {
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 2045, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn .popup__vk-btn,
.popup .popup__wrap-btn .popup__fc-btn,
.popup .popup__wrap-btn .popup__ai-btn {
  padding: 12px 18px 12px 12px;
  border: 1px solid #e1e6f0;
  color: #4680C2;
  width: 100%;
  min-width: 136px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  transition: .3s;
}

@media (max-width: 500px) {
  /* line 2045, app/assets/stylesheets/landing/style.scss */
  .popup .popup__wrap-btn .popup__vk-btn,
.popup .popup__wrap-btn .popup__fc-btn,
.popup .popup__wrap-btn .popup__ai-btn {
    min-width: 100%;
  }
}

/* line 2066, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn .popup__vk-btn svg,
.popup .popup__wrap-btn .popup__fc-btn svg,
.popup .popup__wrap-btn .popup__ai-btn svg {
  transition: .3s;
}

/* line 2068, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn .popup__vk-btn svg path,
.popup .popup__wrap-btn .popup__fc-btn svg path,
.popup .popup__wrap-btn .popup__ai-btn svg path {
  transition: .3s;
}

/* line 2072, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn .popup__vk-btn:hover,
.popup .popup__wrap-btn .popup__fc-btn:hover,
.popup .popup__wrap-btn .popup__ai-btn:hover {
  color: #FFFFFF;
  background-color: #4680C2;
}

/* line 2076, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn .popup__vk-btn:hover svg path,
.popup .popup__wrap-btn .popup__fc-btn:hover svg path,
.popup .popup__wrap-btn .popup__ai-btn:hover svg path {
  fill: #FFFFFF;
}

/* line 2083, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn .popup__ai-btn {
  color: #0B0B0A;
}

/* line 2087, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn .popup__ai-btn svg path {
  fill: #0B0B0A;
}

/* line 2091, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn .popup__ai-btn:hover {
  background-color: #0B0B0A;
}

/* line 2095, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn .popup__ai-btn:hover svg path {
  fill: white;
}

/* line 2102, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn .popup__fc-btn {
  color: #3B5998;
}

/* line 2104, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn .popup__fc-btn:hover {
  background-color: #3B5998;
}

/* line 2107, app/assets/stylesheets/landing/style.scss */
.popup .popup__wrap-btn .popup__fc-btn:hover svg path {
  fill: #FFFFFF;
}

/* line 2115, app/assets/stylesheets/landing/style.scss */
.popup__or {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  text-align: center;
  color: #95A3BA;
  margin-bottom: 24px;
}

/* line 2128, app/assets/stylesheets/landing/style.scss */
.popup__or::before {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  position: absolute;
  width: calc(50% - 24px);
  height: 1px;
  background-color: #F0F2F7;
}

/* line 2139, app/assets/stylesheets/landing/style.scss */
.popup__or::after {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: "";
  position: absolute;
  width: calc(50% - 24px);
  height: 1px;
  background-color: #F0F2F7;
}

/* line 2150, app/assets/stylesheets/landing/style.scss */
.popup__form-recover-pass {
  margin-top: 24px;
  margin-bottom: auto;
  display: flex;
}

/* line 2154, app/assets/stylesheets/landing/style.scss */
.popup__form-recover-pass a {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #1A53C6;
  margin: 0;
}

/* line 2162, app/assets/stylesheets/landing/style.scss */
.popup .terms-of-use {
  margin-top: 40px;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  color: #626F7F;
}

/* line 2168, app/assets/stylesheets/landing/style.scss */
.popup .terms-of-use a {
  color: #1a53c6;
}

/* line 2174, app/assets/stylesheets/landing/style.scss */
.popup form * {
  font-family: "stolzl-book", sans-serif;
  box-sizing: border-box;
}

/* line 2179, app/assets/stylesheets/landing/style.scss */
.popup form .field-wrapper {
  width: 100%;
  position: relative;
  margin-bottom: 24px;
  padding: 0;
}

/* line 2184, app/assets/stylesheets/landing/style.scss */
.popup form .field-wrapper .switch {
  display: inline-flex;
  align-items: center;
}

/* line 2187, app/assets/stylesheets/landing/style.scss */
.popup form .field-wrapper .switch:hover {
  cursor: pointer;
}

/* line 2190, app/assets/stylesheets/landing/style.scss */
.popup form .field-wrapper .switch .boolean {
  font-size: 13px;
  color: #111827;
  order: 1;
}

/* line 2196, app/assets/stylesheets/landing/style.scss */
.popup form .field-wrapper #user_remember_me_reg_1 {
  margin: 0 12px 0 0;
}

/* line 2199, app/assets/stylesheets/landing/style.scss */
.popup form .field-wrapper__label {
  position: absolute;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #95A3BA !important;
  pointer-events: none;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  transition: .3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 2213, app/assets/stylesheets/landing/style.scss */
.popup form .field-wrapper__label::after {
  content: '*';
  display: inline-block;
  position: unset;
  opacity: 1;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #EF4444;
}

/* line 2224, app/assets/stylesheets/landing/style.scss */
.popup form .field-wrapper input:focus ~ .field-wrapper__label,
.popup form .field-wrapper input:valid ~ .field-wrapper__label {
  top: 0;
  padding: 0 3px 3px;
  background-color: #fff;
  font-size: 12px;
  line-height: 14px;
  z-index: 1;
  border-radius: 4px;
}

/* line 2234, app/assets/stylesheets/landing/style.scss */
.popup form .field-wrapper__toggle-pass-see {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 16px;
  top: 12px;
  cursor: pointer;
  z-index: 2;
}

/* line 2243, app/assets/stylesheets/landing/style.scss */
.popup form .field-wrapper__toggle-pass-see svg {
  width: 24px;
  height: 24px;
}

/* line 2250, app/assets/stylesheets/landing/style.scss */
.popup form input[type=password]:not(.browser-default),
.popup form input[type=text]:not(.browser-default),
.popup form input[type=email]:not(.browser-default) {
  width: 100%;
  height: 48px;
  font-weight: 400;
  font-size: 14px;
  padding: 0 45px 0 16px;
  line-height: 17px;
  margin: 0;
  color: #111111;
  background: #F7FAFC;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
  box-sizing: border-box;
}

/* line 2266, app/assets/stylesheets/landing/style.scss */
.popup form input[type=password]:not(.browser-default):focus,
.popup form input[type=text]:not(.browser-default):focus,
.popup form input[type=email]:not(.browser-default):focus {
  font-size: 16px;
  background-color: #fff;
  box-shadow: none !important;
  border: 1px solid #e1e6f0 !important;
}

/* line 2274, app/assets/stylesheets/landing/style.scss */
.popup form .button__in {
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  border: none;
  width: 100%;
  height: 48px;
  border-radius: 6px;
  background: #1a53c6;
  margin: 0;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  cursor: pointer;
  transition: .3s;
}

/* line 2291, app/assets/stylesheets/landing/style.scss */
.popup form .button__in:hover {
  background: #2E6BE6;
  box-shadow: 0 30px 20px -20px rgba(26, 83, 198, 0.24);
}

/* line 2297, app/assets/stylesheets/landing/style.scss */
.popup form .form__wrap {
  display: flex;
  justify-content: space-between;
}

/* line 2303, app/assets/stylesheets/landing/style.scss */
.popup form .form__wrap .wrap-left input,
.popup form .form__wrap .wrap-right input {
  width: 141px;
}

/* line 2310, app/assets/stylesheets/landing/style.scss */
.popup .regulations {
  text-align: center;
  color: #B3AFAF;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  margin-bottom: 50px;
}

/* line 2318, app/assets/stylesheets/landing/style.scss */
.popup .regulations a {
  color: #B3AFAF;
  text-decoration: underline;
}

/* line 2324, app/assets/stylesheets/landing/style.scss */
.popup__footer {
  text-align: center;
}

/* line 2327, app/assets/stylesheets/landing/style.scss */
.popup__footer .logo {
  color: #003399;
  font-weight: 700;
}

/* line 2332, app/assets/stylesheets/landing/style.scss */
.popup__footer .popup__footer-bottom {
  margin: 8px 0 20px;
  color: #C5C6C7;
  font-size: 14px;
}

/* line 2339, app/assets/stylesheets/landing/style.scss */
.popup .tabs__content {
  display: none;
}

/* line 2343, app/assets/stylesheets/landing/style.scss */
.popup .tabs__content.active {
  display: block;
}

/* line 2348, app/assets/stylesheets/landing/style.scss */
.js-popup-in {
  display: none;
}

/* line 2352, app/assets/stylesheets/landing/style.scss */
.popup-slider-pagination {
  bottom: 7% !important;
}

@media (max-height: 860px) {
  /* line 2352, app/assets/stylesheets/landing/style.scss */
  .popup-slider-pagination {
    bottom: 4% !important;
  }
}

@media (max-height: 780px) {
  /* line 2352, app/assets/stylesheets/landing/style.scss */
  .popup-slider-pagination {
    bottom: 2% !important;
  }
}

/* line 2360, app/assets/stylesheets/landing/style.scss */
.popup-slider-pagination .swiper-pagination-bullet {
  background-color: #6C7A96;
  opacity: 1;
  width: 5px;
  height: 5px;
  border-radius: 20px;
}

/* line 2366, app/assets/stylesheets/landing/style.scss */
.popup-slider-pagination .swiper-pagination-bullet-active {
  width: 20px;
  background-color: #FBBF24;
}

/* line 2373, app/assets/stylesheets/landing/style.scss */
.video-popup {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 200;
}

/* line 2382, app/assets/stylesheets/landing/style.scss */
.video-popup__container {
  display: flex;
  flex-direction: column;
  font-family: "stolzl-book", sans-serif;
  top: 10%;
  left: 16px;
  right: 16px;
  margin: 0 auto;
  position: absolute;
  max-width: 1000px;
  background: #FFFFFF;
  box-shadow: 0 35px 60px -15px rgba(6, 25, 56, 0.25);
}

/* line 2395, app/assets/stylesheets/landing/style.scss */
.video-popup__close {
  width: 50px;
  height: 50px;
  position: absolute;
  right: -50px;
  top: -50px;
  cursor: pointer;
  opacity: 0.7;
}

/* line 2403, app/assets/stylesheets/landing/style.scss */
.video-popup__close svg {
  width: 100%;
  height: 100%;
}

/* line 2406, app/assets/stylesheets/landing/style.scss */
.video-popup__close svg path {
  fill: #FFFFFF;
}

/* line 2410, app/assets/stylesheets/landing/style.scss */
.video-popup__close:hover {
  opacity: 1;
}

/* line 2416, app/assets/stylesheets/landing/style.scss */
.popup-order {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 200;
}

/* line 2425, app/assets/stylesheets/landing/style.scss */
.popup-order__container {
  position: absolute;
  top: 15%;
  left: 16px;
  right: 16px;
  margin: 0 auto;
  max-width: 560px;
  padding: 20px 32px;
  background: #FFFFFF;
  box-shadow: 0 35px 60px -15px rgba(6, 25, 56, 0.25);
  border-radius: 16px;
}

/* line 2437, app/assets/stylesheets/landing/style.scss */
.popup-order__title {
  font-size: 24px;
  line-height: 130%;
  color: #111827;
  margin-bottom: 16px;
}

/* line 2443, app/assets/stylesheets/landing/style.scss */
.popup-order__subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #374151;
  margin-bottom: 24px;
}

/* line 2450, app/assets/stylesheets/landing/style.scss */
.popup-order__field {
  display: flex;
  margin-bottom: 24px;
}

/* line 2453, app/assets/stylesheets/landing/style.scss */
.popup-order__field input[type=text]:not(.browser-default),
.popup-order__field input[type=number]:not(.browser-default),
.popup-order__field textarea.materialize-textarea {
  box-sizing: border-box;
  background: #F7FAFC;
  border: 1px solid #E1E6F0;
  padding: 0 16px;
  font-size: 14px;
  color: #111111;
  border-radius: 6px;
  margin: 0;
}

/* line 2464, app/assets/stylesheets/landing/style.scss */
.popup-order__field input[type=text]:not(.browser-default):focus,
.popup-order__field input[type=number]:not(.browser-default):focus,
.popup-order__field textarea.materialize-textarea:focus {
  font-size: 16px;
  line-height: 19px;
  box-shadow: none;
  border-color: #1a53c6;
}

/* line 2470, app/assets/stylesheets/landing/style.scss */
.popup-order__field input[type=text]:not(.browser-default)::-moz-placeholder, .popup-order__field input[type=number]:not(.browser-default)::-moz-placeholder, .popup-order__field textarea.materialize-textarea::-moz-placeholder {
  color: #95A3BA;
  font-size: 14px;
}
.popup-order__field input[type=text]:not(.browser-default):-ms-input-placeholder, .popup-order__field input[type=number]:not(.browser-default):-ms-input-placeholder, .popup-order__field textarea.materialize-textarea:-ms-input-placeholder {
  color: #95A3BA;
  font-size: 14px;
}
.popup-order__field input[type=text]:not(.browser-default)::placeholder,
.popup-order__field input[type=number]:not(.browser-default)::placeholder,
.popup-order__field textarea.materialize-textarea::placeholder {
  color: #95A3BA;
  font-size: 14px;
}

/* line 2474, app/assets/stylesheets/landing/style.scss */
.popup-order__field input[type=text]:not(.browser-default)::-webkit-outer-spin-button, .popup-order__field input[type=text]:not(.browser-default)::-webkit-inner-spin-button,
.popup-order__field input[type=number]:not(.browser-default)::-webkit-outer-spin-button,
.popup-order__field input[type=number]:not(.browser-default)::-webkit-inner-spin-button,
.popup-order__field textarea.materialize-textarea::-webkit-outer-spin-button,
.popup-order__field textarea.materialize-textarea::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

/* line 2480, app/assets/stylesheets/landing/style.scss */
.popup-order__field textarea.materialize-textarea {
  padding: 16px;
  max-height: 100px;
  min-height: 100px;
}

/* line 2486, app/assets/stylesheets/landing/style.scss */
.popup-order__btn {
  font-family: "stolzl-book", sans-serif !important;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 15.5px 24px;
  background: #00339A;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  width: 100%;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  color: #FFFFFF;
  margin-bottom: 24px;
  transition: .3s;
}

/* line 2504, app/assets/stylesheets/landing/style.scss */
.popup-order__btn:hover {
  background-color: #1a53c6;
}

/* line 2508, app/assets/stylesheets/landing/style.scss */
.popup-order__confirm {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #626F7F;
}

/* line 2513, app/assets/stylesheets/landing/style.scss */
.popup-order__confirm a {
  color: #1a53c6;
}

/* line 2517, app/assets/stylesheets/landing/style.scss */
.popup-order__close {
  display: flex;
  position: absolute;
  right: 16px;
  top: 12px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

/* line 2525, app/assets/stylesheets/landing/style.scss */
.popup-order__close svg {
  width: 100%;
  height: 100%;
}

/* line 2530, app/assets/stylesheets/landing/style.scss */
.popup-order__message {
  display: none;
}

/* line 2533, app/assets/stylesheets/landing/style.scss */
.popup-order__message-img {
  text-align: center;
}

/* line 2536, app/assets/stylesheets/landing/style.scss */
.popup-order__message-title {
  font-size: 24px;
  line-height: 130%;
  color: #111827;
  text-align: center;
  margin: 20px 0;
}

/* line 2543, app/assets/stylesheets/landing/style.scss */
.popup-order__message-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #374151;
  text-align: center;
}

/* line 2552, app/assets/stylesheets/landing/style.scss */
.popup-tariff {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 200;
}

/* line 2561, app/assets/stylesheets/landing/style.scss */
.popup-tariff__container {
  display: flex;
  flex-direction: column;
  font-family: "stolzl-book", sans-serif;
  top: 10%;
  left: 16px;
  right: 16px;
  margin: 0 auto;
  position: absolute;
  max-width: 1000px;
  background: #FFFFFF;
  box-shadow: 0 35px 60px -15px rgba(6, 25, 56, 0.25);
  border-radius: 16px;
  height: calc(100vh - 200px);
  overflow-x: auto;
}

/* line 2577, app/assets/stylesheets/landing/style.scss */
.popup-tariff__close {
  position: -webkit-sticky;
  position: sticky;
  top: 16px;
  right: 16px;
  cursor: pointer;
}

/* line 2583, app/assets/stylesheets/landing/style.scss */
.popup-tariff__header {
  padding: 20px 32px;
  border-bottom: 1px solid #e1e6f0;
  width: 1000px;
}

/* line 2588, app/assets/stylesheets/landing/style.scss */
.popup-tariff__header-top {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}

/* line 2594, app/assets/stylesheets/landing/style.scss */
.popup-tariff__title {
  display: inline-block;
  position: -webkit-sticky;
  position: sticky;
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  color: #111827;
  margin-bottom: 24px;
  left: 32px;
}

/* line 2604, app/assets/stylesheets/landing/style.scss */
.popup-tariff__header-list {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* line 2609, app/assets/stylesheets/landing/style.scss */
.popup-tariff__header-item {
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #111827;
  min-width: 151.5px;
  max-width: 151.5px;
}

/* line 2618, app/assets/stylesheets/landing/style.scss */
.popup-tariff__header-item:first-child {
  color: #6C7A96;
  min-width: 250px;
  max-width: 250px;
  justify-content: unset;
}

/* line 2625, app/assets/stylesheets/landing/style.scss */
.popup-tariff__content {
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  width: 1000px;
}

/* line 2630, app/assets/stylesheets/landing/style.scss */
.popup-tariff__content::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 2635, app/assets/stylesheets/landing/style.scss */
.popup-tariff__content::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 2641, app/assets/stylesheets/landing/style.scss */
.popup-tariff__content::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 2647, app/assets/stylesheets/landing/style.scss */
.popup-tariff__content-item {
  display: flex;
  gap: 20px;
  padding: 12px 32px;
}

/* line 2651, app/assets/stylesheets/landing/style.scss */
.popup-tariff__content-item:nth-child(even) {
  background-color: #F0F2F7;
}

/* line 2656, app/assets/stylesheets/landing/style.scss */
.popup-tariff__content-item:nth-child(1) .popup-tariff__content-item-info::before, .popup-tariff__content-item:nth-child(2) .popup-tariff__content-item-info::before {
  display: none;
}

/* line 2661, app/assets/stylesheets/landing/style.scss */
.popup-tariff__content-item-name {
  color: #1F2937;
  font-size: 14px;
  min-width: 250px;
  max-width: 250px;
}

/* line 2667, app/assets/stylesheets/landing/style.scss */
.popup-tariff__content-item-info {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 151.5px;
  max-width: 151.5px;
  font-size: 14px;
  color: #111827;
  position: relative;
}

/* line 2676, app/assets/stylesheets/landing/style.scss */
.popup-tariff__content-item-info::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url(/assets/new_landing/check-icon-f1d6ad773adec473d52bbffc6195668670e5c46433d6b1385a25d5c1255a1da2.svg);
  background-repeat: no-repeat;
}

/* line 2684, app/assets/stylesheets/landing/style.scss */
.popup-tariff__content-item-info--no-check::before {
  background-image: url(/assets/new_landing/no-check-icon-eb7377ab77e75d7638170d5d9a6d1184b49cc7fd5d1bbfffd3cce2703b4a0f9d.svg);
}

/* line 2688, app/assets/stylesheets/landing/style.scss */
.popup-tariff__footer {
  display: flex;
  padding: 12px 32px;
  box-shadow: 0px -6px 10px -1px rgba(6, 25, 56, 0.07);
  width: 1000px;
}

/* line 2694, app/assets/stylesheets/landing/style.scss */
.popup-tariff__footer-list {
  display: flex;
  gap: 20px;
  margin-left: auto;
}

/* line 2699, app/assets/stylesheets/landing/style.scss */
.popup-tariff__footer-btn {
  color: #FFFFFF;
  font-size: 15px;
  line-height: 19px;
  border-radius: 50px;
  background-color: #1a53c6;
  padding: 12px 40px;
  cursor: pointer;
}

@media (max-width: 1850px) {
  /* line 2714, app/assets/stylesheets/landing/style.scss */
  .landing .course__line--2 {
    right: -137px;
  }
  /* line 2717, app/assets/stylesheets/landing/style.scss */
  .landing .course__memoji {
    right: 65px;
  }
}

@media (max-width: 1600px) {
  /* line 2724, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__line--blue {
    left: -130px;
  }
  /* line 2727, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__line--orange {
    right: -75px;
  }
  /* line 2731, app/assets/stylesheets/landing/style.scss */
  .landing .course__line--2 {
    right: -215px;
  }
  /* line 2734, app/assets/stylesheets/landing/style.scss */
  .landing .course__memoji {
    right: 0px;
  }
  /* line 2737, app/assets/stylesheets/landing/style.scss */
  .landing .popup__slider-line--1 {
    left: -200px;
  }
  /* line 2740, app/assets/stylesheets/landing/style.scss */
  .landing .popup__slider-line--2 {
    right: -65px;
  }
}

@media (max-width: 1500px) {
  /* line 2745, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item {
    justify-content: center;
    gap: 100px;
  }
  /* line 2749, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img-box {
    max-width: 530px;
  }
  /* line 2753, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--2 {
    width: 180px;
  }
  /* line 2756, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--3 {
    width: 140px;
    top: 200px;
  }
  /* line 2760, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--5 {
    width: 195px;
    top: 190px;
  }
  /* line 2764, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--7 {
    width: 150px;
    border-radius: 20px;
  }
  /* line 2767, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--7 img {
    width: 104%;
  }
  /* line 2771, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--vk2 {
    left: 123px;
    bottom: 100px;
  }
  /* line 2775, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--vk {
    top: 90px;
  }
  /* line 2778, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--whatsapp {
    left: 85px;
  }
  /* line 2781, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--ok {
    bottom: 80px;
  }
  /* line 2785, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__list--wo-img {
    justify-content: center;
    gap: 80px 100px;
  }
  /* line 2789, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item--wo-img {
    max-width: 1081px;
  }
  /* line 2793, app/assets/stylesheets/landing/style.scss */
  .landing .reviews__list {
    max-width: 1085px;
  }
  /* line 2796, app/assets/stylesheets/landing/style.scss */
  .landing .reviews__item {
    gap: 64px;
  }
  /* line 2800, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__additional {
    gap: 75px;
  }
  /* line 2803, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__line--blue {
    left: -40px;
  }
  /* line 2806, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__line--green {
    right: -50px;
  }
}

@media (max-width: 1450px) {
  /* line 2812, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block {
    margin: 0 20px;
    padding: 52px 50px 53px 56px;
  }
  /* line 2815, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block__wrapper {
    gap: 50px;
  }
  /* line 2818, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block__title {
    font-size: 28px;
    line-height: 35px;
    max-width: 392px;
  }
  /* line 2824, app/assets/stylesheets/landing/style.scss */
  .landing .integration__line-decor {
    right: -35px;
  }
  /* line 2826, app/assets/stylesheets/landing/style.scss */
  .landing .integration__line-decor--1 {
    left: -40px;
  }
  /* line 2830, app/assets/stylesheets/landing/style.scss */
  .landing .course__line--1 {
    left: -35px;
  }
  /* line 2833, app/assets/stylesheets/landing/style.scss */
  .landing .course__line--2 {
    right: -245px;
  }
  /* line 2836, app/assets/stylesheets/landing/style.scss */
  .landing .course__memoji {
    right: -45px;
  }
}

@media (max-width: 1280px) {
  /* line 2844, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__line--blue, .landing .main-screen__line--orange, .landing .main-screen__line--green {
    display: none;
  }
  /* line 2849, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__title {
    font-size: 52px;
    line-height: 62px;
    margin-bottom: 28px;
  }
  /* line 2854, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__subtitle {
    margin-bottom: 40px;
  }
  /* line 2857, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__animation-box {
    height: 62px;
  }
  /* line 2859, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__animation-box .animation-box-item,
.landing .main-screen__animation-box .animation-box--placeholder {
    font-size: 52px;
    line-height: 62px;
  }
  /* line 2865, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__subtitle {
    font-size: 18px;
    line-height: 26px;
  }
  /* line 2870, app/assets/stylesheets/landing/style.scss */
  .landing .integration__line-decor {
    display: none;
  }
  /* line 2872, app/assets/stylesheets/landing/style.scss */
  .landing .integration__line-decor--1 {
    display: none;
  }
  /* line 2876, app/assets/stylesheets/landing/style.scss */
  .landing .cases__community {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
  /* line 2882, app/assets/stylesheets/landing/style.scss */
  .landing .reviews__list {
    max-width: 1024px;
  }
  /* line 2886, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__line--blue,
.landing .tariff__line--green,
.landing .course__line--1,
.landing .course__line--2 {
    display: none;
  }
  /* line 2892, app/assets/stylesheets/landing/style.scss */
  .landing .course__memoji {
    right: 0;
  }
  /* line 2895, app/assets/stylesheets/landing/style.scss */
  .landing .course__form-description {
    max-width: 430px;
  }
}

@media (max-width: 1250px) {
  /* line 2900, app/assets/stylesheets/landing/style.scss */
  .landing .landing__container {
    padding: 0 24px;
  }
  /* line 2903, app/assets/stylesheets/landing/style.scss */
  .landing .accent-hint {
    margin-bottom: 20px;
  }
  /* line 2906, app/assets/stylesheets/landing/style.scss */
  .landing .title {
    font-size: 36px;
    line-height: 43px;
    margin-bottom: 20px;
  }
  /* line 2911, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__animation-box {
    height: 43px;
  }
  /* line 2913, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__animation-box .animation-box-item,
.landing .main-screen__animation-box .animation-box--placeholder {
    font-size: 36px;
    line-height: 43px;
  }
  /* line 2919, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-description {
    max-width: 692px;
  }
  /* line 2922, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-title {
    font-size: 28px;
    line-height: 33px;
    max-width: 100%;
  }
  /* line 2927, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-wrapper-img {
    max-width: 100%;
    width: 100%;
  }
  /* line 2932, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img-box {
    width: 90%;
    margin: 0 auto;
    max-width: 692px;
  }
  /* line 2937, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item {
    flex-direction: column-reverse;
  }
  /* line 2939, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item:nth-child(2) {
    flex-direction: column-reverse;
  }
  /* line 2944, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--2 {
    width: unset;
  }
  /* line 2947, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--3 {
    width: unset;
    top: 140px;
  }
  /* line 2951, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--5 {
    width: 195px;
    top: 190px;
  }
  /* line 2955, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--7 {
    width: 170px;
    top: 210px;
    border-radius: 20px;
  }
  /* line 2959, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--7 img {
    width: 102%;
  }
  /* line 2963, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--vk2 {
    left: 123px;
    bottom: 100px;
  }
  /* line 2967, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--vk {
    top: 90px;
  }
  /* line 2970, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--whatsapp {
    left: 85px;
  }
  /* line 2973, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--ok {
    bottom: 80px;
  }
  /* line 2977, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item--wo-img {
    max-width: 692px;
    margin: 0 auto;
  }
  /* line 2981, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block {
    padding: 23px 41px 27px 48px;
  }
  /* line 2984, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block__line-2 {
    left: -20px;
  }
  /* line 2987, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block__wrapper {
    flex-direction: column;
    align-items: unset;
    gap: 16px;
  }
  /* line 2992, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block__title {
    display: flex;
    gap: 10px;
    font-size: 28px;
    line-height: 34px;
  }
  /* line 2998, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block__title span:nth-child(3)::before {
    bottom: 2px;
    height: 2px;
  }
  /* line 3004, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block__description {
    padding-left: unset;
    max-width: 390px;
  }
  /* line 3007, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block__description::before {
    display: none;
  }
  /* line 3011, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block__line-1 {
    display: none;
  }
  /* line 3014, app/assets/stylesheets/landing/style.scss */
  .landing .integration__messengers-list {
    flex-wrap: wrap;
  }
  /* line 3017, app/assets/stylesheets/landing/style.scss */
  .landing .integration__company-list {
    flex-wrap: wrap;
  }
  /* line 3020, app/assets/stylesheets/landing/style.scss */
  .landing .cases__community-title {
    font-size: 28px;
    line-height: 35px;
  }
  /* line 3024, app/assets/stylesheets/landing/style.scss */
  .landing .reviews__item-comment-wrapper {
    max-height: 240px;
    overflow: hidden;
  }
  /* line 3028, app/assets/stylesheets/landing/style.scss */
  .landing .tariff {
    padding: 50px 0;
  }
  /* line 3031, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__top {
    margin-bottom: 20px;
  }
  /* line 3034, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__title {
    margin-bottom: 0;
  }
  /* line 3037, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__list {
    overflow-x: auto;
    width: calc(100% + 24px);
    padding-right: 20px;
    min-height: unset;
    margin: 30px 0 40px;
  }
  /* line 3043, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__list::-webkit-scrollbar {
    width: 0;
    height: 0;
    opacity: 0;
  }
  /* line 3048, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__list::-webkit-scrollbar-thumb {
    width: 0;
    height: 0;
    opacity: 0;
  }
  /* line 3053, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__list::-webkit-scrollbar-track {
    width: 0;
    height: 0;
    opacity: 0;
  }
  /* line 3059, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__list-item {
    min-width: 305px;
  }
  /* line 3061, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__list-item:nth-child(3) {
    height: 360px;
    background: #F0F2F7;
    border-color: #F0F2F7;
    box-shadow: none;
  }
  /* line 3066, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__list-item:nth-child(3) .tariff__item-btn {
    background-color: #1a53c6;
    color: #FFFFFF;
  }
  /* line 3069, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__list-item:nth-child(3) .tariff__item-btn:hover {
    background: #2E6BE6;
    box-shadow: 0 30px 20px -20px rgba(26, 83, 198, 0.24);
  }
  /* line 3076, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__additional {
    gap: 45px;
  }
  /* line 3079, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__additional-title {
    font-size: 28px;
    line-height: 35px;
  }
  /* line 3083, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__additional-item-name {
    font-size: 16px;
    line-height: 24px;
  }
  /* line 3087, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__additional-item-price {
    font-size: 14px;
    line-height: 22px;
  }
  /* line 3091, app/assets/stylesheets/landing/style.scss */
  .landing .course {
    padding: 50px 0;
  }
  /* line 3093, app/assets/stylesheets/landing/style.scss */
  .landing .course::after {
    right: 0;
  }
  /* line 3097, app/assets/stylesheets/landing/style.scss */
  .landing .course__info {
    flex-direction: column;
    gap: 30px;
  }
  /* line 3101, app/assets/stylesheets/landing/style.scss */
  .landing .course__info-wrapper {
    max-width: unset;
  }
  /* line 3105, app/assets/stylesheets/landing/style.scss */
  .landing .course__title span {
    display: inline;
  }
  /* line 3109, app/assets/stylesheets/landing/style.scss */
  .landing .course__form-wrapper {
    gap: 40px;
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 3114, app/assets/stylesheets/landing/style.scss */
  .landing .course__form-description {
    max-width: 490px;
  }
  /* line 3117, app/assets/stylesheets/landing/style.scss */
  .landing .course__memoji {
    right: 220px;
  }
  /* line 3120, app/assets/stylesheets/landing/style.scss */
  .landing .templates {
    padding: 50px 0 125px;
  }
  /* line 3123, app/assets/stylesheets/landing/style.scss */
  .landing .templates__subtitle {
    margin-bottom: 40px;
  }
  /* line 3126, app/assets/stylesheets/landing/style.scss */
  .landing .popup__slider {
    display: none;
  }
  /* line 3129, app/assets/stylesheets/landing/style.scss */
  .landing .popup__form {
    width: 100%;
  }
  /* line 3132, app/assets/stylesheets/landing/style.scss */
  .landing .popup__form-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
  }
  /* line 3137, app/assets/stylesheets/landing/style.scss */
  .landing .popup__wrap-btn,
.landing .popup__or {
    margin-bottom: 16px;
  }
}

@media (max-width: 1180px) {
  /* line 3143, app/assets/stylesheets/landing/style.scss */
  .landing .header__list {
    justify-content: unset;
  }
  /* line 3145, app/assets/stylesheets/landing/style.scss */
  .landing .header__list .accout {
    margin-left: auto;
  }
  /* line 3149, app/assets/stylesheets/landing/style.scss */
  .landing .header__list-burger {
    display: flex;
  }
  /* line 3154, app/assets/stylesheets/landing/style.scss */
  .landing .burger-menu-overlay--active {
    display: block;
    left: 0;
    right: 0;
    opacity: 1;
  }
  /* line 3161, app/assets/stylesheets/landing/style.scss */
  .landing .burger-menu {
    padding: 30px 25px;
    height: 100%;
    width: 60%;
    background-color: #fff;
  }
  /* line 3167, app/assets/stylesheets/landing/style.scss */
  .landing .header__list-item--nav {
    display: none;
  }
  /* line 3170, app/assets/stylesheets/landing/style.scss */
  .landing .header__list-nav-item + .header__list-nav-item {
    margin: 0;
  }
  /* line 3173, app/assets/stylesheets/landing/style.scss */
  .landing .header__list-nav-item {
    font-size: 26px;
    line-height: 35px;
  }
  /* line 3177, app/assets/stylesheets/landing/style.scss */
  .landing .burger-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
  }
  /* line 3183, app/assets/stylesheets/landing/style.scss */
  .landing .burger-close {
    display: flex;
    width: 35px;
    height: 35px;
    cursor: pointer;
  }
  /* line 3188, app/assets/stylesheets/landing/style.scss */
  .landing .burger-close svg {
    width: 100%;
    height: 100%;
  }
  /* line 3193, app/assets/stylesheets/landing/style.scss */
  .landing .header__list-nav {
    gap: 28px;
    flex-direction: column;
  }
  /* line 3197, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__btn {
    padding: 16px 40px;
    text-align: center;
  }
  /* line 3201, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__inner-memoji {
    width: 150px;
    height: 150px;
  }
  /* line 3204, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__inner-memoji--1 {
    top: -90px;
  }
  /* line 3208, app/assets/stylesheets/landing/style.scss */
  .landing .cases__list,
.landing .templates__list {
    overflow: hidden;
  }
  /* line 3212, app/assets/stylesheets/landing/style.scss */
  .landing .cases__item {
    height: 335px;
  }
  /* line 3215, app/assets/stylesheets/landing/style.scss */
  .landing .cases__item-box {
    padding: 20px 16px;
  }
  /* line 3218, app/assets/stylesheets/landing/style.scss */
  .landing .cases__item-decor {
    left: 3px;
  }
  /* line 3221, app/assets/stylesheets/landing/style.scss */
  .landing .cases__item-name {
    font-size: 17px;
  }
  /* line 3224, app/assets/stylesheets/landing/style.scss */
  .landing .cases__item-case {
    font-size: 14px;
  }
  /* line 3228, app/assets/stylesheets/landing/style.scss */
  .landing .reviews__list {
    overflow: hidden;
    padding: 50px 0;
  }
  /* line 3232, app/assets/stylesheets/landing/style.scss */
  .landing .reviews__item {
    display: unset;
    flex-direction: column;
    gap: 32px;
  }
  /* line 3237, app/assets/stylesheets/landing/style.scss */
  .landing .reviews__item-img {
    margin-bottom: 32px;
  }
  /* line 3240, app/assets/stylesheets/landing/style.scss */
  .landing .reviews__item-comment {
    font-size: 16px;
  }
  /* line 3242, app/assets/stylesheets/landing/style.scss */
  .landing .reviews__item-comment + .reviews__item-comment {
    margin-top: 10px;
  }
  /* line 3247, app/assets/stylesheets/landing/style.scss */
  .landing .course__memoji {
    right: 100px;
  }
  /* line 3250, app/assets/stylesheets/landing/style.scss */
  .landing .templates__item-name {
    font-size: 20px;
    line-height: 27px;
  }
  /* line 3255, app/assets/stylesheets/landing/style.scss */
  .landing .footer__content {
    justify-content: space-between;
    gap: 24px 24px;
    flex-wrap: wrap;
  }
  /* line 3260, app/assets/stylesheets/landing/style.scss */
  .landing .footer__social-list, .landing .footer__nav-list, .landing .footer__nav-list--help, .landing .footer__app-list {
    margin: 0;
  }
  /* line 3267, app/assets/stylesheets/landing/style.scss */
  .landing .video-popup__close {
    right: -13px;
  }
}

@media (max-width: 1024px) {
  /* line 3272, app/assets/stylesheets/landing/style.scss */
  .landing .cases__item {
    height: 315px;
  }
}

@media (max-width: 992px) {
  /* line 3278, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__additional {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}

@media (max-width: 860px) {
  /* line 3286, app/assets/stylesheets/landing/style.scss */
  .landing .header__list-nav-item {
    font-size: 22px;
    line-height: 30px;
  }
  /* line 3290, app/assets/stylesheets/landing/style.scss */
  .landing .tariff {
    padding: 50px 0 98px;
  }
  /* line 3293, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__popup-btn {
    position: absolute;
    left: 20px;
    bottom: 50px;
  }
  /* line 3298, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities {
    padding: 75px 0;
  }
  /* line 3301, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__subtitle {
    margin-bottom: 65px;
  }
  /* line 3304, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__list {
    margin-bottom: 60px;
  }
  /* line 3306, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__list--wo-img {
    gap: 60px;
    margin-bottom: 0;
  }
  /* line 3311, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item {
    gap: 60px;
  }
  /* line 3313, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item + .capabilities__item {
    margin-top: 60px;
  }
  /* line 3317, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-description-img {
    margin-bottom: 25px;
  }
  /* line 3320, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-title {
    margin-bottom: 20px;
  }
  /* line 3323, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img {
    border-radius: 8px;
  }
  /* line 3325, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--2 {
    width: 180px;
    transform: translateX(-20%);
  }
  /* line 3329, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--3 {
    width: 160px;
    top: 235px;
    transform: translateX(20%);
  }
  /* line 3334, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--5 {
    transform: translateX(-20%);
  }
  /* line 3337, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--7 {
    border-radius: 20px;
    width: 145px;
    right: -30px;
  }
  /* line 3342, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--vk2 {
    left: 140px;
  }
  /* line 3346, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block {
    padding: 23px 30px 27px 30px;
    flex-wrap: wrap;
    gap: 20px;
  }
  /* line 3354, app/assets/stylesheets/landing/style.scss */
  .landing .integration__company-list--1 .integration__company-item:last-child, .landing .integration__company-list--2 .integration__company-item:last-child {
    display: block;
  }
  /* line 3360, app/assets/stylesheets/landing/style.scss */
  .landing .integration__company-list--2 .integration__company-item:nth-child(1), .landing .integration__company-list--3 .integration__company-item:nth-child(1) {
    display: none;
  }
  /* line 3365, app/assets/stylesheets/landing/style.scss */
  .landing .cases__community-memoji--1 {
    width: 200px;
  }
  /* line 3368, app/assets/stylesheets/landing/style.scss */
  .landing .cases__community-memoji--2 {
    width: 190px;
  }
  /* line 3371, app/assets/stylesheets/landing/style.scss */
  .landing .cases__community-memoji--3 {
    width: 200px;
  }
  /* line 3374, app/assets/stylesheets/landing/style.scss */
  .landing .course__memoji {
    right: 0;
    width: 200px;
  }
  /* line 3379, app/assets/stylesheets/landing/style.scss */
  .landing .footer__content {
    padding: 70px 0 50px;
    gap: 32px 100px;
    align-items: flex-end;
    justify-content: space-around;
  }
  /* line 3385, app/assets/stylesheets/landing/style.scss */
  .landing .footer__nav-list {
    order: 1;
  }
  /* line 3388, app/assets/stylesheets/landing/style.scss */
  .landing .footer__nav-list--2 {
    order: 2;
  }
  /* line 3391, app/assets/stylesheets/landing/style.scss */
  .landing .footer__app-list {
    width: 262px;
  }
  /* line 3394, app/assets/stylesheets/landing/style.scss */
  .landing .footer__bottom {
    padding: 32px 0;
  }
}

@media (max-width: 700px) {
  /* line 3401, app/assets/stylesheets/landing/style.scss */
  .landing .landing__container {
    padding: 0 16px;
  }
  /* line 3404, app/assets/stylesheets/landing/style.scss */
  .landing .accent-hint {
    font-size: 15px;
    margin-bottom: 16px;
  }
  /* line 3408, app/assets/stylesheets/landing/style.scss */
  .landing .title {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 16px;
  }
  /* line 3413, app/assets/stylesheets/landing/style.scss */
  .landing .subtitle {
    font-size: 15px;
    margin-bottom: 32px;
  }
  /* line 3417, app/assets/stylesheets/landing/style.scss */
  .landing .header__list {
    padding: 16px;
  }
  /* line 3420, app/assets/stylesheets/landing/style.scss */
  .landing .header__list-item:last-child {
    min-width: unset;
  }
  /* line 3423, app/assets/stylesheets/landing/style.scss */
  .landing .header__list-nav-item {
    font-size: 16px;
    line-height: 22px;
  }
  /* line 3427, app/assets/stylesheets/landing/style.scss */
  .landing .header__projects {
    display: none;
  }
  /* line 3430, app/assets/stylesheets/landing/style.scss */
  .landing .header__projects-mobile {
    display: flex;
  }
  /* line 3433, app/assets/stylesheets/landing/style.scss */
  .landing .account__register.js-button-signup {
    display: none;
  }
  /* line 3436, app/assets/stylesheets/landing/style.scss */
  .landing .account__login.js-button-in {
    background-color: #F0F2F7;
  }
  /* line 3439, app/assets/stylesheets/landing/style.scss */
  .landing .burger-menu {
    width: 80%;
  }
  /* line 3443, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__offer {
    padding-top: 137px;
    margin-bottom: 66px;
  }
  /* line 3447, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__title {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 28px;
  }
  /* line 3452, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__subtitle {
    margin-bottom: 40px;
  }
  /* line 3455, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__animation-box {
    height: 38px;
  }
  /* line 3457, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__animation-box .animation-box-item,
.landing .main-screen__animation-box .animation-box--placeholder {
    font-size: 23px;
    line-height: 38px;
  }
  /* line 3463, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
  /* line 3468, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__video-btn {
    width: 50px;
    height: 50px;
  }
  /* line 3471, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__video-btn svg {
    width: 24px;
  }
  /* line 3474, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__video-btn::before {
    width: 65px;
    height: 65px;
  }
  /* line 3480, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__inner::before, .landing .main-screen__inner::after {
    height: 6px;
    bottom: -6px;
  }
  /* line 3485, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__inner::after {
    bottom: -12px;
  }
  /* line 3489, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__inner-memoji {
    width: 80px;
    height: 80px;
  }
  /* line 3492, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__inner-memoji--1 {
    top: -55px;
    left: 0;
  }
  /* line 3496, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__inner-memoji--2 {
    bottom: -50px;
    right: 30px;
  }
  /* line 3501, app/assets/stylesheets/landing/style.scss */
  .landing .language-swap-select {
    display: none;
  }
  /* line 3504, app/assets/stylesheets/landing/style.scss */
  .landing .burger-language-select {
    position: absolute;
    bottom: 50px;
  }
  /* line 3507, app/assets/stylesheets/landing/style.scss */
  .landing .burger-language-select .language-swap-select {
    display: flex;
    margin: 0;
  }
  /* line 3511, app/assets/stylesheets/landing/style.scss */
  .landing .burger-language-select .language-swap-select_container {
    top: -93px;
  }
  /* line 3516, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities {
    padding: 70px 0 32px;
  }
  /* line 3519, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__accent-hint {
    max-width: 305px;
  }
  /* line 3522, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__list {
    margin-bottom: 32px;
  }
  /* line 3524, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__list--wo-img {
    gap: 32px;
    margin-bottom: 0;
  }
  /* line 3529, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item {
    gap: 60px;
  }
  /* line 3531, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item + .capabilities__item {
    margin-top: 60px;
  }
  /* line 3535, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-description-img {
    width: 44px;
    height: 44px;
    margin-bottom: 16px;
    border-radius: 10px;
  }
  /* line 3540, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-description-img svg {
    width: 24px;
  }
  /* line 3544, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-title {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 16px;
  }
  /* line 3549, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-text {
    font-size: 15px;
    line-height: 26px;
  }
  /* line 3553, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img {
    border-radius: 8px;
  }
  /* line 3555, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--2 {
    width: 135px;
  }
  /* line 3558, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--3 {
    width: 110px;
    top: 160px;
  }
  /* line 3562, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--5 {
    width: 160px;
    top: 140px;
  }
  /* line 3566, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--7 {
    border-radius: 20px;
    width: 130px;
    right: -30px;
    top: unset;
    bottom: -30px;
  }
  /* line 3573, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--vk2 {
    left: 110px;
  }
  /* line 3578, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block__title {
    display: block;
    font-size: 20px;
    line-height: 20px;
  }
  /* line 3582, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block__title span:nth-child(1) {
    display: unset;
    font-size: 20px;
  }
  /* line 3586, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block__title span:nth-child(3)::before {
    height: 1px;
  }
  /* line 3591, app/assets/stylesheets/landing/style.scss */
  .landing__description {
    font-size: 15px;
  }
  /* line 3594, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block {
    margin: 0 16px;
  }
  /* line 3597, app/assets/stylesheets/landing/style.scss */
  .landing .integration {
    padding: 50px 0;
  }
  /* line 3600, app/assets/stylesheets/landing/style.scss */
  .landing .integration__company-list {
    justify-content: space-around;
  }
  /* line 3603, app/assets/stylesheets/landing/style.scss */
  .landing .cases {
    padding: 32px 0 0;
  }
  /* line 3606, app/assets/stylesheets/landing/style.scss */
  .landing .cases__community-social-link {
    padding: 8px;
  }
  /* line 3608, app/assets/stylesheets/landing/style.scss */
  .landing .cases__community-social-link span {
    display: none;
  }
  /* line 3612, app/assets/stylesheets/landing/style.scss */
  .landing .cases__item-hint {
    font-size: 13px;
  }
  /* line 3615, app/assets/stylesheets/landing/style.scss */
  .landing .cases__item-title {
    font-size: 15px;
    line-height: 21px;
  }
  /* line 3619, app/assets/stylesheets/landing/style.scss */
  .landing .cases__community {
    margin-top: 60px;
  }
  /* line 3623, app/assets/stylesheets/landing/style.scss */
  .landing .cases__community-bg-img svg {
    width: 100%;
  }
  /* line 3627, app/assets/stylesheets/landing/style.scss */
  .landing .cases__community-title {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 16px;
  }
  /* line 3632, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__top {
    margin-bottom: 16px;
  }
  /* line 3635, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__title {
    margin-bottom: 0;
  }
  /* line 3638, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__switch--month,
.landing .tariff__switch--year {
    font-size: 14px;
  }
  /* line 3642, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__list {
    width: calc(100% + 32px);
    padding: 0 16px;
    margin: 40px 0 40px -16px;
  }
  /* line 3647, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__list-item {
    min-width: 245px;
    height: 306px;
    padding: 16px 24px 20px;
  }
  /* line 3651, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__list-item:nth-child(3) {
    height: 306px;
  }
  /* line 3655, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__item-name {
    font-size: 20px;
    line-height: 24px;
  }
  /* line 3659, app/assets/stylesheets/landing/style.scss */
  .landing .tariff__additional-title {
    font-size: 20px;
    line-height: 27px;
  }
  /* line 3663, app/assets/stylesheets/landing/style.scss */
  .landing .course__subtitle {
    margin-bottom: 0;
  }
  /* line 3666, app/assets/stylesheets/landing/style.scss */
  .landing .course__item {
    font-size: 15px;
    line-height: 26px;
    padding: 16px 0 16px 52px;
  }
  /* line 3670, app/assets/stylesheets/landing/style.scss */
  .landing .course__item::before {
    font-size: 15px;
    line-height: 26px;
    top: 16px;
  }
  /* line 3676, app/assets/stylesheets/landing/style.scss */
  .landing .course__form-wrapper {
    z-index: 1;
  }
  /* line 3678, app/assets/stylesheets/landing/style.scss */
  .landing .course__form-wrapper .make_order {
    z-index: 1;
    width: 100%;
  }
  /* line 3683, app/assets/stylesheets/landing/style.scss */
  .landing .course__form {
    z-index: 1;
  }
  /* line 3686, app/assets/stylesheets/landing/style.scss */
  .landing .course__form-message {
    padding: 24px 16px;
  }
  /* line 3689, app/assets/stylesheets/landing/style.scss */
  .landing .course__form-message-text {
    font-size: 14px;
  }
  /* line 3692, app/assets/stylesheets/landing/style.scss */
  .landing .course__form-label {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 12px;
  }
  /* line 3697, app/assets/stylesheets/landing/style.scss */
  .landing .course__form-description {
    max-width: 373px;
  }
  /* line 3700, app/assets/stylesheets/landing/style.scss */
  .landing .course__form-text {
    font-size: 16px;
    line-height: 22px;
  }
  /* line 3704, app/assets/stylesheets/landing/style.scss */
  .landing .course__memoji {
    width: 120px;
  }
  /* line 3707, app/assets/stylesheets/landing/style.scss */
  .landing .templates {
    padding: 32px 0 170px;
  }
  /* line 3710, app/assets/stylesheets/landing/style.scss */
  .landing .popup-tariff__header-top {
    margin-bottom: 16px;
  }
  /* line 3713, app/assets/stylesheets/landing/style.scss */
  .landing .popup-tariff__title {
    font-size: 17px;
  }
  /* line 3716, app/assets/stylesheets/landing/style.scss */
  .landing .popup__form-title {
    display: flex;
    gap: 16px;
  }
  /* line 3720, app/assets/stylesheets/landing/style.scss */
  .landing .popup__close {
    position: unset;
  }
  /* line 3723, app/assets/stylesheets/landing/style.scss */
  .landing .popup__form-header {
    padding: 25px 0 16px 16px;
  }
  /* line 3726, app/assets/stylesheets/landing/style.scss */
  .landing .popup-order__container {
    padding: 24px 16px;
  }
  /* line 3729, app/assets/stylesheets/landing/style.scss */
  .landing .popup-order__message-title,
.landing .popup-order__title {
    font-size: 20px;
  }
}

@media (max-width: 540px) {
  /* line 3736, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img {
    box-shadow: 0 17px 30px -15px rgba(6, 25, 56, 0.25);
  }
  /* line 3738, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--2 {
    width: 120px;
  }
  /* line 3741, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--3 {
    width: 100px;
    top: 75px;
  }
  /* line 3745, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--5 {
    width: 110px;
    top: 50px;
  }
  /* line 3749, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--7 {
    width: 70px;
    right: -15px;
    border-radius: unset;
  }
  /* line 3754, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--vk2 {
    left: 68px;
    bottom: 75px;
    width: 28px;
    height: 28px;
  }
  /* line 3760, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--vk {
    transform: translateX(60%);
    width: 42px;
    height: 42px;
    top: 45px;
  }
  /* line 3766, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--whatsapp {
    width: 40px;
    height: 40px;
    left: 65px;
  }
  /* line 3771, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--ok {
    bottom: 40px;
    transform: translateX(25%);
    width: 28px;
    height: 28px;
  }
  /* line 3777, app/assets/stylesheets/landing/style.scss */
  .landing .capabilities__item-img--tg {
    right: 120px;
    width: 42px;
    height: 42px;
  }
  /* line 3784, app/assets/stylesheets/landing/style.scss */
  .landing .accent-block__btn {
    display: block;
    text-align: center;
    width: 100%;
  }
  /* line 3791, app/assets/stylesheets/landing/style.scss */
  .landing .cases__community-bg-img svg {
    height: 200px;
  }
  /* line 3795, app/assets/stylesheets/landing/style.scss */
  .landing .cases__community-memoji--1 {
    width: 150px;
    left: 0;
    top: 65px;
  }
  /* line 3800, app/assets/stylesheets/landing/style.scss */
  .landing .cases__community-memoji--2 {
    width: 140px;
  }
  /* line 3803, app/assets/stylesheets/landing/style.scss */
  .landing .cases__community-memoji--3 {
    width: 157px;
    bottom: -44px;
    right: 7px;
  }
  /* line 3808, app/assets/stylesheets/landing/style.scss */
  .landing .course {
    padding: 32px 0;
  }
  /* line 3810, app/assets/stylesheets/landing/style.scss */
  .landing .course::after {
    right: -154px;
  }
  /* line 3814, app/assets/stylesheets/landing/style.scss */
  .landing .course__form {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 3818, app/assets/stylesheets/landing/style.scss */
  .landing .course__form-box {
    width: 100%;
  }
  /* line 3821, app/assets/stylesheets/landing/style.scss */
  .landing .course input.course__form-input[type=text]:not(.browser-default) {
    width: 100%;
  }
  /* line 3824, app/assets/stylesheets/landing/style.scss */
  .landing .course__form-btn {
    width: 100%;
  }
  /* line 3827, app/assets/stylesheets/landing/style.scss */
  .landing .course__form-description {
    max-width: 260px;
  }
  /* line 3831, app/assets/stylesheets/landing/style.scss */
  .landing .footer__content {
    gap: 24px;
    align-items: unset;
    justify-content: unset;
    padding: 30px 0;
  }
  /* line 3837, app/assets/stylesheets/landing/style.scss */
  .landing .footer__social-list, .landing .footer__nav-list, .landing .footer__nav-list--2, .landing .footer__app-list {
    order: unset;
    width: 100%;
  }
  /* line 3844, app/assets/stylesheets/landing/style.scss */
  .landing .footer__nav-title {
    margin-bottom: 18px;
  }
  /* line 3847, app/assets/stylesheets/landing/style.scss */
  .landing .footer__nav-item + .footer__nav-item {
    margin-top: 15px;
  }
  /* line 3850, app/assets/stylesheets/landing/style.scss */
  .landing .footer__nav-link {
    font-size: 14px;
  }
  /* line 3853, app/assets/stylesheets/landing/style.scss */
  .landing .footer__bottom-inner {
    justify-content: center;
  }
  /* line 3856, app/assets/stylesheets/landing/style.scss */
  .landing .footer__bottom-text {
    font-size: 13px;
  }
  /* line 3860, app/assets/stylesheets/landing/style.scss */
  .landing .integration__company-list {
    gap: 30px;
  }
}

@media (max-width: 425px) {
  /* line 3866, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__title {
    font-size: 23px;
    line-height: 35px;
  }
  /* line 3870, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__animation-box {
    height: 35px;
  }
  /* line 3874, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__animation-box .animation-box-item,
.landing .main-screen__animation-box .animation-box--placeholder {
    font-size: 23px;
    line-height: 35px;
  }
}

@media (max-width: 405px) {
  /* line 3884, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen__animation-box .animation-box-item,
.landing .main-screen__animation-box .animation-box--placeholder {
    font-size: 20px;
    line-height: 35px;
  }
}

@media (max-height: 800px) {
  /* line 3894, app/assets/stylesheets/landing/style.scss */
  .landing .popup__list-tab {
    padding-bottom: 25px;
  }
}

@media (min-width: 1920px) {
  /* line 3901, app/assets/stylesheets/landing/style.scss */
  .landing {
    max-width: unset;
  }
  /* line 3903, app/assets/stylesheets/landing/style.scss */
  .landing .header-fixed {
    max-width: unset;
  }
  /* line 3906, app/assets/stylesheets/landing/style.scss */
  .landing .header__list {
    max-width: 1920px;
    margin: 0 auto;
  }
  /* line 3910, app/assets/stylesheets/landing/style.scss */
  .landing .main-screen,
.landing .capabilities,
.landing .integration,
.landing .tariff,
.landing .course__inner {
    max-width: 1920px;
    margin: 0 auto;
  }
}

/* line 3920, app/assets/stylesheets/landing/style.scss */
.register__confirm {
  letter-spacing: -0.31px;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #C5D0E0;
}

/* line 3926, app/assets/stylesheets/landing/style.scss */
.register__confirm a {
  color: #1A53C6;
}

/* This stylesheet generated by Transfonter (https://transfonter.org) on February 13, 2018 8:55 AM */
@font-face {
  font-family: 'Lato Hairline';
  src: url(/fonts/Lato-Hairline.eot) format("truetype");
  font-weight: 100;
  font-style: normal;
}

/*@font-face {
    font-family: 'Lato';
    src: url(asset-path('fonts/Lato-Heavy.wot'));
    font-weight: 900;
    font-style: normal;
}*/
@font-face {
  font-family: 'Lato';
  src: url(/fonts/Lato-Regular.eot);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url(/fonts/Lato-Black.eot);
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url(/fonts/Lato-Thin.eot);
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url(/fonts/Lato-Medium.eot);
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url(/fonts/Lato-Semibold.eot);
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url(/fonts/Lato-Bold.eot);
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url(/fonts/Lato-Light.eot);
  font-weight: 300;
  font-style: normal;
}

/**
 * Swiper 8.2.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2022
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

/* line 19, app/assets/stylesheets/landing/swiper.css */
:root {
  --swiper-theme-color: #007aff;
}

/* line 22, app/assets/stylesheets/landing/swiper.css */
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

/* line 32, app/assets/stylesheets/landing/swiper.css */
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

/* line 35, app/assets/stylesheets/landing/swiper.css */
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

/* line 44, app/assets/stylesheets/landing/swiper.css */
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

/* line 48, app/assets/stylesheets/landing/swiper.css */
.swiper-pointer-events {
  touch-action: pan-y;
}

/* line 51, app/assets/stylesheets/landing/swiper.css */
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

/* line 54, app/assets/stylesheets/landing/swiper.css */
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

/* line 61, app/assets/stylesheets/landing/swiper.css */
.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
/* line 65, app/assets/stylesheets/landing/swiper.css */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

/* line 69, app/assets/stylesheets/landing/swiper.css */
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* line 73, app/assets/stylesheets/landing/swiper.css */
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
/* line 79, app/assets/stylesheets/landing/swiper.css */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

/* line 83, app/assets/stylesheets/landing/swiper.css */
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* line 93, app/assets/stylesheets/landing/swiper.css */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

/* line 106, app/assets/stylesheets/landing/swiper.css */
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

/* line 109, app/assets/stylesheets/landing/swiper.css */
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 112, app/assets/stylesheets/landing/swiper.css */
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 115, app/assets/stylesheets/landing/swiper.css */
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 118, app/assets/stylesheets/landing/swiper.css */
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
/* line 122, app/assets/stylesheets/landing/swiper.css */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

/* line 129, app/assets/stylesheets/landing/swiper.css */
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

/* line 132, app/assets/stylesheets/landing/swiper.css */
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

/* line 135, app/assets/stylesheets/landing/swiper.css */
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

/* line 138, app/assets/stylesheets/landing/swiper.css */
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

/* line 141, app/assets/stylesheets/landing/swiper.css */
.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

/* line 146, app/assets/stylesheets/landing/swiper.css */
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

/* line 149, app/assets/stylesheets/landing/swiper.css */
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

/* line 154, app/assets/stylesheets/landing/swiper.css */
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

/* line 157, app/assets/stylesheets/landing/swiper.css */
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* line 162, app/assets/stylesheets/landing/swiper.css */
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

/* line 165, app/assets/stylesheets/landing/swiper.css */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

/* line 169, app/assets/stylesheets/landing/swiper.css */
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

/* line 176, app/assets/stylesheets/landing/swiper.css */
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

/* line 180, app/assets/stylesheets/landing/swiper.css */
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

/* line 184, app/assets/stylesheets/landing/swiper.css */
:root {
  --swiper-navigation-size: 44px;
  --swiper-navigation-color: var(--swiper-theme-color);
}

/* line 189, app/assets/stylesheets/landing/swiper.css */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

/* line 203, app/assets/stylesheets/landing/swiper.css */
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

/* line 209, app/assets/stylesheets/landing/swiper.css */
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

/* line 215, app/assets/stylesheets/landing/swiper.css */
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

/* line 219, app/assets/stylesheets/landing/swiper.css */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

/* line 228, app/assets/stylesheets/landing/swiper.css */
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

/* line 233, app/assets/stylesheets/landing/swiper.css */
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

/* line 237, app/assets/stylesheets/landing/swiper.css */
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

/* line 242, app/assets/stylesheets/landing/swiper.css */
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

/* line 246, app/assets/stylesheets/landing/swiper.css */
.swiper-button-lock {
  display: none;
}

/* line 249, app/assets/stylesheets/landing/swiper.css */
:root {
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
}

/* line 260, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

/* line 267, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* line 270, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
/* line 275, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
/* line 284, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

/* line 288, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

/* line 292, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

/* line 295, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

/* line 298, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

/* line 301, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

/* line 304, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

/* line 307, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

/* line 310, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

/* line 318, app/assets/stylesheets/landing/swiper.css */
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

/* line 326, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

/* line 329, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-bullet:only-child {
  display: none !important;
}

/* line 332, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

/* line 336, app/assets/stylesheets/landing/swiper.css */
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

/* line 342, app/assets/stylesheets/landing/swiper.css */
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

/* line 347, app/assets/stylesheets/landing/swiper.css */
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

/* line 353, app/assets/stylesheets/landing/swiper.css */
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

/* line 358, app/assets/stylesheets/landing/swiper.css */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

/* line 362, app/assets/stylesheets/landing/swiper.css */
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

/* line 368, app/assets/stylesheets/landing/swiper.css */
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

/* line 372, app/assets/stylesheets/landing/swiper.css */
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
/* line 376, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

/* line 380, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

/* line 390, app/assets/stylesheets/landing/swiper.css */
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

/* line 393, app/assets/stylesheets/landing/swiper.css */
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

/* line 402, app/assets/stylesheets/landing/swiper.css */
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

/* line 411, app/assets/stylesheets/landing/swiper.css */
.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
/* line 415, app/assets/stylesheets/landing/swiper.css */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

/* line 421, app/assets/stylesheets/landing/swiper.css */
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

/* line 425, app/assets/stylesheets/landing/swiper.css */
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

/* line 434, app/assets/stylesheets/landing/swiper.css */
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

/* line 443, app/assets/stylesheets/landing/swiper.css */
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

/* line 452, app/assets/stylesheets/landing/swiper.css */
.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* line 455, app/assets/stylesheets/landing/swiper.css */
.swiper-scrollbar-lock {
  display: none;
}

/* line 458, app/assets/stylesheets/landing/swiper.css */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* line 466, app/assets/stylesheets/landing/swiper.css */
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 473, app/assets/stylesheets/landing/swiper.css */
.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
/* line 477, app/assets/stylesheets/landing/swiper.css */
:root {
  --swiper-preloader-color: var(--swiper-theme-color);
}

/* line 480, app/assets/stylesheets/landing/swiper.css */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

/* line 495, app/assets/stylesheets/landing/swiper.css */
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

/* line 499, app/assets/stylesheets/landing/swiper.css */
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

/* line 502, app/assets/stylesheets/landing/swiper.css */
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* a11y */
/* line 514, app/assets/stylesheets/landing/swiper.css */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* line 522, app/assets/stylesheets/landing/swiper.css */
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

/* line 526, app/assets/stylesheets/landing/swiper.css */
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

/* line 529, app/assets/stylesheets/landing/swiper.css */
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

/* line 533, app/assets/stylesheets/landing/swiper.css */
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

/* line 536, app/assets/stylesheets/landing/swiper.css */
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

/* line 540, app/assets/stylesheets/landing/swiper.css */
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 543, app/assets/stylesheets/landing/swiper.css */
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 547, app/assets/stylesheets/landing/swiper.css */
.swiper-cube {
  overflow: visible;
}

/* line 550, app/assets/stylesheets/landing/swiper.css */
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

/* line 560, app/assets/stylesheets/landing/swiper.css */
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 563, app/assets/stylesheets/landing/swiper.css */
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

/* line 566, app/assets/stylesheets/landing/swiper.css */
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 570, app/assets/stylesheets/landing/swiper.css */
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* line 577, app/assets/stylesheets/landing/swiper.css */
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 585, app/assets/stylesheets/landing/swiper.css */
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

/* line 594, app/assets/stylesheets/landing/swiper.css */
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

/* line 604, app/assets/stylesheets/landing/swiper.css */
.swiper-flip {
  overflow: visible;
}

/* line 607, app/assets/stylesheets/landing/swiper.css */
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

/* line 613, app/assets/stylesheets/landing/swiper.css */
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 616, app/assets/stylesheets/landing/swiper.css */
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 620, app/assets/stylesheets/landing/swiper.css */
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 628, app/assets/stylesheets/landing/swiper.css */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

/* line 634, app/assets/stylesheets/landing/swiper.css */
.swiper-cards {
  overflow: visible;
}

/* line 637, app/assets/stylesheets/landing/swiper.css */
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/* line 3, app/assets/stylesheets/header.scss */
#dropdown-login, #dropdown-signup {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  position: absolute;
  display: none;
  top: 77px;
  right: 12px;
  z-index: 1000;
  width: 300px;
  background-color: #101b2d;
  color: white;
}

/* line 17, app/assets/stylesheets/header.scss */
#dropdown-login .triangle, #dropdown-signup .triangle {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.75);
  background-color: #1b2c47;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  height: 40px;
  width: 40px;
  z-index: 1;
  margin-left: 244px;
  margin-top: -7px;
}

/* line 34, app/assets/stylesheets/header.scss */
#dropdown-login .title, #dropdown-signup .title {
  position: relative;
  z-index: 2;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 16px;
  font-weight: 300;
  background-color: #1b2c47;
  padding: 16px;
}

/* line 45, app/assets/stylesheets/header.scss */
#dropdown-login p, #dropdown-signup p {
  font-size: 11px;
  margin-top: 8px;
}

/* line 49, app/assets/stylesheets/header.scss */
#dropdown-login p a, #dropdown-signup p a {
  display: inline-block;
  text-decoration: underline;
  padding-left: 2px;
}

/* line 56, app/assets/stylesheets/header.scss */
#dropdown-login a, #dropdown-signup a {
  color: #8fa4c4;
}

/* line 60, app/assets/stylesheets/header.scss */
#dropdown-login a:hover, #dropdown-signup a:hover {
  color: #f31029;
}

/* line 64, app/assets/stylesheets/header.scss */
#dropdown-login .login_form, #dropdown-signup .login_form {
  padding: 14px 18px 18px;
}

/* line 67, app/assets/stylesheets/header.scss */
#dropdown-login .login_form .vk_login, #dropdown-signup .login_form .vk_login {
  background-color: #44678c;
  color: white;
  border-radius: 4px;
  width: 28px;
  line-height: 22px;
  height: 28px;
  font-size: 17px;
  margin: 6px 4px 0;
  text-align: center;
  padding: 3px;
  display: inline-block;
}

/* line 80, app/assets/stylesheets/header.scss */
#dropdown-login .login_form .vk_login:hover, #dropdown-signup .login_form .vk_login:hover {
  background-color: #f31029;
}

/* line 83, app/assets/stylesheets/header.scss */
#dropdown-login .login_form .btn, #dropdown-login .login_form .btn-large, #dropdown-login .login_form .btn-small, #dropdown-signup .login_form .btn, #dropdown-signup .login_form .btn-large, #dropdown-signup .login_form .btn-small {
  width: 100%;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  margin-top: 6px;
}

/* line 90, app/assets/stylesheets/header.scss */
#dropdown-login .login_form .input-field, #dropdown-signup .login_form .input-field {
  margin-right: 12px;
  margin-top: 0;
}

/* line 94, app/assets/stylesheets/header.scss */
#dropdown-login .login_form .label, #dropdown-signup .login_form .label {
  font-size: 10px;
  font-weight: 500;
}

/* line 98, app/assets/stylesheets/header.scss */
#dropdown-login .login_form .forget, #dropdown-signup .login_form .forget {
  position: absolute;
  right: 16px;
  font-size: 11px;
  margin-top: -34px;
}

/* line 104, app/assets/stylesheets/header.scss */
#dropdown-login .login_form [type="checkbox"]:not(.filled-in) + label:after, #dropdown-signup .login_form [type="checkbox"]:not(.filled-in) + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
}

/* line 113, app/assets/stylesheets/header.scss */
#dropdown-login .login_form .boolean span, #dropdown-signup .login_form .boolean span {
  font-size: 11px;
  padding-left: 22px;
  line-height: 16px;
}

/* line 118, app/assets/stylesheets/header.scss */
#dropdown-login .login_form .boolean span:after, #dropdown-signup .login_form .boolean span:after {
  height: 14px;
  width: 14px;
}

/* line 122, app/assets/stylesheets/header.scss */
#dropdown-login .login_form .boolean span:before, #dropdown-signup .login_form .boolean span:before {
  top: -1px;
  width: 10px;
  height: 12px;
}

/* line 128, app/assets/stylesheets/header.scss */
#dropdown-login .login_form input[type=text], #dropdown-login .login_form input[type=password], #dropdown-login .login_form input[type=email], #dropdown-login .login_form textarea, #dropdown-signup .login_form input[type=text], #dropdown-signup .login_form input[type=password], #dropdown-signup .login_form input[type=email], #dropdown-signup .login_form textarea {
  margin-bottom: 8px !important;
  width: 100%;
  background-color: white;
  border: 1px solid white;
  border-radius: 4px;
  height: 26px;
  font-size: 12px;
  padding-left: 8px;
  color: #1b2c47;
}

/* line 149, app/assets/stylesheets/header.scss */
.dropdown_new_item {
  cursor: pointer;
}

/* line 151, app/assets/stylesheets/header.scss */
.dropdown_new_item a {
  display: block;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #4C5D75;
}

/* line 163, app/assets/stylesheets/header.scss */
.dropdown_new_item a:hover {
  background: #f0f6fc !important;
}

/* line 166, app/assets/stylesheets/header.scss */
.dropdown_new_item a:active {
  background: #f0f6fc !important;
}

/* line 171, app/assets/stylesheets/header.scss */
#dropdown-signup {
  width: 312px;
  border-top-left-radius: 0;
}

/* line 174, app/assets/stylesheets/header.scss */
#dropdown-signup .triangle {
  margin-left: 150px;
  background-color: #101b2d;
}

/* line 178, app/assets/stylesheets/header.scss */
#dropdown-signup .title {
  background-color: #101b2d;
  padding-bottom: 0;
}

/* line 182, app/assets/stylesheets/header.scss */
#dropdown-signup .left_part {
  padding: 18px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #1b2c46;
  position: absolute;
  left: -260px;
  width: 260px;
  top: 0;
  bottom: 0;
  box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.75);
}

/* line 195, app/assets/stylesheets/header.scss */
#dropdown-signup .left_part h2 {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3;
}

/* line 200, app/assets/stylesheets/header.scss */
#dropdown-signup .left_part img {
  height: 48px;
}

/* line 204, app/assets/stylesheets/header.scss */
#dropdown-signup .row {
  margin-bottom: 0;
}

/* line 207, app/assets/stylesheets/header.scss */
#dropdown-signup .col {
  padding: 0;
}

/* line 211, app/assets/stylesheets/header.scss */
#dropdown-signup .blue_field input[type=text], #dropdown-signup .blue_field input[type=password], #dropdown-signup .blue_field input[type=email] {
  background-color: #283142;
  border: 1px solid #383f4c;
  color: white;
  -webkit-text-fill-color: white;
}

/* line 218, app/assets/stylesheets/header.scss */
#dropdown-signup .color_container {
  background-color: #283142;
  position: absolute;
  width: 100%;
  height: 36px;
  z-index: -1;
  left: 0;
  bottom: 0;
  border-bottom-right-radius: 4px;
}

/* line 228, app/assets/stylesheets/header.scss */
#dropdown-signup p {
  text-align: center;
  font-size: 11px;
  margin-top: 24px;
  padding-top: 4px;
  line-height: 0;
}

/* line 235, app/assets/stylesheets/header.scss */
#dropdown-signup .slogan {
  font-weight: 300;
  margin-top: 26px;
  margin-bottom: 48px;
}

/* line 240, app/assets/stylesheets/header.scss */
#dropdown-signup .via {
  margin-top: -14px;
}

/* line 243, app/assets/stylesheets/header.scss */
#dropdown-signup .name {
  position: absolute;
  top: 27px;
  left: 74px;
  font-size: 22px;
  font-weight: 500;
}

/* line 250, app/assets/stylesheets/header.scss */
#dropdown-signup .btn-success {
  margin-top: -12px;
}

/* line 254, app/assets/stylesheets/header.scss */
.left_padding {
  padding-left: 3px;
}

/* line 258, app/assets/stylesheets/header.scss */
.right_padding {
  padding-right: 3px;
}

/* line 261, app/assets/stylesheets/header.scss */
.remember_page .user_remember_me {
  margin-top: -16px;
  margin-left: -8px;
  margin-bottom: 24px !important;
  float: none !important;
}

/* line 269, app/assets/stylesheets/header.scss */
.terms_link {
  line-height: 8px;
  font-size: 9px;
  display: block;
  margin-top: 17px;
}

/* line 276, app/assets/stylesheets/header.scss */
.navbar-fixed {
  height: 58px;
  z-index: 999;
}

/* line 279, app/assets/stylesheets/header.scss */
.navbar-fixed nav {
  height: 58px;
  line-height: 58px;
  background: #ffffff;
  box-shadow: 0 1px 0 #DFE2E5 !important;
}

/* line 286, app/assets/stylesheets/header.scss */
.logo_header {
  width: 40%;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

/* line 289, app/assets/stylesheets/header.scss */
.logo_header svg {
  width: 100%;
  height: 100%;
}

@media (max-height: 1600px) {
  /* line 289, app/assets/stylesheets/header.scss */
  .logo_header svg {
    margin-top: 18%;
  }
}

/* line 298, app/assets/stylesheets/header.scss */
.header-top__logo-img {
  padding-top: 6px;
}

/* line 302, app/assets/stylesheets/header.scss */
.left_side_header {
  position: relative;
  width: 280px;
  box-shadow: 1px 0 0 #DFE2E5;
  float: left;
}

@media (max-width: 1600px) {
  /* line 302, app/assets/stylesheets/header.scss */
  .left_side_header {
    width: 220px;
  }
}

/* line 310, app/assets/stylesheets/header.scss */
.left_side_header .flex-box {
  left: 36px;
}

@media (max-width: 1600px) {
  /* line 310, app/assets/stylesheets/header.scss */
  .left_side_header .flex-box {
    left: 20px;
  }
}

/* line 319, app/assets/stylesheets/header.scss */
.nav-wrapper .brand-logo {
  height: 58px;
}

/* line 321, app/assets/stylesheets/header.scss */
.nav-wrapper .brand-logo img {
  height: 58px;
}

@media (max-width: 600px) {
  /* line 319, app/assets/stylesheets/header.scss */
  .nav-wrapper .brand-logo {
    height: 40px;
  }
  /* line 326, app/assets/stylesheets/header.scss */
  .nav-wrapper .brand-logo img {
    margin-top: 6px;
    height: 40px;
  }
}

/* line 334, app/assets/stylesheets/header.scss */
.landing_header nav {
  background-color: transparent;
  box-shadow: initial;
}

/* line 337, app/assets/stylesheets/header.scss */
.landing_header nav .nav-wrapper {
  margin-left: 16px;
  margin-right: 16px;
}

/* line 340, app/assets/stylesheets/header.scss */
.landing_header nav .nav-wrapper .brand-logo {
  line-height: 64px;
  padding-left: 48px;
}

/* line 344, app/assets/stylesheets/header.scss */
.landing_header nav .nav-wrapper .fa-caret-down {
  color: black;
}

/* line 347, app/assets/stylesheets/header.scss */
.landing_header nav .nav-wrapper .menu_action {
  color: #1b2c47;
  font-size: 16px;
  font-weight: 400;
  padding-left: 32px;
  padding-right: 32px;
}

@media (max-width: 993px) {
  /* line 355, app/assets/stylesheets/header.scss */
  .landing_header nav .nav-wrapper .brand-logo {
    padding-left: 38px;
  }
  /* line 358, app/assets/stylesheets/header.scss */
  .landing_header nav .nav-wrapper .menu_action {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  /* line 365, app/assets/stylesheets/header.scss */
  .landing_header nav .nav-wrapper .brand-logo {
    padding-left: 0;
  }
}

@media (max-width: 450px) {
  /* line 370, app/assets/stylesheets/header.scss */
  .landing_header nav .nav-wrapper .menu_action {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 16px;
  }
}

@media (max-width: 435px) {
  /* line 377, app/assets/stylesheets/header.scss */
  .landing_header nav .nav-wrapper .brand-logo {
    display: none;
  }
}

/* line 381, app/assets/stylesheets/header.scss */
.landing_header nav .nav-wrapper li a:hover {
  background-color: transparent;
  color: #f31029;
}

/* line 389, app/assets/stylesheets/header.scss */
.dropdown-content li > a {
  line-height: 30px;
}

/* line 393, app/assets/stylesheets/header.scss */
.article_item {
  text-decoration: underline;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* line 400, app/assets/stylesheets/header.scss */
.header-top {
  position: fixed;
  width: 100%;
}

/* line 403, app/assets/stylesheets/header.scss */
.header-top__nav {
  display: flex;
  align-items: center;
  height: 58px;
  line-height: 58px;
  background: #ffffff;
  box-shadow: 0 1px 0 #DFE2E5 !important;
}

@media (max-width: 660px) {
  /* line 403, app/assets/stylesheets/header.scss */
  .header-top__nav {
    height: 58px;
  }
}

/* line 413, app/assets/stylesheets/header.scss */
.header-top__nav li {
  height: 58px;
  line-height: 58px;
  padding: 0 15px;
}

/* line 418, app/assets/stylesheets/header.scss */
.header-top__nav-menu {
  cursor: pointer;
}

/* line 422, app/assets/stylesheets/header.scss */
.header-top__dropdown-trigger {
  height: 58px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 15px;
}

/* line 428, app/assets/stylesheets/header.scss */
.header-top__dropdown-trigger i {
  color: #ccc;
}

/* line 432, app/assets/stylesheets/header.scss */
.header-top__dropdown-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 99999999;
  padding: 16px 20px;
  width: 300px;
  height: calc(100% - 59px);
  position: fixed;
  right: 0;
  background: white;
  top: 59px;
  transform: translateX(100%);
  transition: 0.5s;
}

/* line 464, app/assets/stylesheets/header.scss */
.header-top__logo {
  width: 240px;
  height: 59px;
  padding-top: 4px;
  padding-left: 20px;
  position: relative;
  border-right: 1px solid #dfe2e5;
}

@media (max-width: 1600px) {
  /* line 464, app/assets/stylesheets/header.scss */
  .header-top__logo {
    width: 241px;
    padding-left: 18px;
  }
}

@media (max-width: 660px) {
  /* line 464, app/assets/stylesheets/header.scss */
  .header-top__logo {
    height: 59px;
  }
}

/* line 480, app/assets/stylesheets/header.scss */
.header-top__menu {
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
}

/* line 485, app/assets/stylesheets/header.scss */
.header-top__user-menu {
  height: 58px;
}

/* line 487, app/assets/stylesheets/header.scss */
.header-top__user-menu i {
  color: #626f7f;
  opacity: 0.4;
  height: 7px;
  transform: translate(5px, -12px);
}

/* line 494, app/assets/stylesheets/header.scss */
.header-top__menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  transition: .5s;
}

/* line 500, app/assets/stylesheets/header.scss */
.header-top__menu-item:hover {
  background-color: #f0f6fc;
}

/* line 503, app/assets/stylesheets/header.scss */
.header-top__menu-item--case {
  padding: 0 !important;
}

/* line 505, app/assets/stylesheets/header.scss */
.header-top__menu-item--case a {
  font-size: 14px;
  padding: 7px 10px 8px;
  border-radius: 6px;
}

/* line 509, app/assets/stylesheets/header.scss */
.header-top__menu-item--case a:hover {
  background-color: rgba(26, 83, 198, 0.1) !important;
  color: #1a53c6 !important;
}

/* line 517, app/assets/stylesheets/header.scss */
.header-top__menu-item--instruction:hover, .header-top__menu-item--case:hover {
  background-color: unset;
}

/* line 522, app/assets/stylesheets/header.scss */
.header-top__user-avatar {
  max-height: 40px;
  max-width: 40px;
  min-height: 40px;
  min-width: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #E1E6F0;
}

/* line 536, app/assets/stylesheets/header.scss */
.header-top__dropdown-footer .how_work {
  font-size: 13px;
}

/* line 542, app/assets/stylesheets/header.scss */
.active_mobile_profile {
  transform: translateX(0%);
  transition: 0.5s;
}

/* line 547, app/assets/stylesheets/header.scss */
.tariff-info {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
  margin-bottom: 2px;
}

/* line 555, app/assets/stylesheets/header.scss */
.tariff-info-date {
  font-size: 13px;
  line-height: 16px;
  color: #82858a;
}

/* line 561, app/assets/stylesheets/header.scss */
.mb-4 {
  margin-bottom: 4px;
}

/* line 566, app/assets/stylesheets/header.scss */
.online-status__main_component {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  border-radius: 6px;
  cursor: pointer;
  padding: 6px 8px 6px 12px;
}

/* line 581, app/assets/stylesheets/header.scss */
.online-status__drop-menu {
  position: absolute;
  top: 110%;
  left: -5%;
  background-color: #FFFFFF;
  border: 1px solid #D4DFF4;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
}

/* line 591, app/assets/stylesheets/header.scss */
.online-status__menu-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 12px;
}

/* line 598, app/assets/stylesheets/header.scss */
.online-status__circle {
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin-right: 6px;
}

/* line 605, app/assets/stylesheets/header.scss */
.online-status__text {
  margin-right: 7px;
}

/* line 609, app/assets/stylesheets/header.scss */
.online-status__background-0 {
  background: #D1FAE5;
}

/* line 612, app/assets/stylesheets/header.scss */
.online-status__background-1 {
  background: #FEF3C7;
}

/* line 615, app/assets/stylesheets/header.scss */
.online-status__background-2 {
  background: #FEE2E2;
}

/* line 621, app/assets/stylesheets/header.scss */
.online-status__color-0 {
  color: #10B981;
}

/* line 624, app/assets/stylesheets/header.scss */
.online-status__color-1 {
  color: #F59E0B;
}

/* line 627, app/assets/stylesheets/header.scss */
.online-status__color-2 {
  color: #EF4444;
}

/* line 633, app/assets/stylesheets/header.scss */
.online-status__background-circle-0 {
  background: #10B981;
}

/* line 636, app/assets/stylesheets/header.scss */
.online-status__background-circle-1 {
  background: #F59E0B;
}

/* line 639, app/assets/stylesheets/header.scss */
.online-status__background-circle-2 {
  background: #EF4444;
}

/* line 647, app/assets/stylesheets/header.scss */
.online-status__arrow-0 svg path {
  stroke: #34D399;
}

/* line 654, app/assets/stylesheets/header.scss */
.online-status__arrow-1 svg path {
  stroke: #F59E0B;
}

/* line 661, app/assets/stylesheets/header.scss */
.online-status__arrow-2 svg path {
  stroke: #EF4444;
}

/* line 669, app/assets/stylesheets/header.scss */
.how_work {
  position: relative;
  padding: 8px 16px 8px 40px;
  background: rgba(26, 83, 198, 0.1);
  border-radius: 6px;
  font-size: 14px;
  color: #1a53c6 !important;
}

/* line 676, app/assets/stylesheets/header.scss */
.how_work:hover {
  background-color: rgba(26, 83, 198, 0.2) !important;
  color: #1a53c6 !important;
}

/* line 680, app/assets/stylesheets/header.scss */
.how_work::before {
  content: "";
  position: absolute;
  background: url(/assets/Support-icon-c0640ba20ff338ec33feaac3d1fb2ed8ea16dfee384cb27d4ef80c6313d04e80.svg);
  width: 20px;
  height: 20px;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 992px) {
  /* line 691, app/assets/stylesheets/header.scss */
  .hide-on-small-only {
    display: none;
  }
}

/* line 696, app/assets/stylesheets/header.scss */
.hide_on_small {
  display: block;
  z-index: 999999;
}

@media (max-width: 992px) {
  /* line 696, app/assets/stylesheets/header.scss */
  .hide_on_small {
    display: none;
  }
}

/* line 703, app/assets/stylesheets/header.scss */
.show_on_small {
  display: block;
  z-index: 999999;
}

@media (max-width: 993px) {
  /* line 703, app/assets/stylesheets/header.scss */
  .show_on_small {
    display: block;
    left: 10px;
    top: 5px;
  }
}

@media (max-width: 1020px) {
  /* line 713, app/assets/stylesheets/header.scss */
  .mobile_version {
    display: block;
  }
}

/* line 719, app/assets/stylesheets/header.scss */
.mobile_version_only {
  display: none;
}

@media (max-width: 1020px) {
  /* line 719, app/assets/stylesheets/header.scss */
  .mobile_version_only {
    display: block;
  }
}

@media (max-width: 900px) {
  /* line 726, app/assets/stylesheets/header.scss */
  .small_center_align {
    position: absolute;
    background: red;
  }
}

@media (max-width: 900px) {
  /* line 732, app/assets/stylesheets/header.scss */
  .left_marging_small {
    left: 40px !important;
  }
}

/* line 737, app/assets/stylesheets/header.scss */
.burger_menu {
  cursor: pointer;
}

/* line 740, app/assets/stylesheets/header.scss */
.burger_menu_menu {
  position: absolute;
  background: white;
  border: 1px solid #989898;
  border-radius: 4px;
  color: #4d4d4d;
  padding-top: 10px;
  left: -5px;
  bottom: -100%;
  width: 230px;
}

/* line 751, app/assets/stylesheets/header.scss */
.hover_link_menu:hover {
  color: red !important;
}

/* line 754, app/assets/stylesheets/header.scss */
.burger_link {
  line-height: 24px;
  padding: 3px 10px;
}

/* line 758, app/assets/stylesheets/header.scss */
.burger_menu_angle {
  z-index: 9;
  position: absolute;
  top: -6px;
  left: 8px;
  border-top-left-radius: 4px;
  border-top: 1px solid #989898;
  border-left: 1px solid #989898;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotate(45deg);
}

@media (max-width: 900px) {
  /* line 771, app/assets/stylesheets/header.scss */
  nav .brand-logo.left {
    left: 0.5rem !important;
  }
}

/* line 3, app/assets/stylesheets/common/_field.scss */
.field {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  margin: 0;
}

/* line 9, app/assets/stylesheets/common/_field.scss */
.field__editor-container {
  position: relative;
}

/* line 16, app/assets/stylesheets/common/_field.scss */
.field .input-field {
  margin: 0 !important;
}

/* line 21, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection {
  min-height: 40px;
  border: 1px solid #E1E6F0;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  background-color: #FFFFFF;
  border-radius: 6px;
  transition: background-color 200ms ease-out, border-color 200ms ease-out;
}

@media (hover: hover) and (pointer: fine) {
  /* line 31, app/assets/stylesheets/common/_field.scss */
  .field .select2-container--default .select2-selection:hover {
    background-color: #F7FAFC;
  }
}

/* line 37, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-image: url(/assets/icon/select-arrow-icon-b4d0279bd8edbab406cda836088803ca03bdec9bc64ad56dc0b406349c77abde.svg);
  background-size: 9px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all 200ms ease-out;
}

/* line 57, app/assets/stylesheets/common/_field.scss */
.field .select2-container--open .select2-selection:before {
  transform: rotate(180deg);
}

/* line 61, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default.select2-container--focus .select2-selection,
.field .select2-container--default.select2-container--open .select2-selection {
  border: 1px solid #E1E6F0;
  background-color: #FFFFFF;
}

/* line 67, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection .select2-selection__rendered {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 40px;
  font-size: 14px;
  font-family: inherit;
  color: #111111;
}

/* line 80, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 5px 70px 5px 16px;
}

/* line 84, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 5px 48px 5px 16px;
}

/* line 88, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field {
  height: 19px;
  margin: 0;
  font-size: 14px;
  color: #111111;
  border: none !important;
  box-shadow: none !important;
}

/* line 101, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--multiple .select2-selection__clear {
  position: absolute;
  right: 42px;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  font-size: 0;
  background-image: url(/assets/icon/select-close-icon-12693fddf0bd2aa87a11a3bd6a14899d9d1ce1925a5bf0e4ef649fdcf95f67dc.svg);
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 119, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--multiple .select2-selection__choice {
  position: relative;
  display: flex;
  align-items: center;
  padding: 3px 22px 3px 8px;
  margin: 2px 6px 2px 0;
  border: none;
  font-size: 13px;
  font-family: inherit;
  line-height: 16px;
  background-color: #DFEBF7;
  color: #111111;
}

/* line 136, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: absolute;
  right: 4px;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
  font-size: 0;
  background-image: url(/assets/icon/select-close-icon-choice-e8842c92412cb3dba5c9601465ec9b615989dd85849e26afdcbbe28d23ecbfd6.svg);
  background-size: 6px;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 153, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

/* line 158, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline {
  margin: 0 !important;
}

/* line 164, app/assets/stylesheets/common/_field.scss */
.field__label {
  display: flex;
  flex-wrap: wrap;
  gap: 0 6px;
  align-items: center;
  margin-bottom: 4px;
  margin-right: 0 !important;
  margin-left: 0 !important;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 19px !important;
  font-weight: 400;
  color: #324256;
}

/* line 186, app/assets/stylesheets/common/_field.scss */
.field__label-icon-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* line 200, app/assets/stylesheets/common/_field.scss */
.field__label-hint {
  align-self: flex-end;
  margin-right: 0 !important;
  margin-left: 0 !important;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  color: #95A3BA;
}

/* line 215, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default),
input.field__input[type=email]:not(.browser-default),
input.field__input[type=password]:not(.browser-default),
input.field__input[type=password_confirmation]:not(.browser-default),
input.field__input[type=url]:not(.browser-default),
input.field__input[type=number]:not(.browser-default),
input.field__input[type=url]:not(.browser-default),
input.field__input[type=search]:not(.browser-default),
input.field__input[type=number]:not(.browser-default),
textarea.field__textarea {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 16px;
  margin: 0;
  border: 1px solid #E1E6F0;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #111111;
  background-color: #fff;
  border-radius: 6px;
  outline: none;
  transition: all 200ms ease-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media (hover: hover) and (pointer: fine) {
  /* line 247, app/assets/stylesheets/common/_field.scss */
  input.field__input[type=text]:not(.browser-default):hover,
input.field__input[type=email]:not(.browser-default):hover,
input.field__input[type=password]:not(.browser-default):hover,
input.field__input[type=password_confirmation]:not(.browser-default):hover,
input.field__input[type=url]:not(.browser-default):hover,
input.field__input[type=number]:not(.browser-default):hover,
input.field__input[type=url]:not(.browser-default):hover,
input.field__input[type=search]:not(.browser-default):hover,
input.field__input[type=number]:not(.browser-default):hover,
textarea.field__textarea:hover {
    background-color: #F7FAFC !important;
  }
}

/* line 252, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default):focus,
input.field__input[type=email]:not(.browser-default):focus,
input.field__input[type=password]:not(.browser-default):focus,
input.field__input[type=password_confirmation]:not(.browser-default):focus,
input.field__input[type=url]:not(.browser-default):focus,
input.field__input[type=number]:not(.browser-default):focus,
input.field__input[type=url]:not(.browser-default):focus,
input.field__input[type=search]:not(.browser-default):focus,
input.field__input[type=number]:not(.browser-default):focus,
textarea.field__textarea:focus {
  border: 1px solid #1A53C6;
  background-color: #F7FAFC;
  box-shadow: none;
}

/* line 258, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default):focus + .field__label,
input.field__input[type=email]:not(.browser-default):focus + .field__label,
input.field__input[type=password]:not(.browser-default):focus + .field__label,
input.field__input[type=password_confirmation]:not(.browser-default):focus + .field__label,
input.field__input[type=url]:not(.browser-default):focus + .field__label,
input.field__input[type=number]:not(.browser-default):focus + .field__label,
input.field__input[type=url]:not(.browser-default):focus + .field__label,
input.field__input[type=search]:not(.browser-default):focus + .field__label,
input.field__input[type=number]:not(.browser-default):focus + .field__label,
textarea.field__textarea:focus + .field__label {
  color: #324256;
}

/* line 264, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default)::-moz-placeholder, input.field__input[type=email]:not(.browser-default)::-moz-placeholder, input.field__input[type=password]:not(.browser-default)::-moz-placeholder, input.field__input[type=password_confirmation]:not(.browser-default)::-moz-placeholder, input.field__input[type=url]:not(.browser-default)::-moz-placeholder, input.field__input[type=number]:not(.browser-default)::-moz-placeholder, input.field__input[type=url]:not(.browser-default)::-moz-placeholder, input.field__input[type=search]:not(.browser-default)::-moz-placeholder, input.field__input[type=number]:not(.browser-default)::-moz-placeholder, textarea.field__textarea::-moz-placeholder {
  color: #95A3BA;
}
input.field__input[type=text]:not(.browser-default):-ms-input-placeholder, input.field__input[type=email]:not(.browser-default):-ms-input-placeholder, input.field__input[type=password]:not(.browser-default):-ms-input-placeholder, input.field__input[type=password_confirmation]:not(.browser-default):-ms-input-placeholder, input.field__input[type=url]:not(.browser-default):-ms-input-placeholder, input.field__input[type=number]:not(.browser-default):-ms-input-placeholder, input.field__input[type=url]:not(.browser-default):-ms-input-placeholder, input.field__input[type=search]:not(.browser-default):-ms-input-placeholder, input.field__input[type=number]:not(.browser-default):-ms-input-placeholder, textarea.field__textarea:-ms-input-placeholder {
  color: #95A3BA;
}
input.field__input[type=text]:not(.browser-default)::placeholder,
input.field__input[type=email]:not(.browser-default)::placeholder,
input.field__input[type=password]:not(.browser-default)::placeholder,
input.field__input[type=password_confirmation]:not(.browser-default)::placeholder,
input.field__input[type=url]:not(.browser-default)::placeholder,
input.field__input[type=number]:not(.browser-default)::placeholder,
input.field__input[type=url]:not(.browser-default)::placeholder,
input.field__input[type=search]:not(.browser-default)::placeholder,
input.field__input[type=number]:not(.browser-default)::placeholder,
textarea.field__textarea::placeholder {
  color: #95A3BA;
}

/* line 268, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default):required:valid,
input.field__input[type=email]:not(.browser-default):required:valid,
input.field__input[type=password]:not(.browser-default):required:valid,
input.field__input[type=password_confirmation]:not(.browser-default):required:valid,
input.field__input[type=url]:not(.browser-default):required:valid,
input.field__input[type=number]:not(.browser-default):required:valid,
input.field__input[type=url]:not(.browser-default):required:valid,
input.field__input[type=search]:not(.browser-default):required:valid,
input.field__input[type=number]:not(.browser-default):required:valid,
textarea.field__textarea:required:valid {
  padding-right: 48px;
  background-image: url(/assets/icon/valid-input-icon-eabbe7bcc228a7749567ce17feaa99f40d1b71a67a6b45483bef5de32286be18.svg);
  background-size: 24px;
  background-position: center right 13px;
  background-repeat: no-repeat;
}

/* line 276, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default):invalid,
input.field__input[type=email]:not(.browser-default):invalid,
input.field__input[type=password]:not(.browser-default):invalid,
input.field__input[type=password_confirmation]:not(.browser-default):invalid,
input.field__input[type=url]:not(.browser-default):invalid,
input.field__input[type=number]:not(.browser-default):invalid,
input.field__input[type=url]:not(.browser-default):invalid,
input.field__input[type=search]:not(.browser-default):invalid,
input.field__input[type=number]:not(.browser-default):invalid,
textarea.field__textarea:invalid {
  padding-right: 48px;
  border-color: #EF4444;
  background-image: url(/assets/icon/invalid-input-icon-3a8e89f690ec214a32ce8c4dda52dfe7a6f7b13f2700f686e5da4b0ec289399c.svg);
  background-size: 24px;
  background-position: center right 13px;
  background-repeat: no-repeat;
}

/* line 284, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default):invalid + .field__label,
input.field__input[type=email]:not(.browser-default):invalid + .field__label,
input.field__input[type=password]:not(.browser-default):invalid + .field__label,
input.field__input[type=password_confirmation]:not(.browser-default):invalid + .field__label,
input.field__input[type=url]:not(.browser-default):invalid + .field__label,
input.field__input[type=number]:not(.browser-default):invalid + .field__label,
input.field__input[type=url]:not(.browser-default):invalid + .field__label,
input.field__input[type=search]:not(.browser-default):invalid + .field__label,
input.field__input[type=number]:not(.browser-default):invalid + .field__label,
textarea.field__textarea:invalid + .field__label {
  color: #EF4444;
}

/* line 287, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=email]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=password]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=password_confirmation]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=url]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=number]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=url]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=search]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=number]:not(.browser-default):invalid + .field__label .field__hint,
textarea.field__textarea:invalid + .field__label .field__hint {
  color: #95A3BA;
}

/* line 293, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=email]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=password]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=password_confirmation]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=url]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=number]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=url]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=search]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=number]:not(.browser-default)::-moz-focus-inner,
textarea.field__textarea::-moz-focus-inner {
  border: 0;
}

/* line 297, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default)::-webkit-outer-spin-button, input.field__input[type=text]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=email]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=email]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=password]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=password]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=password_confirmation]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=password_confirmation]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=url]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=url]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=number]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=number]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=url]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=url]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=search]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=search]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=number]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=number]:not(.browser-default)::-webkit-inner-spin-button,
textarea.field__textarea::-webkit-outer-spin-button,
textarea.field__textarea::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

/* line 304, app/assets/stylesheets/common/_field.scss */
input.field__input.field__input--small-height[type=text]:not(.browser-default),
input.field__input.field__input--small-height[type=search]:not(.browser-default) {
  height: 36px;
}

/* line 309, app/assets/stylesheets/common/_field.scss */
input.field__input.field__input--search-gray[type=search]:not(.browser-default) {
  padding-left: 48px;
  border: 1px solid #F0F2F7;
  background-color: #F0F2F7;
  background-image: url(/assets/icon/search-icon-6d00345e3ab303e809a876dd72df2acb5dfea366edf4417bdbcac35426b56b01.svg);
  background-size: 18px;
  background-position: 15px center;
  background-repeat: no-repeat;
}

@media (hover: hover) and (pointer: fine) {
  /* line 320, app/assets/stylesheets/common/_field.scss */
  input.field__input.field__input--search-gray[type=search]:not(.browser-default):hover {
    background-color: #F7FAFC;
    border: 1px solid #E1E6F0;
  }
}

/* line 326, app/assets/stylesheets/common/_field.scss */
input.field__input.field__input--search-gray[type=search]:not(.browser-default):focus {
  background-color: #F0F2F7;
  border: 1px solid #1A53C6;
}

/* line 332, app/assets/stylesheets/common/_field.scss */
input.field__input.field__input--search[type=search]:not(.browser-default) {
  padding-right: 48px;
  background-image: url(/assets/icon/search-icon-6d00345e3ab303e809a876dd72df2acb5dfea366edf4417bdbcac35426b56b01.svg);
  background-size: 18px;
  background-position: right 15px center;
  background-repeat: no-repeat;
}

/* line 340, app/assets/stylesheets/common/_field.scss */
input.field__input.field__input--datetime[type=text]:not(.browser-default) {
  padding-right: 48px;
  background-image: url(/assets/icon/datetime-icon-a1eb79dc10ff560815ef55a24ed2c90e91628ba5eab75e18adaedb8e47df6366.svg);
  background-size: 17px;
  background-position: right 15px center;
  background-repeat: no-repeat;
}

/* line 348, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea {
  overflow: auto !important;
  min-height: 160px;
  max-height: 350px;
  padding: 10px 16px;
  resize: vertical !important;
  transition: background-color 200ms ease-out, border-color 200ms ease-out;
}

/* line 357, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea--medium {
  min-height: 137px;
}

/* line 361, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea--small {
  min-height: 67px;
}

/* line 365, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 370, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 376, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 382, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea::-webkit-scrollbar-corner {
  background-color: transparent;
}

/* line 386, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea::-webkit-resizer {
  background-color: transparent;
  background-image: url(/assets/icon/resizer-icon-95621ca36af2aa469d16d6d7098aae38898a51ad5e73846745e0cb70ecbe88fb.svg);
  background-size: 9px;
  background-position: right 2px bottom 2px;
  background-repeat: no-repeat;
}

@media (hover: hover) and (pointer: fine) {
  /* line 396, app/assets/stylesheets/common/_field.scss */
  textarea.field__textarea:hover::-webkit-scrollbar-thumb {
    border-color: #F7FAFC;
  }
}

/* line 403, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea:focus::-webkit-scrollbar-thumb {
  border-color: #F7FAFC;
}

/* line 409, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea:disabled {
  resize: none !important;
  background-color: #FFFFFF;
}

/* line 412, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea:disabled:hover {
  background-color: #FFFFFF !important;
}

/* line 417, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-dropdown {
  overflow: hidden;
  border: 1px solid #E1E6F0;
}

/* line 421, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-dropdown--below {
  border-top: none;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
}

/* line 428, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-dropdown--above {
  border-bottom: none;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  box-shadow: 0 -10px 20px rgba(45, 51, 56, 0.1);
}

/* line 437, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 445, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 449, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 456, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-results__option {
  padding: 10px 16px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #111111;
  transition: all 200ms ease-out;
}

/* line 467, app/assets/stylesheets/common/_field.scss */
.select2-dropdown.select2-dropdown--multiple .select2-results__option {
  position: relative;
  padding-left: 44px;
}

/* line 471, app/assets/stylesheets/common/_field.scss */
.select2-dropdown.select2-dropdown--multiple .select2-results__option:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  border: 1px solid #E1E6F0;
  border-radius: 5px;
  background-color: #FFFFFF;
  transform: translateY(-50%);
  transition: background-color 200ms ease-out, border-color 200ms ease-out;
}

/* line 493, app/assets/stylesheets/common/_field.scss */
.select2-dropdown.select2-dropdown--multiple .select2-results__option[aria-selected=true]:before {
  background-color: #1A53C6;
  border-color: #1A53C6;
  background-image: url(/assets/icon/select-checkmark-icon-b4e8a779b5fd0cac2d35d69c327f60170cf9d93edbc043b9f7f8237c9e869e62.svg);
  background-size: 11px;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 503, app/assets/stylesheets/common/_field.scss */
.select2-dropdown.select2-dropdown--multiple .select2-results__option.select2-results__message {
  padding-left: 16px;
}

/* line 506, app/assets/stylesheets/common/_field.scss */
.select2-dropdown.select2-dropdown--multiple .select2-results__option.select2-results__message:before {
  display: none;
}

/* line 511, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #FFFFFF;
  color: #111111;
}

@media (hover: hover) and (pointer: fine) {
  /* line 517, app/assets/stylesheets/common/_field.scss */
  .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
.select2-container.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: #F7FAFC;
  }
}

/* line 523, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-results__button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 16px 10px 44px;
  margin: 0;
  border: none;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #1A53C6;
  background-color: #FFFFFF;
  background-image: url(/assets/icon/select-plus-icon-d8036077823d4bd00ee4164a292f897cf6af904a5b027436158af5fbfad10c8c.svg);
  background-size: 12px;
  background-position: center left 20px;
  background-repeat: no-repeat;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: all 200ms ease-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* line 550, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-results__button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

@media (hover: hover) and (pointer: fine) {
  /* line 556, app/assets/stylesheets/common/_field.scss */
  .select2-container.select2-container--default .select2-results__button:hover {
    background-image: url(/assets/icon/select-plus-icon-hover-2ad7908dcc3ca96b16450d2f27c493491c958a44a7a63e7b3620472640aa657c.svg);
    color: #00339A;
  }
}

/* line 563, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default.select2-container--focus .select2-selection--single {
  outline: none;
}

/* line 2, app/assets/stylesheets/messages.scss */
.dialog_row {
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 0;
}

/* line 6, app/assets/stylesheets/messages.scss */
.dialog_row .collection {
  margin-bottom: 0;
}

/* line 9, app/assets/stylesheets/messages.scss */
.dialog_row .col {
  padding: 0;
}

/* line 12, app/assets/stylesheets/messages.scss */
.dialog_row .collection {
  border-radius: 0;
}

/* line 16, app/assets/stylesheets/messages.scss */
.dialog_row .dialogs .collection {
  border-left: 0;
}

/* line 21, app/assets/stylesheets/messages.scss */
.chat_history {
  overflow: auto;
}

/* line 24, app/assets/stylesheets/messages.scss */
.chat_history .collection-item {
  border-bottom: 0;
  min-height: 56px !important;
}

/* line 25, app/assets/stylesheets/messages.scss */
.chat_history .collection-item .title {
  font-weight: 400;
  color: #004c45;
}

/* line 31, app/assets/stylesheets/messages.scss */
.chat_history .collection-item .secondary-content {
  color: #212121;
}

/* line 38, app/assets/stylesheets/messages.scss */
.form textarea {
  margin-bottom: 0;
  padding-bottom: 7px;
}

/* line 43, app/assets/stylesheets/messages.scss */
a[rel*=previous] {
  display: none;
}

/* line 47, app/assets/stylesheets/messages.scss */
.dialog .secondary-content {
  top: 6px !important;
}

/* line 53, app/assets/stylesheets/messages.scss */
#dialogs .link_to_user .title {
  margin-top: 0;
}

/* line 56, app/assets/stylesheets/messages.scss */
#dialogs .link_to_user .online {
  font-size: 12px;
  color: #636363;
}

/* line 60, app/assets/stylesheets/messages.scss */
#dialogs .link_to_user img {
  height: 50px;
  width: 50px;
}

/* line 66, app/assets/stylesheets/messages.scss */
h4 {
  font-size: 32px;
}

/* line 70, app/assets/stylesheets/messages.scss */
#dialogs_list .link_to_user {
  display: flex;
  padding-left: 20px;
}

/* line 73, app/assets/stylesheets/messages.scss */
#dialogs_list .link_to_user .title {
  margin-left: 8px;
  margin-top: 0 !important;
  width: 28%;
}

/* line 74, app/assets/stylesheets/messages.scss */
#dialogs_list .link_to_user .title .name {
  font-weight: 400;
}

/* line 81, app/assets/stylesheets/messages.scss */
#dialogs_list .link_to_user .last_message, #dialogs_list .link_to_user .no_viewed_last_message {
  color: #555555;
  font-size: 0.8em;
  width: 63%;
  padding-left: 5px;
  display: flex;
}

/* line 87, app/assets/stylesheets/messages.scss */
#dialogs_list .link_to_user .last_message img, #dialogs_list .link_to_user .no_viewed_last_message img {
  height: 32px !important;
  width: 32px !important;
}

/* line 92, app/assets/stylesheets/messages.scss */
#dialogs_list .link_to_user .no_viewed_last_message {
  background-color: #edf1f5;
}

/* line 95, app/assets/stylesheets/messages.scss */
#dialogs_list .link_to_user .count {
  position: absolute;
  right: 4px;
  margin-top: 16px;
}

/* line 100, app/assets/stylesheets/messages.scss */
#dialogs_list .link_to_user .last_message_time {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.8em;
  color: #999999;
}

/* line 106, app/assets/stylesheets/messages.scss */
#dialogs_list .link_to_user .sender_image {
  margin-top: 10px;
  margin-right: 10px;
  vertical-align: middle;
  height: 30px;
  width: 30px;
}

/* line 115, app/assets/stylesheets/messages.scss */
.multiline {
  white-space: break-spaces;
  word-break: break-word;
  font-size: 14px;
}

/* line 120, app/assets/stylesheets/messages.scss */
.form {
  height: inherit !important;
}

/* line 124, app/assets/stylesheets/messages.scss */
#dialogs .link_to_user {
  min-height: 62px !important;
  padding-right: 2px;
}

/* line 127, app/assets/stylesheets/messages.scss */
#dialogs .link_to_user .secondary-content {
  top: 6px !important;
  right: 4px !important;
  padding: 2px !important;
}

/* line 132, app/assets/stylesheets/messages.scss */
#dialogs .link_to_user .title {
  margin-top: 4px !important;
  margin-left: 0;
  font-weight: 400;
  line-height: 1.3;
}

/* line 137, app/assets/stylesheets/messages.scss */
#dialogs .link_to_user .title .name {
  color: #004c45;
}

/* line 140, app/assets/stylesheets/messages.scss */
#dialogs .link_to_user .title #status {
  font-size: 12px;
  color: #636363;
}

/* line 147, app/assets/stylesheets/messages.scss */
.circle {
  height: 52px;
  width: 52px;
}

/* line 151, app/assets/stylesheets/messages.scss */
.divider {
  height: 1px;
  width: 100%;
  background-color: #B6B6B6;
}

/* line 156, app/assets/stylesheets/messages.scss */
.empty_massages {
  text-align: center;
  position: relative;
  top: 43%;
}

/* line 161, app/assets/stylesheets/messages.scss */
.message_image {
  max-width: 300px;
  max-height: 300px;
}

/* line 165, app/assets/stylesheets/messages.scss */
.paperclip {
  font-size: 32px;
}

/* line 168, app/assets/stylesheets/messages.scss */
.file-path {
  margin-left: -8px !important;
  padding-right: 0 !important;
  margin-top: 8px !important;
}

/* line 173, app/assets/stylesheets/messages.scss */
.input-field.row {
  padding: 0;
}

/* line 176, app/assets/stylesheets/messages.scss */
.clients_dialog {
  overflow-y: auto;
}

/* line 183, app/assets/stylesheets/messages.scss */
#new_bot_task {
  margin-right: 58px;
}

/* line 186, app/assets/stylesheets/messages.scss */
.hidden {
  display: none;
}

/* line 190, app/assets/stylesheets/messages.scss */
.text_preview {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}

/* line 197, app/assets/stylesheets/messages.scss */
.client_container {
  overflow: hidden;
  position: relative;
}

/* line 201, app/assets/stylesheets/messages.scss */
.client_container .client_item .title {
  color: #212121;
}

/* line 205, app/assets/stylesheets/messages.scss */
.client_container .client_item .show_lnk {
  display: none;
}

/* line 209, app/assets/stylesheets/messages.scss */
.client_container .client_item .circle {
  top: 16px;
}

/* line 213, app/assets/stylesheets/messages.scss */
.client_container .client_item .source {
  padding-left: 9px;
  font-size: 12px;
  color: gray;
}

/* line 219, app/assets/stylesheets/messages.scss */
.client_container .client_item .last_message {
  color: gray;
  font-size: 13px;
  line-height: 16px;
}

/* line 225, app/assets/stylesheets/messages.scss */
.client_container .client_item .client_replica_false {
  background-color: whitesmoke;
  padding: 3px;
  border-radius: 5px;
}

/* line 231, app/assets/stylesheets/messages.scss */
.client_container .client_item .time {
  color: gray;
  position: absolute;
  right: 19px;
  top: 12px;
  font-size: 13px;
}

/* line 240, app/assets/stylesheets/messages.scss */
.client_container .client_item:hover .client_replica_false {
  background-color: inherit;
}

/* line 245, app/assets/stylesheets/messages.scss */
.client_container .menu {
  position: absolute;
  transition: right 0.3s ease;
  top: 0;
  bottom: 0;
  right: -200px;
  width: 200px;
  padding: 10px;
  background-color: #039;
}

/* line 254, app/assets/stylesheets/messages.scss */
.client_container .menu a {
  display: block;
  color: #a2b0bd;
}

/* line 258, app/assets/stylesheets/messages.scss */
.client_container .menu a:hover {
  color: white;
}

/* line 265, app/assets/stylesheets/messages.scss */
.dialogs .client_container .menu {
  display: none;
}

/* line 271, app/assets/stylesheets/messages.scss */
.client_container:hover .menu {
  right: 0;
}

/* line 275, app/assets/stylesheets/messages.scss */
.modal_form {
  display: flex;
  flex-direction: row;
}

/* line 279, app/assets/stylesheets/messages.scss */
.modal_form .info_form .row_with_title {
  margin-top: 0;
  margin-bottom: 0;
  min-height: 20px;
}

/* line 283, app/assets/stylesheets/messages.scss */
.modal_form .info_form .row_with_title .title {
  font-weight: 400;
}

/* line 286, app/assets/stylesheets/messages.scss */
.modal_form .info_form .row_with_title .field {
  margin-left: 211px;
}

/* line 292, app/assets/stylesheets/messages.scss */
.selection-wrapper {
  position: absolute !important;
  margin-left: -6px !important;
  margin-top: -6px !important;
  padding-right: 9px !important;
  padding-bottom: 9px !important;
  pointer-events: none !important;
  box-sizing: content-box !important;
  border: 2px solid #1f69c4 !important;
  box-shadow: 2px 2px 5px #d3d3d3 !important;
}

/* line 303, app/assets/stylesheets/messages.scss */
.joint-element, .joint-link.joint-theme-default .connection-wrap {
  cursor: inherit !important;
}

/* line 306, app/assets/stylesheets/messages.scss */
.selection-box {
  padding: 0 !important;
  margin: -2px !important;
}

/* line 310, app/assets/stylesheets/messages.scss */
.joint-selection.lasso {
  background-color: #3671BB !important;
  border: 2px solid #1f69c4 !important;
}

/* line 314, app/assets/stylesheets/messages.scss */
.joint-halo > label {
  display: none;
}

/* line 317, app/assets/stylesheets/messages.scss */
.handle.newBlock.se {
  transform: rotate(180deg);
}

/* line 320, app/assets/stylesheets/messages.scss */
.block_id {
  text-align: right;
  position: absolute;
  color: white;
  opacity: 0.1;
}

@media (max-width: 900px) {
  /* line 328, app/assets/stylesheets/messages.scss */
  .joint-navigator {
    padding: 0 !important;
  }
  /* line 331, app/assets/stylesheets/messages.scss */
  .opened_bars {
    transform: rotate(45deg);
  }
  /* line 334, app/assets/stylesheets/messages.scss */
  .closed_bars {
    transform: rotate(225deg);
  }
}

/* line 338, app/assets/stylesheets/messages.scss */
.search_icon_messages {
  font-size: 20px;
}

/* line 341, app/assets/stylesheets/messages.scss */
.search_div {
  position: absolute;
  top: 40px;
  right: 10px;
  z-index: 99;
  cursor: pointer;
}

@media (max-width: 993px) {
  /* line 341, app/assets/stylesheets/messages.scss */
  .search_div {
    right: 15px;
    top: 40px;
  }
}

/* line 352, app/assets/stylesheets/messages.scss */
.block_lists_container {
  padding: 15px;
  position: relative;
}

/* line 356, app/assets/stylesheets/messages.scss */
.block_lists_header {
  margin-bottom: 20px;
}

/* line 359, app/assets/stylesheets/messages.scss */
.close_block_lists {
  font-size: 30px;
  transform: rotate(45deg);
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  right: 15px;
  top: 6px;
}

/* line 382, app/assets/stylesheets/messages.scss */
.message_file_destroy {
  color: #f00;
  transform: rotate(45deg);
  font-size: 25px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.6;
}

/* line 391, app/assets/stylesheets/messages.scss */
.message_file_destroy:hover {
  opacity: 1;
}

/* line 396, app/assets/stylesheets/messages.scss */
#body_count {
  position: absolute;
  top: -20px;
  right: 15px;
}

/* line 401, app/assets/stylesheets/messages.scss */
.file_on_error {
  color: #f00;
  margin-left: 10px;
}

/* line 405, app/assets/stylesheets/messages.scss */
.link_file {
  color: #039;
  margin-left: 20px;
  font-weight: 600;
}

/* line 410, app/assets/stylesheets/messages.scss */
.preview_file_file {
  padding: 6px 8px 6px 6px;
  background-color: #F0F2F7;
  display: flex;
  align-items: center;
  border-radius: 6px;
}

/* line 417, app/assets/stylesheets/messages.scss */
.file_preview_img {
  max-width: 60px;
  min-width: 60px;
  max-height: 40px;
  min-height: 40px;
  margin: 0 10px 0 0;
  border: 1px solid #C5D0E0;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 427, app/assets/stylesheets/messages.scss */
.file_preview_video {
  width: 80%;
  max-width: 80%;
  max-height: 300px;
  margin: 0 10%;
}

/* line 433, app/assets/stylesheets/messages.scss */
.preview_file {
  margin-left: 10px;
  border: 0;
  color: #039;
  cursor: pointer;
  background: transparent;
  margin-bottom: 10px;
  padding: 0;
  font-size: 14px;
}

/* line 442, app/assets/stylesheets/messages.scss */
.preview_file:focus {
  background: transparent;
}

/* line 447, app/assets/stylesheets/messages.scss */
.colors-wrapper {
  display: flex;
  margin-bottom: 16px;
  cursor: pointer;
}

/* line 452, app/assets/stylesheets/messages.scss */
.colors-item {
  width: 90px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}

/* line 459, app/assets/stylesheets/messages.scss */
.colors-item--active {
  background-image: url(/assets/icon/active-check-7a01131c40dd407d7768eecb594e8ba2476d8c40fb1b5cd0c7b9f01f506cdf68.svg);
  background-repeat: no-repeat;
  background-position: center;
}

/* line 464, app/assets/stylesheets/messages.scss */
.colors-item--white {
  border: 1px solid #E0E1E3;
  background-color: #FFFFFF;
}

/* line 468, app/assets/stylesheets/messages.scss */
.colors-item--gray {
  background-color: #E0E1E3;
}

/* line 471, app/assets/stylesheets/messages.scss */
.colors-item--lightblue {
  background-color: lightblue;
}

/* line 474, app/assets/stylesheets/messages.scss */
.colors-item--blue {
  background-color: #1a53c6;
}

/* line 477, app/assets/stylesheets/messages.scss */
.colors-item--red {
  background-color: #FD5D4F;
}

/* line 480, app/assets/stylesheets/messages.scss */
.colors-item--green {
  background-color: #25d366;
}

/* line 484, app/assets/stylesheets/messages.scss */
.colors-item + .colors-item {
  margin-left: 5px;
}

/* line 487, app/assets/stylesheets/messages.scss */
.mb_modal {
  margin-bottom: 16px;
}

/* line 490, app/assets/stylesheets/messages.scss */
.form_button_new {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 493, app/assets/stylesheets/messages.scss */
.form_button_new-row {
  display: flex;
  width: 100%;
  margin-bottom: 7px;
  justify-content: space-between;
}

/* line 499, app/assets/stylesheets/messages.scss */
.form_button_new-button {
  position: relative;
  width: 100%;
  background: #f1f1f1;
  text-align: center;
  border: 1px solid #E0E1E3;
  border-radius: 6px;
  color: #111111;
  cursor: pointer;
  padding: 0 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  font-size: 14px;
}

/* line 518, app/assets/stylesheets/messages.scss */
.form_button_new-button:hover {
  border-color: transparent;
  background-color: #E6EAF2;
}

/* line 519, app/assets/stylesheets/messages.scss */
.form_button_new-button:hover .remove_button_click {
  display: block;
}

/* line 522, app/assets/stylesheets/messages.scss */
.form_button_new-button:hover .addition_type {
  display: none;
}

/* line 528, app/assets/stylesheets/messages.scss */
.form_button_new-button + .form_button_new-button {
  margin-left: 5px;
}

/* line 532, app/assets/stylesheets/messages.scss */
.form_button_new-buttons {
  width: calc(100% - 40px);
  display: flex;
  line-height: 35px;
}

/* line 537, app/assets/stylesheets/messages.scss */
.form_button_new-add {
  width: 35px;
  line-height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: #626F7F;
  text-align: center;
  border: 1px solid #E0E1E3;
  border-radius: 6px;
  cursor: pointer;
}

/* line 549, app/assets/stylesheets/messages.scss */
.form_button_new-add:hover {
  border-color: transparent;
  background-color: #E6EAF2;
}

/* line 553, app/assets/stylesheets/messages.scss */
.form_button_new-add-big {
  width: 100%;
  line-height: 35px;
  font-size: 30px;
  text-align: center;
  color: #626F7F;
  border-radius: 6px;
  border: 1px solid #E0E1E3;
  cursor: pointer;
}

/* line 562, app/assets/stylesheets/messages.scss */
.form_button_new-add-big:hover {
  border-color: transparent;
  background-color: #E6EAF2;
}

/* line 569, app/assets/stylesheets/messages.scss */
.remove_button_click {
  position: absolute;
  font-size: 25px;
  transform: rotate(45deg);
  right: 4px;
  top: -6px;
  opacity: 0.5;
  display: none;
}

/* line 577, app/assets/stylesheets/messages.scss */
.remove_button_click:hover {
  opacity: 1;
}

/* line 581, app/assets/stylesheets/messages.scss */
.placeholder_button {
  position: relative;
  width: 100%;
  background: #c8c8c8;
  text-align: center;
  border: 1px solid #c8c8c8;
  border-radius: 6px;
  cursor: pointer;
  padding: 0 7px;
  margin: 0 5px;
}

/* line 593, app/assets/stylesheets/messages.scss */
.new_button_color {
  box-sizing: border-box;
  width: 42px;
  height: 46px;
  border: 1px solid transparent;
  border-radius: 15px;
  margin-right: 15px;
  background-color: transparent;
  overflow: hidden;
  padding: 0;
  margin-top: -3px;
  cursor: pointer;
}

/* line 607, app/assets/stylesheets/messages.scss */
.form_button_type {
  display: none;
  padding-left: 0.75em;
  margin-bottom: 7px;
}

/* line 613, app/assets/stylesheets/messages.scss */
.color_button {
  max-width: 100px;
  padding: 0 10px 0 12px !important;
}

/* line 617, app/assets/stylesheets/messages.scss */
.add_new_button {
  width: 100%;
  line-height: 35px;
  font-size: 30px;
  text-align: center;
  color: #626F7F;
  border-radius: 6px;
}

/* line 625, app/assets/stylesheets/messages.scss */
.color-box-choice {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

/* line 631, app/assets/stylesheets/messages.scss */
.new_color_pick {
  cursor: pointer;
  width: 36px;
  height: 36px;
  border-radius: 6px;
}

/* line 636, app/assets/stylesheets/messages.scss */
.new_color_pick-F44336 {
  background-color: #F44336;
}

/* line 639, app/assets/stylesheets/messages.scss */
.new_color_pick-E91E63 {
  background-color: #E91E63;
}

/* line 642, app/assets/stylesheets/messages.scss */
.new_color_pick-9C27B0 {
  background-color: #9C27B0;
}

/* line 645, app/assets/stylesheets/messages.scss */
.new_color_pick-673AB7 {
  background-color: #673AB7;
}

/* line 648, app/assets/stylesheets/messages.scss */
.new_color_pick-3F51B5 {
  background-color: #3F51B5;
}

/* line 651, app/assets/stylesheets/messages.scss */
.new_color_pick-1A53C6 {
  background-color: #1A53C6;
}

/* line 654, app/assets/stylesheets/messages.scss */
.new_color_pick-2196F3 {
  background-color: #2196F3;
}

/* line 657, app/assets/stylesheets/messages.scss */
.new_color_pick-00BCD4 {
  background-color: #00BCD4;
}

/* line 660, app/assets/stylesheets/messages.scss */
.new_color_pick-009688 {
  background-color: #009688;
}

/* line 663, app/assets/stylesheets/messages.scss */
.new_color_pick-4CAF50 {
  background-color: #4CAF50;
}

/* line 666, app/assets/stylesheets/messages.scss */
.new_color_pick-primary {
  background: #5181B8;
}

/* line 669, app/assets/stylesheets/messages.scss */
.new_color_pick-negative {
  background: #E64646;
}

/* line 672, app/assets/stylesheets/messages.scss */
.new_color_pick-positive {
  background: #4BB34B;
}

/* line 675, app/assets/stylesheets/messages.scss */
.new_color_pick-reset {
  background: #fff;
  border: 1px solid #0000003e;
}

/* line 680, app/assets/stylesheets/messages.scss */
.addition_type {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
}

/* line 686, app/assets/stylesheets/messages.scss */
.addition_type svg {
  width: 18px;
}

/* line 690, app/assets/stylesheets/messages.scss */
.sheet_list {
  position: absolute;
  z-index: 999;
  top: 1px;
  left: 0;
  display: flex;
  background: white;
  width: calc(100% - 1px);
  box-shadow: 0 1px 0 #dfe2e5 !important;
}

/* line 699, app/assets/stylesheets/messages.scss */
.sheet_list-destroy {
  margin-left: 10px;
  transform: rotate(45deg);
  font-size: 20px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: row;
}

/* line 711, app/assets/stylesheets/messages.scss */
.sheet_list-destroy:hover {
  background: #a1a1a1;
  color: #fff;
}

/* line 716, app/assets/stylesheets/messages.scss */
.sheet_list-list {
  border-right: 1px solid #dfe2e5;
  padding: 5px 10px;
  display: flex;
  color: #a0a0a0;
}

/* line 721, app/assets/stylesheets/messages.scss */
.sheet_list-list div {
  color: #a0a0a0;
}

/* line 725, app/assets/stylesheets/messages.scss */
.sheet_list-add_button {
  color: #8e8e8e;
  font-size: 20px;
  line-height: 20px;
  padding: 5px 10px;
}

/* line 730, app/assets/stylesheets/messages.scss */
.sheet_list-add_button:hover {
  border-radius: 50%;
  background: #d0d0d0;
  color: #fff;
}

/* line 736, app/assets/stylesheets/messages.scss */
.sheet_list-selected {
  background: #f3f3f3;
}

/* line 740, app/assets/stylesheets/messages.scss */
.create_new_sheet {
  position: absolute;
  z-index: 99;
  top: 5px;
  left: 23px;
  color: #000;
}

/* line 747, app/assets/stylesheets/messages.scss */
.num-message {
  cursor: pointer;
}

/* line 749, app/assets/stylesheets/messages.scss */
.num-message:hover {
  color: #000 !important;
}

/* line 753, app/assets/stylesheets/messages.scss */
.file_preview_pick {
  cursor: pointer !important;
  display: flex;
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* line 759, app/assets/stylesheets/messages.scss */
.file_preview_pick .remove_file {
  position: absolute;
  right: 0;
  top: 5px;
  width: 30px;
}

/* line 765, app/assets/stylesheets/messages.scss */
.file_preview_pick img, .file_preview_pick video, .file_preview_pick svg {
  border-radius: 6px;
  margin-right: 5px;
  width: 50px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 772, app/assets/stylesheets/messages.scss */
.file_preview_pick div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 70%;
}

/* line 779, app/assets/stylesheets/messages.scss */
.file_preview_pick_name {
  color: #039;
  line-height: 2;
  font-size: 15px;
}

/* line 784, app/assets/stylesheets/messages.scss */
#attachment_part .for_shortener_link {
  cursor: pointer !important;
  margin-top: 20px;
}

/* line 788, app/assets/stylesheets/messages.scss */
.is_variable_color {
  position: absolute;
  font-size: 8px;
  bottom: -12px;
  width: 100%;
  text-align: center;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* line 803, app/assets/stylesheets/messages.scss */
.handles {
  display: flex;
  justify-content: center;
}

/* line 807, app/assets/stylesheets/messages.scss */
.copy.n, .remove.n, .copyConnected.n, .unlinkH.n, .copy.ne, .remove.ne, .copyConnected.ne {
  position: relative;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
}

/* line 813, app/assets/stylesheets/messages.scss */
.redactor_zoom_20 .joint-halo.joint-theme-default .handle {
  top: -15px;
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
}

/* line 819, app/assets/stylesheets/messages.scss */
.redactor_zoom_30-40 .joint-halo.joint-theme-default .handle {
  top: -25px;
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
}

/* line 825, app/assets/stylesheets/messages.scss */
.redactor_zoom_40-80 .joint-halo.joint-theme-default .handle {
  top: -25px !important;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
}

/* line 832, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-90 .joint-halo.joint-theme-default .handle {
  top: -29px !important;
  background-size: 24px 24px;
  width: 25px;
  height: 25px;
}

/* line 839, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-120 .joint-halo.joint-theme-default .handle {
  top: -33px;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
}

/* line 845, app/assets/stylesheets/messages.scss */
.redactor_zoom_120-200 .joint-halo.joint-theme-default .handle {
  top: -40px;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
}

/* line 851, app/assets/stylesheets/messages.scss */
.redactor_zoom_200-400 .joint-halo.joint-theme-default .handle {
  top: -50px;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
}

/* line 857, app/assets/stylesheets/messages.scss */
.copy.n, .remove.n, .copyConnected.n, .unlinkH.n, .copy.ne, .remove.ne, .copyConnected.ne {
  position: relative;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
}

/* line 868, app/assets/stylesheets/messages.scss */
.redactor_zoom_20 .joint-halo.joint-theme-default .handle[data-action="link"] {
  width: 5px;
  height: 5px;
  background-size: 5px 5px;
  border-width: 1px !important;
}

/* line 874, app/assets/stylesheets/messages.scss */
.redactor_zoom_20 .joint-halo_position_1 .handle[data-action="link"] {
  right: auto !important;
  bottom: auto !important;
  left: calc(50% - 2.5px) !important;
  top: calc(0% - 2.5px) !important;
}

/* line 880, app/assets/stylesheets/messages.scss */
.redactor_zoom_20 .joint-halo_position_2 .handle[data-action="link"] {
  left: calc(100% - 2.5px) !important;
  top: calc(50% - 2.5px) !important;
  right: auto !important;
  bottom: auto !important;
}

/* line 886, app/assets/stylesheets/messages.scss */
.redactor_zoom_20 .joint-halo_position_3 .handle[data-action="link"] {
  right: auto !important;
  top: calc(100% - 2.5px) !important;
  bottom: auto !important;
  left: calc(50% - 2.5px) !important;
}

/* line 892, app/assets/stylesheets/messages.scss */
.redactor_zoom_20 .joint-halo_position_4 .handle[data-action="link"] {
  right: auto !important;
  top: calc(50% - 2.5px) !important;
  bottom: auto !important;
  left: calc(0% - 2.5px) !important;
}

/* line 898, app/assets/stylesheets/messages.scss */
.redactor_zoom_20 .joint-halo.joint-theme-default .handle.s {
  display: none !important;
}

/* line 903, app/assets/stylesheets/messages.scss */
.redactor_zoom_30-40 .joint-halo.joint-theme-default .handle[data-action="link"] {
  width: 5px;
  height: 5px;
  background-size: 5px 5px;
  border-width: 1px !important;
}

/* line 909, app/assets/stylesheets/messages.scss */
.redactor_zoom_30-40 .joint-halo_position_1 .handle[data-action="link"] {
  right: auto !important;
  bottom: auto !important;
  left: calc(50% - 2.5px) !important;
  top: calc(0% - 2.5px) !important;
}

/* line 915, app/assets/stylesheets/messages.scss */
.redactor_zoom_30-40 .joint-halo_position_2 .handle[data-action="link"] {
  left: calc(100% - 2.5px) !important;
  top: calc(50% - 2.5px) !important;
  right: auto !important;
  bottom: auto !important;
}

/* line 921, app/assets/stylesheets/messages.scss */
.redactor_zoom_30-40 .joint-halo_position_3 .handle[data-action="link"] {
  right: auto !important;
  top: calc(100% - 2.5px) !important;
  bottom: auto !important;
  left: calc(50% - 2.5px) !important;
}

/* line 927, app/assets/stylesheets/messages.scss */
.redactor_zoom_30-40 .joint-halo_position_4 .handle[data-action="link"] {
  right: auto !important;
  top: calc(50% - 2.5px) !important;
  bottom: auto !important;
  left: calc(0% - 2.5px) !important;
}

/* line 933, app/assets/stylesheets/messages.scss */
.redactor_zoom_30-40 .joint-halo.joint-theme-default .handle.s {
  left: calc(50% + 4.5px) !important;
}

/* line 936, app/assets/stylesheets/messages.scss */
.redactor_zoom_30-40 .joint-halo.joint-theme-default.joint-halo_position_1 .handle.s {
  left: calc(50% + 4.5px) !important;
}

/* line 939, app/assets/stylesheets/messages.scss */
.redactor_zoom_30-40 .joint-halo.joint-theme-default.joint-halo_position_2 .handle.s {
  left: calc(100% + 4.5px) !important;
}

/* line 942, app/assets/stylesheets/messages.scss */
.redactor_zoom_30-40 .joint-halo.joint-theme-default.joint-halo_position_3 .handle.s {
  left: calc(50% + 4.5px) !important;
}

/* line 945, app/assets/stylesheets/messages.scss */
.redactor_zoom_30-40 .joint-halo.joint-theme-default.joint-halo_position_4 .handle.s {
  left: 4.5px !important;
}

/* line 950, app/assets/stylesheets/messages.scss */
.redactor_zoom_40-80 .joint-halo.joint-theme-default .handle[data-action="link"] {
  width: 10px;
  height: 10px;
  background-size: 10px 10px;
  border-width: 2px !important;
}

/* line 956, app/assets/stylesheets/messages.scss */
.redactor_zoom_40-80 .joint-halo_position_1 .handle[data-action="link"] {
  right: auto !important;
  bottom: auto !important;
  left: calc(50% - 5px) !important;
  top: calc(0% - 5px) !important;
}

/* line 962, app/assets/stylesheets/messages.scss */
.redactor_zoom_40-80 .joint-halo_position_2 .handle[data-action="link"] {
  left: calc(100% - 5px) !important;
  top: calc(50% - 5px) !important;
  right: auto !important;
  bottom: auto !important;
}

/* line 968, app/assets/stylesheets/messages.scss */
.redactor_zoom_40-80 .joint-halo_position_3 .handle[data-action="link"] {
  right: auto !important;
  top: calc(100% - 5px) !important;
  bottom: auto !important;
  left: calc(50% - 5px) !important;
}

/* line 974, app/assets/stylesheets/messages.scss */
.redactor_zoom_40-80 .joint-halo_position_4 .handle[data-action="link"] {
  right: auto !important;
  top: calc(50% - 5px) !important;
  bottom: auto !important;
  left: calc(0% - 5px) !important;
}

/* line 980, app/assets/stylesheets/messages.scss */
.redactor_zoom_40-80 .joint-halo.joint-theme-default .handle.s {
  left: calc(50% + 4.5px) !important;
}

/* line 983, app/assets/stylesheets/messages.scss */
.redactor_zoom_40-80 .joint-halo.joint-theme-default.joint-halo_position_1 .handle.s {
  left: calc(50% + 4.5px) !important;
}

/* line 986, app/assets/stylesheets/messages.scss */
.redactor_zoom_40-80 .joint-halo.joint-theme-default.joint-halo_position_2 .handle.s {
  left: calc(100% + 4.5px) !important;
}

/* line 989, app/assets/stylesheets/messages.scss */
.redactor_zoom_40-80 .joint-halo.joint-theme-default.joint-halo_position_3 .handle.s {
  left: calc(50% + 4.5px) !important;
}

/* line 992, app/assets/stylesheets/messages.scss */
.redactor_zoom_40-80 .joint-halo.joint-theme-default.joint-halo_position_4 .handle.s {
  left: 4.5px !important;
}

/* line 998, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-90 .joint-halo.joint-theme-default .handle[data-action="link"] {
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
  border-width: 2px !important;
}

/* line 1004, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-90 .joint-halo_position_1 .handle[data-action="link"] {
  right: auto !important;
  bottom: auto !important;
  left: calc(50% - 7.5px) !important;
  top: calc(0% - 7.5px) !important;
}

/* line 1010, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-90 .joint-halo_position_2 .handle[data-action="link"] {
  left: calc(100% - 7.5px) !important;
  top: calc(50% - 7.5px) !important;
  right: auto !important;
  bottom: auto !important;
}

/* line 1016, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-90 .joint-halo_position_3 .handle[data-action="link"] {
  right: auto !important;
  top: calc(100% - 7.5px) !important;
  bottom: auto !important;
  left: calc(50% - 7.5px) !important;
}

/* line 1022, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-90 .joint-halo_position_4 .handle[data-action="link"] {
  right: auto !important;
  top: calc(50% - 7.5px) !important;
  bottom: auto !important;
  left: calc(0% - 7.5px) !important;
}

/* line 1028, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-90 .joint-halo.joint-theme-default .handle.s {
  left: calc(50% + 2px) !important;
}

/* line 1031, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-90 .joint-halo.joint-theme-default.joint-halo_position_1 .handle.s {
  left: calc(50% + 2px) !important;
}

/* line 1034, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-90 .joint-halo.joint-theme-default.joint-halo_position_2 .handle.s {
  left: calc(100% + 2px) !important;
}

/* line 1037, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-90 .joint-halo.joint-theme-default.joint-halo_position_3 .handle.s {
  left: calc(50% + 2px) !important;
}

/* line 1040, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-90 .joint-halo.joint-theme-default.joint-halo_position_4 .handle.s {
  left: 2px !important;
}

/* line 1046, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-120 .joint-halo.joint-theme-default .handle[data-action="link"] {
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
  border-width: 2px !important;
}

/* line 1052, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-120 .joint-halo_position_1 .handle[data-action="link"] {
  right: auto !important;
  bottom: auto !important;
  left: calc(50% - 7.5px) !important;
  top: calc(0% - 7.5px) !important;
}

/* line 1058, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-120 .joint-halo_position_2 .handle[data-action="link"] {
  left: calc(100% - 7.5px) !important;
  top: calc(50% - 7.5px) !important;
  right: auto !important;
  bottom: auto !important;
}

/* line 1064, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-120 .joint-halo_position_3 .handle[data-action="link"] {
  right: auto !important;
  top: calc(100% - 7.5px) !important;
  bottom: auto !important;
  left: calc(50% - 7.5px) !important;
}

/* line 1070, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-120 .joint-halo_position_4 .handle[data-action="link"] {
  right: auto !important;
  top: calc(50% - 7.5px) !important;
  bottom: auto !important;
  left: calc(0% - 7.5px) !important;
}

/* line 1076, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-120 .joint-halo.joint-theme-default .handle.s {
  left: calc(50% + 2px) !important;
}

/* line 1079, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-120 .joint-halo.joint-theme-default.joint-halo_position_1 .handle.s {
  left: calc(50% + 2px) !important;
}

/* line 1082, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-120 .joint-halo.joint-theme-default.joint-halo_position_2 .handle.s {
  left: calc(100% + 2px) !important;
}

/* line 1085, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-120 .joint-halo.joint-theme-default.joint-halo_position_3 .handle.s {
  left: calc(50% + 2px) !important;
}

/* line 1088, app/assets/stylesheets/messages.scss */
.redactor_zoom_80-120 .joint-halo.joint-theme-default.joint-halo_position_4 .handle.s {
  left: 2px !important;
}

/* line 1093, app/assets/stylesheets/messages.scss */
.redactor_zoom_120-200 .joint-halo.joint-theme-default .handle[data-action="link"] {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}

/* line 1098, app/assets/stylesheets/messages.scss */
.redactor_zoom_120-200 .joint-halo_position_1 .handle[data-action="link"] {
  right: auto !important;
  bottom: auto !important;
  left: calc(50% - 10px) !important;
  top: calc(0% - 10px) !important;
}

/* line 1104, app/assets/stylesheets/messages.scss */
.redactor_zoom_120-200 .joint-halo_position_2 .handle[data-action="link"] {
  left: calc(100% - 10px) !important;
  top: calc(50% - 10px) !important;
  right: auto !important;
  bottom: auto !important;
}

/* line 1110, app/assets/stylesheets/messages.scss */
.redactor_zoom_120-200 .joint-halo_position_3 .handle[data-action="link"] {
  right: auto !important;
  top: calc(100% - 10px) !important;
  bottom: auto !important;
  left: calc(50% - 10px) !important;
}

/* line 1116, app/assets/stylesheets/messages.scss */
.redactor_zoom_120-200 .joint-halo_position_4 .handle[data-action="link"] {
  right: auto !important;
  top: calc(50% - 10px) !important;
  bottom: auto !important;
  left: calc(0% - 10px) !important;
}

/* line 1122, app/assets/stylesheets/messages.scss */
.redactor_zoom_120-200 .joint-halo.joint-theme-default .handle.s {
  left: calc(50% - 0.5px) !important;
}

/* line 1125, app/assets/stylesheets/messages.scss */
.redactor_zoom_120-200 .joint-halo.joint-theme-default.joint-halo_position_1 .handle.s {
  left: calc(50% - 0.5px) !important;
}

/* line 1128, app/assets/stylesheets/messages.scss */
.redactor_zoom_120-200 .joint-halo.joint-theme-default.joint-halo_position_2 .handle.s {
  left: calc(100% - 0.5px) !important;
}

/* line 1131, app/assets/stylesheets/messages.scss */
.redactor_zoom_120-200 .joint-halo.joint-theme-default.joint-halo_position_3 .handle.s {
  left: calc(50% - 0.5px) !important;
}

/* line 1134, app/assets/stylesheets/messages.scss */
.redactor_zoom_120-200 .joint-halo.joint-theme-default.joint-halo_position_4 .handle.s {
  left: -0.5px !important;
}

/* line 1139, app/assets/stylesheets/messages.scss */
.redactor_zoom_200-400 .joint-halo.joint-theme-default .handle[data-action="link"] {
  width: 25px;
  height: 25px;
  background-size: 25px 25px;
}

/* line 1144, app/assets/stylesheets/messages.scss */
.redactor_zoom_200-400 .joint-halo_position_1 .handle[data-action="link"] {
  right: auto !important;
  bottom: auto !important;
  left: calc(50% - 12.5px) !important;
  top: calc(0% - 12.5px) !important;
}

/* line 1150, app/assets/stylesheets/messages.scss */
.redactor_zoom_200-400 .joint-halo_position_2 .handle[data-action="link"] {
  left: calc(100% - 12.5px) !important;
  top: calc(50% - 12.5px) !important;
  right: auto !important;
  bottom: auto !important;
}

/* line 1156, app/assets/stylesheets/messages.scss */
.redactor_zoom_200-400 .joint-halo_position_3 .handle[data-action="link"] {
  right: auto !important;
  top: calc(100% - 12.5px) !important;
  bottom: auto !important;
  left: calc(50% - 12.5px) !important;
}

/* line 1162, app/assets/stylesheets/messages.scss */
.redactor_zoom_200-400 .joint-halo_position_4 .handle[data-action="link"] {
  right: auto !important;
  top: calc(50% - 12.5px) !important;
  bottom: auto !important;
  left: calc(0% - 12.5px) !important;
}

/* line 1168, app/assets/stylesheets/messages.scss */
.redactor_zoom_200-400 .joint-halo.joint-theme-default .handle.s {
  left: calc(50% - 3px) !important;
}

/* line 1171, app/assets/stylesheets/messages.scss */
.redactor_zoom_200-400 .joint-halo.joint-theme-default.joint-halo_position_1 .handle.s {
  left: calc(50% - 3px) !important;
}

/* line 1174, app/assets/stylesheets/messages.scss */
.redactor_zoom_200-400 .joint-halo.joint-theme-default.joint-halo_position_2 .handle.s {
  left: calc(100% - 3px) !important;
}

/* line 1177, app/assets/stylesheets/messages.scss */
.redactor_zoom_200-400 .joint-halo.joint-theme-default.joint-halo_position_3 .handle.s {
  left: calc(50% - 3px) !important;
}

/* line 1180, app/assets/stylesheets/messages.scss */
.redactor_zoom_200-400 .joint-halo.joint-theme-default.joint-halo_position_4 .handle.s {
  left: -3px !important;
}

/* line 1184, app/assets/stylesheets/messages.scss */
.handle[data-action="link"] {
  transition: none !important;
}

/* line 1187, app/assets/stylesheets/messages.scss */
.link.s {
  position: absolute !important;
  left: auto !important;
  top: auto !important;
  border-radius: 50% !important;
}

/* line 1193, app/assets/stylesheets/messages.scss */
.joint-halo.joint-theme-default .handle[data-action="link"] {
  background-image: none !important;
  background: #fff;
  border-radius: 50%;
  left: auto;
  top: auto;
}

/* line 1200, app/assets/stylesheets/messages.scss */
.joint-halo.joint-theme-default .handle.color_0 {
  border: 2px solid #4C5D75;
}

/* line 1203, app/assets/stylesheets/messages.scss */
.joint-halo.joint-theme-default .handle.color_1 {
  border: 2px solid #03943F;
}

/* line 1206, app/assets/stylesheets/messages.scss */
.joint-halo.joint-theme-default .handle.color_2 {
  border: 2px solid #831843;
}

/* line 1209, app/assets/stylesheets/messages.scss */
.joint-halo.joint-theme-default .handle.color_3 {
  border: 2px solid #1D4ED8;
}

/* line 1212, app/assets/stylesheets/messages.scss */
.joint-halo.joint-theme-default .handle.color_4 {
  border: 2px solid #047857;
}

/* line 1215, app/assets/stylesheets/messages.scss */
.joint-halo.joint-theme-default .handle.color_5 {
  border: 2px solid #1F2937;
}

/* line 1218, app/assets/stylesheets/messages.scss */
.joint-halo.joint-theme-default .handle.color_6 {
  border: 2px solid #4C5D75;
}

/* line 1221, app/assets/stylesheets/messages.scss */
.joint-halo.joint-theme-default .handle.color_7 {
  border: 2px solid #F59E0B;
}

/* line 1225, app/assets/stylesheets/messages.scss */
.joint-halo.joint-theme-default .handle.s {
  border: 3px solid #1A53C6;
}

/* line 1228, app/assets/stylesheets/messages.scss */
.joint-halo.joint-theme-default .handle {
  background-color: #222222;
  border-top: 1px solid #111111;
  border-bottom: 1px solid #111111;
  border-left: 0.5px solid #111111;
  border-right: 0.5px solid #111111;
}

/* line 1235, app/assets/stylesheets/messages.scss */
.joint-halo.joint-theme-default .handle:first-child {
  border-left: 1px solid #111111;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* line 1240, app/assets/stylesheets/messages.scss */
.joint-halo.joint-theme-default .handle:last-child {
  border-right: 1px solid #111111;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 1245, app/assets/stylesheets/messages.scss */
.joint-halo.joint-theme-default .inter_sheet_copy {
  position: relative !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
}

/* line 1252, app/assets/stylesheets/messages.scss */
.scroll_button_helper {
  position: fixed;
  bottom: 0;
  width: 300px;
  display: flex;
  background: #FFFFFF;
  height: 60px;
  padding: 10px 12px 10px 12px;
  margin-left: -12px;
  z-index: 99;
  box-shadow: 0px -6px 12px rgba(45, 51, 56, 0.1);
}

/* line 1263, app/assets/stylesheets/messages.scss */
.scroll_button_helper .succes_help_button_dnt_close {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: unset;
  padding: 9px 10px;
  min-width: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 1272, app/assets/stylesheets/messages.scss */
.scroll_button_helper .secondary_button {
  margin-left: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: transparent;
  padding: 9px 10px;
  min-width: 171px;
}

/* line 1279, app/assets/stylesheets/messages.scss */
.scroll_button_helper .succes_help_button.new_button {
  width: calc(100% - 22px) !important;
}

/* line 1284, app/assets/stylesheets/messages.scss */
.success_super_buttons {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  margin: 15px 0;
  z-index: 99;
}

/* line 1292, app/assets/stylesheets/messages.scss */
.success_super_buttons .succes_help_button_dnt_close, .success_super_buttons .succes_help_button_rerender {
  height: 40px;
  width: 100%;
  padding: 9px 10px;
  min-width: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

/* line 1302, app/assets/stylesheets/messages.scss */
.success_super_buttons .secondary_button {
  background-color: transparent;
  padding: 9px 10px;
  min-width: 171px;
}

/* line 1307, app/assets/stylesheets/messages.scss */
.success_super_buttons .succes_help_button.new_button {
  width: calc(100% - 22px) !important;
}

/* line 1312, app/assets/stylesheets/messages.scss */
#button_spinner {
  -webkit-animation-name: spin;
          animation-name: spin;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

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

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

/* line 1325, app/assets/stylesheets/messages.scss */
.sheets {
  position: absolute;
  display: none;
  bottom: 85%;
  border: 1px solid #E0E1E3;
  background: #fff;
  width: 220px;
  max-height: 480px;
  overflow: scroll;
  border-bottom: none;
  right: 12px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

/* line 1338, app/assets/stylesheets/messages.scss */
.sheets-container {
  position: absolute;
  top: calc(100vh - 110px);
  right: 0;
  z-index: 99;
  display: flex;
}

@media (max-width: 640px) {
  /* line 1338, app/assets/stylesheets/messages.scss */
  .sheets-container {
    right: unset;
    left: 10px;
    z-index: 98;
  }
}

/* line 1350, app/assets/stylesheets/messages.scss */
.sheets-action {
  margin-right: 6px;
  background: white;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #E0E1E3;
  border-radius: 6px;
  box-shadow: 0 12px 24px 5px rgba(39, 58, 97, 0.05), 0 16px 32px 5px rgba(39, 58, 97, 0.05);
}

/* line 1365, app/assets/stylesheets/messages.scss */
.sheets-action img {
  width: 20px;
  height: 20px;
}

/* line 1369, app/assets/stylesheets/messages.scss */
.sheets-action:hover {
  background-color: #E6EAF2;
  border-color: transparent;
}

/* line 1374, app/assets/stylesheets/messages.scss */
.sheets-select {
  width: 220px;
  height: 40px;
  border: 1px solid #E0E1E3;
  border-radius: 6px;
  background: white;
  margin-right: 12px;
  cursor: pointer;
  box-shadow: 0 12px 24px 5px rgba(39, 58, 97, 0.05), 0 16px 32px 5px rgba(39, 58, 97, 0.05);
}

/* line 1385, app/assets/stylesheets/messages.scss */
.sheets-selected_name {
  padding-left: 15px;
  width: 90%;
  line-height: 40px;
  font-size: 15px;
}

/* line 1390, app/assets/stylesheets/messages.scss */
.sheets-selected_name::after {
  content: "";
  position: absolute;
  background-image: url(/assets/icon/arrow_sheets-a1b08bf956e316a70b28c754344de671d4f32a8d8baeb0597144f9db011dcc7d.svg);
  width: 12px;
  height: 10px;
  right: 20px;
  top: 16px;
  background-repeat: no-repeat;
}

/* line 1402, app/assets/stylesheets/messages.scss */
.sheets-item_name {
  color: #676767;
  padding: 5px 15px;
  cursor: pointer;
}

/* line 1406, app/assets/stylesheets/messages.scss */
.sheets-item_name:hover {
  background: #f5f8fd;
}

/* line 1412, app/assets/stylesheets/messages.scss */
.destroy_sheet {
  position: absolute;
  right: 15px;
  bottom: 20px;
}

/* line 1416, app/assets/stylesheets/messages.scss */
.destroy_sheet a {
  color: red;
}

/* line 1420, app/assets/stylesheets/messages.scss */
.new_message_success {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #039;
  color: #fff;
  padding: 8px 15px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
}

/* line 1429, app/assets/stylesheets/messages.scss */
.message_text {
  resize: none;
  border-radius: 4px;
  outline: none;
  border: 1px solid #0000003e;
  padding: 5px;
}

/* line 1435, app/assets/stylesheets/messages.scss */
.message_text:focus {
  border: 2px solid #1f69c4 !important;
  box-shadow: 2px 2px 5px #d3d3d3 !important;
}

/* line 1440, app/assets/stylesheets/messages.scss */
.new_message_template {
  position: absolute;
  right: 60px;
  font-size: 16px;
  color: #1A53C6;
  font-weight: 400;
}

/* line 1448, app/assets/stylesheets/messages.scss */
.clear_markup {
  cursor: pointer;
}

/* line 2, app/assets/stylesheets/crm.scss */
.pipeline_item {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid #004fe1;
  margin: 4px;
  color: #004fe1;
  border-radius: 4px;
  transition: 0.3s;
}

/* line 11, app/assets/stylesheets/crm.scss */
.pipeline_item:hover {
  color: white;
  background-color: #004fe1;
}

/* line 15, app/assets/stylesheets/crm.scss */
.current {
  border-color: #f31029;
  color: #f31029;
}

/* line 19, app/assets/stylesheets/crm.scss */
.current:hover {
  color: #f31029;
  background-color: transparent;
}

/* line 23, app/assets/stylesheets/crm.scss */
.order_fast_make::-webkit-scrollbar-track, .archive_container::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
  background-color: #ECF0F3;
}

/* line 27, app/assets/stylesheets/crm.scss */
.order_fast_make::-webkit-scrollbar, .archive_container::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  height: 10px;
  background-color: transparent;
}

/* line 33, app/assets/stylesheets/crm.scss */
.order_fast_make::-webkit-scrollbar-thumb, .archive_container::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 10px;
}

/* line 37, app/assets/stylesheets/crm.scss */
.overflow_scroll {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 70px);
  padding: 10px 10px 5px;
  border-right: 1px dashed #E0E1E3;
  display: flex;
  flex-direction: column;
}

/* line 45, app/assets/stylesheets/crm.scss */
.overflow_scroll::-webkit-scrollbar {
  border-radius: 4px;
  width: 0;
  height: 0;
  background-color: transparent;
}

/* line 51, app/assets/stylesheets/crm.scss */
.overflow_scroll::-webkit-scrollbar-thumb {
  background-color: #E0E2E5;
  border-radius: 10px;
}

/* line 56, app/assets/stylesheets/crm.scss */
.make_menu_item {
  display: inline-block;
  padding: 4px 12px;
  background: #004fe1;
  margin: 4px;
  color: white;
  border-radius: 4px;
  transition: 0.3s;
}

/* line 66, app/assets/stylesheets/crm.scss */
.make_menu_item:hover {
  background: #039;
}

/* line 69, app/assets/stylesheets/crm.scss */
.state_name {
  font-weight: 600;
  font-size: 16px;
  line-height: 46px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
}

/* line 78, app/assets/stylesheets/crm.scss */
.cost_val {
  margin-right: 5px;
  font-weight: 600;
}

/* line 82, app/assets/stylesheets/crm.scss */
.state, #state_placeholder, .new_state_placeholder {
  display: inline-block;
}

/* line 83, app/assets/stylesheets/crm.scss */
.state a, #state_placeholder a, .new_state_placeholder a {
  color: #fff;
}

/* line 86, app/assets/stylesheets/crm.scss */
.state a:hover, #state_placeholder a:hover, .new_state_placeholder a:hover {
  color: #e9fa0c;
}

/* line 90, app/assets/stylesheets/crm.scss */
.state .b-stage-header, #state_placeholder .b-stage-header, .new_state_placeholder .b-stage-header {
  font-size: 13px;
  line-height: 22px;
  border-radius: 5px 0 0 5px;
  background: #039;
  border-left: 1px #039 solid;
  border-top: 1px #039 solid;
  border-bottom: 1px #039 solid;
  color: white;
  margin-right: 20px;
  padding: 5px 0 5px 5px;
  position: relative;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

/* line 106, app/assets/stylesheets/crm.scss */
.state .b-stage-header:before, #state_placeholder .b-stage-header:before, .new_state_placeholder .b-stage-header:before {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  right: -22px;
  top: -1px;
  border-width: 18px 0 15.5px 22px;
  border-color: transparent transparent transparent #039;
  z-index: 0;
}

/* line 117, app/assets/stylesheets/crm.scss */
.state .bottom_info, #state_placeholder .bottom_info, .new_state_placeholder .bottom_info {
  width: 100%;
  position: absolute;
}

/* line 120, app/assets/stylesheets/crm.scss */
.state .bottom_info .cost, #state_placeholder .bottom_info .cost, .new_state_placeholder .bottom_info .cost {
  text-align: right;
  font-size: 12px;
}

/* line 125, app/assets/stylesheets/crm.scss */
.state .order, #state_placeholder .order, .new_state_placeholder .order {
  word-break: break-word;
  padding: 8px;
  position: relative;
  border: 1px solid #d4dff4;
  box-shadow: 0 2px 5px rgba(6, 25, 56, 0.06);
  border-radius: 6px;
  background: #fff;
  cursor: pointer !important;
  margin-bottom: 10px;
}

/* line 138, app/assets/stylesheets/crm.scss */
.card-panel .red_hover {
  color: #004fe1;
}

/* line 140, app/assets/stylesheets/crm.scss */
.card-panel .red_hover a {
  color: #004fe1;
}

/* line 145, app/assets/stylesheets/crm.scss */
#piplines {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  justify-content: space-between;
  background-color: #fff;
  align-items: center;
  position: fixed;
  top: 17px;
  z-index: 999;
  margin-left: 22px;
}

/* line 155, app/assets/stylesheets/crm.scss */
.pipeline-current-name {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #111111;
  display: inline-block;
  margin-right: 8px;
  vertical-align: text-bottom;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 168, app/assets/stylesheets/crm.scss */
.header-btns-wrapper {
  display: flex;
  align-items: center;
}

/* line 171, app/assets/stylesheets/crm.scss */
.header-btns-wrapper .new_button {
  padding: 9px 24px;
  height: 40px;
}

/* line 176, app/assets/stylesheets/crm.scss */
.drop_box_trigger_crm {
  height: 40px;
  margin-right: 8px;
}

/* line 180, app/assets/stylesheets/crm.scss */
.pipeline-info-wrapper {
  position: relative;
}

/* line 183, app/assets/stylesheets/crm.scss */
.back_to_pipelines {
  margin-right: 10px;
  font-size: 30px;
  color: #000;
}

/* line 188, app/assets/stylesheets/crm.scss */
.title_crm_pipeline {
  font-size: 24px;
}

/* line 191, app/assets/stylesheets/crm.scss */
.title_crm_states {
  font-size: 20px;
  font-weight: 500;
}

/* line 195, app/assets/stylesheets/crm.scss */
.delete_all_tasks {
  position: absolute;
  bottom: 40px;
  right: 20px;
}

/* line 200, app/assets/stylesheets/crm.scss */
.new_button {
  transition: 0.3s;
  cursor: pointer;
}

/* line 204, app/assets/stylesheets/crm.scss */
#states {
  overflow-x: auto;
  overflow-y: hidden;
}

/* line 207, app/assets/stylesheets/crm.scss */
#states::-webkit-scrollbar-track {
  background-color: #ECF0F3;
}

/* line 210, app/assets/stylesheets/crm.scss */
#states::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  height: 10px;
  background-color: transparent;
}

/* line 216, app/assets/stylesheets/crm.scss */
#states::-webkit-scrollbar-thumb {
  background-color: #95A3BA;
  border-radius: 10px;
}

/* line 220, app/assets/stylesheets/crm.scss */
#states .states_container {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  display: flex;
}

/* line 223, app/assets/stylesheets/crm.scss */
#states .states_container .state, #states .states_container #state_placeholder {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  min-width: 320px;
  max-width: 320px;
  background-color: #fafcff;
}

/* line 231, app/assets/stylesheets/crm.scss */
#bottom_menu {
  position: fixed;
  bottom: 16px;
  margin-left: 16px;
  display: flex;
  align-items: center;
}

/* line 237, app/assets/stylesheets/crm.scss */
#bottom_menu p {
  margin: 0;
  display: inline;
}

/* line 241, app/assets/stylesheets/crm.scss */
#bottom_menu a {
  height: auto;
  border: 1px solid #039;
  background-color: #039;
  border-radius: 4px;
  margin-left: 4px;
  margin-right: 4px;
  height: auto;
  color: white;
  padding: 4px 8px;
  transition: 0.3s;
}

/* line 253, app/assets/stylesheets/crm.scss */
#bottom_menu a:hover {
  border-color: #0950d9;
  background-color: #0950d9;
}

/* line 258, app/assets/stylesheets/crm.scss */
.collection {
  overflow: visible;
}

/* line 261, app/assets/stylesheets/crm.scss */
.no_states_description {
  font-size: 17px;
  margin-bottom: 12px;
}

/* line 266, app/assets/stylesheets/crm.scss */
#edit_pipeline .state {
  line-height: 22px;
}

/* line 268, app/assets/stylesheets/crm.scss */
#edit_pipeline .state .b-stage-header {
  padding-right: 42px;
}

/* line 271, app/assets/stylesheets/crm.scss */
#edit_pipeline .state i {
  position: absolute;
  top: 8px;
}

/* line 275, app/assets/stylesheets/crm.scss */
#edit_pipeline .state .fa-trash {
  right: -6px;
}

/* line 280, app/assets/stylesheets/crm.scss */
.red_hover:hover {
  color: #039 !important;
}

/* line 283, app/assets/stylesheets/crm.scss */
.remove_btn {
  display: block;
}

/* line 286, app/assets/stylesheets/crm.scss */
.task_item {
  position: relative;
}

/* line 288, app/assets/stylesheets/crm.scss */
.task_item .done {
  text-decoration: line-through;
}

/* line 291, app/assets/stylesheets/crm.scss */
.task_item .down {
  color: #d91322;
}

/* line 294, app/assets/stylesheets/crm.scss */
.task_item .down:hover {
  color: #ff0c00;
}

/* line 297, app/assets/stylesheets/crm.scss */
.task_item .up {
  color: green;
}

/* line 300, app/assets/stylesheets/crm.scss */
.task_item .up:hover {
  color: #00a200;
}

/* line 303, app/assets/stylesheets/crm.scss */
.task_item .thumb-btn {
  background: transparent;
  border: none;
  display: inline;
}

/* line 308, app/assets/stylesheets/crm.scss */
.task_item .edit_task {
  display: inline;
}

/* line 311, app/assets/stylesheets/crm.scss */
.task_item .remove {
  padding-left: 10px;
}

/* line 314, app/assets/stylesheets/crm.scss */
.task_item .remove:hover {
  color: #039;
}

/* line 319, app/assets/stylesheets/crm.scss */
#form {
  margin-top: 22px;
  margin-left: 8px;
  border: 1px solid #aaa;
  padding: 16px;
  border-radius: 6px;
}

@media (max-width: 993px) {
  /* line 319, app/assets/stylesheets/crm.scss */
  #form {
    margin-bottom: 18px;
  }
}

/* line 328, app/assets/stylesheets/crm.scss */
#form .row {
  margin-bottom: 0;
}

/* line 331, app/assets/stylesheets/crm.scss */
#form .index_type_deadline, #form .index_deadline {
  padding: 0;
}

/* line 336, app/assets/stylesheets/crm.scss */
.modal_form h4 {
  margin-left: 16px;
  line-height: 1;
}

/* line 340, app/assets/stylesheets/crm.scss */
.modal_form .row_with_title {
  min-height: 32px;
  margin-bottom: 8px;
  margin-top: 8px;
}

/* line 344, app/assets/stylesheets/crm.scss */
.modal_form .row_with_title .title {
  position: absolute;
}

/* line 347, app/assets/stylesheets/crm.scss */
.modal_form .row_with_title .field {
  margin-left: 150px;
}

/* line 349, app/assets/stylesheets/crm.scss */
.modal_form .row_with_title .field input {
  height: 24px;
}

/* line 353, app/assets/stylesheets/crm.scss */
.modal_form .row_with_title .file-path {
  padding: 0;
  height: 20px;
}

/* line 361, app/assets/stylesheets/crm.scss */
.lead_state_form .input-field {
  margin-top: 0;
  margin-right: 130px;
}

/* line 365, app/assets/stylesheets/crm.scss */
.lead_state_form button {
  position: absolute;
  right: 0;
  bottom: 24px;
}

/* line 371, app/assets/stylesheets/crm.scss */
.show_order {
  padding-top: 24px;
}

/* line 373, app/assets/stylesheets/crm.scss */
.show_order .actions {
  position: absolute;
  right: 24px;
  margin-top: 0;
}

/* line 378, app/assets/stylesheets/crm.scss */
.show_order .actions a.green {
  margin-right: 12px;
}

/* line 382, app/assets/stylesheets/crm.scss */
.show_order .cost {
  position: absolute;
  right: 40px;
  top: 68px;
  font-size: 24px;
  font-weight: 600;
}

/* line 388, app/assets/stylesheets/crm.scss */
.show_order .cost span {
  padding-right: 4px;
  font-size: 27px;
}

/* line 393, app/assets/stylesheets/crm.scss */
.show_order .status {
  position: absolute;
  right: 40px;
  top: 104px;
}

/* line 398, app/assets/stylesheets/crm.scss */
.show_order .data {
  margin-top: 24px;
  margin-right: 130px;
}

/* line 402, app/assets/stylesheets/crm.scss */
.show_order .tasks {
  margin-top: 24px;
}

/* line 405, app/assets/stylesheets/crm.scss */
.show_order .delete_link {
  position: absolute;
  right: 40px;
  top: 124px;
}

/* line 410, app/assets/stylesheets/crm.scss */
.show_order .delete_link:hover {
  color: #039;
}

/* line 415, app/assets/stylesheets/crm.scss */
.product_item .circle {
  /*border-radius: 0;
    left: 0 !important;
    top: 0;
    width: 70px !important;
    height: 70px !important;*/
}

/* line 422, app/assets/stylesheets/crm.scss */
.product_item .title {
  font-weight: bold;
}

/* line 425, app/assets/stylesheets/crm.scss */
.product_item .cost {
  font-size: 19px;
  font-weight: bold;
  color: black;
}

/* line 428, app/assets/stylesheets/crm.scss */
.product_item .cost span {
  padding-right: 2px;
}

/* line 434, app/assets/stylesheets/crm.scss */
.product_item .cost:hover i {
  color: black;
}

/* line 438, app/assets/stylesheets/crm.scss */
.product_item .status {
  position: absolute;
  left: 6px;
  width: 64px;
  text-align: center;
}

/* line 444, app/assets/stylesheets/crm.scss */
.product_item .not_active {
  font-size: 10px;
  color: #d91322;
}

/* line 448, app/assets/stylesheets/crm.scss */
.product_item .active {
  font-size: 12px;
  color: #00a200;
}

/* line 453, app/assets/stylesheets/crm.scss */
.cant_remove {
  color: gray;
  font-size: 10px;
  margin-top: -3px;
}

@media (min-width: 993px) {
  /* line 458, app/assets/stylesheets/crm.scss */
  .task_wrapper {
    margin-right: 300px;
  }
}

/* line 462, app/assets/stylesheets/crm.scss */
.task_wrapper .task_container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

/* line 469, app/assets/stylesheets/crm.scss */
#editor .select_deadline_type, #editor .select_deadline {
  padding: 0;
}

/* line 472, app/assets/stylesheets/crm.scss */
#editor .index_type_deadline {
  padding-right: 0;
}

/* line 476, app/assets/stylesheets/crm.scss */
.drop_box_crm {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  background: #fff;
  border: 1px solid #d4dff4;
  border-radius: 6px;
  filter: drop-shadow(0px 10px 20px rgba(45, 51, 56, 0.1));
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  top: 50px;
  right: 0;
  z-index: 999;
}

/* line 489, app/assets/stylesheets/crm.scss */
.drop_box_crm a:hover {
  background: #f0f6fc;
}

/* line 492, app/assets/stylesheets/crm.scss */
.drop_box_crm a {
  padding: 5px;
  color: #626f7f;
  font-size: 15px;
}

/* line 498, app/assets/stylesheets/crm.scss */
.state_toggler_name, .pipeline_select_trigger {
  font-size: 16px;
  background: #dbe4e9;
  color: #039;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: none;
  border-radius: 4px;
  padding: 4px 12px;
  margin: 7px 5px 7px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 509, app/assets/stylesheets/crm.scss */
.state_toggler_name--reset, .pipeline_select_trigger--reset {
  background: transparent;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 519, app/assets/stylesheets/crm.scss */
.state_toggler_name .fa-caret-down, .pipeline_select_trigger .fa-caret-down {
  margin-right: 6px;
  color: #111111;
}

/* line 524, app/assets/stylesheets/crm.scss */
.pipeline_select {
  position: absolute;
  top: 42px;
  background: #fff;
  border: 1px solid #d4dff4;
  border-radius: 6px;
  z-index: 999;
  padding: 8px 0;
  filter: drop-shadow(0px 10px 20px rgba(45, 51, 56, 0.1));
}

/* line 525, app/assets/stylesheets/crm.scss */
.pipeline_select_container {
  position: relative;
}

/* line 528, app/assets/stylesheets/crm.scss */
.pipeline_select_item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #626F7F;
  font-size: 15px;
  padding: 4px 12px;
  width: 100%;
}

/* line 536, app/assets/stylesheets/crm.scss */
.pipeline_select_item:hover {
  background: #f0f6fc;
}

/* line 539, app/assets/stylesheets/crm.scss */
.pipeline_select_item_current {
  color: #484848;
  background: #e0e0e0 !important;
}

/* line 553, app/assets/stylesheets/crm.scss */
.dots_trigger_crm {
  position: absolute;
  right: 8px;
  top: 5px;
}

/* line 558, app/assets/stylesheets/crm.scss */
.dots_menu_crm {
  box-shadow: 0 24px 32px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
  position: absolute;
  right: -7px;
  top: 34px;
  z-index: 9999;
  padding: 8px 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: none;
  background: white;
  border: 1px solid #d4dff4;
  border-radius: 6px;
}

/* line 570, app/assets/stylesheets/crm.scss */
.dots_menu_crm--active {
  display: block !important;
}

/* line 575, app/assets/stylesheets/crm.scss */
.dots_trigger_crm_item:hover {
  background: #f0f6fc;
}

/* line 578, app/assets/stylesheets/crm.scss */
.dots_trigger_crm_item a {
  display: block;
  padding: 2px 8px;
  font-size: 15px;
  color: #626F7F !important;
}

/* line 585, app/assets/stylesheets/crm.scss */
.dots_menu_crm_cut {
  position: absolute;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  border-top: 1px solid #d3def4;
  border-left: 1px solid #d3def4;
  border-top-left-radius: 4px;
  right: 5px;
  top: -7.5px;
  background: white;
}

/* line 597, app/assets/stylesheets/crm.scss */
.change_hopper {
  font-size: 15px;
  background: #fff;
  color: #039;
  border: 1px solid #039;
  border-radius: 4px;
  padding: 5px 12px;
  margin: 6px;
  cursor: pointer;
}

/* line 607, app/assets/stylesheets/crm.scss */
.hopper_name {
  font-size: 18px;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;
  font-weight: 700;
  line-height: 46px;
  margin-left: 10px;
}

/* line 614, app/assets/stylesheets/crm.scss */
.hopper_edit {
  color: #000000;
  margin-left: 5px;
}

/* line 617, app/assets/stylesheets/crm.scss */
.hopper_edit:hover {
  color: #1756d8;
}

/* line 621, app/assets/stylesheets/crm.scss */
#state_name, #state_number, #pipeline_name {
  border: 1px solid #878787;
  border-radius: 4px;
  box-shadow: none !important;
  padding-left: 7px;
  height: 43px;
}

/* line 628, app/assets/stylesheets/crm.scss */
.add_hopper {
  background: #0000;
  border: 2px solid #039;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 4px;
  padding: 0 4px;
  margin: 10px 5px 10px 5px;
  color: #039;
}

/* line 637, app/assets/stylesheets/crm.scss */
.edit_states_menu {
  z-index: 999;
  position: absolute;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #878787;
  border-radius: 4px;
}

/* line 646, app/assets/stylesheets/crm.scss */
.edit_states_menu_item {
  padding: 5px;
  cursor: pointer;
  color: #494949;
}

/* line 650, app/assets/stylesheets/crm.scss */
.edit_states_menu_item:hover {
  background: #e7e7e7;
}

/* line 654, app/assets/stylesheets/crm.scss */
.pipeline_number {
  font-weight: 400;
  opacity: 0.5;
  font-size: 13px;
}

/* line 659, app/assets/stylesheets/crm.scss */
#state_placeholder {
  background: #efefef;
}

/* line 662, app/assets/stylesheets/crm.scss */
#order_placeholder {
  position: relative;
  width: auto;
  background: #F3F4F7;
  border-radius: 6px;
  margin-bottom: 10px;
}

/* line 668, app/assets/stylesheets/crm.scss */
#order_placeholder .inner_placeholder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  background: transparent;
  width: 100%;
  height: 100%;
}

/* line 678, app/assets/stylesheets/crm.scss */
.pipeline_state {
  position: relative;
}

/* line 681, app/assets/stylesheets/crm.scss */
.state_pointer_move_trigger {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  cursor: -webkit-grab;
  cursor: grab;
}

/* line 691, app/assets/stylesheets/crm.scss */
.order_count {
  font-weight: 500;
}

/* line 697, app/assets/stylesheets/crm.scss */
.state_context_menu {
  display: none;
  position: absolute;
  top: 33px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 320px;
  right: -20px;
  background: #fff;
  border: 1px solid #d4dff4;
  z-index: 9;
  margin: 0;
  border-radius: 6px;
  overflow: hidden;
  filter: drop-shadow(0px 10px 20px rgba(45, 51, 56, 0.1));
}

/* line 711, app/assets/stylesheets/crm.scss */
.state_context_menu__item-title {
  color: #626F7F;
  display: block;
  font-size: 15px;
  line-height: 39px;
  border-bottom: 1px solid rgba(98, 111, 127, 0.13);
  overflow: hidden;
  padding: 0 12px;
  text-align: center;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 724, app/assets/stylesheets/crm.scss */
.state_context_menu__item {
  cursor: pointer;
  display: block;
  font-weight: 400;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
  color: #626F7F;
  font-size: 15px;
}

/* line 733, app/assets/stylesheets/crm.scss */
.state_context_menu__item:hover {
  background: #f0f6fc;
}

/* line 738, app/assets/stylesheets/crm.scss */
.order_filter_total_list .state_context_menu__item {
  position: static;
}

/* line 742, app/assets/stylesheets/crm.scss */
.order_filter_total_list {
  top: 41px !important;
  overflow: unset;
}

/* line 745, app/assets/stylesheets/crm.scss */
.order_filter_total_list .project__list-topcut {
  width: 18px;
  height: 18px;
  top: -10px;
  right: 174px;
}

/* line 752, app/assets/stylesheets/crm.scss */
.state_action_menu {
  border-radius: 0 0 6px 6px;
}

/* line 755, app/assets/stylesheets/crm.scss */
.state-pipeline-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  background-color: #1a53c6;
  color: #FFFFFF;
}

/* line 763, app/assets/stylesheets/crm.scss */
.state-pipeline-top:hover .state__action {
  opacity: 1;
}

/* line 767, app/assets/stylesheets/crm.scss */
.state-pipeline-top .state-dots-top {
  display: flex;
  justify-content: center;
  font-size: 20px;
  line-height: 20px;
  width: 26px;
  border-radius: 4px;
  transition: .3s;
  font-weight: 600;
  cursor: pointer;
}

/* line 777, app/assets/stylesheets/crm.scss */
.state-pipeline-top .state-dots-top:hover {
  color: #1a53c6;
}

/* line 782, app/assets/stylesheets/crm.scss */
.state__action {
  opacity: 0;
}

/* line 784, app/assets/stylesheets/crm.scss */
.state__action--active {
  opacity: 1;
}

/* line 788, app/assets/stylesheets/crm.scss */
.state-pipeline-subtop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 6px 20px 5px;
  border-right: 1px dashed #E0E1E3;
  border-bottom: 1px solid #E0E1E3;
}

/* line 796, app/assets/stylesheets/crm.scss */
.state-pipeline-subtop .order_counts {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #626F7F;
}

/* line 802, app/assets/stylesheets/crm.scss */
.state-pipeline-subtop .cost_state {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #626F7F;
}

/* line 810, app/assets/stylesheets/crm.scss */
.for_inputs-pipeline .input-field {
  margin: 0 !important;
}

/* line 814, app/assets/stylesheets/crm.scss */
.new_functional {
  border: 2px solid #039;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  cursor: pointer;
  color: #039;
  margin: 8px;
}

/* line 826, app/assets/stylesheets/crm.scss */
.new_functional_desc {
  display: none;
  position: absolute;
  z-index: 9;
  font-size: 14px;
  background: #fff;
  font-weight: 400;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  right: 0;
  border: 1px solid #0000003e;
  text-align: left;
  padding: 0 10px;
}

/* line 840, app/assets/stylesheets/crm.scss */
.toggle_variables, .order_filter_total, .drop_box_trigger_crm, .archive_box {
  position: relative;
}

/* line 843, app/assets/stylesheets/crm.scss */
.archive_box {
  margin-right: 8px;
  display: flex;
  cursor: pointer;
  border-radius: 6px;
}

/* line 848, app/assets/stylesheets/crm.scss */
.archive_box:hover {
  background-color: #e6eaf2;
}

/* line 851, app/assets/stylesheets/crm.scss */
.archive_box #archive_trigger {
  display: flex;
}

/* line 855, app/assets/stylesheets/crm.scss */
.task_container {
  display: flex;
  background: #6484ed;
  font-size: 14px;
  line-height: 20px;
  padding: 0 5px;
  border-radius: 4px;
  justify-content: space-between;
  color: white;
  margin-top: 5px;
}

/* line 865, app/assets/stylesheets/crm.scss */
.task_container:hover {
  box-shadow: 0 0 2px 0px #0000008e;
}

/* line 869, app/assets/stylesheets/crm.scss */
.order_filter_total {
  display: flex;
  margin-right: 8px;
  cursor: pointer;
  border-radius: 6px;
}

/* line 874, app/assets/stylesheets/crm.scss */
.order_filter_total:hover {
  background-color: #e6eaf2;
}

/* line 877, app/assets/stylesheets/crm.scss */
.order_filter_total .order_filter_toggle {
  display: flex;
}

/* line 880, app/assets/stylesheets/crm.scss */
.order_filter_total_list {
  display: none;
  position: absolute;
  z-index: 9;
  background: #fff;
  margin: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: 41px;
  box-shadow: none;
  border: 1px solid #d4dff4;
  right: -50%;
  transform: translateX(50%);
  font-size: 15px;
  filter: drop-shadow(0px 10px 20px rgba(45, 51, 56, 0.1)) !important;
  border-radius: 6px;
  overflow: unset;
}

/* line 896, app/assets/stylesheets/crm.scss */
.order_filter_total_list .project__list-topcut {
  width: 15px;
  height: 15px;
  top: -8px;
  right: 174px;
}

/* line 903, app/assets/stylesheets/crm.scss */
.order_filter_total_item {
  color: #626F7F;
}

/* line 907, app/assets/stylesheets/crm.scss */
.caret_order_filters {
  position: relative;
  top: 1px;
  left: 4px;
}

/* line 913, app/assets/stylesheets/crm.scss */
.archive_orders_container {
  display: none;
  position: absolute;
  right: 0;
  left: -50px;
  z-index: 9;
  background: #fff;
  border: 1px solid #d4dff4;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: 41px;
  min-width: 336px;
  max-width: 336px;
  max-height: calc(100vh - 185px);
  filter: drop-shadow(0px 10px 20px rgba(45, 51, 56, 0.1));
  border-radius: 6px;
  overflow: unset;
}

/* line 929, app/assets/stylesheets/crm.scss */
.archive_orders_container .project__list-topcut {
  width: 15px;
  height: 15px;
  top: -8px;
  right: unset;
  left: 55px;
}

/* line 937, app/assets/stylesheets/crm.scss */
.archive_orders_title {
  font-size: 15px;
  text-align: center;
  line-height: 40px;
  border-bottom: 1px solid rgba(98, 111, 127, 0.13);
  color: #626F7F;
}

/* line 945, app/assets/stylesheets/crm.scss */
.archive_container {
  padding: 16px 10px;
  overflow: auto;
  max-height: calc(100vh - 240px);
}

/* line 950, app/assets/stylesheets/crm.scss */
.archived_order {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  background: #FFFFFF;
  border: 1px solid #D4DFF4;
  padding: 10px 16px;
  box-shadow: 0 2px 5px rgba(6, 25, 56, 0.06);
  border-radius: 6px;
  margin-bottom: 12px;
}

/* line 958, app/assets/stylesheets/crm.scss */
.archived_order__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 0 7px;
}

/* line 964, app/assets/stylesheets/crm.scss */
.archived_order__state-name {
  padding: 2px 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 4px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}

/* line 976, app/assets/stylesheets/crm.scss */
.archived_order__time {
  font-size: 13px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #82858A;
}

/* line 983, app/assets/stylesheets/crm.scss */
.archived_order__info {
  margin-bottom: 10px;
}

/* line 986, app/assets/stylesheets/crm.scss */
.archived_order__client-name {
  font-size: 16px;
  line-height: 20px;
  color: #111111;
  margin-bottom: 3px;
}

/* line 992, app/assets/stylesheets/crm.scss */
.archived_order__cost {
  font-size: 14px;
  line-height: 18px;
  color: #1A53C6;
}

/* line 996, app/assets/stylesheets/crm.scss */
.archived_order__cost b {
  font-weight: 400;
}

/* line 1000, app/assets/stylesheets/crm.scss */
.archived_order__action {
  display: flex;
  justify-content: space-between;
}

/* line 1003, app/assets/stylesheets/crm.scss */
.archived_order__action .secondary_button {
  padding: 7px 10px;
}

/* line 1008, app/assets/stylesheets/crm.scss */
.archive_variable {
  font-size: 14px;
  color: #444242;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 1015, app/assets/stylesheets/crm.scss */
.archive_cost {
  font-size: 14px;
  font-weight: 400;
}

/* line 1019, app/assets/stylesheets/crm.scss */
.archive_order_state {
  font-size: 14px;
  font-weight: 400;
}

/* line 1023, app/assets/stylesheets/crm.scss */
.archive_order_actions {
  font-size: 14px;
  margin-top: 10px;
  justify-content: space-between;
}

/* line 1028, app/assets/stylesheets/crm.scss */
.archive_action {
  color: #000533;
  text-decoration: underline;
}

/* line 1031, app/assets/stylesheets/crm.scss */
.archive_action:hover {
  color: #039;
}

/* line 1035, app/assets/stylesheets/crm.scss */
.archive_spinner {
  width: 30px;
  height: 30px;
}

/* line 1039, app/assets/stylesheets/crm.scss */
.archive_orders_spinner_container {
  text-align: center;
  padding: 10px 0 5px 0;
}

/* line 1043, app/assets/stylesheets/crm.scss */
.fa-archive {
  color: #039;
}

/* line 1046, app/assets/stylesheets/crm.scss */
.archived_order {
  color: #444242;
}

/* line 1049, app/assets/stylesheets/crm.scss */
.archive_order_time {
  margin-left: 5px;
}

/* line 1052, app/assets/stylesheets/crm.scss */
.order_pointer_move_trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* line 1060, app/assets/stylesheets/crm.scss */
.order_fast_make {
  display: none;
  position: relative;
  background: #fff;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  border: 1px solid #d4dff4;
  box-shadow: 0 10px 14px 1px rgba(39, 58, 97, 0.1), 0 16px 20px 2px rgba(39, 58, 97, 0.1);
  border-radius: 6px;
  z-index: 3;
}

/* line 1074, app/assets/stylesheets/crm.scss */
.order_fast_make .modal_form_box {
  padding: 12px;
}

/* line 1078, app/assets/stylesheets/crm.scss */
.order_fast_make_inputs .select-wrapper {
  margin-bottom: 5px;
}

/* line 1081, app/assets/stylesheets/crm.scss */
.order_fast_make_inputs .select-wrapper input {
  height: 37px;
}

/* line 1086, app/assets/stylesheets/crm.scss */
.order_fast_make_inputs .input-field {
  margin-bottom: 5px;
}

/* line 1089, app/assets/stylesheets/crm.scss */
.order_fast_make_inputs .input-field input.string {
  height: 37px;
}

/* line 1094, app/assets/stylesheets/crm.scss */
.order_fast_make_btn {
  padding: 9px 20px !important;
  height: 40px !important;
}

/* line 1100, app/assets/stylesheets/crm.scss */
.order_fast_make_trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 36px;
  max-height: 36px;
  min-width: 36px;
  min-height: 36px;
  order: 2;
  background-color: #fff;
  border-radius: 50%;
  margin: 20px auto 10px;
  box-shadow: 0 6px 10px -1px rgba(6, 25, 56, 0.07);
  z-index: 3;
  cursor: pointer;
}

/* line 1115, app/assets/stylesheets/crm.scss */
.order_fast_make_trigger span {
  width: 18px;
  height: 18px;
}

/* line 1119, app/assets/stylesheets/crm.scss */
.order_fast_make_trigger svg {
  width: 18px;
  height: 18px;
}

/* line 1123, app/assets/stylesheets/crm.scss */
.order_fast_make_trigger:hover {
  box-shadow: 0 14px 17px -1px rgba(0, 50, 154, 0.16);
}

/* line 1126, app/assets/stylesheets/crm.scss */
.order_fast_make_trigger:hover svg path {
  fill: #1a53c6;
}

/* line 1133, app/assets/stylesheets/crm.scss */
.state__action {
  display: flex;
  margin-left: auto;
}

/* line 1137, app/assets/stylesheets/crm.scss */
.state__box-color {
  gap: 0 4px;
}

/* line 1140, app/assets/stylesheets/crm.scss */
.state__color-btn {
  border-radius: 3px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

/* line 1146, app/assets/stylesheets/crm.scss */
.state__color-btn--0 {
  background-color: #626F7F;
}

/* line 1150, app/assets/stylesheets/crm.scss */
.state__color-btn--1 {
  background-color: #a329b6;
}

/* line 1154, app/assets/stylesheets/crm.scss */
.state__color-btn--2 {
  background-color: #6366F1;
}

/* line 1158, app/assets/stylesheets/crm.scss */
.state__color-btn--3 {
  background-color: #3B82F6;
}

/* line 1162, app/assets/stylesheets/crm.scss */
.state__color-btn--4 {
  background-color: #8B5CF6;
}

/* line 1166, app/assets/stylesheets/crm.scss */
.state__color-btn--5 {
  background-color: #EB4898;
}

/* line 1170, app/assets/stylesheets/crm.scss */
.state__color-btn--6 {
  background-color: #EF4444;
}

/* line 1174, app/assets/stylesheets/crm.scss */
.state__color-btn--7 {
  background-color: #F59E0B;
}

/* line 1178, app/assets/stylesheets/crm.scss */
.state__color-btn--8 {
  background-color: #10B981;
}

/* line 1182, app/assets/stylesheets/crm.scss */
.state__action-btn {
  display: flex;
  cursor: pointer;
  position: relative;
}

/* line 1186, app/assets/stylesheets/crm.scss */
.state__action-btn + .state__action-btn {
  margin-left: 3px;
}

/* line 1190, app/assets/stylesheets/crm.scss */
.state__container-color {
  min-width: unset;
  padding: 8px 16px;
  right: -36px;
  top: 32px;
}

/* line 1195, app/assets/stylesheets/crm.scss */
.state__container-color--active {
  display: block;
}

/* line 1198, app/assets/stylesheets/crm.scss */
.state__container-color::after {
  right: 40px;
}

/* line 1202, app/assets/stylesheets/crm.scss */
.state__empty-block {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 250px;
  margin: 0 auto;
  left: 0;
  right: 0;
  color: #626F7F;
}

/* line 1217, app/assets/stylesheets/crm.scss */
.state__empty-title {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
  font-weight: 600;
}

/* line 1223, app/assets/stylesheets/crm.scss */
.state__empty-text {
  font-size: 14px;
  line-height: 20px;
}

/* line 1228, app/assets/stylesheets/crm.scss */
.cancel_fast_answer {
  cursor: pointer;
}

/* line 1231, app/assets/stylesheets/crm.scss */
.paginator_spinner {
  position: relative;
  width: 20px;
  top: 10px;
}

/* line 1236, app/assets/stylesheets/crm.scss */
.order_cost {
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  color: #626f7f;
}

/* line 1241, app/assets/stylesheets/crm.scss */
.order_cost_icon {
  font-size: 12px;
  margin-left: 2px;
}

/* line 1246, app/assets/stylesheets/crm.scss */
.hover_menu {
  z-index: 1004;
  position: fixed;
  bottom: 0;
  padding: 10px;
  background-color: #f8f9fb;
  left: 0;
  width: 100%;
  display: none;
  justify-content: space-around;
}

/* line 1256, app/assets/stylesheets/crm.scss */
.hover_menu::before {
  content: '';
  position: absolute;
  width: 100%;
  top: -10px;
  left: 0;
  right: 0;
  height: 10px;
  background: linear-gradient(180deg, #CCD4E3 0%, rgba(204, 212, 227, 0) 100%);
  opacity: 0.5;
  transform: matrix(1, 0, 0, -1, 0, 0);
}

/* line 1268, app/assets/stylesheets/crm.scss */
.hover_menu_item {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  width: 100%;
  opacity: 0.6;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  padding: 15px 0;
  text-align: center;
  position: relative;
  border-radius: 4px;
  transition: 0.2s;
}

/* line 1281, app/assets/stylesheets/crm.scss */
.hover_menu_item + .hover_menu_item {
  margin-left: 10px;
}

/* line 1284, app/assets/stylesheets/crm.scss */
.hover_menu_item_delete {
  background: rgba(98, 111, 127, 0.1);
  color: #626F7F;
  border: 2px dashed #626F7F;
}

/* line 1288, app/assets/stylesheets/crm.scss */
.hover_menu_item_delete:hover {
  background: rgba(98, 111, 127, 0.2);
  cursor: pointer;
}

/* line 1293, app/assets/stylesheets/crm.scss */
.hover_menu_item_unsuccess {
  background: rgba(239, 68, 68, 0.1);
  border: 2px dashed #EF4444;
  color: #EF4444;
}

/* line 1297, app/assets/stylesheets/crm.scss */
.hover_menu_item_unsuccess:hover {
  background: rgba(239, 68, 68, 0.2);
  cursor: pointer;
}

/* line 1302, app/assets/stylesheets/crm.scss */
.hover_menu_item_success {
  background: rgba(52, 211, 153, 0.1);
  border: 2px dashed #34D399;
  color: #34D399;
}

/* line 1306, app/assets/stylesheets/crm.scss */
.hover_menu_item_success:hover {
  background: rgba(52, 211, 153, 0.2);
  cursor: pointer;
}

/* line 1311, app/assets/stylesheets/crm.scss */
.hover_menu_item_archive {
  background: rgba(26, 83, 198, 0.1);
  border: 2px dashed #1A53C6;
  color: #1a53c6;
}

/* line 1315, app/assets/stylesheets/crm.scss */
.hover_menu_item_archive:hover {
  background: rgba(26, 83, 198, 0.2);
  cursor: pointer;
}

/* line 1324, app/assets/stylesheets/crm.scss */
.new_state_crm_input .input-field {
  margin-bottom: 0;
  margin-right: 6px;
}

/* line 1328, app/assets/stylesheets/crm.scss */
.new_state_crm_input input {
  box-sizing: border-box;
  width: 210px !important;
  background-color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  height: 30px !important;
  margin: 0 !important;
  box-shadow: 0 0 0 1px #E0E1E3 !important;
}

/* line 1339, app/assets/stylesheets/crm.scss */
.new_state_name,
.new_state_create {
  box-sizing: border-box;
  width: 210px !important;
  background-color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  height: 30px !important;
  padding: 0 12px !important;
  margin: 8px 0 !important;
  box-shadow: 0 0 0 1px #E0E1E3 !important;
}

/* line 1351, app/assets/stylesheets/crm.scss */
.new_state_box {
  min-width: 320px;
  max-width: 320px;
  border-right: 1px dashed #E0E1E3;
}

/* line 1356, app/assets/stylesheets/crm.scss */
.color_create_new_state {
  display: inline-flex;
  margin: 0 3px;
  cursor: pointer;
}

/* line 1361, app/assets/stylesheets/crm.scss */
.destroy_create_new_state {
  display: inline-flex;
  transform: rotate(45deg);
  cursor: pointer;
}

/* line 1366, app/assets/stylesheets/crm.scss */
.icon-menu {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 10px 0;
}

/* line 1371, app/assets/stylesheets/crm.scss */
.icon-menu a, .icon-menu div {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #f3f2f2;
  border-radius: 4px;
  height: 24px;
  width: 24px;
  box-shadow: -1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  transition: .3s;
}

/* line 1381, app/assets/stylesheets/crm.scss */
.icon-menu a:hover, .icon-menu div:hover {
  background-color: #717d98;
}

/* line 1383, app/assets/stylesheets/crm.scss */
.icon-menu a:hover i, .icon-menu div:hover i {
  color: #CCCCCC;
}

/* line 1388, app/assets/stylesheets/crm.scss */
.icon-menu i {
  color: #808080;
  position: relative;
  line-height: 1;
}

/* line 1394, app/assets/stylesheets/crm.scss */
.order_status {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #111111;
  margin-bottom: 3px;
}

/* line 1401, app/assets/stylesheets/crm.scss */
.success_order_span {
  color: #10B981;
}

/* line 1404, app/assets/stylesheets/crm.scss */
.failed_order_span {
  color: #EF4444;
}

/* line 1408, app/assets/stylesheets/crm.scss */
.order_fast_make_trigger_t span {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 1416, app/assets/stylesheets/crm.scss */
.select_box_optimized {
  display: none;
  position: absolute;
  background: #fff;
  width: 100%;
  border-radius: 4px;
  z-index: 9;
  max-height: 250px;
  overflow: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/* line 1426, app/assets/stylesheets/crm.scss */
.select_box_optimized::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 1430, app/assets/stylesheets/crm.scss */
.select_box_optimized::-webkit-scrollbar {
  border-radius: 4px;
  width: 8px;
  background-color: transparent;
}

/* line 1436, app/assets/stylesheets/crm.scss */
.select_box_optimized::-webkit-scrollbar-thumb {
  background-color: #eaebec;
  border-radius: 10px;
}

/* line 1441, app/assets/stylesheets/crm.scss */
.optimized_input {
  width: calc(100% - 18px) !important;
  height: 37px !important;
  border: 1px solid #a3a3a3 !important;
  outline: none !important;
  border-radius: 4px !important;
  padding-left: 14px !important;
  box-shadow: none !important;
  margin: 0 10px 0 0 !important;
}

/* line 1451, app/assets/stylesheets/crm.scss */
.client_id_autocomplete {
  position: relative;
}

/* line 1453, app/assets/stylesheets/crm.scss */
.client_id_autocomplete::before {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  transform: rotate(0);
  width: 11px;
  z-index: -1;
  height: 9px;
  top: 19px;
  right: 15px;
}

/* line 1466, app/assets/stylesheets/crm.scss */
.optimized_box_item {
  padding: 2px 5px;
  cursor: pointer;
}

/* line 1469, app/assets/stylesheets/crm.scss */
.optimized_box_item:hover {
  background-color: #f0f6fc;
}

/* line 1473, app/assets/stylesheets/crm.scss */
.new_state_placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background: #fafcff;
  cursor: pointer;
  border-right: 1px dashed #E0E1E3;
  min-width: 320px;
  max-width: 320px;
  color: #1a53c6;
}

/* line 1484, app/assets/stylesheets/crm.scss */
.new_state_placeholder--active {
  opacity: 0;
  pointer-events: none;
}

/* line 1488, app/assets/stylesheets/crm.scss */
.new_state_placeholder div {
  display: flex;
  flex-direction: column;
  width: 85px;
  margin: 0 auto;
}

/* line 1494, app/assets/stylesheets/crm.scss */
.new_state_placeholder img {
  opacity: 0.3;
}

/* line 1497, app/assets/stylesheets/crm.scss */
.new_state_placeholder:hover {
  background-color: #F5F8FC;
}

/* line 1499, app/assets/stylesheets/crm.scss */
.new_state_placeholder:hover .make_state_desc {
  color: #1a53c6;
}

/* line 1502, app/assets/stylesheets/crm.scss */
.new_state_placeholder:hover img {
  opacity: 1;
}

/* line 1507, app/assets/stylesheets/crm.scss */
.make_state_desc {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #1a53c6;
}

/* line 1514, app/assets/stylesheets/crm.scss */
.big_plus {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #0033995e;
  font-size: 30px;
  position: relative;
  top: 2.5px;
}

/* line 1521, app/assets/stylesheets/crm.scss */
.tasks_spinner {
  position: relative;
  width: 10%;
  margin: 10px 40% 0;
}

/* line 1526, app/assets/stylesheets/crm.scss */
.variables_row_pipelines {
  display: flex;
  justify-content: space-around;
}

/* line 1530, app/assets/stylesheets/crm.scss */
.variables_pipeline_input {
  padding-left: 10px !important;
  width: calc(45% - 10px) !important;
  border: 1px solid #0000003e !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  height: 35px !important;
  position: relative;
}

/* line 1539, app/assets/stylesheets/crm.scss */
.create_new_variable {
  font-size: 14px;
  text-align: center;
  color: #039;
  cursor: pointer;
  margin-bottom: 10px;
}

/* line 1546, app/assets/stylesheets/crm.scss */
.separator_variables {
  position: absolute;
  font-size: 22px;
  font-weight: 900;
}

/* line 1552, app/assets/stylesheets/crm.scss */
.inputs_var_box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

/* line 1557, app/assets/stylesheets/crm.scss */
.inputs_var_box .delete_var_user_fields {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 14px;
  margin-bottom: 8px;
}

/* line 1563, app/assets/stylesheets/crm.scss */
.inputs_var_box .delete_var_user_fields svg {
  width: 12px;
  height: 14px;
  cursor: pointer;
}

/* line 1569, app/assets/stylesheets/crm.scss */
.inputs_var_box input.input_var_template,
.inputs_var_box input.input_val_template,
.inputs_var_box textarea.input_val_template {
  height: 38px;
  border: 1px solid #a3a3a3;
  border-radius: 4px;
  padding: 0 3px;
  box-sizing: border-box;
}

/* line 1577, app/assets/stylesheets/crm.scss */
.inputs_var_box input.input_var_template:focus,
.inputs_var_box input.input_val_template:focus,
.inputs_var_box textarea.input_val_template:focus {
  border: 1px solid #1a53c6 !important;
  box-shadow: none !important;
}

/* line 1582, app/assets/stylesheets/crm.scss */
.inputs_var_box .semicolon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  margin: 0 10px 8px 10px;
}

/* line 1592, app/assets/stylesheets/crm.scss */
.labels_two_column {
  display: flex;
  flex-direction: row;
}

/* line 1595, app/assets/stylesheets/crm.scss */
.labels_two_column .new_label {
  width: 50%;
}

/* line 1600, app/assets/stylesheets/crm.scss */
.template_box_vars {
  display: none;
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  z-index: 9;
  margin-top: -3px;
  max-height: 150px;
  overflow: auto;
  background: #fff;
  border: 1px solid #a3a3a3;
  border-bottom: none;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding: 3px 0;
}

/* line 1616, app/assets/stylesheets/crm.scss */
.template_box_vars_item {
  cursor: pointer;
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

/* line 1623, app/assets/stylesheets/crm.scss */
.template_box_vars_item:hover {
  background: #0000001e;
}

/* line 1628, app/assets/stylesheets/crm.scss */
.template_box_vars::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 1632, app/assets/stylesheets/crm.scss */
.template_box_vars::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  background-color: transparent;
}

/* line 1638, app/assets/stylesheets/crm.scss */
.template_box_vars::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 10px;
}

/* line 1642, app/assets/stylesheets/crm.scss */
.add_new_var_button_form {
  text-align: center;
  font-size: 16px;
  color: #039;
  cursor: pointer;
}

/* line 1648, app/assets/stylesheets/crm.scss */
.states_container * {
  webkit-user-select: none;
}

/* line 1651, app/assets/stylesheets/crm.scss */
.order_variables_inputs {
  position: absolute;
  top: -110px;
  left: 3%;
  background: #fff;
  z-index: 9;
  border-radius: 4px;
  padding: 10px;
  width: 94%;
  box-shadow: 0 0 12px #0000003e;
  cursor: default;
  display: none;
}

/* line 1663, app/assets/stylesheets/crm.scss */
.order_variables_inputs input {
  border: 1px solid #E0E1E3;
  border-radius: 4px;
  height: 35px;
  padding-left: 10px;
  width: calc(100% - 10px);
}

/* line 1670, app/assets/stylesheets/crm.scss */
.order_variables_inputs .filter_variable {
  color: #fff;
  background: #039;
  padding: 10px;
  cursor: pointer;
  text-align: center;
  border-radius: 6px;
}

/* line 1680, app/assets/stylesheets/crm.scss */
.order_filter_total_list .order_variables_inputs {
  top: auto;
  bottom: 6px;
}

/* line 1685, app/assets/stylesheets/crm.scss */
.order {
  word-break: break-word;
  border: 1px solid #d4dff4;
  box-shadow: 0 2px 5px rgba(6, 25, 56, 0.06);
  padding: 10px 16px 14px;
  position: relative;
  border-radius: 6px;
  background: #fff;
  cursor: pointer !important;
  margin: 0 0 10px;
}

/* line 1695, app/assets/stylesheets/crm.scss */
.order__info-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3px;
}

/* line 1701, app/assets/stylesheets/crm.scss */
.order__client-name {
  font-size: 16px;
  line-height: 20px;
  color: #111111;
  min-width: 172px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 1710, app/assets/stylesheets/crm.scss */
.order__created-date {
  font-size: 13px;
  line-height: 16px;
  color: #82858A;
}

/* line 1715, app/assets/stylesheets/crm.scss */
.order__cost {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #1A53C6;
}

/* line 1720, app/assets/stylesheets/crm.scss */
.order__cost b {
  font-weight: 400;
}

/* line 1724, app/assets/stylesheets/crm.scss */
.order .variables_container-box {
  margin: 10px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 3px;
}

/* line 1730, app/assets/stylesheets/crm.scss */
.order .variable {
  padding: 4px 8px;
  border: 1px solid #E0E1E3;
  border-radius: 4px;
  font-size: 13px;
  line-height: 16px;
  color: #111111;
}

/* line 1737, app/assets/stylesheets/crm.scss */
.order .variable-val {
  color: #1a53c6;
}

/* line 1741, app/assets/stylesheets/crm.scss */
.order__box-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

/* line 1747, app/assets/stylesheets/crm.scss */
.order__avatar-responsible {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  max-width: 28px;
  min-height: 28px;
  max-height: 28px;
  border-radius: 50% !important;
  box-shadow: 0 0 0 1px #E0E1E3;
  position: relative !important;
  top: unset !important;
  right: unset !important;
  left: unset !important;
  bottom: unset !important;
}

/* line 1762, app/assets/stylesheets/crm.scss */
.order__avatar-responsible img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 1769, app/assets/stylesheets/crm.scss */
.order__responsible-box {
  position: absolute;
  display: none;
  background-color: #fff;
  border: 1px solid #d4dff4;
  border-radius: 6px;
  min-width: 300px !important;
  padding: 0 !important;
  left: -10px !important;
  top: unset !important;
  z-index: 10 !important;
  filter: drop-shadow(0 3px 20px rgba(45, 51, 56, 0.1)) !important;
}

/* line 1781, app/assets/stylesheets/crm.scss */
.order__responsible-box::before {
  display: none;
}

/* line 1784, app/assets/stylesheets/crm.scss */
.order__responsible-box:hover {
  cursor: default;
}

/* line 1788, app/assets/stylesheets/crm.scss */
.order__responsible-title {
  padding: 8px;
  text-align: center;
  font-size: 15px;
  line-height: 19px;
  color: #626F7F;
  border-bottom: 1px solid #E0E1E3;
  display: flex;
  justify-content: center;
}

/* line 1797, app/assets/stylesheets/crm.scss */
.order__responsible-title img {
  margin-left: auto;
  width: 19px;
  height: 19px;
  cursor: pointer;
  opacity: 0.6;
  transition: .3s;
}

/* line 1804, app/assets/stylesheets/crm.scss */
.order__responsible-title img:hover {
  opacity: 1;
  transform: scale(1.15);
}

/* line 1810, app/assets/stylesheets/crm.scss */
.order__responsible-list {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-height: 124px;
  overflow: auto;
}

/* line 1817, app/assets/stylesheets/crm.scss */
.order__responsible-list::-webkit-scrollbar {
  border-radius: 4px;
  width: 4px;
  height: 10px;
  background-color: transparent;
}

/* line 1823, app/assets/stylesheets/crm.scss */
.order__responsible-list::-webkit-scrollbar-thumb {
  background-color: #E0E2E5;
  border-radius: 10px;
}

/* line 1828, app/assets/stylesheets/crm.scss */
.order__responsible-item {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #111111;
  max-width: 28px;
  max-height: 28px;
  min-height: 28px;
  min-width: 28px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 0 0 1px #E0E1E3;
  transition: .3s;
}

/* line 1842, app/assets/stylesheets/crm.scss */
.order__responsible-item:hover {
  box-shadow: 0 0 5px 2px #e0e1e3;
}

/* line 1845, app/assets/stylesheets/crm.scss */
.order__responsible-item img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 28px;
  width: 28px;
}

/* line 1851, app/assets/stylesheets/crm.scss */
.order__responsible-not {
  font-size: 15px;
  line-height: 19px;
  color: #111111;
  text-align: center;
  margin: 0 auto;
}

/* line 1858, app/assets/stylesheets/crm.scss */
.order__info-btns {
  display: flex;
  margin: 0;
}

/* line 1862, app/assets/stylesheets/crm.scss */
.order__info-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(98, 111, 127, 0.1);
  border-radius: 4px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #626F7F;
}

/* line 1872, app/assets/stylesheets/crm.scss */
.order__info-btn a {
  padding: 3px 6px;
  display: inline-flex;
  width: 100%;
  height: 100%;
}

/* line 1878, app/assets/stylesheets/crm.scss */
.order__info-btn + .order__info-btn {
  margin-left: 6px;
}

/* line 1881, app/assets/stylesheets/crm.scss */
.order__info-btn span {
  margin-left: 3px;
}

/* line 1885, app/assets/stylesheets/crm.scss */
.order__info-btn--edit svg {
  width: 18px;
  height: 18px;
}

/* line 1889, app/assets/stylesheets/crm.scss */
.order__info-btn--edit:hover {
  background: rgba(98, 111, 127, 0.2);
}

/* line 1893, app/assets/stylesheets/crm.scss */
.order__info-btn--tasks {
  background-color: #EF4444;
}

/* line 1895, app/assets/stylesheets/crm.scss */
.order__info-btn--tasks span {
  color: #FFFFFF;
}

/* line 1898, app/assets/stylesheets/crm.scss */
.order__info-btn--tasks-complete {
  background: rgba(16, 185, 129, 0.1);
}

/* line 1900, app/assets/stylesheets/crm.scss */
.order__info-btn--tasks-complete span {
  color: #10B981;
}

/* line 1904, app/assets/stylesheets/crm.scss */
.order__info-btn--tasks-complete svg path {
  stroke: #10B981;
}

/* line 1909, app/assets/stylesheets/crm.scss */
.order__info-btn--tasks-add {
  background: rgba(98, 111, 127, 0.1);
}

/* line 1912, app/assets/stylesheets/crm.scss */
.order__info-btn--tasks-add svg path {
  stroke: #626f7f;
}

/* line 1916, app/assets/stylesheets/crm.scss */
.order__info-btn--tasks-add:hover {
  background: rgba(98, 111, 127, 0.2);
}

/* line 1922, app/assets/stylesheets/crm.scss */
.order__info-btn--vars a {
  color: #626F7F;
}

/* line 1924, app/assets/stylesheets/crm.scss */
.order__info-btn--vars a:hover {
  color: #626F7F;
}

/* line 1928, app/assets/stylesheets/crm.scss */
.order__info-btn--vars:hover {
  background: rgba(98, 111, 127, 0.2);
}

/* line 1932, app/assets/stylesheets/crm.scss */
.order__info-btn--dialog {
  background: rgba(26, 83, 198, 0.1);
}

/* line 1934, app/assets/stylesheets/crm.scss */
.order__info-btn--dialog span {
  color: #1a53c6;
}

/* line 1937, app/assets/stylesheets/crm.scss */
.order__info-btn--dialog:hover {
  background: rgba(26, 83, 198, 0.2);
}

/* line 1942, app/assets/stylesheets/crm.scss */
.order .cost {
  position: absolute;
  right: 20px;
  top: 4px;
  font-size: 11px;
  color: #035;
  font-weight: 600;
}

/* line 1950, app/assets/stylesheets/crm.scss */
.order .fa-arrow-right {
  position: absolute;
  right: 4px;
  top: 32px;
}

/* line 1955, app/assets/stylesheets/crm.scss */
.order .task_btn {
  background: gray;
  display: block;
  color: white;
  font-size: 12px;
  text-align: center;
  margin-top: 4px;
}

/* line 1963, app/assets/stylesheets/crm.scss */
.order .created_task {
  text-align: left;
  padding: 2px 5px;
  background: #6484ed;
  line-height: 1;
  border-radius: 4px;
}

/* line 1969, app/assets/stylesheets/crm.scss */
.order .created_task .deadline {
  float: right;
  background: white;
  display: inline-block;
  margin: 2px;
  color: black;
  font-size: 8px;
  padding: 3px 2px;
}

/* line 1978, app/assets/stylesheets/crm.scss */
.order .created_task .name {
  margin-right: 26px;
  display: inline;
}

/* line 1984, app/assets/stylesheets/crm.scss */
.delete_all_states {
  padding: 5px 9px;
  border: 1px solid #FD5D4F;
  border-radius: 6px;
  color: #FD5D4F;
  font-size: 15px;
  margin: auto 0 0 auto;
  line-height: 19px;
  transition: .3s;
}

/* line 1993, app/assets/stylesheets/crm.scss */
.delete_all_states:hover {
  border-color: #EF4444;
  color: #EF4444;
  background: rgba(229, 110, 134, 0.08);
}

/* line 2000, app/assets/stylesheets/crm.scss */
#new_order .auto_input_holder {
  border: 1px solid #E0E1E3 !important;
}

/* line 2011, app/assets/stylesheets/crm.scss */
.big_main_popup {
  position: fixed;
  z-index: 1000;
  right: 0;
  width: 100%;
  top: 0;
  background: #0000007d;
  height: 100vh;
  opacity: 0;
  transform: translateX(100%);
  transition: .1s;
}

/* line 2022, app/assets/stylesheets/crm.scss */
.big_main_popup-container {
  top: 0;
  max-height: unset;
  height: 100vh;
  border-radius: 0;
  max-width: calc(100% - 280px);
  width: 100%;
  margin: 0 0 0 auto;
  transition: .3s;
  transform: translateX(103%);
}

@media (max-width: 1600px) {
  /* line 2022, app/assets/stylesheets/crm.scss */
  .big_main_popup-container {
    max-width: calc(100% - 220px);
  }
}

@media (max-width: 1300px) {
  /* line 2022, app/assets/stylesheets/crm.scss */
  .big_main_popup-container {
    max-width: calc(100% - 51px);
  }
}

/* line 2041, app/assets/stylesheets/crm.scss */
.client-deal {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  background-color: #fff;
  max-width: 100%;
  height: 100vh;
  position: relative;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 24px 48px 10px rgba(39, 58, 97, 0.1), 0 32px 64px 10px rgba(39, 58, 97, 0.1);
}

/* line 2050, app/assets/stylesheets/crm.scss */
.client-deal .client-show {
  height: calc(100vh - 120px);
}

/* line 2053, app/assets/stylesheets/crm.scss */
.client-deal__modal-close {
  background: #E0E1E3;
  border-radius: 6px 0 0 6px;
  width: 36px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -36px;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}

/* line 2066, app/assets/stylesheets/crm.scss */
.client-deal__modal-close img {
  width: 14px;
  transform: rotate(-90deg);
}

/* line 2071, app/assets/stylesheets/crm.scss */
.client-deal__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px 11px;
  border-bottom: 1px solid #E0E1E3;
}

/* line 2078, app/assets/stylesheets/crm.scss */
.client-deal__header .add_new_var_buttons {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  right: 0;
  top: 60px;
}

/* line 2084, app/assets/stylesheets/crm.scss */
.client-deal__header-info {
  display: flex;
}

/* line 2087, app/assets/stylesheets/crm.scss */
.client-deal__header-name {
  font-size: 20px;
  line-height: 25px;
  color: #111111;
}

/* line 2092, app/assets/stylesheets/crm.scss */
.client-deal__client-id {
  color: #1a53c6;
  font-size: 14px;
  line-height: 18px;
  margin-top: 2px;
}

/* line 2098, app/assets/stylesheets/crm.scss */
.client-deal__header-action {
  display: flex;
  height: 40px;
}

/* line 2101, app/assets/stylesheets/crm.scss */
.client-deal__header-action .transfer_items {
  left: -18%;
}

/* line 2103, app/assets/stylesheets/crm.scss */
.client-deal__header-action .transfer_items::before {
  right: 16%;
}

/* line 2108, app/assets/stylesheets/crm.scss */
.client-deal__header-avatar {
  margin-right: 12px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
}

/* line 2114, app/assets/stylesheets/crm.scss */
.client-deal__header-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 2120, app/assets/stylesheets/crm.scss */
.client-deal__inner {
  display: flex;
  height: calc(100vh - 70px);
}

/* line 2124, app/assets/stylesheets/crm.scss */
.client-deal__inner-content {
  width: 100%;
}

/* line 2127, app/assets/stylesheets/crm.scss */
.client-deal__btn-bar {
  margin-left: auto;
  position: relative;
  min-width: 30px;
  min-height: 30px;
  border-radius: 6px;
  background-color: #FFFFFF;
  z-index: 1000;
  transition: .5s;
  cursor: pointer;
  display: none;
}

/* line 2138, app/assets/stylesheets/crm.scss */
.client-deal__btn-bar::before, .client-deal__btn-bar::after,
.client-deal__btn-bar span {
  content: '';
  position: absolute;
  width: 19px;
  height: 2px;
  background-color: #626f7f;
  border-radius: 20px;
  left: 6px;
  top: 9px;
  transition: .5s;
}

/* line 2151, app/assets/stylesheets/crm.scss */
.client-deal__btn-bar::after {
  top: 15px;
}

/* line 2154, app/assets/stylesheets/crm.scss */
.client-deal__btn-bar span {
  width: 13px;
  top: 21px;
}

/* line 2159, app/assets/stylesheets/crm.scss */
.client-deal__btn-bar--active::before {
  transform: rotate(135deg);
  top: 14px;
}

/* line 2163, app/assets/stylesheets/crm.scss */
.client-deal__btn-bar--active::after {
  transform: rotate(-135deg);
  top: 14px;
}

/* line 2167, app/assets/stylesheets/crm.scss */
.client-deal__btn-bar--active span {
  opacity: 0;
  top: 14px;
  transform: rotate(-135deg);
}

/* line 2174, app/assets/stylesheets/crm.scss */
.client-deal__inner-bar {
  padding-top: 16px;
  min-width: 350px;
  max-width: 370px;
  background: #FFFFFF;
  border-left: 1px solid #E0E1E3;
  overflow: auto;
}

/* line 2181, app/assets/stylesheets/crm.scss */
.client-deal__inner-bar::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 2184, app/assets/stylesheets/crm.scss */
.client-deal__inner-bar::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  height: 10px;
  background-color: transparent;
}

/* line 2190, app/assets/stylesheets/crm.scss */
.client-deal__inner-bar::-webkit-scrollbar-thumb {
  background-color: #E0E2E5;
  border-radius: 10px;
}

/* line 2194, app/assets/stylesheets/crm.scss */
.client-deal__inner-bar .client-board__column {
  font-size: 14px;
  line-height: 18px;
  color: #111111;
}

/* line 2198, app/assets/stylesheets/crm.scss */
.client-deal__inner-bar .client-board__column__value {
  color: #1a53c6;
}

/* line 2203, app/assets/stylesheets/crm.scss */
.client-deal__content-container {
  background-color: #FAFCFF;
  position: relative;
  padding: 20px 20px 60px;
  height: 100%;
}

/* line 2208, app/assets/stylesheets/crm.scss */
.client-deal__content-container .modal_form_box {
  padding: 0;
}

/* line 2212, app/assets/stylesheets/crm.scss */
.client-deal__content-top {
  display: flex;
  padding: 19px 20px 0;
  border-bottom: 1px solid #E0E1E3;
}

/* line 2217, app/assets/stylesheets/crm.scss */
.client-deal__content-footer {
  position: fixed;
  padding: 9px 20px;
  border-top: 1px solid #E0E1E3;
  bottom: 0;
  left: 1px;
  width: calc(100% - 351px);
  background-color: #F8F9FB;
  border-radius: 0 0 0 6px;
}

/* line 2226, app/assets/stylesheets/crm.scss */
.client-deal__content-footer::before {
  content: '';
  position: absolute;
  height: 10px;
  left: 0;
  right: 0;
  top: -10px;
  background: linear-gradient(180deg, #CCD4E3 0%, rgba(204, 212, 227, 0) 100%);
  opacity: 0.3;
  transform: matrix(1, 0, 0, -1, 0, 0);
}

/* line 2237, app/assets/stylesheets/crm.scss */
.client-deal__content-footer .new_button {
  padding: 9px 18px;
  height: 41px;
}

/* line 2242, app/assets/stylesheets/crm.scss */
.client-deal__tabs-wrapper {
  width: 100%;
}

/* line 2245, app/assets/stylesheets/crm.scss */
.client-deal__tabs-trigger {
  display: flex;
  width: 100%;
}

/* line 2249, app/assets/stylesheets/crm.scss */
.client-deal__tabs-item {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #626F7F;
  padding-bottom: 10px;
  position: relative;
  cursor: pointer;
  transition: .3s;
}

/* line 2259, app/assets/stylesheets/crm.scss */
.client-deal__tabs-item:hover {
  color: #1a53c6;
}

/* line 2262, app/assets/stylesheets/crm.scss */
.client-deal__tabs-item::before {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
}

/* line 2272, app/assets/stylesheets/crm.scss */
.client-deal__tabs-item + .client-deal__tabs-item {
  margin-left: 20px;
}

/* line 2276, app/assets/stylesheets/crm.scss */
.client-deal__tabs-count {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  background: rgba(98, 111, 127, 0.1);
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
  margin-left: 6px;
  border-radius: 50px;
}

/* line 2288, app/assets/stylesheets/crm.scss */
.client-deal__tabs-content {
  height: calc(100vh - 120px);
  overflow: auto;
  background-color: #FAFCFF;
}

/* line 2292, app/assets/stylesheets/crm.scss */
.client-deal__tabs-content::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 2295, app/assets/stylesheets/crm.scss */
.client-deal__tabs-content::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  height: 10px;
  background-color: transparent;
}

/* line 2301, app/assets/stylesheets/crm.scss */
.client-deal__tabs-content::-webkit-scrollbar-thumb {
  background-color: #E0E2E5;
  border-radius: 10px;
}

/* line 2305, app/assets/stylesheets/crm.scss */
.client-deal__tabs-content .background-empty {
  min-height: unset;
  height: 100%;
}

/* line 2309, app/assets/stylesheets/crm.scss */
.client-deal__tabs-content .client-tasks-popup {
  display: none;
}

/* line 2312, app/assets/stylesheets/crm.scss */
.client-deal__tabs-content .chat-header_mobile {
  display: none !important;
}

/* line 2315, app/assets/stylesheets/crm.scss */
.client-deal__tabs-content .client-show__content {
  height: 100% !important;
}

/* line 2319, app/assets/stylesheets/crm.scss */
.client-deal__content-chat {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}

/* line 2325, app/assets/stylesheets/crm.scss */
.client-deal__tabs-item--active {
  color: #1a53c6;
}

/* line 2327, app/assets/stylesheets/crm.scss */
.client-deal__tabs-item--active::before {
  background-color: #1a53c6;
}

/* line 2330, app/assets/stylesheets/crm.scss */
.client-deal__tabs-item--active .client-deal__tabs-count {
  color: #1a53c6;
  background: rgba(26, 83, 198, 0.1);
}

/* line 2335, app/assets/stylesheets/crm.scss */
.client-deal__content-item {
  display: none;
  height: 100%;
}

/* line 2339, app/assets/stylesheets/crm.scss */
.client-deal__content-item--active {
  display: block;
}

/* line 2343, app/assets/stylesheets/crm.scss */
.orders_in_popup,
.tasks_in_popup {
  padding: 20px 20px 80px;
}

/* line 2346, app/assets/stylesheets/crm.scss */
.orders_in_popup .task-card__avatar-client,
.tasks_in_popup .task-card__avatar-client {
  display: none;
}

/* line 2349, app/assets/stylesheets/crm.scss */
.orders_in_popup .order__info-btn--dialog,
.orders_in_popup .order__info-btn--tasks-add,
.orders_in_popup .order__info-btn--edit,
.tasks_in_popup .order__info-btn--dialog,
.tasks_in_popup .order__info-btn--tasks-add,
.tasks_in_popup .order__info-btn--edit {
  display: none;
}

/* line 2354, app/assets/stylesheets/crm.scss */
.orders_in_popup .order__info-btn--tasks,
.orders_in_popup .order__info-btn--vars,
.orders_in_popup .order_user_fields_spans,
.orders_in_popup .order__avatar-responsible,
.tasks_in_popup .order__info-btn--tasks,
.tasks_in_popup .order__info-btn--vars,
.tasks_in_popup .order_user_fields_spans,
.tasks_in_popup .order__avatar-responsible {
  pointer-events: none;
}

/* line 2360, app/assets/stylesheets/crm.scss */
.orders_in_popup .btn_to_dialog,
.tasks_in_popup .btn_to_dialog {
  display: none;
}

/* line 2363, app/assets/stylesheets/crm.scss */
.orders_in_popup .order__created-date,
.tasks_in_popup .order__created-date {
  position: absolute;
  right: 16px;
  top: 12px;
}

/* line 2369, app/assets/stylesheets/crm.scss */
.orders_in_popup .task-card:last-child .context-menu--task,
.tasks_in_popup .task-card:last-child .context-menu--task {
  top: unset;
  bottom: 35px;
}

/* line 2372, app/assets/stylesheets/crm.scss */
.orders_in_popup .task-card:last-child .context-menu--task::before,
.tasks_in_popup .task-card:last-child .context-menu--task::before {
  top: unset;
  bottom: -8px;
  border-top: none;
  border-left: none;
  border-bottom: 1px solid #d4dff4;
  border-right: 1px solid #d4dff4;
}

/* line 2383, app/assets/stylesheets/crm.scss */
.orders_in_popup .task-card:first-child .context-menu--task,
.tasks_in_popup .task-card:first-child .context-menu--task {
  top: 35px;
  bottom: unset;
}

/* line 2386, app/assets/stylesheets/crm.scss */
.orders_in_popup .task-card:first-child .context-menu--task::before,
.tasks_in_popup .task-card:first-child .context-menu--task::before {
  top: -8px;
  bottom: unset;
  border-top: 1px solid #d4dff4;
  border-left: 1px solid #d4dff4;
  border-bottom: none;
  border-right: none;
}

/* line 2397, app/assets/stylesheets/crm.scss */
.hidden_chat_header .chat-header {
  display: none !important;
}

/* line 4, app/assets/stylesheets/clients/index.scss */
.client-list-page {
  width: auto;
  display: flex;
  flex-direction: row;
  height: calc(100vh - 58px);
  overflow: auto;
  background-color: white;
}

/* line 12, app/assets/stylesheets/clients/index.scss */
.client-list-page #date_filter_before, .client-list-page #date_filter_after {
  width: 100%;
  height: 40px !important;
  border-radius: 6px !important;
  box-sizing: border-box;
  margin-bottom: 7px !important;
  border: 1px solid #E0E1E3 !important;
  color: #515251;
}

/* line 24, app/assets/stylesheets/clients/index.scss */
.client-list-page .for_inputs .input-field,
.client-list-page .select-wrapper .input-field {
  margin-bottom: 8px;
}

/* line 27, app/assets/stylesheets/clients/index.scss */
.client-list-page .for_inputs input,
.client-list-page .for_inputs textarea,
.client-list-page .select-wrapper input,
.client-list-page .select-wrapper textarea {
  border: 1px solid #e0e1e3 !important;
  border-radius: 6px !important;
  height: 40px !important;
}

/* line 32, app/assets/stylesheets/clients/index.scss */
.client-list-page .for_inputs input:focus,
.client-list-page .for_inputs textarea:focus,
.client-list-page .select-wrapper input:focus,
.client-list-page .select-wrapper textarea:focus {
  box-shadow: none !important;
  background-color: #f8f9fb;
}

/* line 38, app/assets/stylesheets/clients/index.scss */
.client-list-page .for_inputs .input-field input,
.client-list-page .select-wrapper .input-field input {
  border-color: #E0E1E3 !important;
  border-radius: 6px !important;
}

/* line 43, app/assets/stylesheets/clients/index.scss */
.client-list-page .for_inputs .input_holder_block,
.client-list-page .select-wrapper .input_holder_block {
  top: 0;
  left: 0;
  border: none !important;
  margin: 0 !important;
}

/* line 48, app/assets/stylesheets/clients/index.scss */
.client-list-page .for_inputs .input_holder_block:focus,
.client-list-page .select-wrapper .input_holder_block:focus {
  background-color: transparent !important;
  border: none !important;
}

/* line 54, app/assets/stylesheets/clients/index.scss */
.client-list-page .select-wrapper {
  margin-bottom: 8px;
}

/* line 56, app/assets/stylesheets/clients/index.scss */
.client-list-page .select-wrapper input.select-dropdown {
  border: 1px solid #E0E1E3 !important;
  border-radius: 6px !important;
}

/* line 60, app/assets/stylesheets/clients/index.scss */
.client-list-page .select-wrapper::after {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  transform: rotate(0);
  width: 11px;
  height: 9px;
  top: 19px;
  right: 15px;
  z-index: 1;
}

/* line 74, app/assets/stylesheets/clients/index.scss */
.client-list-page__content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* line 80, app/assets/stylesheets/clients/index.scss */
.client-list-page__filter {
  max-width: 320px;
  width: 100%;
  padding: 16px;
  overflow: auto;
}

@media (max-width: 1250px) {
  /* line 80, app/assets/stylesheets/clients/index.scss */
  .client-list-page__filter {
    max-width: 275px;
  }
}

@media (max-width: 880px) {
  /* line 80, app/assets/stylesheets/clients/index.scss */
  .client-list-page__filter {
    max-width: 250px;
  }
}

/* line 93, app/assets/stylesheets/clients/index.scss */
.status-toggler {
  margin-top: 15px;
}

/* line 97, app/assets/stylesheets/clients/index.scss */
.messenger-toggler, .status-toggler {
  border: 1px solid #a3a3a3;
  border-radius: 5px;
  padding: 6px 10px 6px 15px;
  width: 100%;
  height: 37px;
  cursor: pointer;
  position: relative;
}

/* line 105, app/assets/stylesheets/clients/index.scss */
.messenger-toggler button, .status-toggler button {
  position: absolute;
  right: 5px;
  top: 1px;
  transition: 0.4s;
  background: none;
  border: none;
  cursor: pointer;
  transform: rotate(180deg);
}

/* line 115, app/assets/stylesheets/clients/index.scss */
.messenger-toggler span, .status-toggler span {
  color: #515251;
}

/* line 119, app/assets/stylesheets/clients/index.scss */
.messenger-toggler__angle, .status-toggler__angle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}

/* line 124, app/assets/stylesheets/clients/index.scss */
.messenger-toggler__angle button, .status-toggler__angle button {
  transform: rotate(0deg);
}

/* line 129, app/assets/stylesheets/clients/index.scss */
.message_filter {
  position: absolute;
  background: white;
  transition: 0.3s;
}

/* line 135, app/assets/stylesheets/clients/index.scss */
.message_filter, .status-toggler__menu {
  display: flex;
  flex-direction: column;
  border: 1px solid #a3a3a3;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow-y: scroll;
  max-height: 225px;
  top: 33px;
  left: -1px;
  padding: 10px 0;
  z-index: 2;
}

/* line 148, app/assets/stylesheets/clients/index.scss */
.message_filter__hidden, .status-toggler__menu__hidden {
  display: none;
}

/* line 152, app/assets/stylesheets/clients/index.scss */
.message_filter::-webkit-scrollbar-track {
  background-color: #ECF0F3;
}

/* line 156, app/assets/stylesheets/clients/index.scss */
.message_filter::-webkit-scrollbar {
  border-radius: 4px;
  width: 6px;
  background-color: transparent;
}

/* line 162, app/assets/stylesheets/clients/index.scss */
.message_filter::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 10px;
}

/* line 167, app/assets/stylesheets/clients/index.scss */
.page-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: fixed;
  top: 13px;
  margin-left: 22px;
  z-index: 999;
}

@media (max-width: 1350px) {
  /* line 167, app/assets/stylesheets/clients/index.scss */
  .page-header {
    padding: 12px 10px 12px;
    background-color: #fff;
    border: 1px solid #E0E1E3;
    border-right: none;
    margin-left: 0;
    position: unset;
    z-index: unset;
  }
}

@media (max-width: 640px) {
  /* line 167, app/assets/stylesheets/clients/index.scss */
  .page-header {
    padding: 13px 10px 7px;
  }
}

/* line 188, app/assets/stylesheets/clients/index.scss */
.page-header__heading {
  font-family: 'Nunito', sans-serif;
  margin: 0 10px 1px 0;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  color: #111111;
}

/* line 197, app/assets/stylesheets/clients/index.scss */
.page-header__subtitle {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 20px;
  line-height: 25px;
  color: #000000;
}

@media (max-width: 992px) {
  /* line 197, app/assets/stylesheets/clients/index.scss */
  .page-header__subtitle {
    font-size: 16px;
  }
}

/* line 207, app/assets/stylesheets/clients/index.scss */
.page-header__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 217, app/assets/stylesheets/clients/index.scss */
.page-header__action-btns .drop_box {
  right: -148px;
}

@media (max-width: 1350px) {
  /* line 217, app/assets/stylesheets/clients/index.scss */
  .page-header__action-btns .drop_box {
    right: -5px;
  }
}

/* line 222, app/assets/stylesheets/clients/index.scss */
.page-header__action-btns .drop_box .drop_box_cut {
  right: 157px !important;
}

@media (max-width: 1350px) {
  /* line 222, app/assets/stylesheets/clients/index.scss */
  .page-header__action-btns .drop_box .drop_box_cut {
    right: 20px !important;
  }
}

/* line 231, app/assets/stylesheets/clients/index.scss */
.page-header__action {
  margin-right: 2px;
}

/* line 233, app/assets/stylesheets/clients/index.scss */
.page-header__action:last-child {
  margin-right: 0;
}

/* line 235, app/assets/stylesheets/clients/index.scss */
.page-header__action:last-child :hover {
  background: #1B2C47;
}

/* line 243, app/assets/stylesheets/clients/index.scss */
.client_index_top_button {
  border: 1px solid #c2c2c2;
  padding: 10px 8px;
  margin: 0 4px;
  border-radius: 4px;
  color: #727272;
  text-align: center;
  font-size: 13px;
  transition: 0.5s;
  cursor: pointer;
}

/* line 253, app/assets/stylesheets/clients/index.scss */
.client_index_top_button:first-child {
  margin-left: 0;
}

/* line 256, app/assets/stylesheets/clients/index.scss */
.client_index_top_button:last-child {
  background: #039;
  color: white;
  min-width: 85px;
  margin-right: 0;
}

/* line 262, app/assets/stylesheets/clients/index.scss */
.client_index_top_button:hover {
  background: #e6eaf2;
  color: #000;
  border-color: transparent;
}

@media (max-width: 1450px) {
  /* line 243, app/assets/stylesheets/clients/index.scss */
  .client_index_top_button {
    padding: 10px 3px;
  }
}

@media (max-width: 1250px) {
  /* line 243, app/assets/stylesheets/clients/index.scss */
  .client_index_top_button {
    padding: 7px 5px;
  }
}

@media (max-width: 880px) {
  /* line 243, app/assets/stylesheets/clients/index.scss */
  .client_index_top_button {
    padding: 5px 3px;
  }
}

/* line 278, app/assets/stylesheets/clients/index.scss */
.client-list__container {
  overflow: auto;
  padding: 25px 25px;
  background: #FBFCFF;
  flex: 1;
}

@media (max-width: 1450px) {
  /* line 278, app/assets/stylesheets/clients/index.scss */
  .client-list__container {
    padding: 15px 25px;
  }
}

@media (max-width: 1250px) {
  /* line 278, app/assets/stylesheets/clients/index.scss */
  .client-list__container {
    padding: 10px;
  }
}

/* line 291, app/assets/stylesheets/clients/index.scss */
.client-list__grid {
  overflow-y: auto;
}

/* line 295, app/assets/stylesheets/clients/index.scss */
.client-list__row {
  margin-bottom: 8px;
}

/* line 297, app/assets/stylesheets/clients/index.scss */
.client-list__row:last-child {
  margin: 0;
}

/* line 304, app/assets/stylesheets/clients/index.scss */
.page-filter {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-left: 1px solid #E0E1E3;
  padding-bottom: 10px;
}

/* line 313, app/assets/stylesheets/clients/index.scss */
.page-filter__heading {
  color: #1a53c6;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  margin: 0 0 16px;
}

/* line 321, app/assets/stylesheets/clients/index.scss */
.page-filter__row {
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 329, app/assets/stylesheets/clients/index.scss */
.page-filter__column {
  width: 100%;
}

/* line 334, app/assets/stylesheets/clients/index.scss */
.page-filter__btns-bottom {
  display: flex;
  gap: 12px;
  margin-top: 10px;
}

/* line 338, app/assets/stylesheets/clients/index.scss */
.page-filter__btns-bottom .button_orders {
  height: 40px;
  margin: 0;
}

/* line 342, app/assets/stylesheets/clients/index.scss */
.page-filter__btns-bottom .secondary_button {
  width: 46%;
}

/* line 439, app/assets/stylesheets/clients/index.scss */
.page-filter .input--search__submit {
  position: absolute;
  width: 45px;
  height: 45px;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1250px) {
  /* line 439, app/assets/stylesheets/clients/index.scss */
  .page-filter .input--search__submit {
    height: 40px;
    width: 40px;
  }
}

@media (max-width: 880px) {
  /* line 439, app/assets/stylesheets/clients/index.scss */
  .page-filter .input--search__submit {
    height: 35px;
    width: 35px;
  }
}

/* line 464, app/assets/stylesheets/clients/index.scss */
.page-filter .input--search__input {
  padding: 10px 45px 10px 20px;
}

/* line 469, app/assets/stylesheets/clients/index.scss */
.page-filter .icon-search {
  width: 21px;
  height: 21px;
  fill: none;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.72754 3.54502C6.50588 3.54502 3.89421 6.1567 3.89421 9.37836C3.89421 12.6 6.50588 15.2117 9.72754 15.2117C12.9492 15.2117 15.5609 12.6 15.5609 9.37836C15.5609 6.1567 12.9492 3.54502 9.72754 3.54502ZM2.22754 9.37836C2.22754 5.23622 5.5854 1.87836 9.72754 1.87836C13.8697 1.87836 17.2275 5.23622 17.2275 9.37836C17.2275 13.5205 13.8697 16.8784 9.72754 16.8784C5.5854 16.8784 2.22754 13.5205 2.22754 9.37836Z' fill='%2392929D'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8466 13.4974C14.1721 13.172 14.6997 13.172 15.0251 13.4974L18.6501 17.1224C18.9756 17.4479 18.9756 17.9755 18.6501 18.3009C18.3247 18.6264 17.7971 18.6264 17.4716 18.3009L13.8466 14.6759C13.5212 14.3505 13.5212 13.8229 13.8466 13.4974Z' fill='%2392929D'%3E%3C/path%3E%3C/svg%3E");
}

/* line 476, app/assets/stylesheets/clients/index.scss */
.page-filter__footer {
  margin-top: auto;
  padding: 0 40px 20px 40px;
}

@media (max-width: 1250px) {
  /* line 476, app/assets/stylesheets/clients/index.scss */
  .page-filter__footer {
    padding: 30px;
  }
}

@media (max-width: 880px) {
  /* line 476, app/assets/stylesheets/clients/index.scss */
  .page-filter__footer {
    padding: 20px;
  }
}

/* line 488, app/assets/stylesheets/clients/index.scss */
#load_clients_by_name_index_search, #load_clients_by_filter_phone_number, #load_clients_by_filter_client_id, #load_clients_by_filter_var, #load_clients_by_filter_var_val {
  border: 1px solid #E0E1E3;
  border-radius: 6px;
  padding-left: 10px;
  width: 100% !important;
  box-sizing: border-box;
  height: 40px;
}

/* line 495, app/assets/stylesheets/clients/index.scss */
#load_clients_by_name_index_search:focus, #load_clients_by_filter_phone_number:focus, #load_clients_by_filter_client_id:focus, #load_clients_by_filter_var:focus, #load_clients_by_filter_var_val:focus {
  box-shadow: none !important;
  border: 1px solid #1a53c6;
}

/* line 500, app/assets/stylesheets/clients/index.scss */
.background_new_whatsapp_client {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

/* line 508, app/assets/stylesheets/clients/index.scss */
.modal {
  overflow-x: hidden;
}

/* line 511, app/assets/stylesheets/clients/index.scss */
.new_whatsapp_client {
  position: absolute;
  width: 25%;
  left: 32.5%;
  top: 15%;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1), 0 16px 24px rgba(0, 0, 0, 0.1), 0 24px 32px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 35px;
  text-align: right;
}

/* line 522, app/assets/stylesheets/clients/index.scss */
.new_whatsapp_client_flex {
  width: 100%;
}

/* line 525, app/assets/stylesheets/clients/index.scss */
.new_whatsapp_client_button {
  border: none;
  color: white;
  background: #039;
  height: 42px;
  border-radius: 4px;
  margin-top: 14px;
}

/* line 534, app/assets/stylesheets/clients/index.scss */
.new_whatsapp_client_title {
  flex: 1;
  text-align: left;
  color: #423F3F;
  font-size: 20px;
  letter-spacing: 0.08px;
  margin-bottom: 5px;
}

/* line 542, app/assets/stylesheets/clients/index.scss */
.flex-box > .input-field {
  flex: 3;
  margin: 0;
}

/* line 546, app/assets/stylesheets/clients/index.scss */
.load_whatsapp_client > .flex-box {
  margin: 8px 0;
}

/* line 549, app/assets/stylesheets/clients/index.scss */
.new_whatsapp_client_big_title {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 18.6725px;
  line-height: 23px;
}

/* line 555, app/assets/stylesheets/clients/index.scss */
.load_whatsapp_client_bot > .select-wrapper > .dropdown-trigger {
  padding: 6px 0 6px 10px !important;
}

/* line 558, app/assets/stylesheets/clients/index.scss */
.load_whatsapp_client_bot > .select-wrapper > svg {
  fill: #BAB5B5;
}

/* line 561, app/assets/stylesheets/clients/index.scss */
.load_whatsapp_client > .input-field {
  margin: 0 0 14px 0;
}

/* line 564, app/assets/stylesheets/clients/index.scss */
.new_whatsapp_client_destroy {
  position: absolute;
  transform: rotate(45deg);
  top: 0;
  right: 20px;
  font-size: 40px;
  font-weight: 100;
  color: #039;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

/* line 575, app/assets/stylesheets/clients/index.scss */
.client_owner_title {
  font-size: 12px !important;
}

/* line 579, app/assets/stylesheets/clients/index.scss */
.client_owner_mobile .client_owner_title {
  height: 14px;
}

/* line 581, app/assets/stylesheets/clients/index.scss */
.client_owner_mobile .client_owner_title--span {
  font-size: 10px;
  line-height: 13px;
}

/* line 587, app/assets/stylesheets/clients/index.scss */
.messenger_action_list__item {
  padding: 4px 0 4px 6px !important;
  color: #65648a;
  transition: .3s;
}

/* line 591, app/assets/stylesheets/clients/index.scss */
.messenger_action_list__item:hover {
  background-color: #eef3f6;
  color: #0f1110;
}

/* line 596, app/assets/stylesheets/clients/index.scss */
.red_button_delete {
  border: 1px solid #ffb2b2 !important;
  background: #ffe0e0 !important;
  color: #421b1b !important;
  width: 95% !important;
}

/* line 602, app/assets/stylesheets/clients/index.scss */
#load_clients_by_filter_blocks {
  display: none;
}

/* line 605, app/assets/stylesheets/clients/index.scss */
.load_clients_by_filter_phone_number, .load_clients_by_filter_client_id, .load_clients_by_filter_var, .load_clients_by_filter_var_val {
  margin: 0 !important;
}

/* line 608, app/assets/stylesheets/clients/index.scss */
#load_clients_by_filter_var_val {
  margin-bottom: 10px;
}

/* line 611, app/assets/stylesheets/clients/index.scss */
.load_clients_by_filter_blocks {
  margin: 0 !important;
}

/* line 614, app/assets/stylesheets/clients/index.scss */
#load_clients_by_filter_list {
  display: none;
}

/* line 617, app/assets/stylesheets/clients/index.scss */
.load_clients_by_filter_list {
  margin: 0 !important;
}

/* line 620, app/assets/stylesheets/clients/index.scss */
.input_holder {
  position: absolute;
  top: -10px;
  padding-left: 15px !important;
  line-height: 1;
  z-index: 101 !important;
  width: 75% !important;
  border: none !important;
  box-shadow: none !important;
}

/* line 629, app/assets/stylesheets/clients/index.scss */
.input_holder_block {
  top: 0;
  left: 0;
  border: none !important;
  margin: 0 !important;
}

/* line 634, app/assets/stylesheets/clients/index.scss */
.input_holder_block:focus {
  background-color: transparent !important;
  border: none !important;
}

/* line 640, app/assets/stylesheets/clients/index.scss */
.cleared_input {
  color: #515251;
  font-size: 15px !important;
}

/* line 644, app/assets/stylesheets/clients/index.scss */
.main_div_lists {
  padding: 15px;
}

/* line 647, app/assets/stylesheets/clients/index.scss */
.overflow_div::-webkit-scrollbar-track {
  background-color: #ECF0F3;
}

/* line 651, app/assets/stylesheets/clients/index.scss */
.overflow_div::-webkit-scrollbar {
  border-radius: 4px;
  width: 8px;
  background-color: transparent;
}

/* line 657, app/assets/stylesheets/clients/index.scss */
.overflow_div::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 10px;
}

/* line 662, app/assets/stylesheets/clients/index.scss */
.list_row {
  display: flex;
  margin: 4px 0 4px;
  cursor: pointer;
  justify-content: space-between;
  color: #393939 !important;
}

/* line 668, app/assets/stylesheets/clients/index.scss */
.list_row:hover {
  color: #1e61c4 !important;
}

/* line 672, app/assets/stylesheets/clients/index.scss */
.list-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 677, app/assets/stylesheets/clients/index.scss */
.list_title {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
}

/* line 682, app/assets/stylesheets/clients/index.scss */
.list_close_button {
  position: absolute;
  top: 0;
  right: 10px;
  font-weight: 300;
  font-size: 30px;
  color: #039;
  transform: rotate(45deg);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 693, app/assets/stylesheets/clients/index.scss */
.overflow_div {
  overflow: auto;
}

/* line 696, app/assets/stylesheets/clients/index.scss */
.drop_box_info {
  left: auto !important;
  right: -13px !important;
  top: 68px !important;
}

/* line 701, app/assets/stylesheets/clients/index.scss */
.close_arrow {
  position: absolute;
  right: 0px;
  top: 20px;
  transform: rotate(180deg);
}

/* line 707, app/assets/stylesheets/clients/index.scss */
.submit_filter_mobile {
  color: white !important;
  background: #039;
}

/* line 711, app/assets/stylesheets/clients/index.scss */
.drop_box, .drop_box_info {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 99999;
  background: #fff;
  border: 1px solid #d4dff4;
  border-radius: 4px;
  padding: 8px 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  right: -2px;
  top: 50px;
  line-height: 1.8;
  transition: 0.2s;
  filter: drop-shadow(0 10px 20px rgba(45, 51, 56, 0.1));
}

/* line 727, app/assets/stylesheets/clients/index.scss */
.clients_action_drop_box {
  color: #626f7f !important;
  line-height: 19px;
  padding: 6px 14px;
  cursor: pointer;
}

/* line 732, app/assets/stylesheets/clients/index.scss */
.clients_action_drop_box:hover {
  background-color: #f0f6fc;
}

/* line 736, app/assets/stylesheets/clients/index.scss */
.drop_box_cut {
  position: absolute;
  top: -8.5px;
  right: 15px;
  width: 15px;
  height: 15px;
  background: white;
  transform: rotate(45deg);
  border-top-left-radius: 4px;
  border-left: 1px solid #1a53c630;
  border-top: 1px solid #1a53c630;
}

/* line 748, app/assets/stylesheets/clients/index.scss */
.client_mobile {
  border: 1px solid #1a53c630;
  border-radius: 4px;
  display: flex;
  width: 100%;
  margin-bottom: 5px;
  background-color: #FFFFFF;
  position: relative;
  padding: 10px;
  overflow: hidden;
}

/* line 759, app/assets/stylesheets/clients/index.scss */
.client-list__container {
  background-color: #fafcff;
}

/* line 761, app/assets/stylesheets/clients/index.scss */
.client-list__container .background-empty {
  min-height: auto;
}

/* line 764, app/assets/stylesheets/clients/index.scss */
.client-list__container .collection {
  border: none;
  margin-top: 0;
}

@media (max-width: 900px) {
  /* line 759, app/assets/stylesheets/clients/index.scss */
  .client-list__container {
    padding: 5px !important;
  }
}

/* line 772, app/assets/stylesheets/clients/index.scss */
.client_name {
  font-size: 14px;
  line-height: 12px;
  color: #181818;
}

/* line 777, app/assets/stylesheets/clients/index.scss */
.client_avatar {
  position: relative;
  max-width: 50px;
  min-width: 50px;
  min-height: 50px;
  max-height: 50px;
  margin-right: 10px;
}

/* line 785, app/assets/stylesheets/clients/index.scss */
.client_last_seen {
  font-size: 10px;
  line-height: 10px;
  color: #4545;
}

/* line 790, app/assets/stylesheets/clients/index.scss */
.color_blue {
  color: #039;
}

/* line 793, app/assets/stylesheets/clients/index.scss */
.client_last_message_span {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 799, app/assets/stylesheets/clients/index.scss */
.client_last_message {
  font-size: 14px;
  color: #424242;
  display: flex;
  text-overflow: ellipsis;
}

/* line 805, app/assets/stylesheets/clients/index.scss */
.client_info_mobile {
  width: calc(100% - 60px);
}

/* line 808, app/assets/stylesheets/clients/index.scss */
.hide_on_mobile_flex {
  display: flex !important;
}

@media (max-width: 900px) {
  /* line 808, app/assets/stylesheets/clients/index.scss */
  .hide_on_mobile_flex {
    display: none !important;
  }
}

@media (max-width: 900px) {
  /* line 814, app/assets/stylesheets/clients/index.scss */
  .mobile_display_block {
    display: block !important;
  }
}

/* line 819, app/assets/stylesheets/clients/index.scss */
.small_butt {
  border: 1px solid #c2c2c2;
  padding: 10px 8px;
  margin: 0 4px;
  border-radius: 4px;
  color: #727272;
  text-align: center;
  font-size: 13px;
}

/* line 828, app/assets/stylesheets/clients/index.scss */
.flex-box-column {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

/* line 833, app/assets/stylesheets/clients/index.scss */
.flex-box-column__center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 840, app/assets/stylesheets/clients/index.scss */
.var_filter_help {
  color: #039;
  font-weight: 600;
  border: 2px solid #039;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 18px;
  position: relative;
  left: 6px;
  cursor: pointer;
}

/* line 853, app/assets/stylesheets/clients/index.scss */
.var_help_desc {
  position: absolute;
  right: -26px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  width: 212px;
  z-index: 9;
  display: none;
}

/* line 863, app/assets/stylesheets/clients/index.scss */
.page-filter::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 867, app/assets/stylesheets/clients/index.scss */
.page-filter::-webkit-scrollbar {
  border-radius: 4px;
  width: 4px;
  background-color: transparent;
}

/* line 873, app/assets/stylesheets/clients/index.scss */
.page-filter::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 10px;
}

/* line 877, app/assets/stylesheets/clients/index.scss */
.page-filter__count {
  display: none;
  color: #0000008a;
}

/* line 881, app/assets/stylesheets/clients/index.scss */
.display_mobile-chat_icons {
  width: 26px;
  position: relative;
  bottom: 3px;
}

/* line 885, app/assets/stylesheets/clients/index.scss */
.display_mobile-chat_icons .upload_file {
  position: relative;
  left: 3px;
  padding-top: 5px;
}

/* line 891, app/assets/stylesheets/clients/index.scss */
.btn-mobile-paper-plane {
  color: #626f7f;
  margin-left: 8px;
  font-size: 18px;
  z-index: 10;
  display: block !important;
}

/* line 897, app/assets/stylesheets/clients/index.scss */
.btn-mobile-paper-plane svg {
  width: 20px;
  height: 20px;
}

/* line 903, app/assets/stylesheets/clients/index.scss */
.display_mobile .drop_box_trigger--modal {
  position: absolute;
  top: 30px;
  right: -10px;
  z-index: 50;
}

/* line 909, app/assets/stylesheets/clients/index.scss */
.display_mobile .choice-indeficator__selector__mode--div {
  text-align: left;
  margin-top: 5px;
}

/* line 915, app/assets/stylesheets/clients/index.scss */
.client__content input.client_new_name {
  height: 23px;
  margin: 0;
  font-size: 16px;
  line-height: 23px;
  border-bottom: 1px solid #aaaaaa;
  box-shadow: none;
  border-radius: 0;
  padding-left: 7px;
}

/* line 926, app/assets/stylesheets/clients/index.scss */
.client__avatar {
  position: relative;
}

/* line 930, app/assets/stylesheets/clients/index.scss */
.new_whatsapp_container {
  border-radius: 6px;
}

/* line 934, app/assets/stylesheets/clients/index.scss */
.client-board__table__content {
  position: relative;
}

/* line 937, app/assets/stylesheets/clients/index.scss */
.change_var_value_button {
  padding: 7px;
}

/* line 940, app/assets/stylesheets/clients/index.scss */
.delete-var {
  margin-bottom: 10px;
  text-align: center;
}

/* line 945, app/assets/stylesheets/clients/index.scss */
.date_title {
  color: #111111;
}

/* line 948, app/assets/stylesheets/clients/index.scss */
.search-for-vars {
  font-size: 16px;
  line-height: 21px;
  color: #324256;
  margin: 16px 0 10px;
}

/* line 954, app/assets/stylesheets/clients/index.scss */
.input-margin-box {
  margin-bottom: 7px;
}

/* line 957, app/assets/stylesheets/clients/index.scss */
.select_box_wa_bots {
  position: relative;
}

/* line 959, app/assets/stylesheets/clients/index.scss */
.select_box_wa_bots::after {
  content: "";
  position: absolute;
  background-image: url(/assets/icon/select-arrow-icon-b4d0279bd8edbab406cda836088803ca03bdec9bc64ad56dc0b406349c77abde.svg);
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: center;
  width: 20px;
  height: 20px;
  top: 25%;
  z-index: 1;
  right: 10px;
  pointer-events: none;
  transform: unset;
}

/* line 974, app/assets/stylesheets/clients/index.scss */
.select_box_wa_bots__items {
  background-color: #FFFFFF;
  z-index: 100;
  width: 100%;
  position: absolute;
  border: 1px solid #E1E6F0;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
  max-height: 250px;
  top: 100% !important;
}

/* line 984, app/assets/stylesheets/clients/index.scss */
.select_box_wa_bots__items::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 989, app/assets/stylesheets/clients/index.scss */
.select_box_wa_bots__items::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 995, app/assets/stylesheets/clients/index.scss */
.select_box_wa_bots__items::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 1001, app/assets/stylesheets/clients/index.scss */
.select_box_wa_bots__item {
  color: #111111;
  font-size: 14px;
  padding: 8px 16px;
  cursor: pointer;
}

/* line 1006, app/assets/stylesheets/clients/index.scss */
.select_box_wa_bots__item:hover {
  background: #e6e6e6;
}

/* line 1010, app/assets/stylesheets/clients/index.scss */
.select_box_wa_bots__init {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  border: 1px solid #E1E6F0 !important;
  border-radius: 6px !important;
  padding: 9px 28px 0 16px;
  box-sizing: border-box;
  height: 40px;
  min-height: 40px;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
  background-color: #fff;
  width: 100% !important;
  margin: 0 !important;
}

/* line 1024, app/assets/stylesheets/clients/index.scss */
.select_box_wa_bots__init:focus {
  border: 1px solid #1a53c6 !important;
}

/* line 1027, app/assets/stylesheets/clients/index.scss */
.select_box_wa_bots__init:hover {
  background: #F7FAFC !important;
}

/* line 3, app/assets/stylesheets/clients/_client.scss */
.list-item {
  position: relative;
  width: 100%;
  padding: 20px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #d3def4;
  background-color: #fff;
  overflow: hidden;
}

@media (max-width: 880px) {
  /* line 3, app/assets/stylesheets/clients/_client.scss */
  .list-item {
    height: 70px;
  }
}

/* line 18, app/assets/stylesheets/clients/_client.scss */
.list-item__empty {
  color: grey;
}

/* line 22, app/assets/stylesheets/clients/_client.scss */
.list-item__user {
  padding-right: 15px;
  margin-right: 35px;
  padding-left: 25px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-right: 1px solid #d3def4;
  min-width: 300px;
  max-width: 300px;
  word-break: break-word;
}

@media (max-width: 1250px) {
  /* line 22, app/assets/stylesheets/clients/_client.scss */
  .list-item__user {
    padding-right: 20px;
    margin-right: 20px;
    padding-left: 10px;
    min-width: 250px;
    max-width: 250px;
  }
}

@media (max-width: 880px) {
  /* line 22, app/assets/stylesheets/clients/_client.scss */
  .list-item__user {
    padding-right: 10px;
    margin-right: 10px;
    padding-left: 5px;
    min-width: 200px;
    max-width: 200px;
  }
}

/* line 49, app/assets/stylesheets/clients/_client.scss */
.list-item__to-user_link {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 56, app/assets/stylesheets/clients/_client.scss */
.list-item__user-avatar {
  margin-right: 28px;
}

@media (max-width: 1250px) {
  /* line 56, app/assets/stylesheets/clients/_client.scss */
  .list-item__user-avatar {
    margin-right: 14px;
  }
}

@media (max-width: 880px) {
  /* line 56, app/assets/stylesheets/clients/_client.scss */
  .list-item__user-avatar {
    margin-right: 7px;
  }
}

/* line 69, app/assets/stylesheets/clients/_client.scss */
.list-item__name {
  margin: 0 0 8px 0;
  display: block;
  color: #222;
  font-size: 13px;
  font-weight: 600;
}

@media (max-width: 1250px) {
  /* line 69, app/assets/stylesheets/clients/_client.scss */
  .list-item__name {
    font-size: 12px;
  }
}

@media (max-width: 1450px) {
  /* line 69, app/assets/stylesheets/clients/_client.scss */
  .list-item__name {
    font-size: 12px;
  }
}

@media (max-width: 880px) {
  /* line 69, app/assets/stylesheets/clients/_client.scss */
  .list-item__name {
    font-size: 10px;
  }
}

/* line 86, app/assets/stylesheets/clients/_client.scss */
.list-item__default-name {
  font-size: 14px;
  font-weight: 400;
}

/* line 91, app/assets/stylesheets/clients/_client.scss */
.list-item__from {
  padding-left: 9px;
  font-size: 12px;
  color: gray;
}

@media (max-width: 880px) {
  /* line 91, app/assets/stylesheets/clients/_client.scss */
  .list-item__from {
    font-size: 10px;
  }
}

/* line 100, app/assets/stylesheets/clients/_client.scss */
.list-item__counter {
  position: relative;
  bottom: 4px;
  display: inline-block;
  margin-left: 5px;
  padding: 4px 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  height: 22px;
  min-width: 40px;
  font-weight: 700;
  text-align: center;
  border-radius: 512px;
  background-color: #47b16a;
}

@media (max-width: 880px) {
  /* line 100, app/assets/stylesheets/clients/_client.scss */
  .list-item__counter {
    font-size: 10px;
  }
}

/* line 120, app/assets/stylesheets/clients/_client.scss */
.list-item__time {
  color: #777e8c;
  font-size: .75rem;
  font-weight: 400;
  line-height: 23px;
}

/* line 125, app/assets/stylesheets/clients/_client.scss */
.list-item__time__vector {
  position: relative;
  top: 3px;
}

/* line 131, app/assets/stylesheets/clients/_client.scss */
.list-item__message {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
  padding: 0 15% 0 0;
  color: #2e2e2f;
  font-size: .875rem;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 1250px) {
  /* line 131, app/assets/stylesheets/clients/_client.scss */
  .list-item__message {
    font-size: 12px;
  }
}

@media (max-width: 880px) {
  /* line 131, app/assets/stylesheets/clients/_client.scss */
  .list-item__message {
    font-size: 10px;
  }
}

/* line 150, app/assets/stylesheets/clients/_client.scss */
.list-item__text_preview {
  color: black;
  font-weight: lighter;
}

/* line 155, app/assets/stylesheets/clients/_client.scss */
.list-item__label {
  color: #1a53c6;
  font-weight: 700;
  word-break: break-word;
}

/* line 161, app/assets/stylesheets/clients/_client.scss */
.list-item__actions {
  width: 150px;
  display: flex;
  background-color: #039;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  padding: 0 30px;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 1250px) {
  /* line 161, app/assets/stylesheets/clients/_client.scss */
  .list-item__actions {
    width: 100px;
    padding: 0 10px;
  }
}

@media (max-width: 1250px) {
  /* line 161, app/assets/stylesheets/clients/_client.scss */
  .list-item__actions {
    width: 80px;
    padding: 0 5px;
  }
}

/* line 183, app/assets/stylesheets/clients/_client.scss */
.list-item__action {
  color: #84a8f0;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

/* line 189, app/assets/stylesheets/clients/_client.scss */
.list-item__action:hover {
  color: #ffffff;
}

/* line 195, app/assets/stylesheets/clients/_client.scss */
.list-item:hover .list-item__actions {
  opacity: 1;
}

/* line 200, app/assets/stylesheets/clients/_client.scss */
.client-list__row {
  position: relative;
}

/* line 203, app/assets/stylesheets/clients/_client.scss */
.client_info {
  display: flex;
  flex-direction: row;
}

/* line 207, app/assets/stylesheets/clients/_client.scss */
.buttons_info {
  display: flex;
  flex-direction: row;
  margin: 30px 0 30px 0;
}

/* line 211, app/assets/stylesheets/clients/_client.scss */
.buttons_info__button {
  line-height: 40px;
  color: #696969;
  background: #FFFFFF;
  border: 1px solid #C4C4C4;
  border-radius: 4px;
  margin: 0 30px 0 30px;
}

/* line 219, app/assets/stylesheets/clients/_client.scss */
.buttons_info__block-user {
  flex: 1;
}

/* line 222, app/assets/stylesheets/clients/_client.scss */
.buttons_info__delete-user {
  flex: 1;
}

/* line 225, app/assets/stylesheets/clients/_client.scss */
.buttons_info__move-user {
  flex: 2;
}

/* line 229, app/assets/stylesheets/clients/_client.scss */
.client_owner_title {
  font-size: 11px;
  color: #5b5b5b;
}

/* line 233, app/assets/stylesheets/clients/_client.scss */
.user-avatar_from {
  position: absolute;
  right: -3px;
  bottom: -0px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 0 2px #FFFFFF;
  width: 19px;
  height: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 880px) {
  /* line 233, app/assets/stylesheets/clients/_client.scss */
  .user-avatar_from {
    width: 17px;
    height: 17px;
  }
}

/* line 249, app/assets/stylesheets/clients/_client.scss */
.user-avatar_from * {
  width: 100%;
  height: 100%;
}

/* line 254, app/assets/stylesheets/clients/_client.scss */
.action_list_trigger {
  position: absolute;
  top: 20px;
  right: 25px;
}

/* line 259, app/assets/stylesheets/clients/_client.scss */
.blue_dot {
  min-width: 5px;
  max-width: 5px;
  min-height: 5px;
  max-height: 5px;
  background: #039;
  margin: 3px;
  border-radius: 50%;
}

/* line 268, app/assets/stylesheets/clients/_client.scss */
.dots_actions {
  transition: 0.2s;
  z-index: 99999999999999999999;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  position: absolute;
  right: -11px;
  background: white;
  top: 36px;
  border: 1px solid rgba(26, 83, 198, 0.19);
  box-shadow: 0 24px 32px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  padding: 8px 0;
}

/* line 282, app/assets/stylesheets/clients/_client.scss */
.dots_action {
  color: #626f7f;
  font-size: 14px;
  padding: 4px 12px;
  cursor: pointer;
}

/* line 287, app/assets/stylesheets/clients/_client.scss */
.dots_action:hover {
  background: #f0f6fc;
}

/* line 291, app/assets/stylesheets/clients/_client.scss */
.dots_top_cut {
  width: 10px;
  height: 10px;
  background: white;
  border-top-right-radius: 3px;
  border-top: 1px solid rgba(26, 83, 198, 0.19);
  border-right: 1px solid rgba(26, 83, 198, 0.19);
  transform: rotate(-45deg);
  position: absolute;
  right: 10px;
  top: -5px;
}

/* line 303, app/assets/stylesheets/clients/_client.scss */
.multi_select_trigger {
  border: 1px solid #d3def4;
  border-radius: 4px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: white;
  width: 25px;
  height: 25px;
}

/* line 313, app/assets/stylesheets/clients/_client.scss */
.multi_select_check {
  width: 15px;
  height: 25px;
  transform: rotate(45deg);
  border-bottom: 2px #039 solid;
  border-right: 2px #039 solid;
  position: relative;
  left: 7.5px;
  bottom: 7.5px;
}

/* line 323, app/assets/stylesheets/clients/_client.scss */
.avatar_info {
  width: 130px;
  height: 48px;
  border: 1px solid #C4C4C4;
  border-radius: 4px;
  background: #f5f5ff;
  position: absolute;
  left: 55px;
  top: 6px;
  padding: 6px;
  transition: 0.3s;
}

/* line 334, app/assets/stylesheets/clients/_client.scss */
.avatar_info_title {
  font-size: 12px;
  color: #737373;
  position: absolute;
  width: 118px;
}

/* line 340, app/assets/stylesheets/clients/_client.scss */
.avatar_info_cut {
  width: 10px;
  height: 10px;
  background: #f5f5ff;
  border-bottom: 1px solid #C4C4C4;
  border-left: 1px solid #C4C4C4;
  border-bottom-left-radius: 4px;
  position: absolute;
  top: 19px;
  transform: rotate(45deg);
  left: -5px;
}

/* line 353, app/assets/stylesheets/clients/_client.scss */
.change_avatar_window {
  width: 50%;
  position: absolute;
  left: 25%;
  top: 30%;
  background: white;
  border: 1px solid #c4c4c4;
  transition: 0.2s;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 20px;
}

/* line 365, app/assets/stylesheets/clients/_client.scss */
.new_avatar_path {
  width: 80% !important;
  position: relative !important;
  border: 1px solid #686868 !important;
  padding-left: 6px !important;
  border-radius: 4px !important;
  height: 34px !important;
}

/* line 373, app/assets/stylesheets/clients/_client.scss */
.destroy_window {
  transform: rotate(45deg);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 30px;
  color: #039;
  position: absolute;
  top: -10px;
  right: 5px;
  font-weight: 300;
  cursor: pointer;
}

/* line 384, app/assets/stylesheets/clients/_client.scss */
.no_dialogs_here {
  text-align: center;
  color: #039;
}

/* line 4, app/assets/stylesheets/clients/show.scss */
.notification:hover {
  cursor: pointer;
}

/* line 7, app/assets/stylesheets/clients/show.scss */
div.toast {
  right: 45px !important;
}

/* line 10, app/assets/stylesheets/clients/show.scss */
.notification {
  padding: 0 20px 10px;
  font-size: 13px;
  width: 22%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: #1D56C6;
  border-radius: 4px;
  color: white;
  font-weight: 900;
  text-align: left;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99999;
  vertical-align: bottom;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(26, 83, 198, 0.04), 0 24px 32px rgba(26, 83, 198, 0.12);
}

/* line 27, app/assets/stylesheets/clients/show.scss */
.notification__hide {
  display: none;
}

@media (max-width: 1450px) {
  /* line 10, app/assets/stylesheets/clients/show.scss */
  .notification {
    min-width: 300px;
  }
}

/* line 35, app/assets/stylesheets/clients/show.scss */
.notification__title {
  font-size: 17px;
  font-weight: 600;
}

/* line 40, app/assets/stylesheets/clients/show.scss */
.notification__name {
  font-weight: 500 !important;
  font-size: 15px;
  margin-left: 15px;
}

/* line 47, app/assets/stylesheets/clients/show.scss */
.notification__link {
  color: white;
  text-decoration: none;
}

/* line 52, app/assets/stylesheets/clients/show.scss */
.notification__destroy:hover {
  cursor: pointer;
}

/* line 56, app/assets/stylesheets/clients/show.scss */
.notification__destroy:focus {
  background: none;
  border: none;
}

/* line 61, app/assets/stylesheets/clients/show.scss */
.notification__destroy {
  background: none;
  border: none;
  color: white;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 300;
  font-size: 30px;
  transform: rotate(45deg);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 75, app/assets/stylesheets/clients/show.scss */
.notification__flexBoxTop {
  min-width: 200px;
  justify-content: space-between;
  vertical-align: text-bottom;
}

/* line 81, app/assets/stylesheets/clients/show.scss */
.notification__flexBoxBottom {
  margin-top: 10px;
  display: flex;
}

/* line 86, app/assets/stylesheets/clients/show.scss */
.notification__leftSide {
  horiz-align: left;
}

/* line 90, app/assets/stylesheets/clients/show.scss */
.notification__rightSide {
  horiz-align: right;
}

/* line 94, app/assets/stylesheets/clients/show.scss */
.notification__newCounter {
  text-align: center;
  font-weight: 500;
  color: black;
  background: white;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 0 7px;
}

/* line 105, app/assets/stylesheets/clients/show.scss */
.notification__name {
  font-weight: 600;
  vertical-align: top;
}

/* line 110, app/assets/stylesheets/clients/show.scss */
.notification__message {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 400;
  margin: 0 10% 0 15px;
  vertical-align: top;
}

/* line 121, app/assets/stylesheets/clients/show.scss */
.notification__isOnline__messager {
  border: 1px white solid;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: #4C6C90;
}

/* line 132, app/assets/stylesheets/clients/show.scss */
.notification__avatar {
  position: relative;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

/* line 141, app/assets/stylesheets/clients/show.scss */
.newMessage {
  margin-bottom: 17px;
}

/* line 145, app/assets/stylesheets/clients/show.scss */
.client-show {
  height: calc(100vh - 58px);
  width: auto;
  overflow: auto;
}

/* line 150, app/assets/stylesheets/clients/show.scss */
.client-show__content {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
}

/* line 157, app/assets/stylesheets/clients/show.scss */
.client-show__board {
  max-width: 395px;
  min-width: 395px;
  border-left: 1px solid #e0e1e3;
  overflow: auto;
}

@media (max-width: 1368px) {
  /* line 157, app/assets/stylesheets/clients/show.scss */
  .client-show__board {
    max-width: 310px;
    min-width: 310px;
  }
}

@media (max-width: 1250px) {
  /* line 157, app/assets/stylesheets/clients/show.scss */
  .client-show__board {
    display: none;
  }
}

/* line 171, app/assets/stylesheets/clients/show.scss */
.client-show__chat {
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* line 177, app/assets/stylesheets/clients/show.scss */
.client-show__sidebar {
  max-width: 400px;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #e0e1e3;
  box-sizing: border-box;
  background-color: #FFFFFF;
}

@media (max-width: 1450px) {
  /* line 177, app/assets/stylesheets/clients/show.scss */
  .client-show__sidebar {
    max-width: 310px;
  }
}

/* line 190, app/assets/stylesheets/clients/show.scss */
.client-show__categories {
  background: green;
  flex-shrink: 0;
}

/* line 196, app/assets/stylesheets/clients/show.scss */
.client-board {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}

/* line 203, app/assets/stylesheets/clients/show.scss */
.client-board__social-link {
  display: flex;
  width: 40px;
}

/* line 208, app/assets/stylesheets/clients/show.scss */
.client-board__content {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  padding-top: 15px;
  overflow: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* line 217, app/assets/stylesheets/clients/show.scss */
.client-board__content__m {
  padding: 25px 35px;
}

/* line 222, app/assets/stylesheets/clients/show.scss */
.client-board__stamp {
  padding: 0 15px;
  margin: 15px 0 10px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* line 229, app/assets/stylesheets/clients/show.scss */
.client-board__stamp__id {
  margin: 0 0 30px 15px;
  padding: 0;
}

@media (max-width: 1450px) {
  /* line 222, app/assets/stylesheets/clients/show.scss */
  .client-board__stamp {
    padding: 0 10px;
  }
}

/* line 239, app/assets/stylesheets/clients/show.scss */
.client-board__user-id {
  color: #1a53c6;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none;
}

@media (max-width: 1450px) {
  /* line 239, app/assets/stylesheets/clients/show.scss */
  .client-board__user-id {
    font-size: 15px;
    line-height: 17px;
  }
}

/* line 251, app/assets/stylesheets/clients/show.scss */
.client-board__dialog-id {
  margin-top: 8px;
  color: #545454;
  font-size: 18px;
  font-weight: 400;
  line-height: 19px;
}

@media (max-width: 1450px) {
  /* line 251, app/assets/stylesheets/clients/show.scss */
  .client-board__dialog-id {
    font-size: 16px;
    line-height: 17px;
  }
}

/* line 264, app/assets/stylesheets/clients/show.scss */
.client-board__btn .action-list {
  position: absolute;
  width: 100%;
  bottom: 60px;
  z-index: 9999999999;
}

/* line 272, app/assets/stylesheets/clients/show.scss */
.client-board__table__content__info {
  flex: 1;
  margin: 0;
}

/* line 277, app/assets/stylesheets/clients/show.scss */
.client-board__table {
  width: 100%;
  text-align: left;
}

/* line 278, app/assets/stylesheets/clients/show.scss */
.client-board__table tr {
  border: none;
}

/* line 282, app/assets/stylesheets/clients/show.scss */
.client-board__table__content_half {
  width: 50%;
}

/* line 289, app/assets/stylesheets/clients/show.scss */
.client-board__table__label {
  display: block;
  margin-bottom: 5px;
  padding: 0 15px;
  box-sizing: border-box;
  color: #626f7f;
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
  opacity: 0.6;
}

@media (max-width: 1450px) {
  /* line 289, app/assets/stylesheets/clients/show.scss */
  .client-board__table__label {
    font-size: 15px;
    line-height: 19px;
    padding: 0 10px;
  }
}

/* line 306, app/assets/stylesheets/clients/show.scss */
.client-board__table-row {
  position: relative;
}

/* line 308, app/assets/stylesheets/clients/show.scss */
.client-board__table-row--absolute {
  position: absolute;
  right: 10px;
}

/* line 315, app/assets/stylesheets/clients/show.scss */
.client-board__row {
  line-height: 14px;
  display: flex;
  position: relative;
  width: 100%;
}

/* line 322, app/assets/stylesheets/clients/show.scss */
.client-board__column {
  white-space: pre-wrap;
  padding: 10px 0;
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1450px) {
  /* line 322, app/assets/stylesheets/clients/show.scss */
  .client-board__column {
    font-size: 12px;
  }
}

/* line 333, app/assets/stylesheets/clients/show.scss */
.client-board__column:first-child {
  padding-left: 15px;
}

@media (max-width: 1450px) {
  /* line 333, app/assets/stylesheets/clients/show.scss */
  .client-board__column:first-child {
    padding-left: 10px;
  }
}

/* line 340, app/assets/stylesheets/clients/show.scss */
.client-board__column:last-child {
  padding-right: 15px;
}

@media (max-width: 1450px) {
  /* line 340, app/assets/stylesheets/clients/show.scss */
  .client-board__column:last-child {
    padding-right: 10px;
  }
}

/* line 347, app/assets/stylesheets/clients/show.scss */
.client-board__column__value {
  margin-left: 5px;
  word-break: break-word;
  flex: 20;
  color: #1a53c6;
}

/* line 354, app/assets/stylesheets/clients/show.scss */
.client-board__column__label {
  word-break: break-word;
  flex: 15;
}

/* line 360, app/assets/stylesheets/clients/show.scss */
.client-board__social {
  margin: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media (max-width: 1450px) {
  /* line 360, app/assets/stylesheets/clients/show.scss */
  .client-board__social {
    margin-top: 10px;
    padding: 0 10px;
  }
}

/* line 370, app/assets/stylesheets/clients/show.scss */
.client-board__social-link {
  margin-right: 13px;
}

@media (max-width: 1450px) {
  /* line 370, app/assets/stylesheets/clients/show.scss */
  .client-board__social-link {
    margin-right: 10px;
  }
}

/* line 376, app/assets/stylesheets/clients/show.scss */
.client-board__social-link:last-child {
  margin: 0;
}

/* line 382, app/assets/stylesheets/clients/show.scss */
.client-board__btn {
  position: relative;
  margin-top: auto;
}

/* line 386, app/assets/stylesheets/clients/show.scss */
.client-board__btn .btn-new {
  width: 100%;
  display: block;
  margin-top: 15px;
  box-sizing: border-box;
  text-align: center;
}

/* line 394, app/assets/stylesheets/clients/show.scss */
.client-board__btn .action-list__item {
  text-align: center;
}

/* line 399, app/assets/stylesheets/clients/show.scss */
.client-board__footer {
  padding: 15px 0 0 0;
  border-top: 1px solid #e0e1e3;
}

@media (max-width: 1450px) {
  /* line 399, app/assets/stylesheets/clients/show.scss */
  .client-board__footer {
    padding: 15px 0;
  }
}

/* line 409, app/assets/stylesheets/clients/show.scss */
.client_change_row {
  width: 100%;
}

/* line 414, app/assets/stylesheets/clients/show.scss */
.client-chat__header {
  height: 80px;
}

@media (max-width: 1450px) {
  /* line 414, app/assets/stylesheets/clients/show.scss */
  .client-chat__header {
    height: 70px;
  }
}

/* line 421, app/assets/stylesheets/clients/show.scss */
.client-chat__content {
  background-color: #fafcff;
}

/* line 427, app/assets/stylesheets/clients/show.scss */
.client-chat__input {
  min-width: 100%;
  max-width: 100%;
}

/* line 430, app/assets/stylesheets/clients/show.scss */
.client-chat__input-reconnect {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #111111;
  width: 100%;
  height: 100%;
  padding: 12px;
  border-top: 1px solid #E0E1E3;
}

/* line 440, app/assets/stylesheets/clients/show.scss */
.client-chat__input-reconnect .new_button {
  height: unset;
  padding: 10px 20px;
}

/* line 448, app/assets/stylesheets/clients/show.scss */
.telephony_btn_trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 2px;
  z-index: 999;
}

/* line 457, app/assets/stylesheets/clients/show.scss */
.telephony_items_box {
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #d4dff4;
  padding: 6px 0;
  right: 43px;
  filter: drop-shadow(0 10px 20px rgba(45, 51, 56, 0.1));
}

/* line 465, app/assets/stylesheets/clients/show.scss */
.telephony_items_box_item {
  font-size: 15px;
  line-height: 19px;
  color: #626F7F;
  padding: 4px 10px;
  white-space: nowrap;
}

/* line 471, app/assets/stylesheets/clients/show.scss */
.telephony_items_box_item:hover {
  background-color: #f0f6fc;
}

/* line 477, app/assets/stylesheets/clients/show.scss */
.destroy_disabled {
  color: #FD5D4F;
  font-size: 16px;
  margin-left: 26px;
  cursor: pointer;
}

/* line 484, app/assets/stylesheets/clients/show.scss */
.hidden {
  display: none;
}

/* line 488, app/assets/stylesheets/clients/show.scss */
.visible {
  display: block;
}

/* line 492, app/assets/stylesheets/clients/show.scss */
.chat-header {
  height: 70px;
  width: 100%;
  padding: 0 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
}

@media (max-width: 1450px) {
  /* line 492, app/assets/stylesheets/clients/show.scss */
  .chat-header {
    padding: 10px 20px;
  }
}

/* line 506, app/assets/stylesheets/clients/show.scss */
.chat-header__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 512, app/assets/stylesheets/clients/show.scss */
.chat-header__action {
  position: relative;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 3px;
  background-color: transparent;
  outline: 0;
  cursor: pointer;
}

@media (max-width: 1450px) {
  /* line 512, app/assets/stylesheets/clients/show.scss */
  .chat-header__action {
    padding: 7px;
  }
}

/* line 528, app/assets/stylesheets/clients/show.scss */
.chat-header__action .action-list {
  position: absolute;
  top: 100%;
}

/* line 533, app/assets/stylesheets/clients/show.scss */
.chat-header__action-icon:hover {
  cursor: pointer;
}

/* line 539, app/assets/stylesheets/clients/show.scss */
.chat-header__action-icon_search {
  background: none;
  border: none;
  position: relative;
  top: 2px;
}

/* line 546, app/assets/stylesheets/clients/show.scss */
.chat-header__action-icon_search:focus {
  background: none;
  border: none;
}

/* line 551, app/assets/stylesheets/clients/show.scss */
.chat-header__action-icon svg {
  fill: #626f7f;
}

/* line 555, app/assets/stylesheets/clients/show.scss */
.chat-header__action-icon__rotate {
  transform: rotate(90deg);
}

/* line 559, app/assets/stylesheets/clients/show.scss */
.chat-header__action-icon_player {
  position: relative;
  top: 3px;
}

/* line 563, app/assets/stylesheets/clients/show.scss */
.chat-header__action-icon_player svg {
  fill: none;
}

/* line 567, app/assets/stylesheets/clients/show.scss */
.chat-header__action-icon_delete {
  margin-top: 3px;
}

/* line 572, app/assets/stylesheets/clients/show.scss */
.chat-header__action:focus {
  background-color: transparent;
}

/* line 582, app/assets/stylesheets/clients/show.scss */
.client_info {
  display: flex;
  flex: 2;
}

/* line 587, app/assets/stylesheets/clients/show.scss */
.client {
  display: flex;
  flex-direction: row;
  padding: 0;
}

/* line 591, app/assets/stylesheets/clients/show.scss */
.client__chat-header {
  align-items: center;
  padding: 0 !important;
}

/* line 599, app/assets/stylesheets/clients/show.scss */
.client__content {
  min-width: 155px;
  margin-left: 20px;
}

@media (max-width: 1450px) {
  /* line 599, app/assets/stylesheets/clients/show.scss */
  .client__content {
    margin-left: 15px;
  }
}

@media (max-width: 1600px) {
  /* line 606, app/assets/stylesheets/clients/show.scss */
  .client__chat-header-content {
    max-width: 250px;
  }
}

@media (max-width: 1450px) {
  /* line 606, app/assets/stylesheets/clients/show.scss */
  .client__chat-header-content {
    max-width: 155px;
  }
}

/* line 615, app/assets/stylesheets/clients/show.scss */
.client__username {
  display: block;
  color: #111111;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (max-width: 1450px) {
  /* line 615, app/assets/stylesheets/clients/show.scss */
  .client__username {
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 630, app/assets/stylesheets/clients/show.scss */
.client__activity {
  display: block;
  margin-top: 2px;
  color: #82858a;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
}

@media (max-width: 1450px) {
  /* line 630, app/assets/stylesheets/clients/show.scss */
  .client__activity {
    font-size: 14px;
    margin-top: 2px;
  }
}

/* line 644, app/assets/stylesheets/clients/show.scss */
.client:focus {
  background: none;
}

/* line 649, app/assets/stylesheets/clients/show.scss */
.client-chat__content {
  overflow-y: auto;
  flex: 1;
}

/* line 653, app/assets/stylesheets/clients/show.scss */
.client-chat__content p {
  padding: 0;
  margin: 0;
}

/* line 658, app/assets/stylesheets/clients/show.scss */
.client-chat__content .messages {
  padding: 20px 20px 40px 20px;
  box-sizing: border-box;
  overflow: hidden;
}

@media (max-width: 1450px) {
  /* line 658, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .messages {
    padding: 10px 17px 30px 17px;
  }
}

/* line 667, app/assets/stylesheets/clients/show.scss */
.client-chat__content .message {
  margin-bottom: 10px;
}

@media (max-width: 1450px) {
  /* line 667, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .message {
    margin-bottom: 5px;
  }
}

/* line 673, app/assets/stylesheets/clients/show.scss */
.client-chat__content .message:last-child {
  margin: 0;
}

/* line 678, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message {
  display: flex;
  flex-direction: column;
}

/* line 682, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__content {
  display: flex;
  flex-direction: row;
}

/* line 687, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__p_text {
  white-space: break-spaces;
}

/* line 691, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__text {
  word-break: break-word;
  padding: 10px 15px;
  color: #3f4043;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 4px;
  /*fix for image materialboxed*/
}

/* line 693, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__text p {
  font-size: 13px;
  line-height: 20px;
}

/* line 710, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__text .preview-mailings__text {
  color: #111111 !important;
}

/* line 715, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__text img.materialboxed {
  max-width: 100%;
}

/* line 719, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__text .material-placeholder img.active {
  z-index: 9999999 !important;
}

@media (max-width: 1450px) {
  /* line 691, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__text {
    font-size: 12px;
    line-height: 20px;
    padding: 7px 12px;
  }
}

@media (max-width: 900px) {
  /* line 691, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__text {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}

/* line 733, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__text a {
  color: #1a53c6;
  text-decoration: none;
}

/* line 739, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__action-wrapper {
  position: relative;
  margin-left: 10px;
}

/* line 743, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__action-wrapper .action-list {
  position: absolute;
}

@media (max-width: 1450px) {
  /* line 739, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__action-wrapper {
    margin-left: 7px;
  }
}

/* line 752, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__action {
  opacity: 0;
  width: 28px;
  height: 28px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: none;
  background: 0 0;
  border-radius: 5px;
  outline: 0;
  cursor: pointer;
  transition: .1s ease-out;
}

@media (max-width: 1450px) {
  /* line 752, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__action {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 1450px) {
  /* line 752, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__action {
    position: relative;
    top: -10px;
  }
}

/* line 777, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__action span {
  width: 4px;
  height: 4px;
  display: block;
  border-radius: 50%;
  background: #b7bdcb;
  margin-right: 3px;
  transition: .1s ease-out;
}

/* line 786, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__action span:last-child {
  margin-right: 0;
}

/* line 792, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__task-id {
  margin-right: .35rem;
  color: #1a53c6;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

@media (max-width: 1450px) {
  /* line 792, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__task-id {
    font-size: 12px;
  }
}

/* line 804, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__timestamp {
  color: rgba(112, 124, 151, 0.7);
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}

@media (max-width: 1450px) {
  /* line 804, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__timestamp {
    font-size: 12px;
  }
}

/* line 814, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__footer {
  margin-top: 13px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media (max-width: 1450px) {
  /* line 814, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__footer {
    margin-top: 12px;
  }
}

/* line 823, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__footer__half {
  width: 50%;
}

/* line 829, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__attach {
  margin-top: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  text-decoration: none;
}

@media (max-width: 1450px) {
  /* line 829, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__attach {
    margin-top: 4px;
  }
}

/* line 841, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__attach-size {
  color: #a0a0a0;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}

@media (max-width: 1450px) {
  /* line 841, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__attach-size {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 852, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__attach-name {
  margin-left: .35rem;
  margin-right: 5px;
  color: #1a53c6;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

@media (max-width: 1450px) {
  /* line 852, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__attach-name {
    font-size: 12px;
  }
}

/* line 866, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__message-delay-label {
  color: #878787;
  font-size: .6875rem;
  font-weight: 400;
  line-height: 12px;
}

/* line 873, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__message-delay-timestamp {
  margin-left: 7px;
  color: #1a53c6;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 26px;
}

/* line 883, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__type_sender {
  align-items: flex-start;
  margin-right: 100px;
}

/* line 888, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__type_sender .chat-message__time {
  font-size: 14px;
  font-weight: 400;
  color: #99A2B6;
  margin-top: 5px;
}

/* line 895, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__type_sender .chat-message__text {
  max-width: 500px;
  border-color: #cad6ef;
  background-color: #f5f9ff;
  color: #000;
}

/* line 904, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__type_recipient {
  align-items: flex-end;
  position: relative;
  margin-left: 100px;
}

/* line 911, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__type_recipient .chat-message__delivered {
  position: relative;
  left: 10px;
  top: 16px;
}

/* line 917, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__type_recipient .chat-message__time {
  font-size: 14px;
  font-weight: 400;
  color: #99A2B6;
  margin: 10px 0;
}

/* line 924, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__type_recipient .chat-message__text {
  max-width: 500px;
  border-color: #dbdee5;
  background: #fff;
  color: #000;
}

/* line 931, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__type_recipient .chat-message__action {
  margin-right: 10px;
}

@media (max-width: 1450px) {
  /* line 931, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__type_recipient .chat-message__action {
    margin-right: 7px;
  }
}

/* line 938, app/assets/stylesheets/clients/show.scss */
.client-chat__content .chat-message__type_recipient .chat-message__content {
  flex-direction: row-reverse;
}

/* line 950, app/assets/stylesheets/clients/show.scss */
.client-chat__content::-webkit-scrollbar-track, .client-info_flex_box::-webkit-scrollbar-track, .client-board__content::-webkit-scrollbar-track, .client-list__container::-webkit-scrollbar-track, .client-show__overflow::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 954, app/assets/stylesheets/clients/show.scss */
.client-chat__content::-webkit-scrollbar, .client-info_flex_box::-webkit-scrollbar, .client-board__content::-webkit-scrollbar, .client-list__container::-webkit-scrollbar, .client-show__overflow::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  background-color: transparent;
}

/* line 960, app/assets/stylesheets/clients/show.scss */
.client-chat__content::-webkit-scrollbar-thumb, .client-info_flex_box::-webkit-scrollbar-thumb, .client-board__content::-webkit-scrollbar-thumb, .client-list__container::-webkit-scrollbar-thumb, .client-show__overflow::-webkit-scrollbar-thumb {
  background-color: #e1e6f0;
  border-radius: 10px;
}

/* line 965, app/assets/stylesheets/clients/show.scss */
.add-link {
  border-radius: 6px;
  padding: 7px 8px 8px;
  position: absolute;
  width: 70%;
  left: 15%;
  top: 15%;
  background-color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  filter: drop-shadow(0 10px 20px rgba(45, 51, 56, 0.1));
}

/* line 978, app/assets/stylesheets/clients/show.scss */
.add-link__destroy {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 983, app/assets/stylesheets/clients/show.scss */
.add-link button {
  padding: 11px 24px;
  color: white;
  font-weight: 600;
  border: none;
  border-radius: 5px;
  background: #0D42AD;
  margin-right: 15px;
  cursor: pointer;
}

/* line 993, app/assets/stylesheets/clients/show.scss */
.add-link button :focus {
  border: none;
  background: #0D42AD;
}

/* line 999, app/assets/stylesheets/clients/show.scss */
.add-link__hidden {
  display: none;
}

/* line 1004, app/assets/stylesheets/clients/show.scss */
.client-header {
  text-align: center;
  color: white;
  padding: 5px 15px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background: #0D42AD;
  height: 40px;
  width: 100%;
  position: relative;
}

/* line 1015, app/assets/stylesheets/clients/show.scss */
.client-header__title * {
  vertical-align: middle;
}

/* line 1019, app/assets/stylesheets/clients/show.scss */
.client-header__title {
  vertical-align: middle;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
}

/* line 1026, app/assets/stylesheets/clients/show.scss */
.client-header__destroy {
  color: #887E7E;
  transform: rotate(45deg);
  font-size: 35px;
  font-weight: 200;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 1039, app/assets/stylesheets/clients/show.scss */
.client-info__hr {
  width: 95%;
}

/* line 1043, app/assets/stylesheets/clients/show.scss */
.client-info__buttons {
  text-align: center;
  display: flex;
  position: relative;
  right: 0;
  top: 10px;
  flex: 4;
  color: #aaaaaa;
}

/* line 1053, app/assets/stylesheets/clients/show.scss */
.client-info__buttons button:hover {
  background: #e2e2e2;
  border: 1px solid #a1a1a1;
  border-radius: 5px;
}

/* line 1059, app/assets/stylesheets/clients/show.scss */
.client-info__buttons button:focus {
  background: #FFFFFF;
  border: 1px solid #C4C4C4;
  border-radius: 5px;
}

/* line 1065, app/assets/stylesheets/clients/show.scss */
.client-info__buttons * {
  padding: 6px 15px;
  position: relative;
  top: 6px;
  margin-left: 15px;
  color: #696969;
  cursor: pointer;
  background: #FAFAFA;
  border: 1px solid #C4C4C4;
  border-radius: 4px;
  transition: 0.2s;
}

/* line 1077, app/assets/stylesheets/clients/show.scss */
.client-info__buttons *:hover {
  background: #f8f8f8;
  border: 1px solid #aaaaaa;
}

/* line 1084, app/assets/stylesheets/clients/show.scss */
.client-info_flex_box {
  overflow: auto;
  display: flex;
  width: 100%;
}

/* line 1090, app/assets/stylesheets/clients/show.scss */
.message_sending {
  position: absolute;
  right: -15px;
  top: 5px;
  margin-left: 10px;
  width: 10px;
  height: 10px;
  background: #039;
  border-radius: 50%;
}

/* line 1102, app/assets/stylesheets/clients/show.scss */
.svg_blocked svg {
  fill: red;
}

/* line 1108, app/assets/stylesheets/clients/show.scss */
.svg_unblocked svg {
  fill: #626f7f;
}

/* line 1112, app/assets/stylesheets/clients/show.scss */
.action-list {
  width: auto;
  z-index: 999;
  padding: 8px 0;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #d4dff4;
  filter: drop-shadow(0 10px 20px rgba(45, 51, 56, 0.1));
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
}

/* line 1124, app/assets/stylesheets/clients/show.scss */
.action-list--visible {
  visibility: visible;
  opacity: 1;
}

/* line 1129, app/assets/stylesheets/clients/show.scss */
.action-list__item {
  display: block;
  padding: 6px 10px;
  color: #626f7f !important;
  font-size: 14px;
  line-height: 19px;
  text-decoration: none;
  text-align: left;
  white-space: pre;
}

/* line 1139, app/assets/stylesheets/clients/show.scss */
.action-list__item:hover {
  background-color: #f0f6fc;
  cursor: pointer;
}

/* line 1146, app/assets/stylesheets/clients/show.scss */
.message-file {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 1151, app/assets/stylesheets/clients/show.scss */
.message-file__image {
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background-color: #b3c7e6;
}

/* line 1161, app/assets/stylesheets/clients/show.scss */
.message-file__image img {
  width: 100%;
}

@media (max-width: 1450px) {
  /* line 1151, app/assets/stylesheets/clients/show.scss */
  .message-file__image {
    width: 33px;
    height: 33px;
  }
}

/* line 1171, app/assets/stylesheets/clients/show.scss */
.message-file__content {
  margin-left: 20px;
}

@media (max-width: 1450px) {
  /* line 1171, app/assets/stylesheets/clients/show.scss */
  .message-file__content {
    margin-left: 15px;
  }
}

/* line 1178, app/assets/stylesheets/clients/show.scss */
.message-file__name, .message-file__size {
  display: block;
  color: #3f4043;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}

@media (max-width: 1450px) {
  /* line 1178, app/assets/stylesheets/clients/show.scss */
  .message-file__name, .message-file__size {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 1192, app/assets/stylesheets/clients/show.scss */
.submit {
  margin: 20px;
}

/* line 1196, app/assets/stylesheets/clients/show.scss */
.chat-input {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  border-top: 1px solid #e0e1e3;
  background-color: #fff;
}

@media (max-width: 1450px) {
  /* line 1196, app/assets/stylesheets/clients/show.scss */
  .chat-input {
    padding: 15px 25px;
  }
}

/* line 1206, app/assets/stylesheets/clients/show.scss */
.chat-input__block {
  display: flex;
  flex-direction: column;
  background: white;
  position: absolute;
  left: 0;
  bottom: 30px;
  border: 1px solid #cecece;
  color: #808080;
  border-radius: 5px;
}

/* line 1217, app/assets/stylesheets/clients/show.scss */
.chat-input__block__item {
  cursor: pointer;
  padding: 5px 15px 5px 5px;
}

/* line 1222, app/assets/stylesheets/clients/show.scss */
.chat-input__block__item:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* line 1227, app/assets/stylesheets/clients/show.scss */
.chat-input__block__item:hover {
  background: #b3c7e6;
}

/* line 1232, app/assets/stylesheets/clients/show.scss */
.chat-input__block__hidden {
  display: none;
}

/* line 1236, app/assets/stylesheets/clients/show.scss */
.chat-input__bar {
  display: flex;
  flex-direction: column;
  background: white;
  position: absolute;
  bottom: 65px;
  border: 1px solid #cecece;
  color: #808080;
  border-radius: 5px;
}

/* line 1247, app/assets/stylesheets/clients/show.scss */
.chat-input__bar__toggler {
  z-index: 9999999999;
}

/* line 1250, app/assets/stylesheets/clients/show.scss */
.chat-input__bar__toggler__hidden {
  display: none;
}

/* line 1255, app/assets/stylesheets/clients/show.scss */
.chat-input__bar__item {
  cursor: pointer;
  padding: 5px 15px 5px 5px;
}

/* line 1260, app/assets/stylesheets/clients/show.scss */
.chat-input__bar__item:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* line 1266, app/assets/stylesheets/clients/show.scss */
.chat-input__bar__item:hover {
  background: #b3c7e6;
}

/* line 1272, app/assets/stylesheets/clients/show.scss */
.chat-input__bar__hidden {
  display: none;
}

/* line 1276, app/assets/stylesheets/clients/show.scss */
.chat-input__hidden {
  display: none;
}

/* line 1280, app/assets/stylesheets/clients/show.scss */
.chat-input__textarea {
  height: 100%;
  padding: 10px 25px 0 25px;
  border-radius: 0;
  border: none;
  background-color: transparent;
  color: #44444f;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  resize: none;
  outline: 0;
}

/* line 1294, app/assets/stylesheets/clients/show.scss */
.chat-input__textarea__disabled {
  position: relative;
  bottom: 15px;
  background: #E1DFDF;
  width: 94%;
  margin-left: 3%;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(0, 0, 0, 0.04), 0 24px 32px rgba(0, 0, 0, 0.04);
  border: 1px solid #D2D2D2;
  border-radius: 4px;
}

@media (max-width: 1450px) {
  /* line 1280, app/assets/stylesheets/clients/show.scss */
  .chat-input__textarea {
    font-size: 12px;
  }
}

/* line 1311, app/assets/stylesheets/clients/show.scss */
.chat-input__footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media (max-width: 1450px) {
  /* line 1311, app/assets/stylesheets/clients/show.scss */
  .chat-input__footer {
    margin-top: 7px;
  }
}

/* line 1320, app/assets/stylesheets/clients/show.scss */
.chat-input__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 23px 0 0 15px;
  position: relative;
  bottom: 0;
}

/* line 1327, app/assets/stylesheets/clients/show.scss */
.chat-input__actions div, .chat-input__actions a {
  cursor: pointer;
  margin-right: 20px;
}

/* line 1331, app/assets/stylesheets/clients/show.scss */
.chat-input__actions div:hover path, .chat-input__actions a:hover path {
  stroke: #5c636c;
}

/* line 1338, app/assets/stylesheets/clients/show.scss */
.chat-input__action {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  outline: 0;
  cursor: pointer;
  position: relative;
}

/* line 1350, app/assets/stylesheets/clients/show.scss */
.chat-input__action__hidden {
  display: none;
}

/* line 1354, app/assets/stylesheets/clients/show.scss */
.chat-input__action__smiles_block__hidden {
  display: none;
}

/* line 1358, app/assets/stylesheets/clients/show.scss */
.chat-input__action:last-child {
  margin-right: 0;
}

/* line 1363, app/assets/stylesheets/clients/show.scss */
.chat-input__send {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 1369, app/assets/stylesheets/clients/show.scss */
#textbox::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 1373, app/assets/stylesheets/clients/show.scss */
#textbox::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  background-color: transparent;
}

/* line 1379, app/assets/stylesheets/clients/show.scss */
#textbox::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 10px;
}

/* line 1383, app/assets/stylesheets/clients/show.scss */
#textbox {
  min-height: 30px;
  max-height: 230px;
  height: 100%;
  padding: 16px;
  margin-bottom: -6px;
  outline: none !important;
  background: transparent;
  z-index: 3;
  overflow: auto;
  font-size: 14px;
  word-break: break-word;
}

/* line 1396, app/assets/stylesheets/clients/show.scss */
.textbox_placeholder {
  padding: 16px;
  z-index: 4;
  font-size: 14px;
  color: #919191;
  position: absolute;
}

/* line 1403, app/assets/stylesheets/clients/show.scss */
.message-timer {
  margin-right: 7px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  /* &:hover{
     .message-timer__modal{
       opacity: 1;
     }
   }*/
}

@media (max-width: 450px) {
  /* line 1403, app/assets/stylesheets/clients/show.scss */
  .message-timer {
    display: flex !important;
  }
}

/* line 1415, app/assets/stylesheets/clients/show.scss */
.message-timer--active .message-timer__modal {
  display: block;
}

/* line 1430, app/assets/stylesheets/clients/show.scss */
.message-timer__modal {
  position: absolute;
  right: 45px;
  bottom: 0;
  padding: 0 15px;
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: space-between;
  transition: .4s ease;
  background: transparent;
}

/* line 1443, app/assets/stylesheets/clients/show.scss */
.message-timer__label {
  color: #969aa0;
  font-size: .6875rem;
  font-weight: 400;
  line-height: 12px;
}

/* line 1450, app/assets/stylesheets/clients/show.scss */
.message-timer__field {
  height: 20px !important;
  padding: 0 2px 0 12px !important;
  box-sizing: border-box;
  color: white;
  font-size: .6875rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 512px !important;
  background-color: #82a8f4 !important;
  outline: 0;
  margin: 5px;
}

/* line 1466, app/assets/stylesheets/clients/show.scss */
.message-timer__action {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: 0;
}

/* line 1478, app/assets/stylesheets/clients/show.scss */
.messenger_action_list {
  display: none;
  background: white;
  z-index: 9999999;
  width: 100%;
  height: calc(100vh - 58px);
  position: absolute;
  top: 1px;
  left: 1px;
  flex-direction: column;
  padding: 12px 0;
  border-right: 1px solid #e0e1e3;
  cursor: default;
  overflow-y: auto;
}

/* line 1493, app/assets/stylesheets/clients/show.scss */
.messenger_action_list::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 1497, app/assets/stylesheets/clients/show.scss */
.messenger_action_list::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  background-color: transparent;
}

/* line 1503, app/assets/stylesheets/clients/show.scss */
.messenger_action_list::-webkit-scrollbar-thumb {
  background-color: #e0e1e3;
  border-radius: 10px;
}

/* line 1507, app/assets/stylesheets/clients/show.scss */
.messenger_action_list_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  margin-bottom: 13px;
}

/* line 1516, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .left_bar_filter_box {
  padding: 0 16px;
  border-bottom: 1px solid #e0e1e3;
  margin-bottom: 13px;
}

/* line 1521, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .left_bar_filter_box input {
  margin-bottom: 10px;
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 8px 15px 9px;
  height: 39px;
}

/* line 1528, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .left_bar_filter_box input:focus {
  box-shadow: none;
  border-color: #626f7f;
}

/* line 1532, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .left_bar_filter_box input::-moz-placeholder {
  color: #626f7f;
  opacity: 0.6;
}
.messenger_action_list .left_bar_filter_box input:-ms-input-placeholder {
  color: #626f7f;
  opacity: 0.6;
}
.messenger_action_list .left_bar_filter_box input::placeholder {
  color: #626f7f;
  opacity: 0.6;
}

/* line 1537, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .left_bar_filter_box .state_select,
.messenger_action_list .left_bar_filter_box .blocks_select,
.messenger_action_list .left_bar_filter_box .lists_select,
.messenger_action_list .left_bar_filter_box .bot_select {
  margin-bottom: 10px;
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  padding: 0;
}

/* line 1548, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .left_bar_filter_box .state_select::after,
.messenger_action_list .left_bar_filter_box .blocks_select::after,
.messenger_action_list .left_bar_filter_box .lists_select::after,
.messenger_action_list .left_bar_filter_box .bot_select::after {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  width: 9px;
  height: 6px;
  right: 15px;
  top: 17px;
}

/* line 1558, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .left_bar_filter_box .state_select .client_state_title,
.messenger_action_list .left_bar_filter_box .blocks_select .client_state_title,
.messenger_action_list .left_bar_filter_box .lists_select .client_state_title,
.messenger_action_list .left_bar_filter_box .bot_select .client_state_title {
  height: 39px;
  padding: 8px 15px 9px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: -webkit-fill-available;
}

/* line 1568, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .left_bar_filter_box .filter-search-input {
  position: relative;
}

/* line 1570, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .left_bar_filter_box .filter-search-input::after {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/search-icon-6d00345e3ab303e809a876dd72df2acb5dfea366edf4417bdbcac35426b56b01.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  right: 10px;
  top: 7px;
  z-index: -1;
}

/* line 1584, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .left_bar_filter_btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}

/* line 1590, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .send_form,
.messenger_action_list .reset_filters {
  text-align: center;
  padding: 7px 10px 8px;
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  cursor: pointer;
  width: 115px;
}

/* line 1598, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .send_form:hover,
.messenger_action_list .reset_filters:hover {
  border-color: #626f7f;
}

/* line 1602, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .lbFilter {
  position: absolute;
  max-height: 350px;
  overflow-y: auto;
  border: 1px solid #e0e1e3;
  border-top: none;
  border-radius: 0 0 6px 6px;
  padding: 8px 0;
  top: 36px;
  left: -1px;
  width: calc(101% - 1px);
  background-color: #fff;
  z-index: 2;
}

/* line 1616, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .lbFilter::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 1620, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .lbFilter::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  background-color: transparent;
}

/* line 1626, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .lbFilter::-webkit-scrollbar-thumb {
  background-color: #e0e1e3;
  border-radius: 10px;
}

/* line 1631, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .lbFilterItem {
  word-break: break-all;
  padding: 6px 4px 6px 16px;
}

/* line 1634, app/assets/stylesheets/clients/show.scss */
.messenger_action_list .lbFilterItem:hover {
  background-color: #f0f6fc;
}

/* line 1640, app/assets/stylesheets/clients/show.scss */
.left_bar_subtitle_filter {
  font-size: 14px;
  line-height: 18px;
  color: #111111;
  opacity: 0.6;
  margin-bottom: 13px;
}

/* line 1648, app/assets/stylesheets/clients/show.scss */
.filter_trigger {
  cursor: pointer;
  margin-left: 16px;
}

/* line 1652, app/assets/stylesheets/clients/show.scss */
.filter_close {
  cursor: pointer;
}

/* line 1656, app/assets/stylesheets/clients/show.scss */
.header-tools {
  width: 100%;
  min-height: 70px;
  max-height: 70px;
  padding: 0 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

/* line 1670, app/assets/stylesheets/clients/show.scss */
.header-tools .load_clients_by_filter .input-field {
  margin-bottom: 0;
}

/* line 1675, app/assets/stylesheets/clients/show.scss */
.header-tools__contact-button {
  margin-left: 10px;
  position: relative;
  background: none;
  cursor: pointer;
}

/* line 1682, app/assets/stylesheets/clients/show.scss */
.header-tools__contact-button:focus {
  background: white;
}

/* line 1686, app/assets/stylesheets/clients/show.scss */
.header-tools__contact-button:hover {
  background: ghostwhite;
}

/* line 1690, app/assets/stylesheets/clients/show.scss */
.header-tools-button {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: 0;
}

@media (max-width: 1450px) {
  /* line 1690, app/assets/stylesheets/clients/show.scss */
  .header-tools-button {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 1450px) {
  /* line 1656, app/assets/stylesheets/clients/show.scss */
  .header-tools {
    height: 70px;
    padding: 0 10px;
  }
}

/* line 1711, app/assets/stylesheets/clients/show.scss */
.header-tools__search-form {
  position: relative;
  margin-right: 15px;
  min-width: 150px;
}

@media (max-width: 1450px) {
  /* line 1711, app/assets/stylesheets/clients/show.scss */
  .header-tools__search-form {
    margin-right: 7px;
  }
}

/* line 1719, app/assets/stylesheets/clients/show.scss */
.header-tools__search-form__choice-indeficator {
  margin: 15px 8px;
}

/* line 1724, app/assets/stylesheets/clients/show.scss */
.header-tools__search-input {
  width: 100% !important;
  height: 45px !important;
  border: 1px solid #c4c4c4 !important;
  border-radius: 4px !important;
  padding: 10px 45px 10px 12px !important;
  box-sizing: border-box !important;
  color: #363333 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  outline: 0 !important;
  margin: 0 !important;
}

@media (max-width: 1450px) {
  /* line 1724, app/assets/stylesheets/clients/show.scss */
  .header-tools__search-input {
    font-size: 12px !important;
    padding: 7px 40px 7px 10px !important;
    height: 40px !important;
  }
}

/* line 1744, app/assets/stylesheets/clients/show.scss */
.header-tools__search-submit {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 1749, app/assets/stylesheets/clients/show.scss */
.header-tools__search-submit:focus {
  background-color: transparent;
}

/* line 1753, app/assets/stylesheets/clients/show.scss */
.header-tools__search-submit svg {
  fill: #626f7f;
}

/* line 1758, app/assets/stylesheets/clients/show.scss */
.header-tools__contact-button {
  max-width: 128px;
  width: 100%;
  height: 45px;
  padding: 0 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  color: #363333;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  outline: 0;
}

@media (max-width: 1450px) {
  /* line 1758, app/assets/stylesheets/clients/show.scss */
  .header-tools__contact-button {
    max-width: 120px;
    height: 40px;
    padding: 0 12px;
    font-size: 12px;
  }
}

/* line 1782, app/assets/stylesheets/clients/show.scss */
.header-tools__contact-button svg {
  margin-right: 12px;
}

@media (max-width: 1450px) {
  /* line 1782, app/assets/stylesheets/clients/show.scss */
  .header-tools__contact-button svg {
    margin-right: 10px;
  }
}

/* line 1790, app/assets/stylesheets/clients/show.scss */
.header-tools__toggle-filter {
  position: relative;
}

/* line 1793, app/assets/stylesheets/clients/show.scss */
.header-tools__toggle-filter:focus {
  background-color: transparent;
}

/* line 1797, app/assets/stylesheets/clients/show.scss */
.header-tools__toggle-filter .action-list {
  position: absolute;
  top: calc(100% + 5px);
  z-index: 9999999999;
}

/* line 1805, app/assets/stylesheets/clients/show.scss */
.search_by_name {
  border: 1px solid grey;
  height: 40px;
}

/* line 1810, app/assets/stylesheets/clients/show.scss */
.m-categories {
  margin: 0;
  display: flex;
  position: relative;
  box-sizing: border-box;
  background-color: #f0f6fc;
  z-index: 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

/* line 1820, app/assets/stylesheets/clients/show.scss */
.m-categories--expand .m-categories__content {
  height: auto;
}

/* line 1824, app/assets/stylesheets/clients/show.scss */
.m-categories--expand .m-categories__toggle svg {
  transform: rotate(0);
}

@media (max-width: 1450px) {
  /* line 1810, app/assets/stylesheets/clients/show.scss */
  .m-categories {
    padding: 0;
    min-height: 100px;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 1px solid #e0e1e3;
  }
  /* line 1835, app/assets/stylesheets/clients/show.scss */
  .m-categories::-webkit-scrollbar {
    width: 11px;
    height: 12px;
    background-color: transparent;
  }
  /* line 1841, app/assets/stylesheets/clients/show.scss */
  .m-categories::-webkit-scrollbar-track {
    background-color: #FFFFFF;
  }
  /* line 1845, app/assets/stylesheets/clients/show.scss */
  .m-categories::-webkit-scrollbar-thumb {
    border: 3px solid #FFFFFF;
    background-color: #E1E6F0;
    border-radius: 6px;
  }
}

/* line 1855, app/assets/stylesheets/clients/show.scss */
.m-categories__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% / 4);
  padding: 9px 7px;
  box-sizing: border-box;
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: 0;
  flex: 1;
}

/* line 1868, app/assets/stylesheets/clients/show.scss */
.m-categories__item:focus {
  background-color: transparent;
}

/* line 1872, app/assets/stylesheets/clients/show.scss */
.m-categories__item + .m-categories__item {
  border-left: 2px solid #fff;
}

/* line 1876, app/assets/stylesheets/clients/show.scss */
.m-categories__round {
  max-width: 38px;
  min-width: 38px;
  height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 7px auto 4px;
  box-sizing: border-box;
  font-size: 14px;
  border-radius: 50px;
}

/* line 1888, app/assets/stylesheets/clients/show.scss */
.m-categories__round--blue {
  border-color: #6C93E1;
  background-color: #f5f9ff;
}

/* line 1892, app/assets/stylesheets/clients/show.scss */
.m-categories__round--blue .m-categories__counter {
  background-color: #6C93E1;
}

/* line 1897, app/assets/stylesheets/clients/show.scss */
.m-categories__round--white {
  border-color: #626f7f;
  background-color: #f8f8f8;
}

/* line 1901, app/assets/stylesheets/clients/show.scss */
.m-categories__round--white .m-categories__counter {
  background-color: #626f7f;
}

/* line 1906, app/assets/stylesheets/clients/show.scss */
.m-categories__round--red {
  border-color: #e56e86;
  background-color: #ffeef2;
}

/* line 1910, app/assets/stylesheets/clients/show.scss */
.m-categories__round--red .m-categories__counter {
  background-color: #e56e86;
}

/* line 1915, app/assets/stylesheets/clients/show.scss */
.m-categories__round--green {
  border-color: #84be96;
  background-color: #d6eede;
}

/* line 1919, app/assets/stylesheets/clients/show.scss */
.m-categories__round--green .m-categories__counter {
  background-color: #84be96;
}

/* line 1925, app/assets/stylesheets/clients/show.scss */
.m-categories__counter {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 19px;
  padding: 0 6px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  border-radius: 50px;
}

/* line 1939, app/assets/stylesheets/clients/show.scss */
.m-categories__label {
  margin-top: 6px;
  display: block;
  color: #3f4043;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  text-align: center;
}

@media (max-width: 1450px) {
  /* line 1939, app/assets/stylesheets/clients/show.scss */
  .m-categories__label {
    margin-top: 10px;
    font-size: 12px;
    line-height: 15px;
  }
}

/* line 1954, app/assets/stylesheets/clients/show.scss */
.m-categories__footer {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 45px;
  height: 45px;
  margin: auto;
}

@media (max-width: 1450px) {
  /* line 1954, app/assets/stylesheets/clients/show.scss */
  .m-categories__footer {
    width: 40px;
    height: 40px;
  }
}

/* line 1968, app/assets/stylesheets/clients/show.scss */
.m-categories__footer:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 22px;
  display: block;
  background-color: #edf2f9;
  pointer-events: none;
}

@media (max-width: 1450px) {
  /* line 1968, app/assets/stylesheets/clients/show.scss */
  .m-categories__footer:before {
    height: 20px;
  }
}

/* line 1982, app/assets/stylesheets/clients/show.scss */
.m-categories__toggle {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  cursor: pointer;
  outline: 0;
  background-color: #edf2f9;
}

/* line 1994, app/assets/stylesheets/clients/show.scss */
.m-categories__toggle:focus {
  background-color: #edf2f9;
}

/* line 1998, app/assets/stylesheets/clients/show.scss */
.m-categories__toggle svg {
  position: relative;
  z-index: 9;
  transform: rotateZ(180deg);
}

/* line 2007, app/assets/stylesheets/clients/show.scss */
.client-show__sidebar {
  height: 100%;
}

/* line 2011, app/assets/stylesheets/clients/show.scss */
.client-show__overflow {
  overflow: auto;
}

/* line 2019, app/assets/stylesheets/clients/show.scss */
.client-avatar_right-bar {
  display: flex;
}

/* line 2023, app/assets/stylesheets/clients/show.scss */
.client {
  position: relative;
  width: 100%;
  padding: 15px 25px 15px 15px;
  display: flex;
  flex-direction: row;
  border-bottom: none;
  background-color: transparent;
  cursor: pointer;
  outline: 0;
}

@media (max-width: 1450px) {
  /* line 2023, app/assets/stylesheets/clients/show.scss */
  .client {
    padding: 10px;
  }
}

/* line 2037, app/assets/stylesheets/clients/show.scss */
.client__right-bar {
  padding: 10px;
  border-bottom: 1px solid #e0e1e3;
}

/* line 2042, app/assets/stylesheets/clients/show.scss */
.client__timer__vector {
  position: relative;
  top: 3px;
}

/* line 2049, app/assets/stylesheets/clients/show.scss */
.client_theme_red .client__counter {
  color: #fff;
  background-color: #e56e86;
}

/* line 2054, app/assets/stylesheets/clients/show.scss */
.client_theme_red .client__message {
  background-color: #f6f6f6;
  color: #4F5966;
  margin-top: 3px;
  width: 100%;
}

/* line 2055, app/assets/stylesheets/clients/show.scss */
.client_theme_red .client__message-text {
  font-size: 14px;
  word-break: break-word;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
}

/* line 2069, app/assets/stylesheets/clients/show.scss */
.client_theme_red .message-sender {
  border-left: 3px solid #e56e86;
  background-color: #f6f6f6;
}

/* line 2073, app/assets/stylesheets/clients/show.scss */
.client_theme_red .message-recipient {
  background-color: #f6f6f6;
}

/* line 2079, app/assets/stylesheets/clients/show.scss */
.client_theme_green .client__counter {
  color: #fff;
  background-color: #82bf96;
}

/* line 2084, app/assets/stylesheets/clients/show.scss */
.client_theme_green .client__message {
  background-color: #d9f4e2;
}

/* line 2090, app/assets/stylesheets/clients/show.scss */
.client__avatar {
  flex-shrink: 0;
  margin-right: 14px;
}

@media (max-width: 1450px) {
  /* line 2090, app/assets/stylesheets/clients/show.scss */
  .client__avatar {
    margin-right: 12px;
  }
}

/* line 2098, app/assets/stylesheets/clients/show.scss */
.client__content {
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

/* line 2105, app/assets/stylesheets/clients/show.scss */
.client__header {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 2112, app/assets/stylesheets/clients/show.scss */
.client__heading {
  color: #111111;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

@media (max-width: 1450px) {
  /* line 2112, app/assets/stylesheets/clients/show.scss */
  .client__heading {
    font-size: 12px;
  }
}

/* line 2122, app/assets/stylesheets/clients/show.scss */
.client__counter {
  padding: 0 8px;
  margin-left: 10px;
  color: #777e8c;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  border-radius: 10px;
  background-color: #d0dcf2;
}

@media (max-width: 1450px) {
  /* line 2122, app/assets/stylesheets/clients/show.scss */
  .client__counter {
    padding: 0 6px;
    line-height: 15px;
  }
}

/* line 2137, app/assets/stylesheets/clients/show.scss */
.client__message {
  padding: 8px;
  box-sizing: border-box;
  border-radius: 4px;
  text-align: left;
}

@media (max-width: 1450px) {
  /* line 2137, app/assets/stylesheets/clients/show.scss */
  .client__message {
    padding: 6px;
    margin-top: 6px;
  }
}

/* line 2147, app/assets/stylesheets/clients/show.scss */
.client__message-text {
  margin: 0;
  color: #4f5966;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 1450px) {
  /* line 2147, app/assets/stylesheets/clients/show.scss */
  .client__message-text {
    font-size: 12px;
    line-height: 18px;
  }
}

/* line 2160, app/assets/stylesheets/clients/show.scss */
.client__time {
  position: absolute;
  right: 10px;
  top: 10px;
}

/* line 2164, app/assets/stylesheets/clients/show.scss */
.client__time-count {
  position: relative;
  color: #95A3BA;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

@media (max-width: 1450px) {
  /* line 2164, app/assets/stylesheets/clients/show.scss */
  .client__time-count {
    line-height: 20px;
  }
}

/* line 2176, app/assets/stylesheets/clients/show.scss */
.client--active {
  background: #dfebf7;
}

/* line 2179, app/assets/stylesheets/clients/show.scss */
.client--active .client__content .client__message {
  background-color: #FFFFFF;
}

/* line 2182, app/assets/stylesheets/clients/show.scss */
.client--active .client__content .message-sender {
  border-left: 3px solid #e56e86;
}

/* line 2189, app/assets/stylesheets/clients/show.scss */
.file-attachments:focus {
  border: none;
}

/* line 2195, app/assets/stylesheets/clients/show.scss */
.icon_hide {
  display: none;
}

/* line 2199, app/assets/stylesheets/clients/show.scss */
.icon_show {
  display: block;
}

/* line 2205, app/assets/stylesheets/clients/show.scss */
.client-user-board__table-content {
  flex: 1;
}

/* line 2209, app/assets/stylesheets/clients/show.scss */
.no-attachments {
  font-size: 20px;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  overflow: hidden;
  color: #039;
}

/* line 2218, app/assets/stylesheets/clients/show.scss */
.error_circle {
  position: absolute;
  right: -15px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fc5f5f;
  margin-left: 5px;
  margin-top: 5px;
}

/* line 2229, app/assets/stylesheets/clients/show.scss */
.attach-file {
  position: absolute;
  z-index: 99999999999999999999999;
  max-width: 750px;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 15%;
  background: #fff;
  height: auto;
  overflow: hidden;
  max-height: 70%;
  border-radius: 5px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
  min-width: 300px;
  padding: 0 0 20px 0;
}

/* line 2247, app/assets/stylesheets/clients/show.scss */
.attach-file__content {
  position: relative;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

/* line 2253, app/assets/stylesheets/clients/show.scss */
.attach-file__content::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 2257, app/assets/stylesheets/clients/show.scss */
.attach-file__content::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  background-color: transparent;
}

/* line 2263, app/assets/stylesheets/clients/show.scss */
.attach-file__content::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 10px;
}

/* line 2268, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__table:hover {
  background: transparent;
  cursor: inherit;
}

/* line 2273, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(224, 225, 227, 0.6);
  align-items: center;
  cursor: pointer;
  color: #111111;
  font-size: 15px;
  line-height: 19px;
  display: flex;
  flex-direction: row;
}

/* line 2277, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info:hover {
  background-color: #f0f6fc;
}

/* line 2281, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__button > a {
  opacity: .5;
}

/* line 2283, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__button > a:hover {
  opacity: 1;
}

/* line 2288, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__for-padding {
  padding: 23px 16px 8px;
  cursor: default;
  border-bottom: 1px solid rgba(224, 225, 227, 0.6);
  font-size: 15px;
  line-height: 19px;
  color: #626f7f;
}

/* line 2296, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__for-padding:hover {
  background: transparent;
}

/* line 2308, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__item {
  display: flex;
}

/* line 2311, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__item :first-child {
  min-width: 20px;
}

/* line 2315, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__item p {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin: 0 0 0 5px;
}

/* line 2324, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__white-space {
  flex: 0.3;
}

/* line 2328, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__name {
  flex: 4;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 2336, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__name_prev {
  flex: 14;
}

/* line 2341, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__weight {
  flex: 2;
}

/* line 2344, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__weight_prev {
  flex: 6.5;
}

/* line 2349, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__date {
  flex: 1.7;
}

/* line 2352, app/assets/stylesheets/clients/show.scss */
.attach-file__content__info__date_prev {
  flex: 6.5;
}

/* line 2359, app/assets/stylesheets/clients/show.scss */
.attach-file__success {
  position: absolute;
  background: red;
  width: 50%;
  left: 25%;
  top: 10%;
  height: 30%;
}

/* line 2367, app/assets/stylesheets/clients/show.scss */
.attach-file__success__hidden {
  display: none;
}

/* line 2372, app/assets/stylesheets/clients/show.scss */
.attach-file__dropzone {
  background-color: #f8f9fb;
  border-radius: 6px;
  position: absolute;
  width: 40%;
  left: 30%;
  top: 30%;
  border: 5px #e6eaf2 dashed;
  z-index: 999999;
}

/* line 2382, app/assets/stylesheets/clients/show.scss */
.attach-file__dropzone__destroy {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

/* line 2390, app/assets/stylesheets/clients/show.scss */
.attach-file__dropzone__hidden {
  display: none;
}

/* line 2395, app/assets/stylesheets/clients/show.scss */
.attach-file__flex-box {
  display: flex;
  border-bottom: 1px solid #e0e1e3;
}

/* line 2400, app/assets/stylesheets/clients/show.scss */
.attach-file__hidden {
  display: none;
}

/* line 2404, app/assets/stylesheets/clients/show.scss */
.attach-file__add-file {
  display: flex;
  flex-direction: row;
}

/* line 2408, app/assets/stylesheets/clients/show.scss */
.attach-file__add-file__attach:hover {
  background: #f0f6fc;
}

/* line 2412, app/assets/stylesheets/clients/show.scss */
.attach-file__add-file__link:hover {
  background: #f0f6fc;
}

/* line 2416, app/assets/stylesheets/clients/show.scss */
.attach-file__add-file__attach {
  cursor: pointer;
  color: #039;
  text-align: center;
  background: #fff;
  border-right: 1px solid #e0e1e3;
  align-items: center;
  padding: 12px 0 13px;
  flex: 1;
  font-size: 15px;
  line-height: 19px;
}

@media (max-width: 640px) {
  /* line 2428, app/assets/stylesheets/clients/show.scss */
  .attach-file__add-file__attach__delete-files {
    font-size: 12px;
  }
}

/* line 2434, app/assets/stylesheets/clients/show.scss */
.attach-file__add-file__attach__upload-new-file {
  vertical-align: middle;
  width: 100%;
  margin-left: 10px;
}

/* line 2440, app/assets/stylesheets/clients/show.scss */
.attach-file__add-file__attach__plus {
  vertical-align: middle;
  font-size: 20px;
}

/* line 2447, app/assets/stylesheets/clients/show.scss */
.attach-file__add-file__link {
  cursor: pointer;
  color: #039;
  background: #fff;
  text-align: center;
  flex: 1;
  align-items: center;
  font-size: 15px;
  line-height: 19px;
}

/* line 2457, app/assets/stylesheets/clients/show.scss */
.attach-file__add-file__link__link-svg {
  vertical-align: middle;
  font-size: 20px;
}

/* line 2462, app/assets/stylesheets/clients/show.scss */
.attach-file__add-file__link__link-attach {
  vertical-align: middle;
  margin-left: 10px;
}

/* line 2471, app/assets/stylesheets/clients/show.scss */
.attach-file__header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: #f8f9fb;
  color: #111111;
  font-weight: 500;
  text-align: center;
  padding: 13px 16px 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: relative;
  border-bottom: 1px solid #e0e1e3;
}

/* line 2485, app/assets/stylesheets/clients/show.scss */
.attach-file__header__destroy {
  font-size: 30px;
  line-height: 17px;
  font-weight: 300;
  transform: rotate(45deg);
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 2497, app/assets/stylesheets/clients/show.scss */
.dropzone {
  border: none !important;
}

/* line 2501, app/assets/stylesheets/clients/show.scss */
.attach-file__add-file__attach, .attach-file__add-file__link {
  display: flex;
  justify-content: center;
}

/* line 2505, app/assets/stylesheets/clients/show.scss */
.attach-file__add-file__attach :last-child, .attach-file__add-file__link :last-child {
  width: auto;
}

/* line 2509, app/assets/stylesheets/clients/show.scss */
.attach-file__add-file__attach :first-child, .attach-file__add-file__link :first-child {
  line-height: 20px;
}

/* line 2513, app/assets/stylesheets/clients/show.scss */
.attach-file__add-file__attach p, .attach-file__add-file__link p {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin: 0;
}

/* line 2522, app/assets/stylesheets/clients/show.scss */
.attach-file__box-text {
  align-items: center;
}

/* line 2526, app/assets/stylesheets/clients/show.scss */
.choice-indeficator {
  position: fixed;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100vh - 17%);
  top: 8%;
  z-index: 99999999999999999999999999999;
  background: #FBFCFF;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
}

/* line 2539, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__success {
  position: absolute;
  width: 36%;
  top: 300px;
  left: 32%;
  height: 100px;
  border: 1px solid #D2D2D2;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  padding: 25px 0;
  background: #FFFFFF;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(0, 0, 0, 0.04), 0 24px 32px rgba(0, 0, 0, 0.04);
}

/* line 2554, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__success__hidden {
  visibility: hidden;
}

/* line 2559, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__content {
  padding: 16px;
  height: 90%;
  overflow: auto;
}

/* line 2563, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__content::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 2567, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__content::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  background-color: transparent;
}

/* line 2573, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__content::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 10px;
}

/* line 2579, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__blocks {
  max-height: 500px;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
}

/* line 2689, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 16px 20px 16px 16px;
  background: #f8f9fb;
  color: #111111;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  border-bottom: 1px solid #e0e1e3;
}

/* line 2702, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__header__destroy {
  font-size: 30px;
  font-weight: 300;
  transform: rotate(45deg);
  cursor: pointer;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #626f7f;
}

/* line 2713, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector {
  padding: 15px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
}

@media (max-width: 880px) {
  /* line 2713, app/assets/stylesheets/clients/show.scss */
  .choice-indeficator__selector {
    text-align: center;
  }
}

/* line 2724, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__circles {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  min-width: 200px;
  justify-content: space-around;
}

/* line 2732, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks {
  flex: 1;
  width: 19px;
  max-width: 19px;
  height: 19px;
  margin: 0 5px;
  border-radius: 50%;
  background: none;
  cursor: pointer;
}

/* line 2742, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks__1 {
  background: #A3DFA9;
}

/* line 2744, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks__1:hover {
  box-shadow: 0 0 1px #A3DFA9;
}

/* line 2749, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks__2 {
  background: #E292A6;
}

/* line 2751, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks__2:hover {
  box-shadow: 0 0 1px #E292A6;
}

/* line 2756, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks__3 {
  background: #7794DF;
}

/* line 2758, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks__3:hover {
  box-shadow: 0 0 1px #7794DF;
}

/* line 2763, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks__4 {
  background: #ADD7BA;
}

/* line 2765, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks__4:hover {
  box-shadow: 0 0 1px #ADD7BA;
}

/* line 2770, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks__5 {
  background: #4B4F60;
}

/* line 2772, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks__5:hover {
  box-shadow: 0 0 1px #4B4F60;
}

/* line 2777, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks__6 {
  background: #CAD6EF;
}

/* line 2779, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks__6:hover {
  box-shadow: 0 0 1px #CAD6EF;
}

/* line 2784, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks__7 {
  background: #F2DB9E;
}

/* line 2786, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks__7:hover {
  box-shadow: 0 0 1px #F2DB9E;
}

/* line 2793, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks_small__1 {
  background: #A3DFA9;
}

/* line 2797, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks_small__2 {
  background: #E292A6;
}

/* line 2801, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks_small__3 {
  background: #7794DF;
}

/* line 2805, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks_small__4 {
  background: #ADD7BA;
}

/* line 2809, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks_small__5 {
  background: #4B4F60;
}

/* line 2813, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks_small__6 {
  background: #CAD6EF;
}

/* line 2817, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks_small__7 {
  background: #F2DB9E;
}

/* line 2821, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__blocks_small__0 {
  border: 1px solid #DEDEDE;
  width: 19px;
  height: 19px;
  border-radius: 50%;
}

/* line 2833, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__mode:hover {
  color: #244483;
}

/* line 2837, app/assets/stylesheets/clients/show.scss */
.choice-indeficator__selector__mode {
  margin: 0 8px;
  cursor: pointer;
  text-decoration: none;
  color: #868686;
}

/* line 2847, app/assets/stylesheets/clients/show.scss */
.file-path_to_val {
  display: none;
}

/* line 2851, app/assets/stylesheets/clients/show.scss */
.file-name_to_val {
  display: none;
}

/* line 2855, app/assets/stylesheets/clients/show.scss */
.file-size_to_val {
  display: none;
}

/* line 2859, app/assets/stylesheets/clients/show.scss */
#bot_task_attachment_url {
  border: none;
  resize: none;
}

/* line 2864, app/assets/stylesheets/clients/show.scss */
.file_type_select {
  width: 35%;
  margin: 0 10px 0 0;
}

/* line 2865, app/assets/stylesheets/clients/show.scss */
.file_type_select__hidden {
  display: none;
}

/* line 2873, app/assets/stylesheets/clients/show.scss */
.file_type_select .select-wrapper .select-dropdown {
  font-size: 14px;
  word-break: break-word;
}

/* line 2877, app/assets/stylesheets/clients/show.scss */
.file_type_select .select-wrapper .select-dropdown * {
  font-size: 14px;
  word-break: break-word;
  padding: 0;
  margin: 0;
}

/* line 2887, app/assets/stylesheets/clients/show.scss */
a.send-again {
  color: #424242 !important;
  text-decoration: none;
}

/* line 2892, app/assets/stylesheets/clients/show.scss */
.send-again {
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  cursor: pointer;
  padding: 5px 25px;
  background: #fafafa;
}

/* line 2899, app/assets/stylesheets/clients/show.scss */
.send-again:hover {
  background: #dbdbdb;
}

@media (max-width: 880px) {
  /* line 2892, app/assets/stylesheets/clients/show.scss */
  .send-again {
    text-align: center;
    padding: 5px 10px;
  }
}

/* line 2909, app/assets/stylesheets/clients/show.scss */
.no-margin {
  margin: 0;
}

/* line 2914, app/assets/stylesheets/clients/show.scss */
.flex-box {
  display: flex;
}

/* line 2916, app/assets/stylesheets/clients/show.scss */
.flex-box_between {
  display: flex;
  justify-content: space-between;
}

/* line 2922, app/assets/stylesheets/clients/show.scss */
.file-name {
  position: absolute;
  border-radius: 10px;
  background: #eeeeee;
  display: flex;
  padding: 5px;
  height: 55px;
  width: 190px;
  top: 0;
  overflow: hidden;
}

@media (max-width: 500px) {
  /* line 2922, app/assets/stylesheets/clients/show.scss */
  .file-name {
    top: -135px;
  }
}

/* line 2936, app/assets/stylesheets/clients/show.scss */
.file-name__destroy {
  position: absolute;
  margin: 0 !important;
  top: 5px;
  right: 5px;
  z-index: 999999999;
  font-size: 25px;
  transform: rotate(45deg);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  line-height: 20px;
}

/* line 2949, app/assets/stylesheets/clients/show.scss */
.file-name__hidden {
  display: none;
}

/* line 2953, app/assets/stylesheets/clients/show.scss */
.file-name .name-div {
  overflow: hidden;
}

/* line 2957, app/assets/stylesheets/clients/show.scss */
.file-name .size-div {
  min-height: 20px;
}

/* line 2962, app/assets/stylesheets/clients/show.scss */
.name-div {
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 15px;
  margin: 0;
}

/* line 2969, app/assets/stylesheets/clients/show.scss */
.size {
  color: #868686;
  position: absolute;
}

/* line 2974, app/assets/stylesheets/clients/show.scss */
.choice-type {
  border: 1px solid #7499E3;
  position: relative;
  cursor: pointer;
}

/* line 2979, app/assets/stylesheets/clients/show.scss */
.choice-type__hidden {
  display: none;
}

/* line 2983, app/assets/stylesheets/clients/show.scss */
.choice-type__item {
  padding: 3px 10px;
}

/* line 2986, app/assets/stylesheets/clients/show.scss */
.choice-type__item:hover {
  background: #3b50bf;
  color: white;
}

/* line 2992, app/assets/stylesheets/clients/show.scss */
.choice-type__items {
  position: absolute;
  bottom: 0;
  color: white;
  background: #1F3499;
  border: 1px solid white;
}

/* line 2999, app/assets/stylesheets/clients/show.scss */
.choice-type__items__hidden {
  display: none;
}

/* line 3004, app/assets/stylesheets/clients/show.scss */
.choice-type__current {
  padding: 0 30px;
}

/* line 3009, app/assets/stylesheets/clients/show.scss */
.hidden {
  display: none;
}

/* line 3013, app/assets/stylesheets/clients/show.scss */
.submit_button {
  margin: 0 12px 5px 0;
}

/* line 3017, app/assets/stylesheets/clients/show.scss */
.user_avatar__smaller {
  position: relative;
  width: 40px;
  height: 46px;
  margin-right: 10px;
}

/* line 3023, app/assets/stylesheets/clients/show.scss */
.user_avatar__smaller__img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

/* line 3030, app/assets/stylesheets/clients/show.scss */
.change_user_var_value_value, .change_user_var_value_var, .order_change_user_var_value_var, .order_change_user_var_value_value {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 3035, app/assets/stylesheets/clients/show.scss */
#change_user_var_value_var, #change_user_var_value_value, #order_change_user_var_value_var, #order_change_user_var_value_value {
  box-shadow: none;
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  height: 40px;
  width: 100%;
  padding: 0 8px;
  box-sizing: border-box;
}

/* line 3059, app/assets/stylesheets/clients/show.scss */
#order_cost {
  height: 43px;
}

/* line 3063, app/assets/stylesheets/clients/show.scss */
.field > .select-wrapper > .dropdown-trigger, .task_user_id > .select-wrapper > .dropdown-trigger, #task_deadline {
  min-height: 45px;
  margin-top: 0;
}

/* line 3067, app/assets/stylesheets/clients/show.scss */
#load_clients_by_filter_search {
  padding: 0 30px 0 10px !important;
  width: calc(100% - 42px) !important;
}

/* line 3072, app/assets/stylesheets/clients/show.scss */
#order_cost {
  margin-top: 0;
}

/* line 3076, app/assets/stylesheets/clients/show.scss */
#order_variables {
  padding: 5px 15px;
}

/* line 3079, app/assets/stylesheets/clients/show.scss */
#date_filter_after, #date_filter_before {
  padding: 0 10px 0 10px !important;
  width: calc(100% - 22px);
  margin-top: 0;
  color: #B8B8B8;
}

/* line 3085, app/assets/stylesheets/clients/show.scss */
#load_bot_messages_by_filter_search {
  width: calc(100% - 9px);
  padding-right: 30px;
  margin-left: -4px;
  padding-left: 5px;
}

/* line 3092, app/assets/stylesheets/clients/show.scss */
#task_deadline {
  width: 30%;
}

/* line 3097, app/assets/stylesheets/clients/show.scss */
#index_search, #index_variable_name, #index_variable_value, #task_name, .task_user_id > .select-wrapper > .dropdown-trigger, .index_state_id > .select-wrapper > .dropdown-trigger, #order_cost, .field > .select-wrapper > .dropdown-trigger, #index_value {
  width: 100%;
  padding-right: 0;
  padding-left: 10px;
}

/* line 3103, app/assets/stylesheets/clients/show.scss */
.task_user_id > .select-wrapper > .caret {
  position: absolute;
  right: 10%;
}

/* line 3107, app/assets/stylesheets/clients/show.scss */
.field > .select-wrapper > .caret {
  right: 2%;
  position: absolute;
}

/* line 3112, app/assets/stylesheets/clients/show.scss */
.load_bot_messages_by_filter_search {
  margin: 0;
  padding-left: 10px;
  padding-right: 30px;
}

/* line 3119, app/assets/stylesheets/clients/show.scss */
.page-filter__content .load_clients_by_filter_search > #load_clients_by_filter_search {
  width: 100% !important;
  box-sizing: border-box;
  border-color: #E0E1E3 !important;
}

/* line 3123, app/assets/stylesheets/clients/show.scss */
.page-filter__content .load_clients_by_filter_search > #load_clients_by_filter_search:focus {
  box-shadow: none !important;
  border-color: #1a53c6 !important;
}

/* line 3130, app/assets/stylesheets/clients/show.scss */
.load_clients_by_filter, .load_bot_messages_by_filter, .index.simple_form {
  position: relative;
  display: flex;
  flex-direction: column;
}

/* line 3137, app/assets/stylesheets/clients/show.scss */
.simple_form_index {
  position: relative !important;
}

/* line 3140, app/assets/stylesheets/clients/show.scss */
.simple_form_index :first-child {
  margin-right: 0;
}

/* line 3145, app/assets/stylesheets/clients/show.scss */
.load_clients_by_name:focus, .message_search_by_words_search:focus {
  border-bottom: none;
}

/* line 3150, app/assets/stylesheets/clients/show.scss */
.search_lupa_orders {
  position: absolute;
  right: 11px;
  top: 9px;
}

/* line 3155, app/assets/stylesheets/clients/show.scss */
.search_lupa_orders svg {
  fill: #c0c5cc;
}

/* line 3159, app/assets/stylesheets/clients/show.scss */
.search_lupa {
  position: absolute;
  right: 5px;
  top: 11px;
}

/* line 3164, app/assets/stylesheets/clients/show.scss */
.search_lupa_index {
  top: 9px;
  right: 10px;
}

/* line 3169, app/assets/stylesheets/clients/show.scss */
.search_lupa svg {
  fill: #c0c5cc;
}

/* line 3173, app/assets/stylesheets/clients/show.scss */
.load_blocks_by_name {
  margin: 0;
  position: relative;
}

/* line 3178, app/assets/stylesheets/clients/show.scss */
#link_to_val {
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  padding: 11px 16px;
  width: 100%;
  box-sizing: border-box;
}

/* line 3185, app/assets/stylesheets/clients/show.scss */
#link_to_val:focus {
  box-shadow: none;
  border: 1px solid #626f7f;
}

/* line 3191, app/assets/stylesheets/clients/show.scss */
.link_to_val_div {
  position: relative;
  margin-right: 8px;
  max-width: 400px;
  width: 100%;
}

/* line 3198, app/assets/stylesheets/clients/show.scss */
.search_lupa_link_to_val {
  position: absolute;
  right: 5px;
  top: 13px;
}

/* line 3203, app/assets/stylesheets/clients/show.scss */
.search_lupa_link_to_val svg {
  fill: #b8b8b8;
}

/* line 3208, app/assets/stylesheets/clients/show.scss */
.upload_file {
  margin-right: 20px;
  cursor: pointer;
  position: relative;
}

/* line 3212, app/assets/stylesheets/clients/show.scss */
.upload_file svg > path {
  fill: #626f7f;
}

/* line 3217, app/assets/stylesheets/clients/show.scss */
.upload_file_menu {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  bottom: 65px;
  left: 2px;
  background: #FFFFFF;
  border: 1px solid #d4dff4;
  padding: 8px 0;
  border-radius: 6px;
  z-index: 999;
  filter: drop-shadow(0 10px 20px rgba(45, 51, 56, 0.1));
}

/* line 3229, app/assets/stylesheets/clients/show.scss */
.upload_file_menu * {
  width: 100%;
  padding: 8px 16px;
  justify-content: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #696969;
  line-height: 19px;
}

/* line 3237, app/assets/stylesheets/clients/show.scss */
.upload_file_menu *:hover {
  background: #f0f6fc;
}

/* line 3243, app/assets/stylesheets/clients/show.scss */
.upload_file_menu_cut {
  background: #ffffff;
  border-right: 1px solid #d4dff4;
  border-bottom: 1px solid #d4dff4;
  width: 12px;
  padding: 0;
  height: 12px;
  z-index: -1;
  left: 16px;
  position: absolute;
  bottom: -7px;
  transform: rotate(45deg);
}

/* line 3258, app/assets/stylesheets/clients/show.scss */
.transfer {
  border-left: 1px solid #d9d9d9;
  position: relative;
}

/* line 3262, app/assets/stylesheets/clients/show.scss */
.transfer:hover {
  background: #e8e8e8;
}

/* line 3266, app/assets/stylesheets/clients/show.scss */
.transfer_toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 8px 9px 8px 10px;
  position: relative;
}

/* line 3272, app/assets/stylesheets/clients/show.scss */
.transfer_toggle span {
  margin-left: 6px;
}

/* line 3277, app/assets/stylesheets/clients/show.scss */
.transfer_items_container {
  z-index: 99999;
  background: white;
  border: 1px solid #d4dff4;
  border-radius: 6px;
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(0 10px 20px rgba(45, 51, 56, 0.1));
}

/* line 3287, app/assets/stylesheets/clients/show.scss */
.transfer_items_container::before {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: #fff;
  top: -13px;
  right: 45%;
  z-index: -1;
  transform: rotate(45deg);
  border-top: 1px solid #d4dff4;
  border-left: 1px solid #d4dff4;
  border-radius: 2px;
}

/* line 3303, app/assets/stylesheets/clients/show.scss */
.transfer_items {
  max-height: 350px;
  overflow: auto;
  text-align: left;
  padding: 8px 0;
}

/* line 3309, app/assets/stylesheets/clients/show.scss */
.transfer_items::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 3314, app/assets/stylesheets/clients/show.scss */
.transfer_items::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 3320, app/assets/stylesheets/clients/show.scss */
.transfer_items::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

@media (max-width: 1368px) {
  /* line 3303, app/assets/stylesheets/clients/show.scss */
  .transfer_items {
    left: -125px;
    max-width: 275px;
    transform: translateX(0);
  }
  /* line 3329, app/assets/stylesheets/clients/show.scss */
  .transfer_items::before {
    right: 70px;
  }
}

/* line 3335, app/assets/stylesheets/clients/show.scss */
.transfer_item {
  padding: 6px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 270px;
  color: #626f7f;
}

/* line 3343, app/assets/stylesheets/clients/show.scss */
.transfer_item:hover {
  background: #f0f6fc;
}

/* line 3349, app/assets/stylesheets/clients/show.scss */
.my_clients {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #111111;
  text-align: center;
  border: 1px solid #E0E1E3;
  border-radius: 6px;
  margin-top: 7px;
  padding: 7px 15px;
  cursor: pointer;
  height: 40px;
  transition: 0.3s;
  font-size: 14px;
}

/* line 3368, app/assets/stylesheets/clients/show.scss */
.my_clients:hover {
  border-color: transparent;
  background-color: #E6EAF2;
}

/* line 3373, app/assets/stylesheets/clients/show.scss */
.my_clients b {
  font-weight: 400;
}

/* line 3377, app/assets/stylesheets/clients/show.scss */
.my_clients * {
  color: #111111;
}

/* line 3380, app/assets/stylesheets/clients/show.scss */
.my_clients span {
  position: absolute;
  right: 15px;
}

/* line 3385, app/assets/stylesheets/clients/show.scss */
.client-change-wrapper {
  display: flex;
  justify-content: space-between;
}

/* line 3389, app/assets/stylesheets/clients/show.scss */
.change_client_group {
  border: 1px solid #e0e1e3;
  margin: 0 8px 0 0;
  display: flex;
  align-items: center;
  border-radius: 6px;
}

/* line 3395, app/assets/stylesheets/clients/show.scss */
.change_client_group:hover {
  background-color: #E6EAF2;
  border-color: transparent;
}

/* line 3399, app/assets/stylesheets/clients/show.scss */
.change_client_group .s {
  margin-left: 6px;
}

@media (max-width: 1450px) {
  /* line 3389, app/assets/stylesheets/clients/show.scss */
  .change_client_group {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

/* line 3409, app/assets/stylesheets/clients/show.scss */
.change_client_group * {
  font-size: 15px;
  line-height: 19px;
  text-align: left;
  color: #111111;
}

/* line 3416, app/assets/stylesheets/clients/show.scss */
.change_client_group__hover {
  padding: 10px 0;
}

/* line 3419, app/assets/stylesheets/clients/show.scss */
.change_client_group__hover:hover {
  background: #d9d9d9;
}

@media (max-width: 1450px) {
  /* line 3389, app/assets/stylesheets/clients/show.scss */
  .change_client_group {
    font-size: 14px;
  }
}

/* line 3429, app/assets/stylesheets/clients/show.scss */
.take_client_link {
  display: flex;
  align-items: center;
  padding: 7px 8px 7px 9px;
}

/* line 3434, app/assets/stylesheets/clients/show.scss */
.refuse_client_link {
  padding: 7px 5px;
}

/* line 3438, app/assets/stylesheets/clients/show.scss */
.error_message {
  color: #fc5f5f;
  margin-bottom: 5px !important;
  line-height: 16px !important;
}

/* line 3443, app/assets/stylesheets/clients/show.scss */
.client_changes_toggler, .order_change_var_toggler, .planed_messages, .proxy_links_left_bar {
  position: relative;
  cursor: pointer !important;
}

/* line 3446, app/assets/stylesheets/clients/show.scss */
.client_changes_toggler:hover, .order_change_var_toggler:hover, .planed_messages:hover, .proxy_links_left_bar:hover {
  background: #dbe8ff !important;
}

/* line 3450, app/assets/stylesheets/clients/show.scss */
.client-board__top-wrapper {
  display: flex;
  padding: 0 14px;
}

@media (max-width: 1368px) {
  /* line 3450, app/assets/stylesheets/clients/show.scss */
  .client-board__top-wrapper {
    flex-direction: column;
    align-items: center;
    padding: 0 8px;
  }
}

/* line 3459, app/assets/stylesheets/clients/show.scss */
.add_new_var_but_on {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  padding: 7px 8px 7px 8px;
  border: 1px solid #e0e1e3;
  border-radius: 6px !important;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  position: relative;
}

/* line 3472, app/assets/stylesheets/clients/show.scss */
.add_new_var_but_on span {
  margin-left: 6px;
}

/* line 3476, app/assets/stylesheets/clients/show.scss */
.add_new_var_but_on:hover {
  border-color: transparent;
  background-color: #E6EAF2;
}

/* line 3480, app/assets/stylesheets/clients/show.scss */
.add_new_var_but_on:focus {
  background-color: #e6eaf2;
}

@media (max-width: 1368px) {
  /* line 3459, app/assets/stylesheets/clients/show.scss */
  .add_new_var_but_on {
    margin-top: 8px;
  }
}

/* line 3488, app/assets/stylesheets/clients/show.scss */
.change_var_value_but {
  width: 100% !important;
  margin: 0 !important;
}

/* line 3494, app/assets/stylesheets/clients/show.scss */
.delete-var * {
  color: #FD5D4F;
}

/* line 3499, app/assets/stylesheets/clients/show.scss */
.change_var_value {
  background: #039;
  border-radius: 6px;
  width: 100%;
  margin: 0;
  text-align: center;
  border: none;
  color: white;
  padding: 11px 10px;
  cursor: pointer;
  font-size: 15px;
  line-height: 19px;
}

/* line 3512, app/assets/stylesheets/clients/show.scss */
.change_var_value:focus {
  background: #039;
}

/* line 3515, app/assets/stylesheets/clients/show.scss */
.change_var_value_button {
  padding: 0;
}

/* line 3520, app/assets/stylesheets/clients/show.scss */
.change_var_value_tr, .change_var_value_orders {
  border: 1px solid #d4dff4;
  z-index: 10;
  border-radius: 6px;
  position: fixed;
  background: white;
  width: 330px;
  top: 125px;
  right: 70px;
  padding: 16px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1), 0 16px 24px rgba(0, 0, 0, 0.1), 0 24px 32px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1451px) {
  /* line 3520, app/assets/stylesheets/clients/show.scss */
  .change_var_value_tr, .change_var_value_orders {
    max-width: 264px;
  }
}

@media (max-width: 1368px) {
  /* line 3520, app/assets/stylesheets/clients/show.scss */
  .change_var_value_tr, .change_var_value_orders {
    top: 175px;
    right: 15px;
  }
}

/* line 3541, app/assets/stylesheets/clients/show.scss */
.add_new_var_buttons {
  position: absolute;
  padding: 8px 0;
  filter: drop-shadow(0 10px 20px rgba(45, 51, 56, 0.1));
  background-color: #FFFFFF;
  border: 1px solid #d4dff4;
  top: 75px;
  right: 75px;
  border-radius: 6px;
}

/* line 3550, app/assets/stylesheets/clients/show.scss */
.add_new_var_buttons::before {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: #fff;
  top: -13px;
  right: 20px;
  z-index: -1;
  transform: rotate(45deg);
  border-top: 1px solid #d4dff4;
  border-left: 1px solid #d4dff4;
  border-radius: 2px;
}

@media (max-width: 1368px) {
  /* line 3541, app/assets/stylesheets/clients/show.scss */
  .add_new_var_buttons {
    top: 125px;
  }
  /* line 3566, app/assets/stylesheets/clients/show.scss */
  .add_new_var_buttons::before {
    right: 60px;
  }
}

/* line 3570, app/assets/stylesheets/clients/show.scss */
.add_new_var_buttons .change_val_select_item {
  padding: 8px 16px 8px 16px;
  color: #626f7f;
  font-size: 14px;
  line-height: 19px;
  cursor: pointer;
}

/* line 3576, app/assets/stylesheets/clients/show.scss */
.add_new_var_buttons .change_val_select_item:hover {
  background-color: #f0f6fc;
}

/* line 3582, app/assets/stylesheets/clients/show.scss */
.changes_title {
  font-size: 15px;
  line-height: 19px;
  color: #111111;
  margin-bottom: 15px;
}

@media (max-width: 1450px) {
  /* line 3582, app/assets/stylesheets/clients/show.scss */
  .changes_title {
    font-size: 14px;
  }
}

@media (max-width: 1250px) {
  /* line 3582, app/assets/stylesheets/clients/show.scss */
  .changes_title {
    font-size: 14px;
  }
}

/* line 3595, app/assets/stylesheets/clients/show.scss */
.change_val_select_item {
  padding: 6px 0 6px 5px;
  color: #444444;
}

/* line 3599, app/assets/stylesheets/clients/show.scss */
.change_val_select_item:hover {
  background: #ececec;
}

/* line 3604, app/assets/stylesheets/clients/show.scss */
.changes_cross {
  position: absolute;
  transform: rotate(45deg);
  font-size: 26px;
  right: 10px;
  top: -5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  color: #003399;
}

/* line 3614, app/assets/stylesheets/clients/show.scss */
.message_from_outside,
.telephony_notification {
  border: none !important;
  background-color: #3B72FF !important;
  color: white !important;
}

/* line 3619, app/assets/stylesheets/clients/show.scss */
.message_from_outside a,
.telephony_notification a {
  color: white !important;
  text-decoration: underline !important;
}

/* line 3624, app/assets/stylesheets/clients/show.scss */
.telephony_notification {
  position: relative;
}

/* line 3627, app/assets/stylesheets/clients/show.scss */
.red_svg > svg > path {
  fill: #d07386;
}

/* line 3630, app/assets/stylesheets/clients/show.scss */
.block_unblock_container {
  position: relative;
  top: 2px;
}

/* line 3634, app/assets/stylesheets/clients/show.scss */
.smaller_svg {
  margin-left: 10px;
  position: relative;
  bottom: 2px;
  width: 15px;
  height: 15px;
}

/* line 3640, app/assets/stylesheets/clients/show.scss */
.smaller_svg svg {
  width: 100%;
  height: 100%;
}

/* line 3648, app/assets/stylesheets/clients/show.scss */
.multiline_without_html {
  white-space: break-spaces;
}

@media (max-width: 900px) {
  /* line 3648, app/assets/stylesheets/clients/show.scss */
  .multiline_without_html {
    line-height: 1.4;
  }
}

/* line 3654, app/assets/stylesheets/clients/show.scss */
.message_plane {
  position: relative;
  background: red !important;
}

/* line 3658, app/assets/stylesheets/clients/show.scss */
.planed_messages {
  cursor: pointer;
}

/* line 3663, app/assets/stylesheets/clients/show.scss */
.page-filter__row .select-wrapper input.select-dropdown {
  color: #111111;
}

/* line 3668, app/assets/stylesheets/clients/show.scss */
.window_bot_tasks {
  padding: 10px 30px;
  max-height: 100% !important;
  min-height: 100% !important;
}

/* line 3672, app/assets/stylesheets/clients/show.scss */
.window_bot_tasks .table::-webkit-scrollbar-track {
  background-color: #ECF0F3;
}

/* line 3676, app/assets/stylesheets/clients/show.scss */
.window_bot_tasks .table::-webkit-scrollbar {
  border-radius: 4px;
  width: 8px;
  background-color: transparent;
}

/* line 3682, app/assets/stylesheets/clients/show.scss */
.window_bot_tasks .table::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 10px;
}

/* line 3686, app/assets/stylesheets/clients/show.scss */
.window_bot_tasks .table {
  position: relative;
  overflow: auto;
}

/* line 3689, app/assets/stylesheets/clients/show.scss */
.window_bot_tasks .table .row:hover {
  background: #edf1ff;
}

/* line 3692, app/assets/stylesheets/clients/show.scss */
.window_bot_tasks .table .row_preview {
  padding: 0 10px !important;
  margin: 0 !important;
}

/* line 3696, app/assets/stylesheets/clients/show.scss */
.window_bot_tasks .table .row {
  padding: 10px 10px !important;
  margin: 0 !important;
}

/* line 3699, app/assets/stylesheets/clients/show.scss */
.window_bot_tasks .table .row_id {
  flex: 3.1;
}

/* line 3702, app/assets/stylesheets/clients/show.scss */
.window_bot_tasks .table .row_text {
  flex: 18;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
}

/* line 3709, app/assets/stylesheets/clients/show.scss */
.window_bot_tasks .table .row_time {
  flex: 5;
}

/* line 3712, app/assets/stylesheets/clients/show.scss */
.window_bot_tasks .table .row_delete {
  flex: 7;
  color: #ff7373;
  cursor: pointer;
}

/* line 3720, app/assets/stylesheets/clients/show.scss */
.window_bot_tasks .title {
  font-size: 20px;
  margin-bottom: 20px;
}

/* line 3724, app/assets/stylesheets/clients/show.scss */
.window_bot_tasks .close_button {
  font-size: 25px;
  font-weight: 300;
  color: #039;
  position: absolute;
  top: 5px;
  right: 15px;
  transform: rotate(45deg);
  cursor: pointer;
}

/* line 3735, app/assets/stylesheets/clients/show.scss */
.board_lists {
  display: flex;
  justify-content: space-between;
}

/* line 3739, app/assets/stylesheets/clients/show.scss */
.add_to_list_list, .remove_from_list_list {
  margin: 0;
}

/* line 3742, app/assets/stylesheets/clients/show.scss */
.add_to_list_list .select-dropdown.dropdown-trigger, .remove_from_list_list .select-dropdown.dropdown-trigger {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  height: 35px;
  font-size: 14px;
  width: calc(100% - 6px);
  margin: 0;
  padding-left: 6px;
}

/* line 3751, app/assets/stylesheets/clients/show.scss */
.board_lists {
  margin: 10px 5% 0;
}

/* line 3754, app/assets/stylesheets/clients/show.scss */
.add_to_list {
  margin-right: 3px;
}

/* line 3757, app/assets/stylesheets/clients/show.scss */
.remove_from_list {
  margin-left: 3px;
}

/* line 3760, app/assets/stylesheets/clients/show.scss */
.chat-header_mobile {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #1a53c630;
}

/* line 3765, app/assets/stylesheets/clients/show.scss */
.client_header_mobile {
  padding: 5px;
}

/* line 3768, app/assets/stylesheets/clients/show.scss */
.client_avatar_mobile {
  width: 40px;
  height: 40px;
  margin-right: 5px;
  position: relative;
}

/* line 3774, app/assets/stylesheets/clients/show.scss */
.client_full_info_mobile {
  display: flex;
}

/* line 3777, app/assets/stylesheets/clients/show.scss */
.client_name_mobile {
  font-size: 14px;
  line-height: 12px;
  color: #454545;
  max-width: 175px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

/* line 3787, app/assets/stylesheets/clients/show.scss */
.client_last_seen_mobile {
  font-size: 10px;
  line-height: 10px;
  color: #aeaeae;
  max-width: 175px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 3796, app/assets/stylesheets/clients/show.scss */
.client_info_mobile {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 3801, app/assets/stylesheets/clients/show.scss */
.actions_header_mobile {
  background: #1a53c630;
  position: absolute;
  top: 10px;
  right: 5px;
  padding: 5px;
  border-radius: 4px;
}

/* line 3809, app/assets/stylesheets/clients/show.scss */
.actions_header_mobile_drop_box {
  position: absolute;
  top: 52px;
  right: 4px;
  background: white;
  border-radius: 4px;
  border: 1px solid #1a53c630;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px;
  z-index: 99999999;
  display: flex;
  flex-direction: column;
  transition: 0.3s;
}

/* line 3823, app/assets/stylesheets/clients/show.scss */
.actions_header_mobile_drop_box_cut {
  position: absolute;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  border-left: 1px solid #1a53c630;
  border-top: 1px solid #1a53c630;
  border-top-left-radius: 4px;
  top: -8.5px;
  right: 5px;
  background: white;
}

/* line 3835, app/assets/stylesheets/clients/show.scss */
.actions_header_mobile_drop_box_action {
  color: #454545 !important;
  font-size: 14px;
  cursor: pointer;
  line-height: 1;
  margin-bottom: 10px;
}

/* line 3842, app/assets/stylesheets/clients/show.scss */
.action_list_cut {
  position: absolute;
  top: -6px;
  left: 68px;
  background: white;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border-top-left-radius: 4px;
  border-top: 1px solid #1a53c630;
  border-left: 1px solid #1a53c630;
}

@media (max-width: 900px) {
  /* line 3855, app/assets/stylesheets/clients/show.scss */
  .chat-message__action-wrapper {
    position: relative;
    top: 10px !important;
  }
  /* line 3859, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__type_recipient {
    margin-left: 30px;
  }
  /* line 3862, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__type_sender {
    margin-right: 30px;
  }
  /* line 3865, app/assets/stylesheets/clients/show.scss */
  .action-list__item {
    padding: 0 5px;
    font-weight: 400 !important;
    font-size: 10px !important;
  }
  /* line 3870, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__action-wrapper .action-list {
    left: -62px !important;
    top: 15px !important;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
  }
  /* line 3875, app/assets/stylesheets/clients/show.scss */
  .client-chat__content .chat-message__type_recipient .chat-message__time {
    margin: 0 0 0 0 !important;
  }
  /* line 3878, app/assets/stylesheets/clients/show.scss */
  .chat-message__time {
    margin-top: 0 !important;
    font-size: 14px;
    line-height: 1.7;
  }
  /* line 3883, app/assets/stylesheets/clients/show.scss */
  .action-list {
    padding: 4px;
  }
  /* line 3886, app/assets/stylesheets/clients/show.scss */
  .chat-input {
    padding: 10px;
  }
  /* line 3890, app/assets/stylesheets/clients/show.scss */
  .text_resize textarea {
    padding: 0 !important;
  }
  /* line 3894, app/assets/stylesheets/clients/show.scss */
  .client-chat__input {
    min-height: 0 !important;
  }
  /* line 3897, app/assets/stylesheets/clients/show.scss */
  .message-timer__modal {
    right: -13px !important;
    bottom: 32px !important;
  }
  /* line 3901, app/assets/stylesheets/clients/show.scss */
  .choice-indeficator__selector__blocks {
    min-width: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    position: relative !important;
    top: 10px !important;
  }
  /* line 3910, app/assets/stylesheets/clients/show.scss */
  .load_bot_messages_by_filter_search {
    padding: 0 !important;
    width: 80% !important;
    margin: 15px 0 0 0 !important;
  }
  /* line 3915, app/assets/stylesheets/clients/show.scss */
  #load_bot_messages_by_filter_search {
    font-size: 14px !important;
    height: 25px !important;
    margin: 0 !important;
    padding: 0 0 0 10px !important;
    width: calc(100% - 10px) !important;
  }
  /* line 3922, app/assets/stylesheets/clients/show.scss */
  .search_block_but {
    width: 19%;
    background: #039;
    color: white;
    border: none;
    flex: 1;
    margin-left: 10px;
    height: 27px;
    border-radius: 4px;
    margin-top: 15px;
  }
  /* line 3933, app/assets/stylesheets/clients/show.scss */
  .upload_file_menu {
    left: -2px;
  }
  /* line 3936, app/assets/stylesheets/clients/show.scss */
  .upload_file_menu_cut {
    left: 7px;
  }
  /* line 3939, app/assets/stylesheets/clients/show.scss */
  .attach-file {
    min-width: 0 !important;
    width: 95%;
    padding: 0 !important;
  }
  /* line 3944, app/assets/stylesheets/clients/show.scss */
  .destroy_disabled {
    position: absolute;
    bottom: 0;
    margin-left: 30px !important;
  }
  /* line 3949, app/assets/stylesheets/clients/show.scss */
  .attach-file__add-file__link {
    flex: 1.5 !important;
  }
  /* line 3952, app/assets/stylesheets/clients/show.scss */
  .text_12_mobile {
    font-size: 14px !important;
    line-height: 12px;
  }
  /* line 3956, app/assets/stylesheets/clients/show.scss */
  .attach-file__flex-box {
    min-height: inherit !important;
    height: auto !important;
  }
  /* line 3960, app/assets/stylesheets/clients/show.scss */
  .attach-file__flex-box * {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    padding: 3px !important;
  }
  /* line 3964, app/assets/stylesheets/clients/show.scss */
  .attach-file__content__info__item p {
    font-size: 10px;
  }
  /* line 3967, app/assets/stylesheets/clients/show.scss */
  .attach-file__content__info__name_prev {
    flex: 7;
  }
  /* line 3970, app/assets/stylesheets/clients/show.scss */
  .attach-file__content__info__weight_prev {
    flex: 3.6;
  }
  /* line 3973, app/assets/stylesheets/clients/show.scss */
  .attach-file__content__info__date_prev {
    flex: 5.8;
  }
  /* line 3976, app/assets/stylesheets/clients/show.scss */
  .attach-file__content__info__for-padding {
    padding: 5px 10px;
  }
  /* line 3979, app/assets/stylesheets/clients/show.scss */
  .attach-file__content__info__item :first-child {
    font-size: 14px;
    line-height: 12px;
  }
  /* line 3983, app/assets/stylesheets/clients/show.scss */
  .client-show__overflow {
    background: white;
  }
  /* line 3986, app/assets/stylesheets/clients/show.scss */
  .client-show__board {
    min-width: 0;
    width: 100%;
    max-width: inherit;
    position: absolute;
    background: white;
    z-index: 10;
  }
  /* line 3994, app/assets/stylesheets/clients/show.scss */
  .back_arrow, .back_arrow_sidebar {
    z-index: 99999;
    font-size: 20px;
    position: absolute !important;
    top: 10px;
    right: 10px;
    transform: rotate(180deg);
  }
  /* line 4002, app/assets/stylesheets/clients/show.scss */
  .header-tools {
    padding: 0 40px 0 10px !important;
  }
  /* line 4005, app/assets/stylesheets/clients/show.scss */
  .smaller_svg_mobile {
    height: 12px;
    position: relative;
    bottom: 4px;
    left: 5px;
  }
  /* line 4011, app/assets/stylesheets/clients/show.scss */
  .add_to_list_list .select-dropdown.dropdown-trigger, .remove_from_list_list .select-dropdown.dropdown-trigger {
    font-size: 10px !important;
    height: 25px !important;
  }
  /* line 4015, app/assets/stylesheets/clients/show.scss */
  .add_new_var_but_on {
    font-size: 14px !important;
  }
  /* line 4018, app/assets/stylesheets/clients/show.scss */
  .s {
    font-size: 14px !important;
  }
  /* line 4021, app/assets/stylesheets/clients/show.scss */
  .message-timer__modal {
    background: red;
  }
  /* line 4024, app/assets/stylesheets/clients/show.scss */
  .no-attachments {
    font-size: 16px;
    color: #454545;
  }
}

@media (min-width: 900px) {
  /* line 4029, app/assets/stylesheets/clients/show.scss */
  .search_block_but {
    position: absolute;
    left: 440px;
    border: none;
    background-color: transparent;
    outline: none;
    display: none;
  }
}

/* line 4039, app/assets/stylesheets/clients/show.scss */
.destroy_attach_file_but {
  padding: 0 !important;
}

/* line 4042, app/assets/stylesheets/clients/show.scss */
.add_new_var_buttons {
  z-index: 99;
}

/* line 4045, app/assets/stylesheets/clients/show.scss */
.client_unread_count_mobile {
  background: #47b16a;
  color: #fff;
  font-size: 10px;
  line-height: 12px;
  padding: 2px 5px;
  border-radius: 11px;
  font-weight: 900;
  position: relative;
  left: 4px;
  bottom: 3px;
}

/* line 4057, app/assets/stylesheets/clients/show.scss */
.message_owner {
  color: #8a8a8a;
  font-size: 10px;
}

/* line 4061, app/assets/stylesheets/clients/show.scss */
.uploaded_image {
  width: 100px;
  height: 100px;
}

/* line 4065, app/assets/stylesheets/clients/show.scss */
.my_clients_need_help {
  position: absolute;
  top: 10px;
  background: #d0778c;
  line-height: 10px;
  color: #fff;
  padding: 3px 3px 2px 3px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 10px;
}

/* line 4077, app/assets/stylesheets/clients/show.scss */
.access_type_operator_show {
  position: relative;
}

@media (max-width: 1650px) {
  /* line 4081, app/assets/stylesheets/clients/show.scss */
  .access_type_operator_hide {
    display: none !important;
  }
  /* line 4084, app/assets/stylesheets/clients/show.scss */
  .access_type_operator_show {
    display: flex !important;
  }
}

/* line 4090, app/assets/stylesheets/clients/show.scss */
.access_type_other_show {
  position: relative;
}

@media (max-width: 1350px) {
  /* line 4090, app/assets/stylesheets/clients/show.scss */
  .access_type_other_show {
    margin-left: auto;
  }
}

@media (max-width: 1300px) {
  /* line 4097, app/assets/stylesheets/clients/show.scss */
  .access_type_other_hide {
    display: none !important;
  }
  /* line 4100, app/assets/stylesheets/clients/show.scss */
  .access_type_other_show {
    display: block !important;
  }
}

@media (min-width: 1300px) {
  /* line 4105, app/assets/stylesheets/clients/show.scss */
  .display_small_middle {
    display: none;
  }
}

/* line 4110, app/assets/stylesheets/clients/show.scss */
.emojipicker {
  padding-top: 6px;
  padding-right: 12px;
  margin-bottom: -6px;
  position: relative;
  top: 3px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

/* line 4173, app/assets/stylesheets/clients/show.scss */
.emoji_trigger {
  display: flex;
  cursor: pointer;
}

/* line 4176, app/assets/stylesheets/clients/show.scss */
.emoji_trigger:hover {
  opacity: 0.8;
}

/* line 4180, app/assets/stylesheets/clients/show.scss */
.emoji_types {
  display: flex;
  flex-wrap: wrap;
}

/* line 4184, app/assets/stylesheets/clients/show.scss */
.emoji_types {
  padding: 0 5px;
  background: #F0F2F7;
}

/* line 4188, app/assets/stylesheets/clients/show.scss */
.type_ident:hover {
  background: #e1e6f0;
}

/* line 4191, app/assets/stylesheets/clients/show.scss */
.type_ident {
  cursor: pointer;
  text-align: center;
  width: 32px;
  padding: 8px 4px;
}

/* line 4197, app/assets/stylesheets/clients/show.scss */
.emoji_type {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  overflow: auto;
  max-height: calc(218px - 44px);
}

/* line 4204, app/assets/stylesheets/clients/show.scss */
.emoji_type::-webkit-scrollbar {
  width: 9px;
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 4212, app/assets/stylesheets/clients/show.scss */
.emoji_type::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 4216, app/assets/stylesheets/clients/show.scss */
.emoji_type::-webkit-scrollbar-thumb {
  border: 2px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 4222, app/assets/stylesheets/clients/show.scss */
.emojis {
  position: absolute;
  bottom: 40px;
  right: 0;
  background: white;
  height: 218px;
  width: 275px;
  overflow: hidden;
  border: 1px solid #D4DFF4;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
}

/* line 4235, app/assets/stylesheets/clients/show.scss */
.emoji_prew .emoji {
  width: 24px;
  height: 24px;
  padding: 0;
}

/* line 4241, app/assets/stylesheets/clients/show.scss */
.emoji_item:hover {
  background: #f7fafc;
}

/* line 4244, app/assets/stylesheets/clients/show.scss */
.emoji_item {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
}

/* line 4252, app/assets/stylesheets/clients/show.scss */
.emoji_item img:nth-child(2) {
  display: none;
}

/* line 4255, app/assets/stylesheets/clients/show.scss */
.emoji_item .emoji {
  width: 24px;
  height: 24px;
  padding: 0;
}

/* line 4261, app/assets/stylesheets/clients/show.scss */
.hidden {
  display: none;
}

/* line 4264, app/assets/stylesheets/clients/show.scss */
.list_collection, .c_list_collection {
  position: relative;
}

/* line 4266, app/assets/stylesheets/clients/show.scss */
.list_collection *, .c_list_collection * {
  font-size: 13px !important;
}

/* line 4270, app/assets/stylesheets/clients/show.scss */
.list_prew, .c_list_prew {
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 17px;
  margin-top: -3px;
  margin-bottom: -3px;
  border-radius: 2px;
}

/* line 4278, app/assets/stylesheets/clients/show.scss */
.list_prew:hover, .c_list_prew:hover {
  background-color: #c3d0ea;
}

/* line 4281, app/assets/stylesheets/clients/show.scss */
.list_prew::before, .c_list_prew::before {
  content: '+';
  position: absolute;
  left: 3px;
  top: 2px;
  font-size: 20px;
  line-height: 18px;
}

/* line 4290, app/assets/stylesheets/clients/show.scss */
.wrapper-list-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 15px;
}

@media (max-width: 1450px) {
  /* line 4290, app/assets/stylesheets/clients/show.scss */
  .wrapper-list-items {
    padding: 0 10px;
  }
}

/* line 4299, app/assets/stylesheets/clients/show.scss */
.list_item_name {
  padding: 4px 8px 4px 8px;
  color: #111111;
  background-color: #f3f3f3;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px 4px 0;
  border-radius: 2px;
  max-width: 320px;
}

@media (max-width: 1450px) {
  /* line 4299, app/assets/stylesheets/clients/show.scss */
  .list_item_name {
    max-width: 270px;
  }
}

/* line 4312, app/assets/stylesheets/clients/show.scss */
.list_item_name span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 400;
}

/* line 4319, app/assets/stylesheets/clients/show.scss */
.list_item_name a {
  font-size: 18px;
  line-height: 10px;
  color: #626f7f;
  margin-left: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transform: rotate(45deg);
}

/* line 4328, app/assets/stylesheets/clients/show.scss */
.list_rows, .c_list_rows {
  position: absolute;
  box-shadow: 0 8px 16px -4px rgba(9, 30, 66, 0.2), 0 0 0 1px rgba(9, 30, 66, 0.2);
  background: #fff;
  z-index: 9;
  top: 28px;
  left: 0;
  max-width: 130px;
  width: 100%;
  max-height: 190px;
  overflow: auto;
  border-radius: 4px;
}

/* line 4341, app/assets/stylesheets/clients/show.scss */
.list_item, .c_list_item {
  padding: 6px !important;
  line-height: 1.2;
  color: #7e7e7e;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 4348, app/assets/stylesheets/clients/show.scss */
.list_item:hover, .c_list_item:hover {
  background: #e3e3e3;
}

/* line 4353, app/assets/stylesheets/clients/show.scss */
.list_rows::-webkit-scrollbar-track, .c_list_rows::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 4356, app/assets/stylesheets/clients/show.scss */
.list_rows::-webkit-scrollbar, .c_list_rows::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  background-color: transparent;
}

/* line 4361, app/assets/stylesheets/clients/show.scss */
.list_rows::-webkit-scrollbar-thumb, .c_list_rows::-webkit-scrollbar-thumb {
  background-color: #b7b7b7;
  border-radius: 4px;
}

/* line 4365, app/assets/stylesheets/clients/show.scss */
.m_categories_active {
  background: #dfebf7 !important;
}

/* line 4368, app/assets/stylesheets/clients/show.scss */
.emoji_trigger {
  cursor: pointer;
}

/* line 4371, app/assets/stylesheets/clients/show.scss */
.client_change_label {
  padding-left: 15px;
}

@media (max-width: 1450px) {
  /* line 4371, app/assets/stylesheets/clients/show.scss */
  .client_change_label {
    padding-left: 10px;
  }
}

/* line 4377, app/assets/stylesheets/clients/show.scss */
.client_change_value {
  padding-right: 15px;
}

@media (max-width: 1450px) {
  /* line 4377, app/assets/stylesheets/clients/show.scss */
  .client_change_value {
    padding-right: 10px;
  }
}

@media (max-width: 1100px) {
  /* line 4383, app/assets/stylesheets/clients/show.scss */
  .hide_index_top_bar {
    display: none;
  }
}

@media (min-width: 1100px) {
  /* line 4388, app/assets/stylesheets/clients/show.scss */
  .show_index_top_bar {
    display: none;
  }
}

/* line 4393, app/assets/stylesheets/clients/show.scss */
.drop_box_trigger {
  background: #1b2c47;
  padding: 5px;
  border-radius: 4px;
  right: 10px;
  top: -3px;
  height: 30px;
  margin-left: 20px;
  cursor: pointer;
}

/* line 4402, app/assets/stylesheets/clients/show.scss */
.drop_box_trigger_leads {
  position: relative;
  height: 30px;
  width: 30px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}

/* line 4409, app/assets/stylesheets/clients/show.scss */
.drop_box_trigger_leads__img {
  width: 14px;
  height: 12px;
}

/* line 4413, app/assets/stylesheets/clients/show.scss */
.drop_box_trigger_leads .drop_box {
  right: -8px;
  top: 42px;
}

@media (min-width: 1251px) {
  /* line 4393, app/assets/stylesheets/clients/show.scss */
  .drop_box_trigger {
    margin: 8px 0 0 20px;
  }
}

/* line 4421, app/assets/stylesheets/clients/show.scss */
.drop_box_trigger_client {
  background-color: transparent;
  position: relative !important;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  height: unset;
  padding: 0;
  margin: 0 0 0 12px !important;
}

/* line 4431, app/assets/stylesheets/clients/show.scss */
.drop_box_trigger_client:hover {
  background-color: #E6EAF2;
}

/* line 4436, app/assets/stylesheets/clients/show.scss */
.show_messenger_count {
  padding-right: 10px;
}

/* line 4439, app/assets/stylesheets/clients/show.scss */
.mobile_absolute_position {
  display: none;
  position: absolute;
  top: 31px;
  right: -2px;
}

@media (max-width: 1450px) {
  /* line 4439, app/assets/stylesheets/clients/show.scss */
  .mobile_absolute_position {
    position: absolute;
    top: 44px;
    right: 28px;
  }
}

@media (max-width: 900px) {
  /* line 4439, app/assets/stylesheets/clients/show.scss */
  .mobile_absolute_position {
    display: block;
    position: relative;
    top: 0;
    left: 0;
  }
}

/* line 4456, app/assets/stylesheets/clients/show.scss */
.comp_absolute_position {
  display: flex;
  margin-bottom: 4px;
  margin-left: auto;
}

@media (max-width: 900px) {
  /* line 4461, app/assets/stylesheets/clients/show.scss */
  .message-timer {
    display: flex !important;
    bottom: 8px;
  }
}

/* line 4467, app/assets/stylesheets/clients/show.scss */
.text_resize {
  min-height: 64px;
  width: 100%;
}

/* line 4471, app/assets/stylesheets/clients/show.scss */
.multiselect_actions {
  position: absolute;
  top: 0;
  left: 101%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px;
  max-height: 350px;
  overflow: auto;
  box-shadow: 0 8px 16px -4px rgba(9, 30, 66, 0.2), 0 0 0 1px rgba(9, 30, 66, 0.2);
}

/* line 4482, app/assets/stylesheets/clients/show.scss */
.header_tools_filters {
  width: 100%;
}

/* line 4484, app/assets/stylesheets/clients/show.scss */
.header_tools_filters_box {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

/* line 4488, app/assets/stylesheets/clients/show.scss */
.header_tools_filters_box .filter-search-input {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
}

/* line 4491, app/assets/stylesheets/clients/show.scss */
.header_tools_filters_box .filter-search-input::after {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/search-icon-6d00345e3ab303e809a876dd72df2acb5dfea366edf4417bdbcac35426b56b01.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  right: 10px;
  top: 8px;
  z-index: -1;
}

/* line 4502, app/assets/stylesheets/clients/show.scss */
.header_tools_filters_box .filter-search-input input {
  padding: 8px 30px 9px 15px;
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  box-sizing: border-box;
  margin: 0;
  height: 41px;
}

/* line 4509, app/assets/stylesheets/clients/show.scss */
.header_tools_filters_box .filter-search-input input:focus {
  box-shadow: none;
  border-color: #cccccc;
}

/* line 4518, app/assets/stylesheets/clients/show.scss */
.write-whatsapp-trigger {
  position: relative;
  cursor: pointer;
  opacity: 0.74;
  margin-left: 16px;
}

/* line 4524, app/assets/stylesheets/clients/show.scss */
.write-whatsapp-box {
  position: absolute;
  padding: 8px 0;
  background-color: #FFFFFF;
  border: 1px solid #d4dff4;
  border-radius: 6px;
  filter: drop-shadow(0 10px 20px rgba(45, 51, 56, 0.1));
  top: 61px;
  right: 0;
  display: none;
  z-index: 1;
  flex-direction: column;
}

/* line 4536, app/assets/stylesheets/clients/show.scss */
.write-whatsapp-box::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fff;
  top: -10px;
  right: 12px;
  z-index: -1;
  transform: rotate(45deg);
  border-top: 1px solid #d4dff4;
  border-left: 1px solid #d4dff4;
  border-radius: 2px;
}

/* line 4550, app/assets/stylesheets/clients/show.scss */
.write-whatsapp-box a {
  color: #626f7f;
  padding: 6px 10px;
}

/* line 4553, app/assets/stylesheets/clients/show.scss */
.write-whatsapp-box a:hover {
  background-color: #f0f6fc;
}

/* line 4558, app/assets/stylesheets/clients/show.scss */
.multiselect_actions::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 4562, app/assets/stylesheets/clients/show.scss */
.multiselect_actions::-webkit-scrollbar {
  border-radius: 4px;
  width: 4px;
  background-color: transparent;
}

/* line 4568, app/assets/stylesheets/clients/show.scss */
.multiselect_actions::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 10px;
}

/* line 4572, app/assets/stylesheets/clients/show.scss */
.comment_fill, .envelope_fill {
  font-size: 20px;
  position: relative;
  bottom: 3px;
  color: #626f7f;
}

/* line 4578, app/assets/stylesheets/clients/show.scss */
.comment_fill {
  left: 17px;
  bottom: 0;
}

/* line 4582, app/assets/stylesheets/clients/show.scss */
.comment_form_comment {
  text-align: center;
}

/* line 4585, app/assets/stylesheets/clients/show.scss */
#comment_form_comment {
  padding: 7px;
  resize: none;
  width: 90%;
  margin: 15px auto 0;
  outline: none;
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  max-height: 300px;
  height: 130px;
}

/* line 4595, app/assets/stylesheets/clients/show.scss */
#comment_form_comment:focus {
  border: 1px solid #626f7f;
}

/* line 4599, app/assets/stylesheets/clients/show.scss */
.add_comment_but {
  border-radius: 6px;
  padding: 10px 16px;
  background: #039;
  color: white;
  border: none;
  margin-left: 5%;
  cursor: pointer;
}

/* line 4608, app/assets/stylesheets/clients/show.scss */
.comment_container {
  min-height: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 20px;
  width: 500px;
  left: 50%;
  margin-left: -250px;
}

@media (max-width: 600px) {
  /* line 4608, app/assets/stylesheets/clients/show.scss */
  .comment_container {
    width: auto;
    left: 0;
    margin-left: 32px;
    margin-right: 32px;
  }
}

/* line 4623, app/assets/stylesheets/clients/show.scss */
.pinned_message_container {
  position: absolute;
  z-index: 999;
  background: white;
  width: 100%;
  border-bottom: 1px solid #e0e1e3;
}

/* line 4629, app/assets/stylesheets/clients/show.scss */
.pinned_message_container::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 10px;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, #ccd4e3 0%, rgba(204, 212, 227, 0) 100%);
  opacity: 0.5;
}

/* line 4639, app/assets/stylesheets/clients/show.scss */
.pinned_message_container_box {
  padding: 9px 16px;
}

/* line 4643, app/assets/stylesheets/clients/show.scss */
.pinned_name {
  font-size: 14px;
  font-weight: 500;
  color: #039;
  margin-right: 5px;
}

/* line 4649, app/assets/stylesheets/clients/show.scss */
.pinned_time {
  font-size: 12px;
  line-height: 15px;
  color: #82858a;
}

/* line 4654, app/assets/stylesheets/clients/show.scss */
.pinned_text_contained {
  margin-left: 12px;
  width: calc(100% - 60px);
}

/* line 4658, app/assets/stylesheets/clients/show.scss */
.pinned_text {
  line-height: 21px;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  color: #000;
}

/* line 4667, app/assets/stylesheets/clients/show.scss */
.pin_icon_container {
  flex-direction: column;
  justify-content: center;
}

/* line 4671, app/assets/stylesheets/clients/show.scss */
.client-chat {
  position: relative;
}

/* line 4674, app/assets/stylesheets/clients/show.scss */
.destroy_pinned_message {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #626f7f !important;
}

/* line 4680, app/assets/stylesheets/clients/show.scss */
.cross_flex_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  height: 100%;
  right: 10px;
  transform: rotate(45deg);
  font-size: 25px;
}

/* line 4689, app/assets/stylesheets/clients/show.scss */
.cross_flex_box a {
  color: #039;
}

/* line 4693, app/assets/stylesheets/clients/show.scss */
#textbox {
  background: white;
  z-index: 91;
}

/* line 4697, app/assets/stylesheets/clients/show.scss */
#clients_right_bar {
  margin: 0 !important;
}

/* line 4700, app/assets/stylesheets/clients/show.scss */
.filter_type {
  display: none;
  background: #edf2f9;
  color: #6a6a6a;
  line-height: 30px;
  font-size: 14px;
}

/* line 4707, app/assets/stylesheets/clients/show.scss */
.filter-icon {
  margin: 0 10px;
}

/* line 4710, app/assets/stylesheets/clients/show.scss */
.style_max_width {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

/* line 4713, app/assets/stylesheets/clients/show.scss */
.relative {
  width: 100%;
  position: relative;
}

/* line 4717, app/assets/stylesheets/clients/show.scss */
.chat-message__type_sender .action-list {
  top: 0;
  left: 35px;
}

@media (max-width: 1450px) {
  /* line 4717, app/assets/stylesheets/clients/show.scss */
  .chat-message__type_sender .action-list {
    top: -12px;
  }
}

/* line 4724, app/assets/stylesheets/clients/show.scss */
.chat-message__type_recipient .action-list {
  top: 0;
  right: 35px;
}

@media (max-width: 1450px) {
  /* line 4724, app/assets/stylesheets/clients/show.scss */
  .chat-message__type_recipient .action-list {
    top: -12px;
  }
}

/* line 4731, app/assets/stylesheets/clients/show.scss */
.chat-message__type_recipient .action_list_cut {
  right: -5.5px;
  left: auto;
  z-index: -1;
  top: 8px;
  transform: rotate(135deg);
}

/* line 4738, app/assets/stylesheets/clients/show.scss */
.chat-message__type_sender .action_list_cut {
  left: -5.5px;
  right: auto;
  z-index: -1;
  top: 8px;
  transform: rotate(-45deg);
}

/* line 4745, app/assets/stylesheets/clients/show.scss */
.filter_active {
  border-color: transparent;
  color: #039;
  background: #dfebf7;
}

/* line 4749, app/assets/stylesheets/clients/show.scss */
.filter_active * {
  color: #626F7F;
}

/* line 4753, app/assets/stylesheets/clients/show.scss */
.chat-header__search_new {
  z-index: 9;
  display: none;
  position: absolute;
  top: 5px;
  left: -83px;
  right: -17px;
}

/* line 4754, app/assets/stylesheets/clients/show.scss */
.chat-header__search_new #message_search_by_words_search {
  background: white;
}

/* line 4764, app/assets/stylesheets/clients/show.scss */
.close_full_comment {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #039;
  cursor: pointer;
  line-height: 16px;
  font-size: 14px;
  margin-bottom: 6px;
}

/* line 4772, app/assets/stylesheets/clients/show.scss */
.open_full_comment {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  color: #039;
  display: none;
  line-height: 16px;
  font-size: 14px;
  margin-bottom: 6px;
}

/* line 4781, app/assets/stylesheets/clients/show.scss */
.disabled_placeholder {
  padding: 6px 0 5px 13px;
  z-index: 92;
  font-size: 14px;
  color: #919191;
  position: absolute;
  top: -13px;
  left: 18px;
}

/* line 4790, app/assets/stylesheets/clients/show.scss */
input.show_filter_input {
  width: 250px;
  border: 1px solid #0000004e;
  border-radius: 4px;
  padding: 0 10px;
  box-shadow: none !important;
}

/* line 4796, app/assets/stylesheets/clients/show.scss */
input.show_filter_input:focus {
  border-color: #039;
}

/* line 4800, app/assets/stylesheets/clients/show.scss */
.submit_filter_var_val {
  border-radius: 4px;
  background: #039;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px;
  margin: auto;
}

/* line 4808, app/assets/stylesheets/clients/show.scss */
.show_filter_larger_padding {
  padding: 15px;
}

/* line 4811, app/assets/stylesheets/clients/show.scss */
.crm_state_changer_container {
  padding: 0 14px 12px;
  border-bottom: 1px solid #e0e1e3;
}

@media (max-width: 1368px) {
  /* line 4811, app/assets/stylesheets/clients/show.scss */
  .crm_state_changer_container {
    padding: 0 7px 12px;
  }
}

/* line 4818, app/assets/stylesheets/clients/show.scss */
.crm_state_changer {
  position: relative;
  border: 1px solid #e0e1e3;
  margin: 10px 0 0;
  border-radius: 6px;
  padding: 10px 39px 10px 22px;
  font-size: 15px;
  line-height: 19px;
  color: #111111;
  cursor: pointer;
}

/* line 4828, app/assets/stylesheets/clients/show.scss */
.crm_state_changer::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 39px;
  left: 0;
  top: 0;
  background-color: #e56e86;
  border-radius: 6px 0 0 6px;
}

/* line 4838, app/assets/stylesheets/clients/show.scss */
.crm_state_changer .select-icon {
  position: absolute;
  right: 16px;
}

/* line 4842, app/assets/stylesheets/clients/show.scss */
.crm_state_changer .client_state_title {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: -webkit-fill-available;
}

/* line 4849, app/assets/stylesheets/clients/show.scss */
.crm_state_changer--active {
  border-radius: 6px 6px 0 0;
  color: #626f7f;
  transition: .2s;
}

/* line 4853, app/assets/stylesheets/clients/show.scss */
.crm_state_changer--active::before {
  border-radius: 6px 0 0 0;
}

/* line 4856, app/assets/stylesheets/clients/show.scss */
.crm_state_changer--active .select-icon {
  transform: rotate(180deg);
}

/* line 4861, app/assets/stylesheets/clients/show.scss */
.client_tasks_table {
  padding-bottom: 1px;
}

/* line 4865, app/assets/stylesheets/clients/show.scss */
.client_task_row {
  display: flex;
  padding: 16px 18px 8px 16px;
  border-bottom: 1px solid rgba(224, 225, 227, 0.6);
}

/* line 4870, app/assets/stylesheets/clients/show.scss */
.client_task_preview {
  color: #626f7f;
}

/* line 4873, app/assets/stylesheets/clients/show.scss */
.client_task_el {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px;
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
}

/* line 4882, app/assets/stylesheets/clients/show.scss */
.client_task_done {
  flex-basis: 50px;
}

/* line 4884, app/assets/stylesheets/clients/show.scss */
.client_task_done_place {
  border: 1px solid #0000003e;
  text-align: center;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  margin: auto;
  cursor: pointer;
}

/* line 4894, app/assets/stylesheets/clients/show.scss */
.client_task_date {
  flex-basis: 110px;
}

/* line 4896, app/assets/stylesheets/clients/show.scss */
.client_task_date_dead {
  color: #f96060;
}

/* line 4900, app/assets/stylesheets/clients/show.scss */
.client_task_name {
  flex-basis: 210px;
}

/* line 4903, app/assets/stylesheets/clients/show.scss */
.client_task_desc {
  width: 210px;
  white-space: unset;
  margin: 0;
}

/* line 4907, app/assets/stylesheets/clients/show.scss */
.client_task_desc p {
  width: 210px;
  margin: 0;
  color: #626f7f;
  padding-right: 7px;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 4919, app/assets/stylesheets/clients/show.scss */
.client_task_care {
  flex-basis: 136px;
}

/* line 4922, app/assets/stylesheets/clients/show.scss */
.client_task_order {
  flex-basis: 124px;
}

/* line 4925, app/assets/stylesheets/clients/show.scss */
.client_task_delete {
  color: rgba(98, 111, 127, 0.6);
  cursor: pointer;
}

/* line 4928, app/assets/stylesheets/clients/show.scss */
.client_task_delete:hover {
  color: #626f7f;
}

/* line 4932, app/assets/stylesheets/clients/show.scss */
.client_task_create {
  font-size: 15px;
  line-height: 19px;
  font-weight: 500;
  padding: 10px 24px;
  background-color: #00339a;
  border-radius: 6px;
  color: #FFFFFF;
  display: inline-block;
}

/* line 4943, app/assets/stylesheets/clients/show.scss */
.real_task_row {
  padding: 12px 18px 12px 16px;
}

/* line 4946, app/assets/stylesheets/clients/show.scss */
.client_tasks_footer {
  padding: 20px 0 16px 16px;
}

/* line 4949, app/assets/stylesheets/clients/show.scss */
.hidden_send_time {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* line 4954, app/assets/stylesheets/clients/show.scss */
.board_instagram_link {
  border-radius: 4px;
  padding: 0 4px;
  max-width: 45px;
  max-height: 45px;
}

/* line 4960, app/assets/stylesheets/clients/show.scss */
.file_in_not_valid {
  margin-right: 15px;
  color: #cd5c5c;
}

/* line 4963, app/assets/stylesheets/clients/show.scss */
.file_in_not_valid i {
  font-size: 20px;
  position: absolute;
  margin-top: 5px;
  margin-left: 5px;
}

/* line 4972, app/assets/stylesheets/clients/show.scss */
.send_again_form .for_inputs {
  margin-bottom: 15px;
}

/* line 4976, app/assets/stylesheets/clients/show.scss */
.messenger_container {
  height: 39px;
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  position: relative;
  padding: 8px 15px 9px;
  cursor: pointer;
  margin-bottom: 13px;
}

/* line 4984, app/assets/stylesheets/clients/show.scss */
.messenger_container::after {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  width: 13px;
  height: 10px;
  top: 16px;
  right: 10px;
}

/* line 4994, app/assets/stylesheets/clients/show.scss */
.messenger_container--active {
  border-radius: 6px 6px 0 0;
}

/* line 4997, app/assets/stylesheets/clients/show.scss */
.messenger_container .messageItems {
  display: none;
  position: absolute;
  max-height: 350px;
  overflow-y: auto;
  border: 1px solid #e0e1e3;
  border-top: none;
  border-radius: 0 0 6px 6px;
  padding: 8px 0;
  top: 36px;
  left: -1px;
  width: calc(100% + 2px);
  background-color: #fff;
  z-index: 2;
}

/* line 5012, app/assets/stylesheets/clients/show.scss */
.messenger_container .messageItems::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 5016, app/assets/stylesheets/clients/show.scss */
.messenger_container .messageItems::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  background-color: transparent;
}

/* line 5022, app/assets/stylesheets/clients/show.scss */
.messenger_container .messageItems::-webkit-scrollbar-thumb {
  background-color: #e0e1e3;
  border-radius: 10px;
}

/* line 5027, app/assets/stylesheets/clients/show.scss */
.messenger_container .messageItemsItem {
  word-break: break-all;
  cursor: pointer;
  padding: 6px 4px 6px 16px;
}

/* line 5031, app/assets/stylesheets/clients/show.scss */
.messenger_container .messageItemsItem:hover {
  background-color: #f0f6fc;
}

/* line 5036, app/assets/stylesheets/clients/show.scss */
.air_auto_complete {
  position: absolute;
  top: 0;
  border: none !important;
}

/* line 5041, app/assets/stylesheets/clients/show.scss */
.chat-input__footer {
  height: 60px;
}

/* line 5044, app/assets/stylesheets/clients/show.scss */
.chat-input__voice {
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 12px 12px 5px 0;
}

/* line 5054, app/assets/stylesheets/clients/show.scss */
.chat-input__voice_active {
  display: flex !important;
  background: #1A53C6;
}

/* line 5057, app/assets/stylesheets/clients/show.scss */
.chat-input__voice_active path {
  fill: white;
}

/* line 5062, app/assets/stylesheets/clients/show.scss */
.voice_cancel {
  position: relative;
  top: 4px;
  width: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  cursor: pointer;
}

/* line 5074, app/assets/stylesheets/clients/show.scss */
.button_message_list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 5px;
}

/* line 5080, app/assets/stylesheets/clients/show.scss */
.button_message_list .line {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

/* line 5085, app/assets/stylesheets/clients/show.scss */
.button_message_list .line .button_under_the_message {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 7px 16px;
  border-radius: 6px;
  border: 1px solid #E0E1E3;
  color: #111111;
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
  text-align: center;
  transition: .3s;
}

/* line 1, app/assets/stylesheets/clients/_form.scss */
.new_client_form {
  padding: 15px 40px 0px 40px;
}

/* line 4, app/assets/stylesheets/clients/_form.scss */
#new_client > .field > .client_name > #client_name, #new_client > .field > .client_recepient > #client_recepient {
  box-shadow: none;
  border: 1px solid #DCD6D6;
  border-radius: 4px;
  margin-top: 5px;
  margin-bottom: 3px;
  padding: 0 0 0 10px;
  width: calc(100% - 10px);
  height: 40px;
}

/* line 13, app/assets/stylesheets/clients/_form.scss */
#new_client > .field > .client_name > #client_name:focus, #new_client > .field > .client_recepient > #client_recepient:focus {
  border: 1px solid #039;
}

/* line 18, app/assets/stylesheets/clients/_form.scss */
.new_client_form ~ #modal {
  background: red;
}

/* line 3, app/assets/stylesheets/clients.scss */
.btn-new {
  display: inline-block;
  padding: 13px 25px;
  color: #000;
  font-size: .875rem;
  font-weight: 700;
  line-height: 17px;
  text-decoration: none;
  outline: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  transition: .1s ease-out;
}

/* line 20, app/assets/stylesheets/clients.scss */
.btn-new--white {
  color: #696969;
  border-color: #c4c4c4;
}

/* line 24, app/assets/stylesheets/clients.scss */
.btn-new--white:hover, .btn-new--white:focus {
  background-color: #c4c4c4;
}

/* line 28, app/assets/stylesheets/clients.scss */
.btn-new--white:active {
  color: #000;
  border-color: #9c9c9c;
  background-color: #9c9c9c;
}

/* line 35, app/assets/stylesheets/clients.scss */
.btn-new--default {
  color: #fff;
  background-color: #039;
}

/* line 40, app/assets/stylesheets/clients.scss */
.btn-new--w {
  width: 100%;
  text-align: center;
}

@media (max-width: 1450px) {
  /* line 3, app/assets/stylesheets/clients.scss */
  .btn-new {
    font-size: 12px;
  }
}

@media (max-width: 1250px) {
  /* line 3, app/assets/stylesheets/clients.scss */
  .btn-new {
    padding: 6px 16px;
    font-size: 12px;
  }
}

@media (max-width: 880px) {
  /* line 3, app/assets/stylesheets/clients.scss */
  .btn-new {
    padding: 4px 10px;
  }
}

/* line 58, app/assets/stylesheets/clients.scss */
.user-avatar {
  position: relative;
  width: 50px;
  height: 50px;
}

/* line 62, app/assets/stylesheets/clients.scss */
.user-avatar__image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

/* line 66, app/assets/stylesheets/clients.scss */
.user-avatar__image__right-bar {
  width: 100%;
}

/* line 71, app/assets/stylesheets/clients.scss */
.user-avatar__social-media {
  position: absolute;
  right: -3px;
  bottom: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #fff;
}

@media (max-width: 880px) {
  /* line 71, app/assets/stylesheets/clients.scss */
  .user-avatar__social-media {
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
  }
}

/* line 86, app/assets/stylesheets/clients.scss */
.user-avatar__social-media_type_none {
  display: none;
}

/* line 89, app/assets/stylesheets/clients.scss */
.user-avatar__social-media_type_paused {
  background-color: #ffcd39;
}

/* line 92, app/assets/stylesheets/clients.scss */
.user-avatar__social-media_type_blocked {
  background-color: #ff4d4d;
}

/* line 95, app/assets/stylesheets/clients.scss */
.user-avatar__social-media_type_notSubscribed {
  background-color: #ff4d4d;
}

@media (max-width: 1450px) {
  /* line 58, app/assets/stylesheets/clients.scss */
  .user-avatar {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 1250px) {
  /* line 58, app/assets/stylesheets/clients.scss */
  .user-avatar {
    width: 42px;
    height: 42px;
  }
}

@media (max-width: 880px) {
  /* line 58, app/assets/stylesheets/clients.scss */
  .user-avatar {
    width: 40px;
    height: 40px;
  }
}

/* line 115, app/assets/stylesheets/clients.scss */
.preloader {
  display: none;
  background: #101b2d63;
  z-index: 1001;
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 123, app/assets/stylesheets/clients.scss */
.preloader__row {
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  text-align: center;
  -webkit-animation: preloader-rotate 2s infinite linear;
          animation: preloader-rotate 2s infinite linear;
}

/* line 135, app/assets/stylesheets/clients.scss */
.preloader__item {
  position: absolute;
  display: inline-block;
  top: 0;
  background-color: #ffffff;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  -webkit-animation: preloader-bounce 2s infinite ease-in-out;
          animation: preloader-bounce 2s infinite ease-in-out;
}

/* line 145, app/assets/stylesheets/clients.scss */
.preloader__item:last-child {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

/* line 153, app/assets/stylesheets/clients.scss */
.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
  display: none;
}

/* line 159, app/assets/stylesheets/clients.scss */
.loaded .preloader {
  display: none;
}

@-webkit-keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes preloader-bounce {
  0%,
100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

@keyframes preloader-bounce {
  0%,
100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

/* line 181, app/assets/stylesheets/clients.scss */
.client_pin_icon {
  left: 5px;
  position: absolute;
  color: #cccccc;
  z-index: 1;
  transform: rotate(25deg);
}

/* line 189, app/assets/stylesheets/clients.scss */
.modal-container {
  border-radius: 4px;
  position: relative;
  height: 100%;
  overflow-y: scroll;
  box-sizing: border-box;
  padding-top: 100px;
}

/* line 196, app/assets/stylesheets/clients.scss */
.modal-container--close {
  position: fixed;
  transform: rotate(45deg);
  top: -5px;
  right: 20px;
  font-size: 40px;
  font-weight: 100;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 99;
  cursor: pointer;
}

/* line 208, app/assets/stylesheets/clients.scss */
.modal-container__header {
  padding: 0 15px;
  background-color: #1a53c6;
  height: 50px;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  position: fixed;
  width: 100%;
  top: 0;
  box-sizing: border-box;
}

/* line 220, app/assets/stylesheets/clients.scss */
.modal-container__title {
  font-size: 17px;
  line-height: 24px;
  color: #FFFFFF;
}

/* line 225, app/assets/stylesheets/clients.scss */
.modal-container__list-titles {
  display: flex;
  padding: 10px 15px;
  margin-bottom: 15px;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
  top: 50px;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  background-color: white;
}

/* line 238, app/assets/stylesheets/clients.scss */
.modal-container__list-title--id {
  display: flex;
  flex-basis: 60px;
  justify-content: center;
}

/* line 243, app/assets/stylesheets/clients.scss */
.modal-container__list-title--url {
  width: 200px;
  display: flex;
  justify-content: center;
}

/* line 248, app/assets/stylesheets/clients.scss */
.modal-container__list-title--deadline {
  display: flex;
  justify-content: center;
  flex-basis: 120px;
}

/* line 253, app/assets/stylesheets/clients.scss */
.modal-container__list-title--one-time, .modal-container__list-title--was-opened {
  display: flex;
  justify-content: center;
  width: 115px;
}

/* line 259, app/assets/stylesheets/clients.scss */
.modal-container__content {
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
  margin-bottom: 10px;
}

/* line 265, app/assets/stylesheets/clients.scss */
.modal-container__content--id {
  display: flex;
  flex-basis: 60px;
  justify-content: center;
}

/* line 270, app/assets/stylesheets/clients.scss */
.modal-container__content--url {
  padding: 0 3px;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 277, app/assets/stylesheets/clients.scss */
.modal-container__content--deadline {
  display: flex;
  justify-content: center;
  flex-basis: 120px;
}

/* line 282, app/assets/stylesheets/clients.scss */
.modal-container__content--one-time, .modal-container__content--was-opened {
  display: flex;
  justify-content: center;
  width: 115px;
}

/* line 289, app/assets/stylesheets/clients.scss */
.modal-container__used-link {
  color: #c72935;
}

/* line 293, app/assets/stylesheets/clients.scss */
.load_clients_by_filter_group {
  margin-bottom: 0 !important;
}

/* line 296, app/assets/stylesheets/clients.scss */
#load_clients_by_filter_group {
  display: none;
}

/* line 2, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 100%;
}

@media (max-width: 640px) {
  /* line 2, app/assets/stylesheets/blocks_modal.scss */
  .blocks-filter {
    flex-direction: column;
  }
}

/* line 11, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__left {
  max-width: 330px;
  min-width: 330px;
  border-right: 1px solid #E1E6F0;
  padding: 0 !important;
  max-height: calc(100% - 48px);
  overflow: auto;
}

/* line 18, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__left::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 22, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__left::-webkit-scrollbar {
  border-radius: 4px;
  width: 12px;
  background-color: transparent;
}

/* line 28, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__left::-webkit-scrollbar-thumb {
  background-color: #E1E6F0;
  border-radius: 10px;
  border: 4px solid #FFFFFF;
}

@media (max-width: 640px) {
  /* line 11, app/assets/stylesheets/blocks_modal.scss */
  .blocks-filter__left {
    min-width: unset;
    max-width: unset;
    width: 100%;
    min-height: 128px;
    padding-bottom: 0;
    border-right: none;
    border-bottom: 1px solid #E1E6F0;
    max-height: 128px;
    overflow: visible;
  }
}

/* line 45, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__left-top {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 640px) {
  /* line 45, app/assets/stylesheets/blocks_modal.scss */
  .blocks-filter__left-top {
    padding-bottom: 0;
  }
}

@media (max-width: 640px) {
  /* line 54, app/assets/stylesheets/blocks_modal.scss */
  .blocks-filter__inner {
    display: none;
  }
}

/* line 59, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__title {
  margin-bottom: 10px;
  padding-left: 20px;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #111111;
}

/* line 67, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__left-list {
  margin: 0;
}

/* line 70, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__list-item {
  padding: 10.5px 40px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
  position: relative;
  cursor: default;
  transition: .3s;
}

/* line 79, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__list-item:hover {
  cursor: pointer;
  background-color: #F7FAFC;
}

/* line 83, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__list-item::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

/* line 93, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__list-item[data-type="all"] {
  padding: 10.5px 20px;
}

/* line 96, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__list-item[data-type="0"]::before, .blocks-filter__list-item[data-type="8"]::before {
  background-color: #fff;
  box-shadow: 0 0 0 1px #E1E6F0;
}

/* line 101, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__list-item[data-type="1"]::before {
  background-color: #059669;
}

/* line 104, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__list-item[data-type="2"]::before {
  background-color: #9C174D;
}

/* line 107, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__list-item[data-type="3"]::before {
  background-color: #3B82F6;
}

/* line 110, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__list-item[data-type="4"]::before {
  background-color: #03B44D;
}

/* line 113, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__list-item[data-type="5"]::before {
  background-color: #4C5D75;
}

/* line 116, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__list-item[data-type="6"]::before {
  background-color: #6C7A96;
}

/* line 119, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__list-item[data-type="7"]::before {
  background-color: #FCD34D;
}

/* line 122, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__list-item.selected {
  background-color: #E1E6F0;
  cursor: default;
}

/* line 128, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__blocks-list {
  overflow: auto;
  max-height: calc(100% - 48px);
  padding: 16px 20px;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  flex-wrap: wrap;
  gap: 16px;
}

@media (max-width: 640px) {
  /* line 128, app/assets/stylesheets/blocks_modal.scss */
  .blocks-filter__blocks-list {
    padding: 16px 7px 16px 20px;
  }
}

/* line 141, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__blocks-list::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 145, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__blocks-list::-webkit-scrollbar {
  border-radius: 4px;
  width: 12px;
  background-color: transparent;
}

/* line 151, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__blocks-list::-webkit-scrollbar-thumb {
  background-color: #E1E6F0;
  border-radius: 10px;
  border: 4px solid #FFFFFF;
}

/* line 158, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
  position: relative;
  width: 32%;
  max-height: 170px;
  transition: all .3s;
  cursor: pointer;
}

@media (max-width: 1315px) {
  /* line 158, app/assets/stylesheets/blocks_modal.scss */
  .blocks-filter__block-item {
    width: 48%;
  }
}

@media (max-width: 875px) {
  /* line 158, app/assets/stylesheets/blocks_modal.scss */
  .blocks-filter__block-item {
    width: 100%;
  }
}

/* line 178, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--0, .blocks-filter__block-item--8 {
  background-color: #FBFCFF;
  color: #4C5D75;
}

/* line 182, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--0:hover, .blocks-filter__block-item--8:hover {
  background-color: #F0F2FA;
}

/* line 186, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--1 {
  background: linear-gradient(0deg, rgba(5, 150, 17, 0.1), rgba(5, 150, 17, 0.1)), #FFFFFF;
  border: 1px solid #059611;
  color: #059611;
}

/* line 190, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--1:hover {
  background: linear-gradient(0deg, rgba(5, 150, 17, 0.2), rgba(5, 150, 17, 0.2)), #FFFFFF;
}

/* line 194, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--2 {
  background: linear-gradient(0deg, rgba(156, 23, 77, 0.1), rgba(156, 23, 77, 0.1)), #FFFFFF;
  border: 1px solid #9C174D;
  color: #9C174D;
}

/* line 198, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--2:hover {
  background: linear-gradient(0deg, rgba(156, 23, 77, 0.1), rgba(156, 23, 77, 0.2)), #FFFFFF;
}

/* line 202, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--3 {
  background: linear-gradient(0deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.1)), #FFFFFF;
  border: 1px solid #3B82F6;
  color: #3B82F6;
}

/* line 206, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--3:hover {
  background: linear-gradient(0deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.2)), #FFFFFF;
}

/* line 210, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--4 {
  background: #ECFDF5;
  border: 1px solid #34D399;
  color: #34D399;
}

/* line 214, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--4:hover {
  background: #D1FAE5;
}

/* line 218, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--5 {
  background: linear-gradient(0deg, rgba(76, 93, 117, 0.1), rgba(76, 93, 117, 0.1)), #FFFFFF;
  border: 1px solid #4C5D75;
  color: #111111;
}

/* line 222, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--5:hover {
  background: linear-gradient(0deg, rgba(76, 93, 117, 0.1), rgba(76, 93, 117, 0.2)), #FFFFFF;
}

/* line 226, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--6 {
  background: linear-gradient(0deg, rgba(108, 122, 150, 0.1), rgba(108, 122, 150, 0.1)), #FFFFFF;
  border: 1px solid #6C7A96;
  color: #111111;
}

/* line 230, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--6:hover {
  background: linear-gradient(0deg, rgba(108, 122, 150, 0.1), rgba(108, 122, 150, 0.2)), #FFFFFF;
}

/* line 234, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--7 {
  background: linear-gradient(0deg, rgba(252, 211, 77, 0.1), rgba(252, 211, 77, 0.1)), #FFFFFF;
  border: 1px solid #FCD34D;
  color: #92400E;
}

/* line 238, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item--7:hover {
  background: linear-gradient(0deg, rgba(252, 211, 77, 0.1), rgba(252, 211, 77, 0.2)), #FFFFFF;
}

/* line 244, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item-content {
  padding: 12px 16px;
  overflow: auto;
  max-height: 128px;
  font-size: 13px;
  line-height: 18px;
  overflow-x: hidden;
  overflow-wrap: anywhere;
}

/* line 253, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item-content::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 257, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item-content::-webkit-scrollbar {
  border-radius: 4px;
  width: 4px;
  background-color: transparent;
}

/* line 263, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item-content::-webkit-scrollbar-thumb {
  background: rgba(31, 41, 55, 0.1);
  width: 4px;
  border-radius: 10px;
}

/* line 270, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item-bottom {
  padding: 11px 16px;
  border-top: 1px solid #E1E6F0;
  background-color: #fff;
  margin-top: auto;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #4C5D75;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 283, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item-bottom b {
  font-weight: 600;
  margin-right: 8px;
}

/* line 287, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter__block-item-bottom span {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 294, app/assets/stylesheets/blocks_modal.scss */
.blocks-filter .blocks-filter__blocks-list {
  width: 100%;
}

/* line 4, app/assets/stylesheets/employees/employees.scss */
.department__onclick {
  display: flex;
}

/* line 8, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__employees__item_delete:hover {
  color: #ea5f5f;
}

/* line 11, app/assets/stylesheets/employees/employees.scss */
.sotrudniki {
  margin-bottom: 10px;
}

/* line 17, app/assets/stylesheets/employees/employees.scss */
.department__employee {
  padding-left: 20px;
  font-size: 14px;
}

/* line 21, app/assets/stylesheets/employees/employees.scss */
.small_display {
  width: 100%;
  height: 1px;
}

/* line 25, app/assets/stylesheets/employees/employees.scss */
.small_display-employees {
  width: 100%;
  position: relative;
}

/* line 28, app/assets/stylesheets/employees/employees.scss */
.small_display-employees .btn-dropdown-list--employee {
  right: 8px;
  top: 6px;
}

/* line 32, app/assets/stylesheets/employees/employees.scss */
.small_display-employees .employee-item--name {
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 370px) {
  /* line 32, app/assets/stylesheets/employees/employees.scss */
  .small_display-employees .employee-item--name {
    max-width: 200px;
  }
}

/* line 41, app/assets/stylesheets/employees/employees.scss */
.info-item-employee {
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 16px;
}

/* line 49, app/assets/stylesheets/employees/employees.scss */
.add-employee {
  background: #EFF3F6;
  display: flex;
  flex-direction: row;
}

/* line 54, app/assets/stylesheets/employees/employees.scss */
.add-employee_to-dep {
  display: flex;
  position: relative;
  right: 5px;
  margin: 10px 0 10px 0;
}

/* line 59, app/assets/stylesheets/employees/employees.scss */
.add-employee_to-dep img {
  position: relative;
  top: 5px;
}

/* line 63, app/assets/stylesheets/employees/employees.scss */
.add-employee_to-dep .add-employee__departments_delete:hover {
  color: #ea5f5f;
}

/* line 66, app/assets/stylesheets/employees/employees.scss */
.add-employee_to-dep .add-employee__departments_delete {
  bottom: 10px;
}

/* line 69, app/assets/stylesheets/employees/employees.scss */
.add-employee_to-dep_email-access {
  font-size: 12px;
  margin-left: 5px;
}

/* line 72, app/assets/stylesheets/employees/employees.scss */
.add-employee_to-dep_email-access_access {
  color: #0D42AD;
}

/* line 78, app/assets/stylesheets/employees/employees.scss */
.add-employee__content {
  margin: 40px;
  padding: 50px 60px;
  font-size: 25px;
  font-weight: 600;
  height: 800px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.06);
  flex: 3;
}

/* line 88, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__filter-title {
  font-size: 14px;
  font-weight: 400;
  color: #5a5a5a;
  margin-left: 20px;
}

/* line 95, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__employees {
  margin: 20px 0;
  display: flex;
  font-weight: 500;
}

/* line 99, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__employees__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 250px;
  overflow: auto;
}

/* line 106, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__employees__item {
  width: 30%;
  display: flex;
}

/* line 109, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__employees__item_delete {
  position: relative;
  top: 4px;
}

@media (max-width: 1450px) {
  /* line 106, app/assets/stylesheets/employees/employees.scss */
  .add-employee__content__employees__item {
    width: 45%;
  }
}

@media (max-width: 1250px) {
  /* line 106, app/assets/stylesheets/employees/employees.scss */
  .add-employee__content__employees__item {
    width: 100%;
  }
}

/* line 119, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__employees__item__email {
  color: #727272;
  font-weight: 200;
  font-size: 14px;
  margin: 5px 0 5px 5px;
}

/* line 125, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__employees__item__name-group {
  font-size: 14px;
  margin: 0 5px;
  display: flex;
}

@media (max-width: 900px) {
  /* line 125, app/assets/stylesheets/employees/employees.scss */
  .add-employee__content__employees__item__name-group {
    margin: 0 0 0 12px;
  }
}

/* line 135, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__employees__item__name-group__point {
  position: relative;
  margin: 0 6px;
  top: 7px;
  width: 5px;
  height: 5px;
  background: #FFC542;
  border-radius: 50%;
}

/* line 144, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__employees__item__name-group__group {
  color: #111111;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}

/* line 154, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__employees__item__avatar {
  display: flex;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  align-items: center;
  width: 28px;
  height: 28px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 1px solid #dedede;
}

/* line 169, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add:first-child {
  margin: 50px 0 15px 0;
  color: #5f5f5f;
}

/* line 173, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  font-weight: normal;
  font-size: 14px;
}

/* line 180, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__button__bottom:focus {
  background: #003399;
}

/* line 183, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__button__bottom:hover {
  background: #0041c4;
}

/* line 186, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__button__bottom {
  text-align: center;
  color: white;
  background: #003399;
  cursor: pointer;
  border-radius: 4px;
  border: none;
  padding: 7px 0;
}

/* line 197, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__top {
  flex: 1;
}

/* line 200, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__bottom {
  position: relative;
  flex: 1;
  width: 100%;
}

/* line 204, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__bottom__selector * {
  vertical-align: middle;
}

/* line 207, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__bottom__selector {
  min-width: 160px;
  padding: 10px;
  width: 100%;
  border-radius: 6px;
  border: 1px solid #E0E1E3;
  margin-right: 20px;
  background-color: #FFFFFF;
}

/* line 215, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__bottom__selector__active {
  border-bottom: none !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* line 220, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__bottom__selector__item:hover {
  background: #f3f3f3;
}

/* line 223, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__bottom__selector__items {
  transition: ease-in 0.3s;
  max-height: 200px;
  overflow: auto;
  z-index: 999999;
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #E0E1E3;
  border-top: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 234, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__bottom__selector__items::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 238, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__bottom__selector__items::-webkit-scrollbar {
  border-radius: 4px;
  width: 6px;
  background-color: transparent;
}

/* line 244, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__bottom__selector__items::-webkit-scrollbar-thumb {
  background-color: #eaebec;
  border-radius: 10px;
}

/* line 249, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__bottom__selector__item {
  cursor: pointer;
  width: 100%;
  word-break: break-word;
  padding: 10px;
  display: block;
}

/* line 255, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__bottom__selector__item__hidden {
  display: none;
}

/* line 259, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__bottom__selector__arrow {
  transition: 0.3s;
  float: right;
}

/* line 262, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__bottom__selector__arrow__active {
  transform: rotate(180deg);
}

/* line 271, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__email__top {
  flex: 1;
}

/* line 275, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__email__bottom {
  flex: 1;
}

/* line 277, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__email__bottom #access_email {
  border: 1px solid #E0E1E3 !important;
  background-color: #FFFFFF;
  border-radius: 6px;
}

/* line 282, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__email__bottom #access_email:focus {
  background-color: #FFFFFF !important;
}

/* line 291, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__button__top {
  flex: 1;
}

/* line 295, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__button__bottom {
  flex: 1;
}

/* line 308, app/assets/stylesheets/employees/employees.scss */
.add-employee__department {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #808080;
}

/* line 314, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments {
  min-width: 200px;
  margin: 40px 40px 40px 0;
  height: 300px;
  background: #FFFFFF;
  border: 1px solid rgba(142, 142, 142, 0.06);
  flex: 1;
}

/* line 317, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments_add {
  font-size: 30px;
  font-weight: 600;
  position: absolute;
  right: 10%;
  bottom: -9px;
}

/* line 324, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments_delete {
  position: absolute;
  right: 0;
  bottom: -5px;
}

/* line 330, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments__button:focus {
  background: #003399;
}

/* line 333, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments__button:hover {
  background: #0140bf;
}

/* line 336, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments__button {
  color: white;
  background: #003399;
  cursor: pointer;
  border-radius: 4px;
  border: none;
  padding: 10px 0;
  margin-top: 10px;
  width: 96%;
}

/* line 347, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments_add-new {
  height: 20px;
  display: flex;
  margin: 0 0 10px 0;
}

/* line 352, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments_add-new__create {
  font-size: 16px;
  margin: 20px 0 10px 0;
}

/* line 357, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments_add-new__circle__large:hover {
  background: red;
}

/* line 360, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments_add-new__circle__large {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #EFF3F6;
}

/* line 367, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments_add-new__circle__small {
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 14px;
  height: 14px;
  border: 4px solid #EFF3F6;
  background: red;
  border-radius: 50%;
}

/* line 382, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments__scroll {
  height: 250px;
  overflow: auto;
}

/* line 393, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments_created * {
  vertical-align: middle;
  margin: 10px;
}

/* line 397, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments_created:hover {
  background: #efefef;
}

/* line 400, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments_created {
  position: relative;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1450px) {
  /* line 400, app/assets/stylesheets/employees/employees.scss */
  .add-employee__departments_created {
    font-size: 12px;
  }
}

@media (max-width: 1450px) {
  /* line 400, app/assets/stylesheets/employees/employees.scss */
  .add-employee__departments_created {
    font-size: 10px;
  }
}

/* line 412, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments__company {
  color: #354052;
  font-size: 18px;
  font-weight: 500;
}

/* line 416, app/assets/stylesheets/employees/employees.scss */
.add-employee__departments__company_p {
  padding-left: 25px;
  padding-top: 15px;
}

@media (max-width: 1450px) {
  /* line 412, app/assets/stylesheets/employees/employees.scss */
  .add-employee__departments__company {
    font-size: 16px;
  }
}

@media (max-width: 1250px) {
  /* line 412, app/assets/stylesheets/employees/employees.scss */
  .add-employee__departments__company {
    font-size: 14px;
  }
}

/* line 431, app/assets/stylesheets/employees/employees.scss */
.withotmargin {
  margin: 0;
}

/* line 434, app/assets/stylesheets/employees/employees.scss */
.update_department_name_name {
  margin: 0;
}

/* line 437, app/assets/stylesheets/employees/employees.scss */
#access_email:focus {
  border: none;
}

/* line 440, app/assets/stylesheets/employees/employees.scss */
#access_email {
  border: none;
}

/* line 444, app/assets/stylesheets/employees/employees.scss */
#access_email {
  width: calc(100% - 20px);
  padding: 0 10px;
}

/* line 447, app/assets/stylesheets/employees/employees.scss */
#access_email:focus {
  border-radius: 4px;
  box-shadow: none !important;
}

/* line 452, app/assets/stylesheets/employees/employees.scss */
.access_email {
  margin: 0;
  padding: 0 10px 0 10px;
  position: relative;
}

/* line 458, app/assets/stylesheets/employees/employees.scss */
.auto-separate {
  max-width: 400px;
  background-color: #FFFFFF;
  border-radius: 6px;
  border: 1px solid #d4dff4;
  padding: 16px;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  margin-right: 10px;
  height: calc(100vh - 150px);
  overflow: auto;
}

@media (max-width: 1400px) {
  /* line 458, app/assets/stylesheets/employees/employees.scss */
  .auto-separate {
    max-width: 385px;
    min-width: 385px;
  }
}

@media (max-width: 1400px) {
  /* line 458, app/assets/stylesheets/employees/employees.scss */
  .auto-separate {
    max-width: 335px;
    min-width: 335px;
  }
}

@media (max-width: 640px) {
  /* line 458, app/assets/stylesheets/employees/employees.scss */
  .auto-separate {
    max-width: 100%;
    min-width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    height: unset;
  }
}

/* line 483, app/assets/stylesheets/employees/employees.scss */
.auto-separate::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 487, app/assets/stylesheets/employees/employees.scss */
.auto-separate::-webkit-scrollbar {
  border-radius: 4px;
  width: 6px;
  background-color: transparent;
}

/* line 493, app/assets/stylesheets/employees/employees.scss */
.auto-separate::-webkit-scrollbar-thumb {
  background-color: #eaebec;
  border-radius: 10px;
}

/* line 497, app/assets/stylesheets/employees/employees.scss */
.auto-separate__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 12px;
  color: #111111;
  opacity: 1;
}

/* line 507, app/assets/stylesheets/employees/employees.scss */
.accesses__titles-wrapper {
  display: grid;
  grid-template-columns: 1.05fr 0.6fr 1.2fr 1.5fr 0.35fr;
  grid-template-rows: repeat(1, 1fr);
  padding: 15px;
}

@media (max-width: 1700px) {
  /* line 507, app/assets/stylesheets/employees/employees.scss */
  .accesses__titles-wrapper {
    grid-template-columns: 1.2fr 0.6fr 1.5fr 0.35fr;
  }
}

/* line 516, app/assets/stylesheets/employees/employees.scss */
.accesses__title-name {
  color: #626F7F;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}

@media (max-width: 1700px) {
  /* line 521, app/assets/stylesheets/employees/employees.scss */
  .accesses__title-name:first-child {
    min-width: 400px;
  }
}

@media (max-width: 1250px) {
  /* line 521, app/assets/stylesheets/employees/employees.scss */
  .accesses__title-name:first-child {
    min-width: 312px;
  }
}

@media (max-width: 1700px) {
  /* line 529, app/assets/stylesheets/employees/employees.scss */
  .accesses__title-name:nth-child(2) {
    min-width: 180px;
  }
}

/* line 534, app/assets/stylesheets/employees/employees.scss */
.accesses__title-name--employee {
  padding-left: 5px;
}

/* line 537, app/assets/stylesheets/employees/employees.scss */
.accesses__title-name--email {
  padding-left: 15px;
}

@media (max-width: 1700px) {
  /* line 537, app/assets/stylesheets/employees/employees.scss */
  .accesses__title-name--email {
    display: none;
  }
}

/* line 543, app/assets/stylesheets/employees/employees.scss */
.accesses__title-name--role {
  padding-left: 10px;
}

/* line 547, app/assets/stylesheets/employees/employees.scss */
.accesses__title-employee {
  display: none;
}

@media (max-width: 640px) {
  /* line 551, app/assets/stylesheets/employees/employees.scss */
  .employees, .roles, .automatization, .mailings {
    flex-direction: column;
  }
}

/* line 555, app/assets/stylesheets/employees/employees.scss */
.employees__workflow, .roles__workflow, .automatization__workflow, .mailings__workflow {
  width: 100%;
  background-color: #fff;
  border: 1px solid #D4DFF4;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  overflow: hidden;
  border-radius: 6px;
}

/* line 562, app/assets/stylesheets/employees/employees.scss */
.employees__workflow > *, .roles__workflow > *, .automatization__workflow > *, .mailings__workflow > * {
  border-bottom: 1px solid #E1E6F0;
}

/* line 564, app/assets/stylesheets/employees/employees.scss */
.employees__workflow > *:last-child, .roles__workflow > *:last-child, .automatization__workflow > *:last-child, .mailings__workflow > *:last-child {
  border-bottom: none;
}

@media (max-width: 992px) {
  /* line 555, app/assets/stylesheets/employees/employees.scss */
  .employees__workflow, .roles__workflow, .automatization__workflow, .mailings__workflow {
    height: calc(100vh - 132px);
  }
}

/* line 572, app/assets/stylesheets/employees/employees.scss */
.employees__workflow .tabs-trigger, .roles__workflow .tabs-trigger, .automatization__workflow .tabs-trigger, .mailings__workflow .tabs-trigger {
  padding: 19px 16px 0;
}

/* line 576, app/assets/stylesheets/employees/employees.scss */
.employees__workflow .tabs-content, .roles__workflow .tabs-content, .automatization__workflow .tabs-content, .mailings__workflow .tabs-content {
  height: calc(100vh - 240px);
  overflow: auto;
  padding: 0 16px 19px;
}

@media (max-width: 640px) {
  /* line 576, app/assets/stylesheets/employees/employees.scss */
  .employees__workflow .tabs-content, .roles__workflow .tabs-content, .automatization__workflow .tabs-content, .mailings__workflow .tabs-content {
    height: unset;
    overflow: unset;
  }
}

/* line 585, app/assets/stylesheets/employees/employees.scss */
.employees__workflow .tabs-content::-webkit-scrollbar-track, .roles__workflow .tabs-content::-webkit-scrollbar-track, .automatization__workflow .tabs-content::-webkit-scrollbar-track, .mailings__workflow .tabs-content::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 589, app/assets/stylesheets/employees/employees.scss */
.employees__workflow .tabs-content::-webkit-scrollbar, .roles__workflow .tabs-content::-webkit-scrollbar, .automatization__workflow .tabs-content::-webkit-scrollbar, .mailings__workflow .tabs-content::-webkit-scrollbar {
  border-radius: 4px;
  width: 6px;
  background-color: transparent;
}

/* line 595, app/assets/stylesheets/employees/employees.scss */
.employees__workflow .tabs-content::-webkit-scrollbar-thumb, .roles__workflow .tabs-content::-webkit-scrollbar-thumb, .automatization__workflow .tabs-content::-webkit-scrollbar-thumb, .mailings__workflow .tabs-content::-webkit-scrollbar-thumb {
  background-color: #eaebec;
  border-radius: 10px;
}

/* line 601, app/assets/stylesheets/employees/employees.scss */
.employees__main-title, .roles__main-title, .automatization__main-title, .mailings__main-title {
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  color: #0f1110;
  margin: 0 0 35px 0;
}

/* line 608, app/assets/stylesheets/employees/employees.scss */
.employees__wrapper-add, .roles__wrapper-add, .automatization__wrapper-add, .mailings__wrapper-add {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 10px 10px 0;
  margin-bottom: 20px;
  width: 100%;
}

/* line 615, app/assets/stylesheets/employees/employees.scss */
.employees__wrapper-add .input-field, .roles__wrapper-add .input-field, .automatization__wrapper-add .input-field, .mailings__wrapper-add .input-field {
  margin-bottom: 0;
}

/* line 618, app/assets/stylesheets/employees/employees.scss */
.employees__wrapper-add .employs_margin_button, .roles__wrapper-add .employs_margin_button, .automatization__wrapper-add .employs_margin_button, .mailings__wrapper-add .employs_margin_button {
  margin: 0;
}

/* line 621, app/assets/stylesheets/employees/employees.scss */
.employees__wrapper-add .add-employee__content__add__email__bottom, .roles__wrapper-add .add-employee__content__add__email__bottom, .automatization__wrapper-add .add-employee__content__add__email__bottom, .mailings__wrapper-add .add-employee__content__add__email__bottom {
  flex: 1;
  margin-right: 20px;
}

/* line 626, app/assets/stylesheets/employees/employees.scss */
.employees__select-box, .roles__select-box, .automatization__select-box, .mailings__select-box {
  margin-right: 20px;
  flex: 1;
}

@media (max-width: 640px) {
  /* line 626, app/assets/stylesheets/employees/employees.scss */
  .employees__select-box, .roles__select-box, .automatization__select-box, .mailings__select-box {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
}

/* line 636, app/assets/stylesheets/employees/employees.scss */
.automatization__workflow {
  height: unset;
  overflow: unset;
}

/* line 640, app/assets/stylesheets/employees/employees.scss */
.employee__avatar {
  position: relative;
}

/* line 643, app/assets/stylesheets/employees/employees.scss */
.access_status_0,
.access_status_1,
.access_status_2 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  right: 0;
  position: absolute;
  top: 35px;
}

/* line 654, app/assets/stylesheets/employees/employees.scss */
.access_status_0,
.access_status_popup_0 {
  background-color: #10B981;
}

/* line 659, app/assets/stylesheets/employees/employees.scss */
.access_status_1,
.access_status_popup_1 {
  background-color: #F59E0B;
}

/* line 664, app/assets/stylesheets/employees/employees.scss */
.access_status_2,
.access_status_popup_2 {
  background-color: #EF4444;
}

/* line 670, app/assets/stylesheets/employees/employees.scss */
.access_status_popup_0,
.access_status_popup_1,
.access_status_popup_2 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  position: absolute;
  top: 17px;
  right: 10px;
}

/* line 683, app/assets/stylesheets/employees/employees.scss */
.overclock_false {
  padding-left: 36px;
}

@media (min-width: 900px) {
  /* line 687, app/assets/stylesheets/employees/employees.scss */
  .small_display_mobile {
    margin-right: 10px !important;
  }
}

@media (max-width: 900px) {
  /* line 692, app/assets/stylesheets/employees/employees.scss */
  .small_display_mobile {
    width: 100% !important;
  }
  /* line 695, app/assets/stylesheets/employees/employees.scss */
  .add-employee__content__employees__item__email {
    letter-spacing: 0 !important;
    padding-right: 40px;
  }
}

/* line 700, app/assets/stylesheets/employees/employees.scss */
.add-employee__content__add__name__bottom__selector__item, .add-employee__content__add__name__bottom__selector {
  cursor: pointer;
}

/* line 705, app/assets/stylesheets/employees/employees.scss */
.employees__select-box .add-employee__content__add__name__bottom__selector {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 41px;
  padding: 10px 18px 10px 16px;
}

/* line 713, app/assets/stylesheets/employees/employees.scss */
.employees__select-box .add-employee__content__add__name__bottom__selector__arrow {
  display: flex;
}

/* line 717, app/assets/stylesheets/employees/employees.scss */
.employees__select-box .add-employee__content__add__name__bottom__selector__items {
  margin-top: 3px;
  border: 1px solid #E0E1E3;
  border-radius: 6px;
}

/* line 723, app/assets/stylesheets/employees/employees.scss */
.employees__select-box .add-employee__content__add__name__bottom__selector__item {
  padding: 10px 16px;
}

/* line 729, app/assets/stylesheets/employees/employees.scss */
.role_can_view_integrations ul {
  position: fixed;
}

/* line 734, app/assets/stylesheets/employees/employees.scss */
.employees {
  margin-bottom: 24px;
}

/* line 736, app/assets/stylesheets/employees/employees.scss */
.employees__wrapper-add {
  padding-top: 0;
}

/* line 739, app/assets/stylesheets/employees/employees.scss */
.employees__title {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
  margin-bottom: 12px;
}

/* line 750, app/assets/stylesheets/employees/employees.scss */
.submit_new_employ_button[disabled=disabled],
.submit_new_employ_button[disabled] {
  pointer-events: none;
}

/* line 755, app/assets/stylesheets/employees/employees.scss */
.access_status_clients_0,
.access_status_clients_1,
.access_status_clients_2 {
  position: relative;
  padding: 6px 24px 6px 8px;
}

/* line 760, app/assets/stylesheets/employees/employees.scss */
.access_status_clients_0::before,
.access_status_clients_1::before,
.access_status_clients_2::before {
  content: '';
  position: absolute;
  right: 10px;
  top: 11px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}

/* line 770, app/assets/stylesheets/employees/employees.scss */
.access_status_clients_0::before {
  background-color: #FD5D4F;
}

/* line 773, app/assets/stylesheets/employees/employees.scss */
.access_status_clients_1::before {
  background-color: #25d366;
}

/* line 776, app/assets/stylesheets/employees/employees.scss */
.access_status_clients_2::before {
  background-color: #f5cf0a;
}

/* line 780, app/assets/stylesheets/employees/employees.scss */
.mb-24 {
  margin-bottom: 24px;
}

/* line 784, app/assets/stylesheets/employees/employees.scss */
.mb-4 {
  margin-bottom: 4px;
}

/* line 788, app/assets/stylesheets/employees/employees.scss */
.mb-12 {
  margin-bottom: 12px;
}

/* line 792, app/assets/stylesheets/employees/employees.scss */
.mb-8 {
  margin-bottom: 8px;
}

/* line 796, app/assets/stylesheets/employees/employees.scss */
.mb-16 {
  margin-bottom: 16px;
}

/* line 800, app/assets/stylesheets/employees/employees.scss */
.mb-14 {
  margin-bottom: 14px;
}

/* line 804, app/assets/stylesheets/employees/employees.scss */
.mb-10 {
  margin-bottom: 10px;
}

/* line 808, app/assets/stylesheets/employees/employees.scss */
.mt-16 {
  margin-top: 16px;
}

/* line 812, app/assets/stylesheets/employees/employees.scss */
.nunito_font {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* line 814, app/assets/stylesheets/employees/employees.scss */
.nunito_font .input-field {
  margin-bottom: 12px !important;
}

/* line 817, app/assets/stylesheets/employees/employees.scss */
.nunito_font .employees__select-box {
  margin-right: 0;
}

/* line 823, app/assets/stylesheets/employees/employees.scss */
.employee-card-mobile .employee-card {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E1E6F0;
  padding: 8px 12px;
}

/* line 828, app/assets/stylesheets/employees/employees.scss */
.employee-card-mobile .employee-card__avatar {
  position: relative;
  min-width: 50px;
  min-height: 50px;
  max-width: 50px;
  max-height: 50px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #E1E6F0;
}

/* line 836, app/assets/stylesheets/employees/employees.scss */
.employee-card-mobile .employee-card__avatar img {
  min-width: 50px;
  min-height: 50px;
  max-width: 50px;
  max-height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 845, app/assets/stylesheets/employees/employees.scss */
.employee-card-mobile .employee-card__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-left: 10px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  color: #111111;
}

/* line 855, app/assets/stylesheets/employees/employees.scss */
.employee-card-mobile .employee-card__email {
  width: 235px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 860, app/assets/stylesheets/employees/employees.scss */
.employee-card-mobile .employee-card__name {
  color: #626F7F;
}

/* line 863, app/assets/stylesheets/employees/employees.scss */
.employee-card-mobile .employee-card .support_salebot {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}

@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
}

/* line 173, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone, .dropzone * {
  box-sizing: border-box;
}

/* line 176, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}

/* line 181, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone.dz-clickable {
  cursor: pointer;
}

/* line 183, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone.dz-clickable * {
  cursor: default;
}

/* line 185, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

/* line 187, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone.dz-started .dz-message {
  display: none;
}

/* line 189, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone.dz-drag-hover {
  border-style: solid;
}

/* line 191, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

/* line 193, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

/* line 196, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

/* line 204, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

/* line 210, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview:hover {
  z-index: 1000;
}

/* line 212, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

/* line 214, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

/* line 218, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

/* line 220, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-image-preview {
  background: white;
}

/* line 222, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear;
}

/* line 228, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

/* line 234, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

/* line 236, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

/* line 238, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

/* line 251, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

/* line 254, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

/* line 256, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

/* line 259, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 262, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

/* line 264, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

/* line 268, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05, 1.05);
  filter: blur(8px);
}

/* line 276, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

/* line 284, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-image img {
  display: block;
}

/* line 286, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

/* line 292, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

/* line 299, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

/* line 309, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

/* line 313, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear;
}

/* line 320, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}

/* line 327, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}

/* line 333, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

/* line 348, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 300ms ease-in-out;
}

/* line 361, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

/* line 363, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

/* line 366, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

/* line 387, ../usr/local/bundle/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

/* line 2, app/assets/stylesheets/orders/orders.scss */
.header_flex-box {
  justify-content: space-between;
}

/* line 4, app/assets/stylesheets/orders/orders.scss */
.header_flex-box * {
  margin: 0;
}

/* line 6, app/assets/stylesheets/orders/orders.scss */
.order-hr-header {
  width: 100%;
  border-top: 1px solid #d2d2d2;
  margin-top: 15px;
}

/* line 11, app/assets/stylesheets/orders/orders.scss */
.collection-item_new {
  width: 90%;
}

/* line 14, app/assets/stylesheets/orders/orders.scss */
.client_container_new {
  width: 95%;
  margin: 10px auto;
  border: 1px solid #D3DEF4;
  border-radius: 4px;
  background: white;
}

/* line 21, app/assets/stylesheets/orders/orders.scss */
.order_index {
  display: flex;
}

/* line 24, app/assets/stylesheets/orders/orders.scss */
.left-side {
  color: #454545;
  font-size: 13px;
  font-weight: 600;
  margin: 15px 0 15px 15px;
  padding-right: 10px;
  display: flex;
  flex-direction: row;
  min-width: 300px;
  max-width: 300px;
  word-break: break-word;
}

/* line 35, app/assets/stylesheets/orders/orders.scss */
.left-side .order-client-name {
  font-size: 14px;
  font-weight: 400;
}

/* line 39, app/assets/stylesheets/orders/orders.scss */
.left-side .order-client-email {
  font-weight: 400;
}

/* line 42, app/assets/stylesheets/orders/orders.scss */
.left-side .order-client-act {
  margin-left: 5px;
}

/* line 46, app/assets/stylesheets/orders/orders.scss */
.right-side {
  margin: 20px 0;
  padding: 0 220px 0 15px;
  border-left: 1px solid #D3DEF4;
}

/* line 51, app/assets/stylesheets/orders/orders.scss */
.messenger_text {
  color: #959595;
}

/* line 54, app/assets/stylesheets/orders/orders.scss */
.text_fields {
  word-break: break-word;
}

/* line 55, app/assets/stylesheets/orders/orders.scss */
.text_fields .name {
  color: #3153D4;
}

/* line 60, app/assets/stylesheets/orders/orders.scss */
#editor_orders {
  border-left: 1px solid #E0E1E3;
  z-index: 500;
  overflow-x: hidden;
  position: fixed;
  width: 300px;
  right: 0;
  top: 58px;
  bottom: 0;
  background-color: white;
  padding: 12px 16px 0;
}

/* line 73, app/assets/stylesheets/orders/orders.scss */
#editor_orders .for_inputs .input-field,
#editor_orders .select-wrapper .input-field {
  margin-bottom: 8px;
}

/* line 75, app/assets/stylesheets/orders/orders.scss */
#editor_orders .for_inputs .input-field input,
#editor_orders .for_inputs .input-field textarea,
#editor_orders .select-wrapper .input-field input,
#editor_orders .select-wrapper .input-field textarea {
  border: 1px solid #e0e1e3 !important;
  border-radius: 6px !important;
  height: 40px !important;
  box-sizing: border-box;
  width: 100% !important;
}

/* line 83, app/assets/stylesheets/orders/orders.scss */
#editor_orders .for_inputs .input-field input:focus,
#editor_orders .for_inputs .input-field textarea:focus,
#editor_orders .select-wrapper .input-field input:focus,
#editor_orders .select-wrapper .input-field textarea:focus {
  box-shadow: none !important;
  background-color: transparent;
  border-color: #1a53c6 !important;
}

/* line 91, app/assets/stylesheets/orders/orders.scss */
#editor_orders .select-wrapper {
  margin-bottom: 8px;
}

/* line 93, app/assets/stylesheets/orders/orders.scss */
#editor_orders .select-wrapper input.select-dropdown {
  border: 1px solid #E0E1E3 !important;
  border-radius: 6px !important;
}

/* line 97, app/assets/stylesheets/orders/orders.scss */
#editor_orders .select-wrapper::after {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  transform: rotate(0);
  width: 11px;
  height: 9px;
  top: 19px;
  right: 15px;
  z-index: 1;
}

/* line 111, app/assets/stylesheets/orders/orders.scss */
.order-top-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  border-bottom: 1px solid #d3def4;
}

@media (max-width: 900px) {
  /* line 111, app/assets/stylesheets/orders/orders.scss */
  .order-top-content {
    padding: 10px 6px;
  }
  /* line 119, app/assets/stylesheets/orders/orders.scss */
  .order-top-content .order-mobile-head-title {
    font-size: 16px;
  }
}

/* line 124, app/assets/stylesheets/orders/orders.scss */
.clients_action_drop_box {
  color: #626f7f !important;
  line-height: 19px;
  padding: 6px 14px;
  cursor: pointer;
}

/* line 130, app/assets/stylesheets/orders/orders.scss */
.clients_action_drop_box:hover {
  background-color: #f0f6fc;
}

/* line 135, app/assets/stylesheets/orders/orders.scss */
.simple_form.index .input-field {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 140, app/assets/stylesheets/orders/orders.scss */
.button_orders {
  color: white;
  font-size: 15px;
  font-weight: 500;
  border-radius: 4px;
  padding: 9px 15px;
  border: none;
  background: #039 !important;
  margin-top: 10px;
}

/* line 141, app/assets/stylesheets/orders/orders.scss */
.button_orders:focus {
  background: #039 !important;
}

/* line 153, app/assets/stylesheets/orders/orders.scss */
#order_variables {
  min-height: 100px;
  max-height: 220px;
  color: #423F3F;
}

/* line 158, app/assets/stylesheets/orders/orders.scss */
.order_form_title {
  font-weight: 500;
  font-size: 18px;
  color: #150000;
  margin: 10px 0 10px 0 !important;
}

/* line 164, app/assets/stylesheets/orders/orders.scss */
.order_change_form > .select-wrapper {
  width: 100% !important;
}

/* line 167, app/assets/stylesheets/orders/orders.scss */
#orders {
  padding-bottom: 80px !important;
}

/* line 171, app/assets/stylesheets/orders/orders.scss */
.order_form_but {
  text-align: center;
  height: 40px;
  background: #039;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  width: 140px;
}

/* line 181, app/assets/stylesheets/orders/orders.scss */
.order_change_form > .select-wrapper > input {
  width: 95% !important;
  color: #423F3F;
}

/* line 185, app/assets/stylesheets/orders/orders.scss */
.order_form_destroy {
  position: absolute;
  transform: rotate(45deg);
  top: 0;
  right: 20px;
  font-size: 40px;
  font-weight: 100;
  color: #039;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 99;
  cursor: pointer;
}

/* line 197, app/assets/stylesheets/orders/orders.scss */
.create_new_order_form {
  padding: 30px;
}

/* line 200, app/assets/stylesheets/orders/orders.scss */
#new_order > .modal-content > .field > .select-wrapper > .dropdown-trigger {
  width: 95%;
  border-color: #DCD6D6;
}

/* line 204, app/assets/stylesheets/orders/orders.scss */
#new_order > .modal-content > .field > .order_cost > #order_cost {
  border-color: #DCD6D6;
}

/* line 207, app/assets/stylesheets/orders/orders.scss */
#new_order > .modal-content > .order_description > #order_description {
  width: 100% !important;
  margin-top: 15px !important;
  padding: 10px 0 0 15px !important;
  min-height: 100px !important;
  max-height: 200px !important;
  border-color: #DCD6D6;
}

/* line 216, app/assets/stylesheets/orders/orders.scss */
.order_user-avatar_from * {
  position: absolute;
  right: 16px;
  top: 34px;
  min-width: 22px;
  max-width: 22px;
  min-height: 22px;
  max-height: 22px;
  border: 2px solid #FFFFFF;
  border-radius: 6px;
}

@media (max-width: 900px) {
  /* line 229, app/assets/stylesheets/orders/orders.scss */
  .order_mobile {
    border: 1px solid #1a53c630;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 5px;
    background-color: #FFFFFF;
    display: flex;
    position: relative;
  }
  /* line 237, app/assets/stylesheets/orders/orders.scss */
  .order_mobile .action_list_trigger {
    top: 10px;
    right: 15px;
  }
  /* line 242, app/assets/stylesheets/orders/orders.scss */
  .order_client_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  /* line 247, app/assets/stylesheets/orders/orders.scss */
  .order_client_avatar {
    position: relative;
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
    margin-right: 10px;
  }
  /* line 254, app/assets/stylesheets/orders/orders.scss */
  .order_client_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  /* line 260, app/assets/stylesheets/orders/orders.scss */
  .order_client_name {
    font-size: 12px;
    line-height: 12px;
  }
  /* line 264, app/assets/stylesheets/orders/orders.scss */
  .svg_bp_mobile {
    height: 12px;
    width: 12px;
  }
  /* line 267, app/assets/stylesheets/orders/orders.scss */
  .svg_bp_mobile svg {
    position: relative;
    left: 3px;
    bottom: 4px;
    width: 12px;
    height: 12px;
  }
  /* line 275, app/assets/stylesheets/orders/orders.scss */
  .shield_svg_mobile {
    width: 12px;
    height: 12px;
  }
  /* line 278, app/assets/stylesheets/orders/orders.scss */
  .shield_svg_mobile svg {
    width: 12px;
    height: 12px;
    position: relative;
    bottom: 4px;
  }
  /* line 285, app/assets/stylesheets/orders/orders.scss */
  .user_email_mobile {
    font-size: 10px;
    line-height: 12px;
    color: #454545;
  }
  /* line 290, app/assets/stylesheets/orders/orders.scss */
  .order_client_user {
    margin-top: 3px;
  }
  /* line 293, app/assets/stylesheets/orders/orders.scss */
  .order_time_mobile {
    font-size: 10px;
    color: #454545;
  }
  /* line 297, app/assets/stylesheets/orders/orders.scss */
  #order_clients_container {
    padding: 5px;
  }
  /* line 300, app/assets/stylesheets/orders/orders.scss */
  .order_font_change_mobile {
    font-size: 12px;
    padding: 5px;
  }
  /* line 304, app/assets/stylesheets/orders/orders.scss */
  .margin_for_mobile {
    margin: 7px 0;
  }
  /* line 308, app/assets/stylesheets/orders/orders.scss */
  .order_fields_mobile .field {
    line-height: 12px;
    margin-bottom: 5px;
    padding-right: 40px;
  }
  /* line 313, app/assets/stylesheets/orders/orders.scss */
  .order_fields_mobile .field .name {
    color: #039;
  }
  /* line 316, app/assets/stylesheets/orders/orders.scss */
  .order_fields_mobile .field .val {
    word-break: break-all;
  }
  /* line 319, app/assets/stylesheets/orders/orders.scss */
  .order_fields_mobile .field span {
    font-size: 12px;
    line-height: 12px;
  }
}

/* line 326, app/assets/stylesheets/orders/orders.scss */
.input-margin {
  margin-bottom: 10px;
}

/* line 330, app/assets/stylesheets/orders/orders.scss */
.task_wrapper .collection {
  margin-top: 0;
}

/* line 333, app/assets/stylesheets/orders/orders.scss */
.task_wrapper #order_clients_container {
  border-bottom: none;
  min-height: calc(100vh - 118px);
  background: #fafcff;
  border-right: none;
  border-left: none;
  overflow: hidden;
  margin-bottom: 0;
}

/* line 1, app/assets/stylesheets/messages/messages.scss */
#paper-html-elements_minimap {
  position: absolute;
  right: 300px;
  top: 58px;
  z-index: 500;
  border-bottom: 3px solid #1B2C47;
  border-left: 3px solid #1B2C47;
  cursor: -webkit-grab;
  cursor: grab;
}

/* line 10, app/assets/stylesheets/messages/messages.scss */
#minimap_scale {
  z-index: 5000000000001;
  position: absolute;
  right: 300px;
  top: 58px;
  width: 300px;
}

/* line 17, app/assets/stylesheets/messages/messages.scss */
#preloader_constructor {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999999999999999999;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

/* line 26, app/assets/stylesheets/messages/messages.scss */
.joint-paper.joint-theme-default {
  border: 1px solid black;
}

/* line 29, app/assets/stylesheets/messages/messages.scss */
.joint-paper-scroller::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 32, app/assets/stylesheets/messages/messages.scss */
.joint-paper-scroller::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  height: 5px;
  background-color: transparent;
}

/* line 38, app/assets/stylesheets/messages/messages.scss */
.joint-paper-scroller::-webkit-scrollbar-thumb {
  background-color: #4b6389;
  border-radius: 4px;
}

/* line 42, app/assets/stylesheets/messages/messages.scss */
.handle.rotate, .handle.resize {
  display: none;
}

/* line 45, app/assets/stylesheets/messages/messages.scss */
.joint-navigator.joint-theme-default {
  padding: 0 !important;
  height: auto !important;
  width: auto !important;
  min-width: 230px;
  border: none !important;
  border-radius: 6px 6px 0 0;
}

/* line 53, app/assets/stylesheets/messages/messages.scss */
.joint-paper {
  border: none !important;
  box-shadow: none !important;
}

/* line 57, app/assets/stylesheets/messages/messages.scss */
.line_vertical {
  border-left: 2px solid #E1E0E7;
  height: 20px;
  cursor: default;
}

/* line 62, app/assets/stylesheets/messages/messages.scss */
.zoom_info {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 65, app/assets/stylesheets/messages/messages.scss */
.white_background {
  background: white;
  width: 231px;
  height: 30px;
  border-top: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
  position: absolute;
  bottom: 5px;
  border-top-right-radius: 4px;
}

/* line 76, app/assets/stylesheets/messages/messages.scss */
.dialog_menu {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: black;
  z-index: 10000004;
  opacity: 0.3;
}

/* line 86, app/assets/stylesheets/messages/messages.scss */
.message_menu {
  max-width: 600px;
  border: 2px solid #E0E1E3;
  border-radius: 6px;
  background: white;
  position: fixed;
  padding: 20px 16px;
  top: 40%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10000005;
}

/* line 98, app/assets/stylesheets/messages/messages.scss */
.message_menu_title {
  color: #626F7F;
  font-size: 16px;
}

/* line 102, app/assets/stylesheets/messages/messages.scss */
.message_menu_answer {
  border: 1px solid #E0E1E3;
  border-radius: 6px;
  padding: 5px 12px;
  cursor: pointer;
  transition: 0.3s;
  color: #626F7F;
}

/* line 110, app/assets/stylesheets/messages/messages.scss */
.message_menu_answer:hover {
  background: #efefef;
  border-color: transparent;
}

/* line 117, app/assets/stylesheets/messages/messages.scss */
.message_menu_answer_no {
  margin-left: 10px;
}

/* line 120, app/assets/stylesheets/messages/messages.scss */
.message_menu_close {
  font-size: 30px;
  color: #626F7F;
  transform: rotate(45deg);
  position: absolute;
  opacity: 0.6;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  right: 7px;
  cursor: pointer;
}

/* line 130, app/assets/stylesheets/messages/messages.scss */
.message_menu_close:hover {
  opacity: 1;
}

/* line 135, app/assets/stylesheets/messages/messages.scss */
.center_menu_answer {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 0;
  display: flex;
  justify-content: center;
}

/* line 141, app/assets/stylesheets/messages/messages.scss */
.del_tree {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  color: #039be5;
}

/* line 146, app/assets/stylesheets/messages/messages.scss */
.message_file_preview {
  margin: 12px 0;
  color: #039;
  line-height: 14px;
  position: relative;
  padding-right: 10px;
}

/* line 154, app/assets/stylesheets/messages/messages.scss */
.ace_scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 157, app/assets/stylesheets/messages/messages.scss */
.ace_scrollbar::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  height: 5px;
  background-color: transparent;
}

/* line 163, app/assets/stylesheets/messages/messages.scss */
.ace_scrollbar::-webkit-scrollbar-thumb {
  background-color: #eaebec;
  border-radius: 10px;
}

/* line 3, app/assets/stylesheets/clients.scss */
.btn-new {
  display: inline-block;
  padding: 13px 25px;
  color: #000;
  font-size: .875rem;
  font-weight: 700;
  line-height: 17px;
  text-decoration: none;
  outline: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  transition: .1s ease-out;
}

/* line 20, app/assets/stylesheets/clients.scss */
.btn-new--white {
  color: #696969;
  border-color: #c4c4c4;
}

/* line 24, app/assets/stylesheets/clients.scss */
.btn-new--white:hover, .btn-new--white:focus {
  background-color: #c4c4c4;
}

/* line 28, app/assets/stylesheets/clients.scss */
.btn-new--white:active {
  color: #000;
  border-color: #9c9c9c;
  background-color: #9c9c9c;
}

/* line 35, app/assets/stylesheets/clients.scss */
.btn-new--default {
  color: #fff;
  background-color: #039;
}

/* line 40, app/assets/stylesheets/clients.scss */
.btn-new--w {
  width: 100%;
  text-align: center;
}

@media (max-width: 1450px) {
  /* line 3, app/assets/stylesheets/clients.scss */
  .btn-new {
    font-size: 12px;
  }
}

@media (max-width: 1250px) {
  /* line 3, app/assets/stylesheets/clients.scss */
  .btn-new {
    padding: 6px 16px;
    font-size: 12px;
  }
}

@media (max-width: 880px) {
  /* line 3, app/assets/stylesheets/clients.scss */
  .btn-new {
    padding: 4px 10px;
  }
}

/* line 58, app/assets/stylesheets/clients.scss */
.user-avatar {
  position: relative;
  width: 50px;
  height: 50px;
}

/* line 62, app/assets/stylesheets/clients.scss */
.user-avatar__image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

/* line 66, app/assets/stylesheets/clients.scss */
.user-avatar__image__right-bar {
  width: 100%;
}

/* line 71, app/assets/stylesheets/clients.scss */
.user-avatar__social-media {
  position: absolute;
  right: -3px;
  bottom: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #fff;
}

@media (max-width: 880px) {
  /* line 71, app/assets/stylesheets/clients.scss */
  .user-avatar__social-media {
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
  }
}

/* line 86, app/assets/stylesheets/clients.scss */
.user-avatar__social-media_type_none {
  display: none;
}

/* line 89, app/assets/stylesheets/clients.scss */
.user-avatar__social-media_type_paused {
  background-color: #ffcd39;
}

/* line 92, app/assets/stylesheets/clients.scss */
.user-avatar__social-media_type_blocked {
  background-color: #ff4d4d;
}

/* line 95, app/assets/stylesheets/clients.scss */
.user-avatar__social-media_type_notSubscribed {
  background-color: #ff4d4d;
}

@media (max-width: 1450px) {
  /* line 58, app/assets/stylesheets/clients.scss */
  .user-avatar {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 1250px) {
  /* line 58, app/assets/stylesheets/clients.scss */
  .user-avatar {
    width: 42px;
    height: 42px;
  }
}

@media (max-width: 880px) {
  /* line 58, app/assets/stylesheets/clients.scss */
  .user-avatar {
    width: 40px;
    height: 40px;
  }
}

/* line 115, app/assets/stylesheets/clients.scss */
.preloader {
  display: none;
  background: #101b2d63;
  z-index: 1001;
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 123, app/assets/stylesheets/clients.scss */
.preloader__row {
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  text-align: center;
  -webkit-animation: preloader-rotate 2s infinite linear;
          animation: preloader-rotate 2s infinite linear;
}

/* line 135, app/assets/stylesheets/clients.scss */
.preloader__item {
  position: absolute;
  display: inline-block;
  top: 0;
  background-color: #ffffff;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  -webkit-animation: preloader-bounce 2s infinite ease-in-out;
          animation: preloader-bounce 2s infinite ease-in-out;
}

/* line 145, app/assets/stylesheets/clients.scss */
.preloader__item:last-child {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

/* line 153, app/assets/stylesheets/clients.scss */
.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
  display: none;
}

/* line 159, app/assets/stylesheets/clients.scss */
.loaded .preloader {
  display: none;
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes preloader-bounce {
  0%,
100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

/* line 181, app/assets/stylesheets/clients.scss */
.client_pin_icon {
  left: 5px;
  position: absolute;
  color: #cccccc;
  z-index: 1;
  transform: rotate(25deg);
}

/* line 189, app/assets/stylesheets/clients.scss */
.modal-container {
  border-radius: 4px;
  position: relative;
  height: 100%;
  overflow-y: scroll;
  box-sizing: border-box;
  padding-top: 100px;
}

/* line 196, app/assets/stylesheets/clients.scss */
.modal-container--close {
  position: fixed;
  transform: rotate(45deg);
  top: -5px;
  right: 20px;
  font-size: 40px;
  font-weight: 100;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 99;
  cursor: pointer;
}

/* line 208, app/assets/stylesheets/clients.scss */
.modal-container__header {
  padding: 0 15px;
  background-color: #1a53c6;
  height: 50px;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  position: fixed;
  width: 100%;
  top: 0;
  box-sizing: border-box;
}

/* line 220, app/assets/stylesheets/clients.scss */
.modal-container__title {
  font-size: 17px;
  line-height: 24px;
  color: #FFFFFF;
}

/* line 225, app/assets/stylesheets/clients.scss */
.modal-container__list-titles {
  display: flex;
  padding: 10px 15px;
  margin-bottom: 15px;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
  top: 50px;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  background-color: white;
}

/* line 238, app/assets/stylesheets/clients.scss */
.modal-container__list-title--id {
  display: flex;
  flex-basis: 60px;
  justify-content: center;
}

/* line 243, app/assets/stylesheets/clients.scss */
.modal-container__list-title--url {
  width: 200px;
  display: flex;
  justify-content: center;
}

/* line 248, app/assets/stylesheets/clients.scss */
.modal-container__list-title--deadline {
  display: flex;
  justify-content: center;
  flex-basis: 120px;
}

/* line 253, app/assets/stylesheets/clients.scss */
.modal-container__list-title--one-time, .modal-container__list-title--was-opened {
  display: flex;
  justify-content: center;
  width: 115px;
}

/* line 259, app/assets/stylesheets/clients.scss */
.modal-container__content {
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
  margin-bottom: 10px;
}

/* line 265, app/assets/stylesheets/clients.scss */
.modal-container__content--id {
  display: flex;
  flex-basis: 60px;
  justify-content: center;
}

/* line 270, app/assets/stylesheets/clients.scss */
.modal-container__content--url {
  padding: 0 3px;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 277, app/assets/stylesheets/clients.scss */
.modal-container__content--deadline {
  display: flex;
  justify-content: center;
  flex-basis: 120px;
}

/* line 282, app/assets/stylesheets/clients.scss */
.modal-container__content--one-time, .modal-container__content--was-opened {
  display: flex;
  justify-content: center;
  width: 115px;
}

/* line 289, app/assets/stylesheets/clients.scss */
.modal-container__used-link {
  color: #c72935;
}

/* line 293, app/assets/stylesheets/clients.scss */
.load_clients_by_filter_group {
  margin-bottom: 0 !important;
}

/* line 296, app/assets/stylesheets/clients.scss */
#load_clients_by_filter_group {
  display: none;
}

/* line 5, app/assets/stylesheets/fast_answers.scss */
.fast_answer_overflow .for_inputs {
  margin-bottom: 13px;
}

/* line 8, app/assets/stylesheets/fast_answers.scss */
.fast_answer_overflow .input-field {
  margin-bottom: 13px;
}

/* line 11, app/assets/stylesheets/fast_answers.scss */
.fast_answer_overflow .file-path-wrapper {
  bottom: 0 !important;
  margin-top: 0;
}

/* line 15, app/assets/stylesheets/fast_answers.scss */
.fast_answer_overflow .string {
  bottom: 0 !important;
  float: none !important;
}

/* line 20, app/assets/stylesheets/fast_answers.scss */
.fast_answer_overflow .field_with_height .input-field {
  bottom: 0 !important;
}

/* line 25, app/assets/stylesheets/fast_answers.scss */
#new_order > .modal-content > .order_description > #order_description, #new_order > .modal-content > .field > .order_name > #order_name, .field > .message_condition > #message_condition, .flex-box-items > .message_black_list > #message_black_list, .flex-box-items > .message_answer > #message_answer, .fast_answer_overflow > .message_attachment_url > #message_attachment_url, .field > .message_attachment_type > .select-wrapper > .dropdown-trigger, .field > .message_comparision_method > .select-wrapper > .dropdown-trigger, .field > .message_message_type > .select-wrapper > .dropdown-trigger {
  box-shadow: none;
  border: 1px solid #DCD6D6;
  border-radius: 4px;
  margin-top: 5px;
  margin-bottom: 3px;
  padding: 3px 0 3px 10px;
  width: calc(100% - 10px);
  height: 43px;
}

/* line 34, app/assets/stylesheets/fast_answers.scss */
#new_order > .modal-content > .order_description > #order_description:focus, #new_order > .modal-content > .field > .order_name > #order_name:focus, .field > .message_condition > #message_condition:focus, .flex-box-items > .message_black_list > #message_black_list:focus, .flex-box-items > .message_answer > #message_answer:focus, .fast_answer_overflow > .message_attachment_url > #message_attachment_url:focus, .field > .message_attachment_type > .select-wrapper > .dropdown-trigger:focus, .field > .message_comparision_method > .select-wrapper > .dropdown-trigger:focus, .field > .message_message_type > .select-wrapper > .dropdown-trigger:focus {
  border: 1px solid #039;
}

/* line 38, app/assets/stylesheets/fast_answers.scss */
.fast_answer_overflow > .message_attachment_url > #message_attachment_url {
  width: 85%;
}

@media (max-width: 1700px) {
  /* line 38, app/assets/stylesheets/fast_answers.scss */
  .fast_answer_overflow > .message_attachment_url > #message_attachment_url {
    width: 82%;
  }
}

@media (max-width: 1450px) {
  /* line 38, app/assets/stylesheets/fast_answers.scss */
  .fast_answer_overflow > .message_attachment_url > #message_attachment_url {
    width: 80%;
  }
}

@media (max-width: 1250px) {
  /* line 38, app/assets/stylesheets/fast_answers.scss */
  .fast_answer_overflow > .message_attachment_url > #message_attachment_url {
    width: 75%;
  }
}

/* line 50, app/assets/stylesheets/fast_answers.scss */
.flex-box-items > .message_answer > #message_answer {
  padding-top: 5px;
  max-height: 80px;
  width: 100.3% !important;
}

/* line 55, app/assets/stylesheets/fast_answers.scss */
.flex-box-items > .message_black_list > #message_black_list {
  margin-bottom: 7px;
}

/* line 58, app/assets/stylesheets/fast_answers.scss */
.check_box_with_label {
  position: relative;
  bottom: 30px;
  height: 30px;
  margin-right: 15px;
}

/* line 64, app/assets/stylesheets/fast_answers.scss */
.fast-answer__center-wrapper {
  padding-top: 10px;
}

/* line 67, app/assets/stylesheets/fast_answers.scss */
.fast-answer__text {
  margin-top: 0;
}

/* line 70, app/assets/stylesheets/fast_answers.scss */
#message_attachment_url {
  margin-bottom: 15px;
}

/* line 73, app/assets/stylesheets/fast_answers.scss */
.flex-box-items {
  flex: 1;
}

/* line 75, app/assets/stylesheets/fast_answers.scss */
.flex-box-items:first-child {
  margin-right: 10px;
}

/* line 79, app/assets/stylesheets/fast_answers.scss */
.fast_answer_overflow::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 83, app/assets/stylesheets/fast_answers.scss */
.fast_answer_overflow::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  background-color: transparent;
}

/* line 89, app/assets/stylesheets/fast_answers.scss */
.fast_answer_overflow::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 10px;
}

/* line 93, app/assets/stylesheets/fast_answers.scss */
.message_enter_once > label > span:before {
  width: 30px;
  border-radius: 15px;
  height: 15px;
}

/* line 98, app/assets/stylesheets/fast_answers.scss */
.border_for_label {
  width: 35px;
  height: 22px;
  position: relative;
  top: 38px;
  right: 2px;
  background: #DFE1E5;
  border-radius: 20px;
  transition: 0.3s;
}

/* line 108, app/assets/stylesheets/fast_answers.scss */
.message_enter_once > label > [type="checkbox"] + span:not(.lever):before {
  background: white;
  border: none;
  border-radius: 50%;
  width: 18px !important;
  height: 18px !important;
}

/* line 115, app/assets/stylesheets/fast_answers.scss */
.message_enter_once > label > [type="checkbox"]:checked + span:not(.lever):before {
  transform: none !important;
  left: 13px !important;
  width: 18px !important;
  height: 18px !important;
  top: 0;
}

/* line 122, app/assets/stylesheets/fast_answers.scss */
.file_val_destroyer {
  position: absolute;
  transform: rotate(45deg);
  z-index: 101;
  border: none;
  background: none;
  cursor: pointer;
  line-height: 20px;
  font-size: 35px;
  color: red;
  right: 25px;
  top: 370px;
}

/* line 134, app/assets/stylesheets/fast_answers.scss */
.file_val_destroyer:focus {
  background: none;
}

/* line 138, app/assets/stylesheets/fast_answers.scss */
.hover_border {
  border: 1px solid #DCD6D6;
  border-radius: 4px;
}

/* line 142, app/assets/stylesheets/fast_answers.scss */
.fast-answer__wrapper-dialog {
  margin-right: 5px;
  text-align: right;
}

/* line 146, app/assets/stylesheets/fast_answers.scss */
.attachment-input-wrapper {
  width: 90%;
  margin-right: 15px;
}

/* line 150, app/assets/stylesheets/fast_answers.scss */
.comparison-input-wrapper {
  width: 100%;
}

/* line 153, app/assets/stylesheets/fast_answers.scss */
.fast-answer__wrapper-bottom {
  display: flex;
  margin-top: -5px;
  align-items: baseline;
}

/* line 157, app/assets/stylesheets/fast_answers.scss */
.fast-answer__wrapper-bottom .fast-answer-btn {
  margin-right: 45px;
}

/* line 161, app/assets/stylesheets/fast_answers.scss */
.fast-answer-text {
  word-break: break-word;
}

/* line 164, app/assets/stylesheets/fast_answers.scss */
.destroy_fa_file {
  color: #039;
  position: relative;
  bottom: 10px;
}

/* line 3, app/assets/stylesheets/tasks.scss */
#task_description {
  padding-top: 10px;
  min-height: 90px !important;
  max-height: 150px;
}

/* line 8, app/assets/stylesheets/tasks.scss */
#tasks {
  padding: 0;
}

/* line 10, app/assets/stylesheets/tasks.scss */
#tasks::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 14, app/assets/stylesheets/tasks.scss */
#tasks::-webkit-scrollbar {
  border-radius: 4px;
  width: 8px;
  background-color: transparent;
}

/* line 20, app/assets/stylesheets/tasks.scss */
#tasks::-webkit-scrollbar-thumb {
  background-color: #eaebec;
  border-radius: 10px;
}

/* line 25, app/assets/stylesheets/tasks.scss */
#tasks.tasks--scroll {
  padding: 20px 20px 80px;
}

/* line 28, app/assets/stylesheets/tasks.scss */
#new_task > .modal-content > .field > .task_user_id {
  margin-top: 0;
}

/* line 31, app/assets/stylesheets/tasks.scss */
#task_deadline {
  margin-top: 6px;
}

/* line 34, app/assets/stylesheets/tasks.scss */
#task_deadline {
  width: 87%;
}

/* line 38, app/assets/stylesheets/tasks.scss */
.task-workflow {
  background-color: #fafcff;
  margin-right: 315px;
  padding: 20px 20px 0;
}

@media (max-width: 1600px) {
  /* line 38, app/assets/stylesheets/tasks.scss */
  .task-workflow {
    margin-right: 280px !important;
  }
}

@media (max-width: 768px) {
  /* line 38, app/assets/stylesheets/tasks.scss */
  .task-workflow {
    margin-right: 0 !important;
  }
}

/* line 48, app/assets/stylesheets/tasks.scss */
.task-workflow .block_title {
  margin-bottom: 0;
}

/* line 53, app/assets/stylesheets/tasks.scss */
.task-title {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  padding: 15px 0;
}

/* line 60, app/assets/stylesheets/tasks.scss */
.block_title-task {
  padding: 10px 0 20px;
  max-width: 900px;
  width: 85%;
  margin: 0 auto;
}

/* line 67, app/assets/stylesheets/tasks.scss */
.task_item {
  cursor: pointer;
}

/* line 69, app/assets/stylesheets/tasks.scss */
.task_item__wrapper {
  display: flex;
  align-items: baseline;
}

/* line 72, app/assets/stylesheets/tasks.scss */
.task_item__wrapper p {
  color: black;
}

/* line 76, app/assets/stylesheets/tasks.scss */
.task_item__info_name {
  font-size: 15px;
  color: #1a53c6;
  margin-right: 5px;
}

/* line 81, app/assets/stylesheets/tasks.scss */
.task_item__name {
  font-size: 14px;
}

/* line 84, app/assets/stylesheets/tasks.scss */
.task_item__desc {
  font-size: 14px;
  line-height: 14px;
}

/* line 88, app/assets/stylesheets/tasks.scss */
.task_item__email {
  font-size: 14px;
}

/* line 91, app/assets/stylesheets/tasks.scss */
.task_item__status_icons {
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100px;
}

/* line 98, app/assets/stylesheets/tasks.scss */
.task_item__status_success {
  color: #138913;
}

/* line 101, app/assets/stylesheets/tasks.scss */
.task_item__status_failed {
  color: #ad2d2d;
}

/* line 104, app/assets/stylesheets/tasks.scss */
.task_item__delete {
  color: red;
}

/* line 108, app/assets/stylesheets/tasks.scss */
.success_task {
  color: #138913 !important;
}

/* line 111, app/assets/stylesheets/tasks.scss */
.failed_task {
  color: #EF4444 !important;
}

/* line 114, app/assets/stylesheets/tasks.scss */
.tasks-container {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  background: #FFFFFF;
  border: 1px solid #D4DFF4;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
}

/* line 120, app/assets/stylesheets/tasks.scss */
.tasks-container__top {
  padding: 12px 16px 9px;
  border-bottom: 1px solid rgba(224, 225, 227, 0.6);
  font-size: 14px;
  line-height: 19px;
  color: #626F7F;
  display: flex;
}

/* line 128, app/assets/stylesheets/tasks.scss */
.tasks-container__top-task {
  width: 100%;
}

/* line 131, app/assets/stylesheets/tasks.scss */
.tasks-container__top-time {
  min-width: 180px;
}

/* line 134, app/assets/stylesheets/tasks.scss */
.tasks-container__top-responsible {
  min-width: 200px;
  margin-right: 52px;
}

/* line 139, app/assets/stylesheets/tasks.scss */
.task-card {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  background: #FFFFFF;
  position: relative;
  width: 100%;
  cursor: unset;
}

/* line 146, app/assets/stylesheets/tasks.scss */
.task-card + .task-card {
  border-top: 1px solid rgba(224, 225, 227, 0.6);
}

/* line 149, app/assets/stylesheets/tasks.scss */
.task-card:last-child {
  border-radius: 0 0 6px 6px;
}

/* line 152, app/assets/stylesheets/tasks.scss */
.task-card__edit-link {
  width: 100%;
}

/* line 155, app/assets/stylesheets/tasks.scss */
.task-card__inner {
  display: flex;
  padding: 12px 16px 12px 18px;
}

/* line 159, app/assets/stylesheets/tasks.scss */
.task-card__check {
  min-width: 34px;
}

/* line 162, app/assets/stylesheets/tasks.scss */
.task-card__check-complete {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: none;
  background-image: url(/assets/icon/circle-check-58378f3809957000ee78e5bc6926497f93c8bea35366334b6a1f00299cae4136.svg);
  background-repeat: no-repeat;
}

/* line 170, app/assets/stylesheets/tasks.scss */
.task-card__check-not-complete {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1.8px solid rgba(98, 111, 127, 0.5);
}

/* line 176, app/assets/stylesheets/tasks.scss */
.task-card__wrapper-content {
  display: flex;
  width: 100%;
}

/* line 180, app/assets/stylesheets/tasks.scss */
.task-card__content {
  width: 100%;
  padding-right: 15px;
}

/* line 184, app/assets/stylesheets/tasks.scss */
.task-card__avatar {
  min-width: 200px;
  max-width: 200px;
}

/* line 188, app/assets/stylesheets/tasks.scss */
.task-card__avatar-info {
  display: flex;
  align-items: center;
}

/* line 191, app/assets/stylesheets/tasks.scss */
.task-card__avatar-info span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 12px;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
}

/* line 200, app/assets/stylesheets/tasks.scss */
.task-card__avatar-info img {
  max-width: 28px;
  min-width: 28px;
  max-height: 28px;
  min-height: 28px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 0 0 1px #E0E1E3;
}

/* line 210, app/assets/stylesheets/tasks.scss */
.task-card__avatar-info--no-resp img {
  box-shadow: none;
}

/* line 213, app/assets/stylesheets/tasks.scss */
.task-card__avatar-info--no-resp span {
  color: #626F7F;
}

/* line 218, app/assets/stylesheets/tasks.scss */
.task-card__action {
  min-width: 52px;
  max-width: 52px;
  display: flex;
  justify-content: center;
}

/* line 224, app/assets/stylesheets/tasks.scss */
.task-card__time {
  font-size: 14px;
  line-height: 19px;
  color: #111111;
  margin-top: 6px;
  min-width: 180px;
  max-width: 180px;
}

/* line 232, app/assets/stylesheets/tasks.scss */
.task-card__time-failed {
  color: #EF4444;
  font-weight: 600;
  position: relative;
  display: inline-block;
  padding-right: 20px;
}

/* line 238, app/assets/stylesheets/tasks.scss */
.task-card__time-failed::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0;
  top: 1px;
  background-image: url(/assets/icon/fire-icon-8269364ed9100d67fd9f4bc3f0c519fd0e00b976ecbe0784cec4e17999b9cbc2.svg);
  background-repeat: no-repeat;
}

/* line 249, app/assets/stylesheets/tasks.scss */
.task-card__name {
  font-size: 15px;
  line-height: 19px;
  color: #111111;
  margin-bottom: 2px;
}

/* line 255, app/assets/stylesheets/tasks.scss */
.task-card__desc {
  font-size: 14px;
  line-height: 19px;
  color: #626F7F;
}

/* line 260, app/assets/stylesheets/tasks.scss */
.task-card__delete {
  width: 20px;
  margin-left: auto;
  margin-top: auto;
  color: #626F7F;
  opacity: 0.6;
}

/* line 266, app/assets/stylesheets/tasks.scss */
.task-card__delete:hover {
  opacity: 1;
}

/* line 270, app/assets/stylesheets/tasks.scss */
.task-card__complete {
  color: #626F7F;
  text-decoration: line-through;
}

/* line 273, app/assets/stylesheets/tasks.scss */
.task-card__complete.task-card__desc {
  color: #95A3BA;
}

/* line 276, app/assets/stylesheets/tasks.scss */
.task-card__complete.task-card__email {
  color: #626F7F !important;
  text-decoration: none;
}

/* line 280, app/assets/stylesheets/tasks.scss */
.task-card__complete-img {
  opacity: 0.4;
}

/* line 285, app/assets/stylesheets/tasks.scss */
.task-rightbar {
  padding: 16px 13px !important;
  border-right: 1px solid #E0E1E3 !important;
  width: 315px !important;
}

@media (max-width: 1600px) {
  /* line 285, app/assets/stylesheets/tasks.scss */
  .task-rightbar {
    width: 280px !important;
  }
}

/* line 293, app/assets/stylesheets/tasks.scss */
.task-rightbar-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  margin: 0 0 10px;
  color: #1A53C6;
}

/* line 301, app/assets/stylesheets/tasks.scss */
.task-rightbar-filter .modal_form_box {
  padding: 0;
}

/* line 304, app/assets/stylesheets/tasks.scss */
.task-rightbar-filter_bot {
  display: flex;
  align-items: center;
  margin-top: 12px;
}

/* line 309, app/assets/stylesheets/tasks.scss */
.task-rightbar-filter .new_button {
  width: 100%;
}

/* line 312, app/assets/stylesheets/tasks.scss */
.task-rightbar-filter_clean {
  font-size: 14px;
  line-height: 18px;
  margin-left: 12px;
  color: #626F7F;
  white-space: nowrap;
}

/* line 321, app/assets/stylesheets/tasks.scss */
.task_bottom_margin {
  margin-bottom: 10px;
}

/* line 2, app/assets/stylesheets/lists.scss */
.rosters {
  position: relative;
  background-color: #fff;
  line-height: 1.5rem;
  padding: 10px 20px !important;
  display: flex;
  align-items: center;
  margin-bottom: 15px !important;
  border: 1px solid #bccbe0;
  border-radius: 6px;
}

/* line 15, app/assets/stylesheets/lists.scss */
.rosters__last-child .btn-dropdown-list .project__list {
  top: -35px;
  right: 20px;
  padding: 5px;
}

/* line 19, app/assets/stylesheets/lists.scss */
.rosters__last-child .btn-dropdown-list .project__list-topcut {
  top: 30px;
  right: -5px;
  transform: rotate(45deg);
}

/* line 27, app/assets/stylesheets/lists.scss */
.rosters__wrapper-info {
  display: flex;
  align-items: center;
}

/* line 31, app/assets/stylesheets/lists.scss */
.rosters__title-num {
  font-size: 19px;
  display: flex;
  justify-content: center;
  color: #7F8FA4;
  width: 90px;
  padding-right: 19px;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
  cursor: text;
  position: relative;
}

/* line 41, app/assets/stylesheets/lists.scss */
.rosters__title-num::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 70px;
  background-color: #EFF3F6;
  border-radius: 50%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* line 52, app/assets/stylesheets/lists.scss */
.rosters__title-num--no-copy {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 56, app/assets/stylesheets/lists.scss */
.rosters__info {
  margin-left: 15px;
}

/* line 59, app/assets/stylesheets/lists.scss */
.rosters__title-name, .rosters__amount-clients, .rosters__create-mailings {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  color: #0b1423;
}

/* line 68, app/assets/stylesheets/lists.scss */
.rosters__create-mailings {
  color: #004fe1;
  cursor: pointer;
}

/* line 73, app/assets/stylesheets/lists.scss */
.load-clients__form-text {
  margin-bottom: 15px;
}

/* line 77, app/assets/stylesheets/lists.scss */
.list_clients_destroy {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

/* line 78, app/assets/stylesheets/lists.scss */
.list_clients_destroy_div {
  color: #004fe1;
}

/* line 80, app/assets/stylesheets/lists.scss */
.list_clients_destroy_div:hover {
  color: #ff5050;
}

@media (max-width: 767px) {
  /* line 77, app/assets/stylesheets/lists.scss */
  .list_clients_destroy {
    display: none;
  }
}

@media (min-width: 768px) {
  /* line 91, app/assets/stylesheets/lists.scss */
  .list_clients_destroy-mobile {
    display: none;
    color: red;
  }
}

/* line 97, app/assets/stylesheets/lists.scss */
.irreversible {
  position: absolute;
  right: 25px;
  bottom: 20px;
  cursor: pointer;
}

@media (max-width: 640px) {
  /* line 97, app/assets/stylesheets/lists.scss */
  .irreversible {
    display: none;
  }
}

/* line 105, app/assets/stylesheets/lists.scss */
.irreversible__trigger {
  color: #c7c8ca;
  font-size: 12px;
}

/* line 109, app/assets/stylesheets/lists.scss */
.irreversible__list {
  transition: 0.5s;
  z-index: 99;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  position: absolute;
  right: -11px;
  background: white;
  top: 30px;
  border: 1px solid rgba(26, 83, 198, 0.19);
  box-shadow: 0 24px 32px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  padding: 10px 0;
  display: none;
}

/* line 128, app/assets/stylesheets/lists.scss */
.irreversible__link span {
  padding: 6px 12px;
  color: #f85869;
  z-index: 5;
  font-size: 14px;
  line-height: 18px;
}

/* line 135, app/assets/stylesheets/lists.scss */
.irreversible__link span:hover {
  background-color: #f85869;
  color: #FFFFFF;
}

/* line 141, app/assets/stylesheets/lists.scss */
.irreversible-active {
  display: block;
}

/* line 147, app/assets/stylesheets/lists.scss */
.list-page__top {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 151, app/assets/stylesheets/lists.scss */
.list-page__top .field {
  width: 100%;
}

/* line 154, app/assets/stylesheets/lists.scss */
.list-page__top .main-btn,
.list-page__top .secondary_button {
  font-size: 14px;
  white-space: nowrap;
}

/* line 158, app/assets/stylesheets/lists.scss */
.list-page__top .main-btn span,
.list-page__top .secondary_button span {
  margin-left: 6px;
}

@media (max-width: 700px) {
  /* line 147, app/assets/stylesheets/lists.scss */
  .list-page__top {
    flex-direction: column;
  }
  /* line 164, app/assets/stylesheets/lists.scss */
  .list-page__top .main-btn,
.list-page__top .secondary_button {
    width: 100%;
  }
}

/* line 170, app/assets/stylesheets/lists.scss */
.list-page .projects-status {
  margin: 24px 0 16px;
}

/* line 172, app/assets/stylesheets/lists.scss */
.list-page .projects-status span {
  margin-bottom: 0;
}

/* line 178, app/assets/stylesheets/lists.scss */
.list-card {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  border: 1px solid #D4DFF4 !important;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08) !important;
  border-radius: 6px !important;
  padding: 0 !important;
  display: block;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px !important;
  margin-bottom: 16px !important;
}

/* line 190, app/assets/stylesheets/lists.scss */
.list-card__top, .list-card__bottom {
  padding: 16px 20px;
}

/* line 194, app/assets/stylesheets/lists.scss */
.list-card__top {
  border-bottom: 1px solid #E1E6F0;
  padding-bottom: 13px;
}

/* line 198, app/assets/stylesheets/lists.scss */
.list-card__id {
  color: #95A3BA;
  margin-bottom: 4px;
}

/* line 202, app/assets/stylesheets/lists.scss */
.list-card__name {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #111111;
}

/* line 208, app/assets/stylesheets/lists.scss */
.list-card__count-client {
  margin-bottom: 16px;
}

/* line 210, app/assets/stylesheets/lists.scss */
.list-card__count-client b {
  font-weight: 700;
  color: #1A53C6;
}

/* line 215, app/assets/stylesheets/lists.scss */
.list-card__btns-wrapper {
  display: flex;
  gap: 8px;
}

/* line 218, app/assets/stylesheets/lists.scss */
.list-card__btns-wrapper .secondary_button {
  font-size: 14px;
  padding: 10px 16px;
}

@media (max-width: 1200px) {
  /* line 215, app/assets/stylesheets/lists.scss */
  .list-card__btns-wrapper {
    flex-wrap: wrap;
  }
}

@media (max-width: 500px) {
  /* line 226, app/assets/stylesheets/lists.scss */
  .list-card__btns-wrapper .secondary_button,
.list-card__btns-wrapper .main-btn {
    width: 100%;
  }
}

/* line 232, app/assets/stylesheets/lists.scss */
.list-card .context-btn {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 235, app/assets/stylesheets/lists.scss */
.list-card .context-menu {
  left: unset;
  right: -15px;
}

/* line 238, app/assets/stylesheets/lists.scss */
.list-card .context-menu__item--irreversible {
  color: #EF4444;
}

/* line 240, app/assets/stylesheets/lists.scss */
.list-card .context-menu__item--irreversible:hover {
  background-color: #FEF2F2;
}

/* line 1, app/assets/stylesheets/accesses.scss */
.container_for_accesses {
  background-color: #fafcff;
  width: 100%;
  padding: 24px 20px 24px;
  min-height: calc(100vh - 58px);
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/accesses.scss */
  .container_for_accesses {
    padding: 16px 15px 20px;
  }
}

/* line 10, app/assets/stylesheets/accesses.scss */
.accesses__workflow {
  max-width: 900px;
  margin: 25px auto 40px;
  padding: 35px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 5px rgba(142, 188, 222, 0.7);
}

/* line 17, app/assets/stylesheets/accesses.scss */
.accesses__workflow #accesses.row {
  margin: 35px 0 0 0;
}

/* line 21, app/assets/stylesheets/accesses.scss */
.small_h4 {
  font-size: 20px;
  font-weight: 600;
  color: #150000;
  padding: 0 0 0 35px;
}

/* line 27, app/assets/stylesheets/accesses.scss */
.modal_form--employee {
  display: block;
}

/* line 31, app/assets/stylesheets/accesses.scss */
.modal .modal-content--employee {
  padding: 0 50px 24px;
}

/* line 35, app/assets/stylesheets/accesses.scss */
.accesses-wrapper__access-add {
  display: flex;
  align-items: flex-end;
}

/* line 38, app/assets/stylesheets/accesses.scss */
.accesses-wrapper__access-add .input-field {
  margin-bottom: 0;
}

/* line 41, app/assets/stylesheets/accesses.scss */
.accesses-wrapper__access-add .employs_margin_button {
  margin: 0;
}

/* line 44, app/assets/stylesheets/accesses.scss */
.accesses-wrapper__access-add .add-employee__content__add__email__bottom {
  flex: none;
}

/* line 49, app/assets/stylesheets/accesses.scss */
.employee__avatar-name {
  display: flex;
  align-items: center;
}

/* line 52, app/assets/stylesheets/accesses.scss */
.employee__avatar-name .employee__item-name {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #626F7F;
  margin: 0 0 0 12px;
  overflow: hidden;
  max-width: 100%;
}

@media (max-width: 1700px) {
  /* line 52, app/assets/stylesheets/accesses.scss */
  .employee__avatar-name .employee__item-name {
    max-width: 338px;
    min-width: 338px;
    width: 100%;
  }
}

@media (max-width: 1250px) {
  /* line 52, app/assets/stylesheets/accesses.scss */
  .employee__avatar-name .employee__item-name {
    max-width: 250px;
    min-width: 250px;
    width: 100%;
  }
}

/* line 71, app/assets/stylesheets/accesses.scss */
.employee__avatar-name .employee__item-name p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 1250px) {
  /* line 71, app/assets/stylesheets/accesses.scss */
  .employee__avatar-name .employee__item-name p {
    width: 250px;
  }
}

/* line 79, app/assets/stylesheets/accesses.scss */
.employee__avatar-name .employee__item-name--name {
  display: flex;
  align-items: center;
}

/* line 83, app/assets/stylesheets/accesses.scss */
.employee__avatar-name .employee__item-name--name p {
  display: inline-block;
  margin-right: 8px;
}

/* line 88, app/assets/stylesheets/accesses.scss */
.employee__avatar-name .employee__item-name--email {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  margin-bottom: 4px;
}

@media (max-width: 1700px) {
  /* line 88, app/assets/stylesheets/accesses.scss */
  .employee__avatar-name .employee__item-name--email {
    display: block;
  }
}

/* line 102, app/assets/stylesheets/accesses.scss */
.employee__menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* line 106, app/assets/stylesheets/accesses.scss */
.employee__menu-link + .employee__menu-link {
  margin-left: 16px;
}

/* line 109, app/assets/stylesheets/accesses.scss */
.employee__menu-link {
  opacity: 0.6;
}

/* line 111, app/assets/stylesheets/accesses.scss */
.employee__menu-link:hover {
  opacity: 1;
}

/* line 116, app/assets/stylesheets/accesses.scss */
.employee__menu .context-btn {
  top: inherit;
}

/* line 119, app/assets/stylesheets/accesses.scss */
.employee__menu .context-btn svg {
  cursor: pointer;
  border-radius: 6px;
}

/* line 123, app/assets/stylesheets/accesses.scss */
.employee__menu .context-btn svg:hover {
  background-color: #e6eaf2;
}

/* line 128, app/assets/stylesheets/accesses.scss */
.employee__menu .context-btn .context-menu {
  left: -110px;
}

/* line 134, app/assets/stylesheets/accesses.scss */
.employee__item-desc {
  overflow: hidden;
  max-height: 75px;
  padding-right: 10px;
  display: flex;
  align-items: center;
}

/* line 140, app/assets/stylesheets/accesses.scss */
.employee__item-desc p {
  color: #626F7F;
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
  margin: 0;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 152, app/assets/stylesheets/accesses.scss */
.large_display {
  position: relative;
}

/* line 154, app/assets/stylesheets/accesses.scss */
.large_display .btn-dropdown-list--employee {
  top: 15px;
  right: 5px;
}

/* line 159, app/assets/stylesheets/accesses.scss */
#accesses {
  min-height: 160px;
}

/* line 161, app/assets/stylesheets/accesses.scss */
#accesses .add-employee__content__employees__item {
  display: grid;
  grid-template-columns: 1.05fr 0.6fr 1.2fr 1.5fr 0.35fr;
  grid-auto-rows: 1fr;
  width: 100%;
  position: relative;
  margin-bottom: 0;
  border-radius: 7px;
}

@media (max-width: 1700px) {
  /* line 161, app/assets/stylesheets/accesses.scss */
  #accesses .add-employee__content__employees__item {
    grid-template-columns: 1.2fr 0.6fr 1.5fr 0.35fr;
  }
}

/* line 172, app/assets/stylesheets/accesses.scss */
#accesses .add-employee__content__employees__item__avatar {
  min-width: 42px;
  min-height: 42px;
  overflow: hidden;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 178, app/assets/stylesheets/accesses.scss */
#accesses .add-employee__content__employees__item__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 185, app/assets/stylesheets/accesses.scss */
#accesses .add-employee__content__employees__item__name-group__group {
  position: relative;
  padding-left: 10px;
  display: flex;
  align-items: center;
  min-width: 180px;
}

@media (max-width: 900px) {
  /* line 185, app/assets/stylesheets/accesses.scss */
  #accesses .add-employee__content__employees__item__name-group__group {
    padding-left: 0;
  }
}

/* line 196, app/assets/stylesheets/accesses.scss */
#accesses .add-employee__content__employees__item__online {
  position: absolute;
  left: 181px;
  top: 35px;
}

/* line 201, app/assets/stylesheets/accesses.scss */
#accesses .add-employee__content__employees__item__email {
  display: flex;
  align-items: center;
  margin: 0;
  color: #111111;
  font-weight: 300;
  font-size: 15px;
  max-width: 202px;
  padding: 0 7px 0 15px;
}

/* line 210, app/assets/stylesheets/accesses.scss */
#accesses .add-employee__content__employees__item__email p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 1700px) {
  /* line 201, app/assets/stylesheets/accesses.scss */
  #accesses .add-employee__content__employees__item__email {
    display: none;
  }
}

/* line 219, app/assets/stylesheets/accesses.scss */
#accesses .add-employee__content__employees__item_delete {
  margin-left: 5px;
  top: 0;
  display: none;
}

/* line 232, app/assets/stylesheets/accesses.scss */
.variables_box {
  padding: 15px 0 0 0 !important;
}

/* line 235, app/assets/stylesheets/accesses.scss */
.variables_rows {
  overflow-y: scroll;
}

/* line 239, app/assets/stylesheets/accesses.scss */
.init_row {
  display: flex;
}

/* line 243, app/assets/stylesheets/accesses.scss */
.variable_row {
  margin-left: 15px;
}

/* line 245, app/assets/stylesheets/accesses.scss */
.variable_row_val, .variable_row_var {
  max-width: 27%;
  min-width: 27%;
  margin-left: 10px !important;
  border: 1px solid #0000003e !important;
  border-radius: 4px !important;
  height: 35px !important;
  padding-left: 10px !important;
  box-shadow: none !important;
}

/* line 255, app/assets/stylesheets/accesses.scss */
.variable_row_first {
  max-width: 365px;
  min-width: 160px;
}

@media (max-width: 491px) {
  /* line 255, app/assets/stylesheets/accesses.scss */
  .variable_row_first {
    max-width: 83%;
  }
}

/* line 262, app/assets/stylesheets/accesses.scss */
.variable_row_second {
  order: 2;
  max-width: 90%;
}

@media (max-width: 790px) {
  /* line 262, app/assets/stylesheets/accesses.scss */
  .variable_row_second {
    max-width: 90%;
  }
}

@media (max-width: 491px) {
  /* line 262, app/assets/stylesheets/accesses.scss */
  .variable_row_second {
    max-width: 83%;
  }
}

/* line 271, app/assets/stylesheets/accesses.scss */
.variable_row_second:disabled {
  background-color: #E1E6F0;
}

/* line 273, app/assets/stylesheets/accesses.scss */
.variable_row_second:disabled::-moz-placeholder {
  color: #95A3BA;
  opacity: 0.3;
}
.variable_row_second:disabled:-ms-input-placeholder {
  color: #95A3BA;
  opacity: 0.3;
}
.variable_row_second:disabled::placeholder {
  color: #95A3BA;
  opacity: 0.3;
}

/* line 277, app/assets/stylesheets/accesses.scss */
.variable_row_second:disabled:hover {
  cursor: not-allowed;
}

/* line 282, app/assets/stylesheets/accesses.scss */
.variable_row_label {
  width: 100%;
  font-size: 15px;
  padding-left: 10px;
}

/* line 286, app/assets/stylesheets/accesses.scss */
.variable_row_label_second {
  order: 1;
}

/* line 290, app/assets/stylesheets/accesses.scss */
.variable_row_add_val {
  order: 3;
}

/* line 293, app/assets/stylesheets/accesses.scss */
.variable_row_button {
  text-align: center;
  height: 37px !important;
  order: 5;
  margin-left: 12px;
  margin-bottom: 10px;
  padding: 7px 15px 0 15px !important;
}

/* line 301, app/assets/stylesheets/accesses.scss */
.variable_row_toggles {
  display: flex;
  max-width: 100%;
  margin-left: 24px;
}

@media (max-width: 450px) {
  /* line 301, app/assets/stylesheets/accesses.scss */
  .variable_row_toggles {
    margin: 0 auto;
    transform: translateX(-20px);
  }
}

@media (max-width: 390px) {
  /* line 301, app/assets/stylesheets/accesses.scss */
  .variable_row_toggles {
    margin: 0 auto;
    transform: translateX(-27px) scale(0.7);
  }
}

/* line 313, app/assets/stylesheets/accesses.scss */
.variable_row_toggles_free, .variable_row_toggles_num {
  position: relative;
  margin: 0 25px 0 5px;
  padding-top: 5px;
}

/* line 319, app/assets/stylesheets/accesses.scss */
.variable_row_toggle {
  height: 35px;
  width: 20%;
  margin: 0 10px;
}

/* line 324, app/assets/stylesheets/accesses.scss */
.variable_row_new {
  display: flex;
  flex-wrap: wrap;
  margin-left: 15px;
}

/* line 329, app/assets/stylesheets/accesses.scss */
.variable_row_remove {
  text-align: center;
  cursor: pointer;
  order: 6;
  padding: 5px;
  border: 1px solid #E1E6F0;
  height: 37px;
  border-radius: 6px;
  margin-left: 10px;
}

/* line 342, app/assets/stylesheets/accesses.scss */
.init_row .init_var, .init_row .init_val {
  width: calc(27% + 20px);
}

/* line 345, app/assets/stylesheets/accesses.scss */
.init_row .init_var {
  margin-right: 12px;
}

/* line 348, app/assets/stylesheets/accesses.scss */
.init_row .init_num {
  margin-left: 25px;
}

/* line 352, app/assets/stylesheets/accesses.scss */
.init_row--bottom {
  display: none;
  margin-left: 20px;
}

/* line 357, app/assets/stylesheets/accesses.scss */
.q_m_variables_template {
  border: 2px solid #89898a;
  min-width: 20px;
  max-width: 30px;
  min-height: 20px;
  max-height: 20px;
  border-radius: 34%;
  line-height: 20px;
  text-align: center;
  font-size: 13px;
  color: #039;
  cursor: help;
  position: absolute;
  top: 7px;
  right: 0;
  transform: scale(0.9);
}

/* line 373, app/assets/stylesheets/accesses.scss */
.q_m_variables_template span {
  color: #8a8a8a;
}

/* line 377, app/assets/stylesheets/accesses.scss */
.help_desc_v_t {
  right: 0;
  font-size: 14px;
  z-index: 2;
}

/* line 382, app/assets/stylesheets/accesses.scss */
.v_t_custom_checkbox {
  width: 42px;
  background: #E0E1E3;
  height: 20px;
  margin: 7.5px auto;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
}

/* line 390, app/assets/stylesheets/accesses.scss */
.v_t_custom_checkbox_ball {
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 8px;
  margin: 3px;
  position: absolute;
}

/* line 398, app/assets/stylesheets/accesses.scss */
.v_t_custom_checkbox_checked {
  background: #1a53c6;
}

/* line 400, app/assets/stylesheets/accesses.scss */
.v_t_custom_checkbox_checked .v_t_custom_checkbox_ball {
  right: 0;
}

/* line 405, app/assets/stylesheets/accesses.scss */
.add_one_more_val {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  left: -20px;
  cursor: pointer;
  position: absolute;
  color: #039;
  font-size: 25px;
}

/* line 412, app/assets/stylesheets/accesses.scss */
.add_one_more_val--disabled {
  cursor: not-allowed;
  color: #95A3BA;
  opacity: 0.3;
}

/* line 418, app/assets/stylesheets/accesses.scss */
.added_var_prev {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  padding: 5px 20px 5px 5px;
  margin: 2px;
  border-radius: 6px;
  position: relative;
  background-color: #DFEBF7;
}

/* line 426, app/assets/stylesheets/accesses.scss */
.added_var_prev::after {
  content: "+";
  color: #a1aec0;
  position: absolute;
  right: 3px;
  top: -3px;
  font-size: 25px;
  transform: rotate(45deg);
}

/* line 435, app/assets/stylesheets/accesses.scss */
.added_var_prev:hover::after {
  color: #111827;
}

/* line 439, app/assets/stylesheets/accesses.scss */
.added_values {
  word-break: break-word;
  display: flex;
  flex-wrap: wrap;
  margin-left: 8px;
  width: 100%;
}

/* line 446, app/assets/stylesheets/accesses.scss */
.values_order {
  order: 4;
  width: 100%;
  margin-bottom: 5px;
  padding-right: 15px;
}

/* line 452, app/assets/stylesheets/accesses.scss */
.v_t_rows {
  display: flex;
  flex-wrap: wrap;
  min-width: 720px;
  padding-bottom: 10px;
}

/* line 458, app/assets/stylesheets/accesses.scss */
.using_variable__row {
  display: flex;
  margin-top: 10px;
  width: 100%;
  padding: 5px 20px 0;
  border-top: 1px solid #E1E6F0;
}

/* line 465, app/assets/stylesheets/accesses.scss */
.using_variable_remove {
  width: calc(2% + 12px);
  cursor: pointer;
  order: 1;
}

/* line 469, app/assets/stylesheets/accesses.scss */
.using_variable_remove a {
  opacity: 0.5;
  color: #626f7f;
}

/* line 473, app/assets/stylesheets/accesses.scss */
.using_variable_remove a:hover {
  opacity: 1;
  color: #cb6565;
}

/* line 478, app/assets/stylesheets/accesses.scss */
.using_variable_name {
  width: calc(27% + 73px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #111111;
}

/* line 485, app/assets/stylesheets/accesses.scss */
.using_variable_values {
  width: calc(27% + 23px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 491, app/assets/stylesheets/accesses.scss */
.using_variable_is_free, .using_variable_edit, .using_variable_is_num {
  width: 13%;
  text-align: right;
}

/* line 495, app/assets/stylesheets/accesses.scss */
.free_var_color {
  color: #5ccc54;
}

/* line 498, app/assets/stylesheets/accesses.scss */
.not_free_var_color {
  color: #e64c4c;
}

/* line 501, app/assets/stylesheets/accesses.scss */
.using_variable_edit {
  cursor: pointer;
  text-align: right;
  margin-left: 12px;
  margin-right: 21px;
  color: #626f7f;
  opacity: 0.5;
}

/* line 508, app/assets/stylesheets/accesses.scss */
.using_variable_edit:hover {
  opacity: 1;
}

/* line 512, app/assets/stylesheets/accesses.scss */
.templates_top {
  min-width: 720px;
}

/* line 515, app/assets/stylesheets/accesses.scss */
.no_templates {
  font-size: 20px;
  text-align: center;
  color: #039;
  font-weight: 500;
  margin: 25px 0 10px;
}

/* line 522, app/assets/stylesheets/accesses.scss */
.max_clients_interval_help_container {
  position: relative;
  margin-right: 10px;
}

/* line 526, app/assets/stylesheets/accesses.scss */
.help_container {
  z-index: 9;
}

/* line 529, app/assets/stylesheets/accesses.scss */
.minutes_range_help_container {
  z-index: 10;
  position: relative;
  margin-right: 10px;
}

/* line 534, app/assets/stylesheets/accesses.scss */
.max_clients_interval_total_container,
.minutes_range_input_container {
  padding: 10px 15px;
}

/* line 537, app/assets/stylesheets/accesses.scss */
.max_clients_interval_total_container .max_clients_interval_inputs_container,
.minutes_range_input_container .max_clients_interval_inputs_container {
  margin-bottom: 15px;
}

/* line 540, app/assets/stylesheets/accesses.scss */
.max_clients_interval_total_container .interval_input_box,
.minutes_range_input_container .interval_input_box {
  width: 80px;
  margin-left: 10px;
}

/* line 544, app/assets/stylesheets/accesses.scss */
.max_clients_interval_total_container .interval_input_box input,
.minutes_range_input_container .interval_input_box input {
  height: 38px;
  padding: 5px 5px 5px 10px;
  box-sizing: border-box;
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  margin: 0;
}

/* line 552, app/assets/stylesheets/accesses.scss */
.max_clients_interval_total_container .interval_input_box input:focus,
.minutes_range_input_container .interval_input_box input:focus {
  box-shadow: none;
  border-color: #1a53c6;
}

/* line 559, app/assets/stylesheets/accesses.scss */
.no_button_class {
  background: #039;
  color: white;
}

/* line 562, app/assets/stylesheets/accesses.scss */
.no_button_class:hover {
  color: #FFFFFF;
  background-color: #1a53c6;
}

/* line 568, app/assets/stylesheets/accesses.scss */
.project_roles {
  margin-bottom: 25px;
}

/* line 570, app/assets/stylesheets/accesses.scss */
.project_roles--card {
  padding: 12px 20px;
  border-bottom: 1px solid #E0E1E3;
  cursor: pointer;
}

/* line 575, app/assets/stylesheets/accesses.scss */
.project_roles--card:hover {
  background-color: #F7FAFC;
}

/* line 579, app/assets/stylesheets/accesses.scss */
.project_roles--card.active {
  background-color: #F7FAFC;
}

/* line 583, app/assets/stylesheets/accesses.scss */
.project_roles--name {
  font-size: 14px;
  line-height: 19px;
  color: #111111;
}

/* line 588, app/assets/stylesheets/accesses.scss */
.project_roles--edit {
  display: flex;
  opacity: 0.6;
}

/* line 591, app/assets/stylesheets/accesses.scss */
.project_roles--edit:hover {
  opacity: 1;
}

/* line 595, app/assets/stylesheets/accesses.scss */
.project_roles--remove {
  display: flex;
  margin-left: 16px;
}

/* line 601, app/assets/stylesheets/accesses.scss */
.roles__workflow {
  display: flex;
}

@media (max-width: 992px) {
  /* line 601, app/assets/stylesheets/accesses.scss */
  .roles__workflow {
    flex-direction: column;
  }
}

/* line 606, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-left-bar {
  min-width: 290px;
  max-width: 290px;
  border-right: 1px solid #E0E1E3;
  overflow: auto;
}

@media (max-width: 992px) {
  /* line 606, app/assets/stylesheets/accesses.scss */
  .roles__workflow .roles-left-bar {
    min-width: unset;
    max-width: unset;
    width: 100%;
    border: none;
    overflow: visible;
  }
}

/* line 620, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-left-bar::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 625, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-left-bar::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 631, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-left-bar::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 637, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-left-bar::-webkit-scrollbar-corner {
  background-color: transparent;
}

/* line 641, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-left-bar .roles-left-bar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15.5px 10px 15px 20px;
  border-bottom: 1px solid #E0E1E3;
}

/* line 648, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-left-bar .roles-left-bar-header .roles-left-bar-select {
  display: none;
}

@media (max-width: 992px) {
  /* line 648, app/assets/stylesheets/accesses.scss */
  .roles__workflow .roles-left-bar .roles-left-bar-header .roles-left-bar-select {
    display: block;
    margin-right: 16px;
    width: 100%;
  }
}

/* line 657, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-left-bar .roles-left-bar-header .roles-left-bar-add-role {
  display: flex;
  transform: scale(0.83);
  opacity: 0.7;
  transition: .3s;
}

/* line 662, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-left-bar .roles-left-bar-header .roles-left-bar-add-role:hover {
  opacity: 1;
}

/* line 667, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-left-bar .roles-left-bar-header .roles-left-bar-title {
  color: #626F7F;
}

@media (max-width: 992px) {
  /* line 667, app/assets/stylesheets/accesses.scss */
  .roles__workflow .roles-left-bar .roles-left-bar-header .roles-left-bar-title {
    display: none;
  }
}

@media (max-width: 992px) {
  /* line 674, app/assets/stylesheets/accesses.scss */
  .roles__workflow .roles-left-bar .roles-left-bar-list {
    display: none;
  }
}

/* line 681, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-new-edit-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}

/* line 688, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-new-edit-card .roles-new-edit-card-message {
  margin-top: 20px;
  text-align: center;
}

@media (max-width: 620px) {
  /* line 688, app/assets/stylesheets/accesses.scss */
  .roles__workflow .roles-new-edit-card .roles-new-edit-card-message {
    margin: 20px auto;
    width: 90%;
  }
}

/* line 697, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-new-edit-card .roles-new-edit-card-add-role {
  margin-top: 10px;
}

/* line 701, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-new-edit-card .roles-new-role-title, .roles__workflow .roles-new-edit-card .roles-edit-role-title {
  padding: 16px 0;
}

/* line 704, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-new-edit-card .roles-new-role-title span, .roles__workflow .roles-new-edit-card .roles-edit-role-title span {
  color: #1A53C6;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

/* line 712, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-new-edit-card .roles-new-role-form, .roles__workflow .roles-new-edit-card .roles-edit-role-form {
  height: calc(100vh - 216px);
  overflow-y: auto;
  padding: 0 20px;
}

@media (max-width: 992px) {
  /* line 712, app/assets/stylesheets/accesses.scss */
  .roles__workflow .roles-new-edit-card .roles-new-role-form, .roles__workflow .roles-new-edit-card .roles-edit-role-form {
    height: calc(100vh - 270px);
  }
}

/* line 720, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-new-edit-card .roles-new-role-form::-webkit-scrollbar, .roles__workflow .roles-new-edit-card .roles-edit-role-form::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 725, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-new-edit-card .roles-new-role-form::-webkit-scrollbar-track, .roles__workflow .roles-new-edit-card .roles-edit-role-form::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 731, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-new-edit-card .roles-new-role-form::-webkit-scrollbar-thumb, .roles__workflow .roles-new-edit-card .roles-edit-role-form::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 737, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-new-edit-card .roles-new-role-form::-webkit-scrollbar-corner, .roles__workflow .roles-new-edit-card .roles-edit-role-form::-webkit-scrollbar-corner {
  background-color: transparent;
}

/* line 743, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-new-edit-card .roles-new-role-form form .switch label .lever, .roles__workflow .roles-new-edit-card .roles-edit-role-form form .switch label .lever {
  margin-left: 0;
}

/* line 749, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-new-edit-card .roles-new-role-save, .roles__workflow .roles-new-edit-card .roles-edit-role-save-delete {
  padding: 12px 20px;
  display: flex;
  border-top: 1px solid #E1E6F0;
  box-shadow: 0px -5px 5px 0px rgba(245, 245, 245, 0.75);
}

/* line 756, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-new-edit-card .roles-new-role-save .roles-edit-role-delete-btn, .roles__workflow .roles-new-edit-card .roles-edit-role-save-delete .roles-edit-role-delete-btn {
  margin-left: 16px;
  background-color: #fff;
  font-size: 14px;
}

/* line 760, app/assets/stylesheets/accesses.scss */
.roles__workflow .roles-new-edit-card .roles-new-role-save .roles-edit-role-delete-btn:hover, .roles__workflow .roles-new-edit-card .roles-edit-role-save-delete .roles-edit-role-delete-btn:hover {
  background-color: #E6EAF2;
}

/* line 768, app/assets/stylesheets/accesses.scss */
.automatization__workflow {
  display: flex;
  flex-direction: column;
  padding: 16px 20px;
}

/* line 773, app/assets/stylesheets/accesses.scss */
.automatization__workflow .system-settings-title, .automatization__workflow .create-schedule-title {
  margin-bottom: 8px;
}

/* line 777, app/assets/stylesheets/accesses.scss */
.automatization__workflow .days_checkbox_container {
  display: flex;
}

@media (max-width: 1100px) {
  /* line 777, app/assets/stylesheets/accesses.scss */
  .automatization__workflow .days_checkbox_container {
    flex-direction: column;
  }
}

/* line 783, app/assets/stylesheets/accesses.scss */
.automatization__workflow .days_checkbox_container .checkbox-wrapper + .checkbox-wrapper {
  margin-left: 20px;
}

@media (max-width: 1100px) {
  /* line 783, app/assets/stylesheets/accesses.scss */
  .automatization__workflow .days_checkbox_container .checkbox-wrapper + .checkbox-wrapper {
    margin-left: unset;
  }
}

/* line 791, app/assets/stylesheets/accesses.scss */
.automatization__workflow .weekend-title {
  margin-top: 20px;
}

/* line 795, app/assets/stylesheets/accesses.scss */
.automatization__workflow .create-schedule-title {
  color: #626F7F;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}

/* line 802, app/assets/stylesheets/accesses.scss */
.automatization__workflow .auto_take_link {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

/* line 808, app/assets/stylesheets/accesses.scss */
.automatization__workflow .clear_access_statistic {
  margin-left: 12px;
}

/* line 812, app/assets/stylesheets/accesses.scss */
.automatization__workflow .overclock_false {
  padding-left: 0;
}

/* line 815, app/assets/stylesheets/accesses.scss */
.automatization__workflow .overclock_false .end_time_wrapper {
  padding-left: 20px;
}

/* line 826, app/assets/stylesheets/accesses.scss */
.automatization__workflow .add_info_work_time {
  border: none;
}

/* line 830, app/assets/stylesheets/accesses.scss */
.automatization__workflow .auto-separate__title {
  color: #111111;
  opacity: 1;
}

/* line 835, app/assets/stylesheets/accesses.scss */
.automatization__workflow .automatization-settings-save {
  display: flex;
  margin-top: 10px;
}

/* line 841, app/assets/stylesheets/accesses.scss */
.radio_group {
  margin-bottom: 16px;
}

@media (max-width: 1100px) {
  /* line 841, app/assets/stylesheets/accesses.scss */
  .radio_group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
}

/* line 849, app/assets/stylesheets/accesses.scss */
.radio_group .form_radio_btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 853, app/assets/stylesheets/accesses.scss */
.radio_group .form_radio_btn + .form_radio_btn {
  margin-left: 4px;
}

@media (max-width: 1100px) {
  /* line 853, app/assets/stylesheets/accesses.scss */
  .radio_group .form_radio_btn + .form_radio_btn {
    margin: 0;
  }
}

/* line 861, app/assets/stylesheets/accesses.scss */
.radio_group .form_radio_btn input[type=radio] {
  display: none;
}

/* line 865, app/assets/stylesheets/accesses.scss */
.radio_group .form_radio_btn label {
  display: inline-block;
  background-color: #F0F2F7;
  cursor: pointer;
  padding: 4px 8px;
  color: #626F7F;
  font-size: 13px;
  line-height: 18px;
  border: 1px solid #F0F2F7;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 878, app/assets/stylesheets/accesses.scss */
.radio_group .form_radio_btn input[type=radio]:checked + label {
  color: #1A53C6;
  background-color: #F7FAFC;
  border: 1px solid #1A53C6;
}

/* line 884, app/assets/stylesheets/accesses.scss */
.radio_group .form_radio_btn label:hover {
  border: 1px solid #DFEBF7;
  background-color: #F7FAFC;
  color: #626F7F;
}

/* line 890, app/assets/stylesheets/accesses.scss */
.lists_check {
  font-size: 14px;
}

/* line 892, app/assets/stylesheets/accesses.scss */
.lists_check + .lists_check {
  margin-left: 8px;
}

/* line 2, app/assets/stylesheets/minilanding_preview.scss */
.minilanding-preview {
  min-width: 640px;
  max-width: 640px;
  overflow: hidden;
  border: 1px solid #D4DFF4;
  border-radius: 6px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 20px;
}

@media (max-width: 1440px) {
  /* line 2, app/assets/stylesheets/minilanding_preview.scss */
  .minilanding-preview {
    min-width: 570px;
    max-width: 570px;
  }
}

@media (max-width: 1368px) {
  /* line 2, app/assets/stylesheets/minilanding_preview.scss */
  .minilanding-preview {
    min-width: 500px;
    max-width: 500px;
  }
}

@media (max-width: 1024px) {
  /* line 2, app/assets/stylesheets/minilanding_preview.scss */
  .minilanding-preview {
    display: none;
  }
}

/* line 25, app/assets/stylesheets/minilanding_preview.scss */
.minilanding-preview__header {
  background-color: #fff;
  border-bottom: 1px solid #E1E6F0;
  padding: 14px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 32, app/assets/stylesheets/minilanding_preview.scss */
.minilanding-preview__header .select-wrapper {
  margin: 0;
}

/* line 36, app/assets/stylesheets/minilanding_preview.scss */
.minilanding-preview__header-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #111111;
}

/* line 42, app/assets/stylesheets/minilanding_preview.scss */
.minilanding-preview__header-select {
  width: 100%;
  height: 40px;
}

/* line 45, app/assets/stylesheets/minilanding_preview.scss */
.minilanding-preview__header-select .salebot-preview__quiz-box {
  margin-bottom: 0;
}

/* line 49, app/assets/stylesheets/minilanding_preview.scss */
.minilanding-preview__inner {
  padding: 20px;
  background-color: #F8F9FB;
}

/* line 53, app/assets/stylesheets/minilanding_preview.scss */
.minilanding-preview__inner-blank {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 367px;
}

/* line 60, app/assets/stylesheets/minilanding_preview.scss */
.minilanding-preview__inner-blank-text {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #111111;
}

/* line 68, app/assets/stylesheets/minilanding_preview.scss */
.img-security-warning {
  padding: 7px 12px 7px 16px;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
  background-color: #F7FAFC;
  color: #95A3BA;
  font-size: 14px;
  display: none;
  z-index: 99;
  position: absolute;
  top: 41px;
}

/* line 81, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview {
  background: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
}

/* line 87, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* line 94, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top--flex-row {
  flex-direction: row;
  align-items: center;
  padding: 32px;
}

/* line 99, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top--flex-row .salebot-preview__img {
  border-radius: 50%;
  max-width: 138px;
  max-height: 138px;
  min-width: 138px;
  min-height: 138px;
  height: 138px;
  width: 138px;
  box-sizing: content-box;
  border: 11px solid #FFFFFF;
  box-shadow: 0 0 0 1px #e1e8f6;
}

/* line 110, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top--flex-row .salebot-preview__img img {
  max-width: 138px;
  max-height: 138px;
  min-width: 138px;
  min-height: 138px;
}

/* line 116, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top--flex-row .salebot-preview__img .salebot_preview__img-placeholder {
  width: 100%;
  margin: 0;
}

/* line 122, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top--flex-row .salebot-preview__title-box {
  display: inline-block;
  padding: 0;
  margin: 0;
}

/* line 128, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top--flex-row .salebot-preview__title-handle {
  display: none;
}

/* line 132, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top--flex-row .salebot-preview__title {
  font-size: 24px;
  line-height: 31px;
  padding: 0;
}

/* line 140, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top--flex-column {
  flex-direction: column;
  align-items: center;
  padding: 32px 32px 20px;
}

/* line 145, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top--flex-column .salebot-preview__img {
  border-radius: 50%;
  max-width: 181px;
  max-height: 181px;
  min-width: 181px;
  min-height: 181px;
  height: 181px;
  width: 181px;
  box-sizing: content-box;
  border: 9px solid #FFFFFF;
  box-shadow: 0 0 0 1px #e1e8f6;
}

/* line 156, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top--flex-column .salebot-preview__img img {
  max-width: 181px;
  max-height: 181px;
  min-width: 181px;
  min-height: 181px;
}

/* line 162, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top--flex-column .salebot-preview__img .salebot_preview__img-placeholder {
  width: 100%;
  margin: 0;
}

/* line 168, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top--flex-column .salebot-preview__title-box {
  display: inline-block;
  padding: 0;
  margin: 0;
}

/* line 174, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top--flex-column .salebot-preview__title-handle {
  display: none;
}

/* line 178, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__content-top--flex-column .salebot-preview__title {
  padding: 0;
  text-align: center;
}

/* line 185, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview .salebot_preview__img-placeholder {
  display: flex;
  background-color: #F0F2F7;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
  max-height: 300px;
  min-height: 300px;
  width: calc(100% - 40px);
  color: #95A3BA;
  margin: auto auto 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
}

/* line 205, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__img {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 320px;
  max-height: 320px;
  width: 100%;
  overflow: hidden;
}

/* line 213, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__img img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  max-height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 220, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__img--mini {
  min-height: 200px;
  max-height: 200px;
}

/* line 223, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__img--mini img {
  max-height: 200px;
  min-height: 200px;
}

/* line 227, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__img--mini .salebot_preview__img-placeholder {
  max-height: 180px;
  min-height: 180px;
}

/* line 234, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__title-box, .salebot-preview__description-box {
  display: flex;
  align-items: center;
  padding: 0 32px 0 0;
  margin-bottom: 25px;
}

/* line 242, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__title-handle, .salebot-preview__description-handle {
  min-width: 24px;
  min-height: 24px;
  cursor: pointer;
}

/* line 249, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__title {
  font-weight: 800;
  font-size: 28px;
  line-height: 36px;
  color: #111111;
  padding-left: 8px;
}

/* line 257, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__description {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #111111;
  padding-left: 8px;
  white-space: pre-wrap;
  width: 100%;
}

/* line 267, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__form {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(224, 225, 227, 0.5);
  box-sizing: border-box;
  border-radius: 16px;
  padding: 20px 24px;
  margin: 20px auto;
  max-width: calc(100% - 64px);
  width: 100%;
}

/* line 277, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__form__salebot-style--preview, .salebot-preview__form__classic--preview {
  background: transparent;
  border: none;
  box-sizing: border-box;
  border-radius: 0;
  padding: 0;
  margin: 0;
  max-width: unset;
  width: 100%;
}

/* line 288, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__form__salebot-style--preview .field__label, .salebot-preview__form__classic--preview .field__label {
  display: none;
}

/* line 291, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__form__salebot-style--preview .salebot-preview__field-label, .salebot-preview__form__classic--preview .salebot-preview__field-label {
  display: block;
}

/* line 294, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__form__salebot-style--preview .salebot-preview__form-qizzes__salebot-style--preview,
.salebot-preview__form__salebot-style--preview .salebot-preview__form-qizzes__classic--preview, .salebot-preview__form__classic--preview .salebot-preview__form-qizzes__salebot-style--preview,
.salebot-preview__form__classic--preview .salebot-preview__form-qizzes__classic--preview {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(224, 225, 227, 0.5);
  box-sizing: border-box;
  border-radius: 16px;
  padding: 20px 24px 0;
  margin: 20px auto;
  max-width: calc(100% - 64px);
  width: 100%;
}

/* line 306, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__form__salebot-style--preview .salebot-preview__form-footer,
.salebot-preview__form__salebot-style--preview .salebot-preview__placeholder-btns, .salebot-preview__form__classic--preview .salebot-preview__form-footer,
.salebot-preview__form__classic--preview .salebot-preview__placeholder-btns {
  max-width: calc(100% - 64px);
  margin: 20px auto;
}

/* line 311, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__form__salebot-style--preview .preview-footer__buttons--no-margin, .salebot-preview__form__classic--preview .preview-footer__buttons--no-margin {
  margin: 0;
}

/* line 314, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__form__salebot-style--preview .salebot-preview__placeholder-btns, .salebot-preview__form__classic--preview .salebot-preview__placeholder-btns {
  margin: 0 auto 20px;
}

/* line 318, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__form--no-border {
  border: none;
  padding: 0;
}

/* line 324, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__quiz-box {
  margin-bottom: 24px;
}

/* line 326, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__quiz-box .quiz__select-preview {
  height: 46px;
}

/* line 328, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__quiz-box .quiz__select-preview::before {
  top: 20px;
}

/* line 331, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__quiz-box .quiz__select-preview .quiz_select_title {
  height: 46px;
  line-height: 46px;
  background-color: #F7FAFC;
}

/* line 339, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__quiz-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #324256;
  margin-bottom: 12px;
}

/* line 347, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__field {
  position: relative;
  width: 100%;
  margin-bottom: 24px;
}

/* line 352, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__field input.salebot-preview__form-input[type=text]:not(.browser-default) {
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 16px;
  margin: 0;
  border: 1px solid #E1E6F0;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #111111;
  background-color: #F7FAFC;
  border-radius: 6px;
  outline: none;
  transition: all 200ms ease-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media (hover: hover) and (pointer: fine) {
  /* line 375, app/assets/stylesheets/minilanding_preview.scss */
  .salebot-preview__field input.salebot-preview__form-input[type=text]:not(.browser-default):hover {
    background-color: #F7FAFC;
  }
}

/* line 380, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__field input.salebot-preview__form-input[type=text]:not(.browser-default):focus {
  border: 1px solid #E1E6F0;
  background-color: #fff;
  box-shadow: none;
}

/* line 386, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__field input.salebot-preview__form-input[type=text]:not(.browser-default):not(:focus):valid {
  background-color: #fff;
}

/* line 390, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__field input.salebot-preview__form-input[type=text]:not(.browser-default)::-moz-placeholder {
  color: #95A3BA;
}
.salebot-preview__field input.salebot-preview__form-input[type=text]:not(.browser-default):-ms-input-placeholder {
  color: #95A3BA;
}
.salebot-preview__field input.salebot-preview__form-input[type=text]:not(.browser-default)::placeholder {
  color: #95A3BA;
}

/* line 396, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__field-phone {
  display: flex;
  position: relative;
}

/* line 399, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__field-phone input.salebot-preview__form-input[type=text]:not(.browser-default) {
  border-radius: 0 6px 6px 0;
  background-color: #F7FAFC;
  width: calc(100% + 1px);
  margin-left: -1px;
}

/* line 404, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__field-phone input.salebot-preview__form-input[type=text]:not(.browser-default):hover {
  background-color: #F7FAFC;
}

/* line 409, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__field-phone-mask {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px 0 0 6px;
  padding: 0 8px 0 11px;
  border: 1px solid #e1e8f6;
  cursor: pointer;
  background-color: #F7FAFC;
}

/* line 418, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__field-phone-mask span {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #111111;
  padding-right: 16px;
  position: relative;
}

/* line 425, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__field-phone-mask span::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(/assets/new_icons/mask-icon-ea243a1247cd1e7667b53b53400f773cd2695de4117bc87f680b345a1934029a.svg);
  background-repeat: no-repeat;
}

/* line 437, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__field-phone-mask img {
  margin-right: 6px;
}

/* line 442, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__input-label {
  display: inline-block;
  font-size: 14px;
  line-height: 48px;
  color: #95A3BA;
  position: absolute;
  pointer-events: none;
  left: 16px;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  transition: .3s;
}

/* line 456, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__form-input:focus ~ .salebot-preview__input-label, .salebot-preview__form-input:not(:focus):valid ~ .salebot-preview__input-label {
  line-height: 16px;
  background-color: #fff;
  top: -8px;
  font-size: 12px;
  color: #95A3BA !important;
  padding: 0 3px;
}

/* line 467, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__quiz--required::after, .salebot-preview__question--required::after {
  content: '*' !important;
  display: unset !important;
  position: unset !important;
  width: 6px;
  height: 16px;
  top: 2px !important;
  opacity: 1 !important;
  font-size: 12px;
  color: #EF4444;
}

/* line 480, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__quiz--required::after {
  margin-left: -3px;
}

/* line 484, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__footer-buttons, .salebot-preview__form-footer {
  display: flex;
  justify-content: center;
  gap: 12px 12px;
  flex-wrap: wrap;
}

/* line 490, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__footer-buttons--span, .salebot-preview__form-footer--span {
  display: inline-block;
  margin: 0 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 40px;
  color: #95A3BA;
}

/* line 499, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__placeholder-btns {
  background-color: #FEF2F2;
  padding: 8px 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #EF4444;
  border-radius: 5px;
  display: flex;
  align-items: center;
}

/* line 509, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__placeholder-btns svg {
  margin-right: 8px;
}

/* line 513, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__footer-buttons {
  width: 100%;
  margin: 20px 0;
}

/* line 518, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__btn-social {
  min-width: 52px;
  height: 52px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
}

/* line 525, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__btn-social span {
  display: none;
}

/* line 528, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__btn-social--tg {
  background-color: #2DA4D7;
}

/* line 531, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__btn-social--viber {
  background-color: #7F4DA0;
}

/* line 534, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__btn-social--vk {
  background-color: #4680C2;
}

/* line 537, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__btn-social--fb {
  background-color: #3B5998;
}

/* line 540, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__btn-social--ok {
  background-color: #F68634;
}

/* line 543, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__btn-social--whatsapp {
  background-color: #25D366;
}

/* line 546, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__btn-social--inst {
  background: radial-gradient(47.51% 47.51% at 28.56% 100%, #FDDB86 1%, rgba(240, 105, 66, 0) 100%), radial-gradient(74.61% 74.61% at 22.02% 100%, #FFAD05 13%, rgba(255, 63, 0, 0) 100%), linear-gradient(159.86deg, #4263DF 5.92%, rgba(213, 53, 133, 0) 77.32%), #E11B7E;
}

/* line 553, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__footer {
  padding: 23px 32px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  background: #F0F2F7;
  border-top: 1px solid #E1E6F0;
}

/* line 562, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__footer .salebot-checkbox {
  color: #626F7F !important;
  font-size: 13px;
  margin: 0;
}

/* line 566, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__footer .salebot-checkbox span {
  color: inherit !important;
  font-size: inherit !important;
  line-height: 18px;
}

/* line 571, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__footer .salebot-checkbox__link {
  text-decoration: underline;
  line-height: 18px;
}

/* line 577, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__privacy {
  margin-right: auto;
}

/* line 580, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__by-salebot {
  display: flex;
  font-size: 13px;
  line-height: 19px;
  color: #626F7F;
}

/* line 585, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__by-salebot span {
  margin-right: 5px;
}

/* line 591, app/assets/stylesheets/minilanding_preview.scss */
.chat-site {
  min-height: 568px;
}

/* line 593, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__head {
  background: #1A53C6;
  box-shadow: 0 0 32px rgba(9, 26, 61, 0.4);
  border-radius: 0 0 20px 20px;
  color: #FFFFFF;
  padding-bottom: 7px;
}

/* line 600, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__head-title {
  padding-top: 24px;
  display: flex;
  width: 100%;
  position: relative;
  min-height: 78px;
  padding-left: 20px;
}

/* line 608, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__head-title-avatar {
  height: 42px;
  width: 42px;
  min-height: 42px;
  min-width: 42px;
  flex-shrink: 0;
  background-color: #14429E;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* line 623, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__head-title-title {
  font-size: 20px;
  margin: 9px 50px 0 16px;
  line-height: 26px;
  max-width: 488px;
}

/* line 629, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__head-title-expand {
  position: absolute;
  right: 28px;
  top: 35px;
}

/* line 633, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__head-title-expand svg {
  width: 21px;
  height: 11px;
  opacity: 0.5;
}

/* line 640, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__body {
  min-height: 349px;
  border-bottom: 1px solid #E1E6F0;
}

/* line 644, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__body-message {
  display: flex;
  margin: 12px 0 3px 12px;
}

/* line 648, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__body-message-preview {
  background: #1A53C6;
  word-break: break-word;
  padding: 16px 20px;
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  border-radius: 16px 16px 16px 0;
  display: inline-block;
  white-space: pre-wrap;
  max-width: 80%;
  text-align: left;
}

/* line 662, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__body-message-avatar {
  width: 40px;
  height: 40px;
  display: none;
  margin-top: auto;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* line 673, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__desc {
  min-height: 40px;
  padding-left: 20px;
  padding-top: 4px;
  line-height: 22px;
}

/* line 679, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__feedback {
  font-size: 14px;
  margin-bottom: 9px;
  padding-top: 16px;
  border-top: 1px solid rgba(225, 230, 240, 0.15);
}

/* line 684, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__feedback--text {
  padding-left: 20px;
  line-height: 19px;
}

/* line 689, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__socials {
  padding-left: 20px;
  display: flex;
  flex-wrap: wrap;
}

/* line 694, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__social {
  margin-right: 10px;
}

/* line 696, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__social svg {
  border-radius: 50%;
}

/* line 700, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__bottom {
  min-height: 49px;
  padding: 22px 28px 0 24px;
  position: relative;
}

/* line 705, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__bottom-placeholder {
  font-size: 16px;
  color: #A2AEBC;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0;
  text-align: left;
}

/* line 714, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__bottom-img {
  position: absolute;
  top: 24px;
  right: 28px;
}

/* line 721, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__title--js {
  word-break: break-word;
}

/* line 724, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview--noradius {
  border-radius: 0 !important;
}

/* line 727, app/assets/stylesheets/minilanding_preview.scss */
.select__span {
  word-break: break-all;
  max-width: 80%;
}

/* line 735, app/assets/stylesheets/minilanding_preview.scss */
.ck-editor {
  --ck-border-radius: 6px;
  border-radius: 6px !important;
  border: 0 solid #E1E6F0 !important;
}

/* line 739, app/assets/stylesheets/minilanding_preview.scss */
.ck-editor__top {
  background-color: #FFFFFF !important;
  border: none !important;
}

/* line 746, app/assets/stylesheets/minilanding_preview.scss */
.ck-editor__top--js {
  overflow: visible !important;
}

/* line 751, app/assets/stylesheets/minilanding_preview.scss */
.ck.ck-editor__main {
  margin-top: -1px;
}

/* line 754, app/assets/stylesheets/minilanding_preview.scss */
.ck .ck-placeholder:before {
  color: #95A3BA !important;
}

/* line 757, app/assets/stylesheets/minilanding_preview.scss */
.ck-icon path {
  fill: #95A3BA !important;
}

/* line 760, app/assets/stylesheets/minilanding_preview.scss */
.ck-content {
  border: 1px solid #E1E6F0 !important;
}

/* line 764, app/assets/stylesheets/minilanding_preview.scss */
.ck-content:focus, .ck-content:hover {
  background-color: #F7FAFC !important;
}

/* line 767, app/assets/stylesheets/minilanding_preview.scss */
.ck-content:focus {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-color: #1A53C6 !important;
  border-top: 1px solid #E1E6F0 !important;
}

/* line 774, app/assets/stylesheets/minilanding_preview.scss */
.ck-editor__editable_inline {
  min-height: 92px;
}

/* line 777, app/assets/stylesheets/minilanding_preview.scss */
.ck-on {
  background-color: transparent !important;
}

/* line 779, app/assets/stylesheets/minilanding_preview.scss */
.ck-on svg > path {
  fill: #1A53C6 !important;
}

/* line 783, app/assets/stylesheets/minilanding_preview.scss */
.ck-focused {
  box-shadow: none !important;
}

/* line 787, app/assets/stylesheets/minilanding_preview.scss */
.ck-button:hover {
  background-color: #F7FAFC !important;
}

/* line 790, app/assets/stylesheets/minilanding_preview.scss */
.ck-toolbar {
  background-color: #FFFFFF !important;
  border: 1px solid #E1E6F0 !important;
  box-shadow: none !important;
}

/* line 794, app/assets/stylesheets/minilanding_preview.scss */
.ck-toolbar__items {
  margin-left: 7px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  flex-wrap: wrap !important;
}

/* line 800, app/assets/stylesheets/minilanding_preview.scss */
.ck-toolbar__separator {
  display: none !important;
}

/* line 803, app/assets/stylesheets/minilanding_preview.scss */
.ck-toolbar--focused {
  border-color: #1A53C6 !important;
}

/* line 807, app/assets/stylesheets/minilanding_preview.scss */
.ck-toolbar__items > button {
  width: 40px !important;
  height: 36px !important;
  margin: 0 !important;
  cursor: pointer !important;
}

/* line 813, app/assets/stylesheets/minilanding_preview.scss */
.ck-toolbar__items > .ck-button:nth-of-type(5),
.ck-toolbar__items > .ck-button:nth-of-type(7),
.ck-alignment-dropdown {
  margin-right: 24px !important;
}

/* line 818, app/assets/stylesheets/minilanding_preview.scss */
.ck-toolbar__items > .ck-button:nth-of-type(9) {
  margin-left: auto !important;
}

@media (max-width: 1533px) {
  /* line 818, app/assets/stylesheets/minilanding_preview.scss */
  .ck-toolbar__items > .ck-button:nth-of-type(9) {
    margin-left: unset !important;
  }
}

/* line 825, app/assets/stylesheets/minilanding_preview.scss */
.ck.ck-dropdown__panel {
  border: none !important;
  box-shadow: none !important;
  filter: drop-shadow(0px 10px 20px rgba(45, 51, 56, 0.1));
}

/* line 832, app/assets/stylesheets/minilanding_preview.scss */
.ck.ck-reset.ck-dropdown__panel.ck-dropdown__panel_se.ck-dropdown__panel-visible .ck.ck-toolbar.ck-toolbar_vertical {
  border-radius: 6px !important;
  margin: 0 !important;
}

/* line 836, app/assets/stylesheets/minilanding_preview.scss */
.ck.ck-reset.ck-dropdown__panel.ck-dropdown__panel_se.ck-dropdown__panel-visible .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
  flex-direction: row !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* line 840, app/assets/stylesheets/minilanding_preview.scss */
.ck.ck-reset.ck-dropdown__panel.ck-dropdown__panel_se.ck-dropdown__panel-visible .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items .ck.ck-button.ck-off {
  margin: 0 !important;
}

/* line 845, app/assets/stylesheets/minilanding_preview.scss */
.ck-source-editing-button > .ck-button__label {
  display: none !important;
}

/* line 848, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__title--js-placeholder {
  display: none;
  font-weight: 800;
  font-size: 28px;
  line-height: 130%;
  color: #95A3BA;
}

/* line 855, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__description--js-placeholder {
  width: 100%;
  display: none;
  color: #95A3BA;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  padding-left: 8px;
}

/* line 864, app/assets/stylesheets/minilanding_preview.scss */
.chat-site__txt-color {
  color: white;
}

/* line 870, app/assets/stylesheets/minilanding_preview.scss */
.content-top__salebot-style--preview {
  gap: 0;
}

/* line 873, app/assets/stylesheets/minilanding_preview.scss */
.title-box__salebot-style--preview {
  position: relative;
  z-index: 5;
  margin: -27px 32px 32px;
  padding: 0;
  box-shadow: 0 11px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px 10px 0 10px;
}

/* line 880, app/assets/stylesheets/minilanding_preview.scss */
.title-box__salebot-style--preview .salebot-preview__title-handle {
  display: none;
}

/* line 883, app/assets/stylesheets/minilanding_preview.scss */
.title-box__salebot-style--preview .salebot-preview__title--js-placeholder {
  position: absolute;
  left: 15px;
}

/* line 887, app/assets/stylesheets/minilanding_preview.scss */
.title-box__salebot-style--preview::after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 18px;
  border-color: #0000 #fff #0000 #0000;
  border-radius: 8px;
  right: 0;
  width: 30px;
  height: 17px;
  bottom: -18px;
}

/* line 900, app/assets/stylesheets/minilanding_preview.scss */
.title__salebot-style--preview {
  min-height: 59px;
  word-break: break-word;
  background: #FFFFFF;
  border-radius: 10px;
  font-weight: 600;
  line-height: normal;
  font-size: 20px;
  color: #0E2F72;
  padding: 16px;
  width: 100%;
}

/* line 912, app/assets/stylesheets/minilanding_preview.scss */
.description-box__salebot-style--preview {
  padding: 0;
}

/* line 914, app/assets/stylesheets/minilanding_preview.scss */
.description-box__salebot-style--preview .salebot-preview__description-handle {
  display: none;
}

/* line 917, app/assets/stylesheets/minilanding_preview.scss */
.description-box__salebot-style--preview .salebot-preview__description--js-placeholder {
  padding-left: 40px;
}

/* line 921, app/assets/stylesheets/minilanding_preview.scss */
.description__salebot-style--preview {
  word-break: break-word;
  line-height: 24px;
  font-size: 14px;
  color: #0B2F76;
  margin-left: 32px;
  margin-right: 32px;
  white-space: pre-wrap;
}

/* line 931, app/assets/stylesheets/minilanding_preview.scss */
.preview-btn__salebot-style--preview {
  width: 52px;
  height: 52px;
  padding: 0;
  border-radius: 12px;
}

/* line 938, app/assets/stylesheets/minilanding_preview.scss */
.field__salebot-style--preview,
.field__classic--preview {
  width: 240px;
  margin: 0 auto 24px;
}

/* line 942, app/assets/stylesheets/minilanding_preview.scss */
.field__salebot-style--preview input.salebot-preview__form-input[type=text]:not(.browser-default),
.field__classic--preview input.salebot-preview__form-input[type=text]:not(.browser-default) {
  font-family: 'Nunito', sans-serif;
  box-sizing: border-box;
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e1e6f0;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  height: 38px;
}

/* line 957, app/assets/stylesheets/minilanding_preview.scss */
.field__salebot-style--preview.salebot-preview__field-phone input.salebot-preview__form-input[type=text]:not(.browser-default),
.field__classic--preview.salebot-preview__field-phone input.salebot-preview__form-input[type=text]:not(.browser-default) {
  border-radius: 0 4px 4px 0;
}

/* line 961, app/assets/stylesheets/minilanding_preview.scss */
.field__salebot-style--preview .salebot-preview__field-phone-mask,
.field__classic--preview .salebot-preview__field-phone-mask {
  padding: 0 8px 0;
  background-color: #fff;
}

/* line 964, app/assets/stylesheets/minilanding_preview.scss */
.field__salebot-style--preview .salebot-preview__field-phone-mask span,
.field__classic--preview .salebot-preview__field-phone-mask span {
  padding: 0;
  font-size: 14px;
}

/* line 967, app/assets/stylesheets/minilanding_preview.scss */
.field__salebot-style--preview .salebot-preview__field-phone-mask span::after,
.field__classic--preview .salebot-preview__field-phone-mask span::after {
  display: none;
}

/* line 972, app/assets/stylesheets/minilanding_preview.scss */
.field__salebot-style--preview .salebot-preview__input-label,
.field__classic--preview .salebot-preview__input-label {
  line-height: 38px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 13px;
  color: #95A3BA !important;
}

/* line 983, app/assets/stylesheets/minilanding_preview.scss */
.content-top__classic--preview {
  gap: 0;
}

/* line 986, app/assets/stylesheets/minilanding_preview.scss */
.title-box__classic--preview {
  padding: 0;
  margin-bottom: 5px;
}

/* line 989, app/assets/stylesheets/minilanding_preview.scss */
.title-box__classic--preview .salebot-preview__title-handle {
  display: none;
}

/* line 992, app/assets/stylesheets/minilanding_preview.scss */
.title-box__classic--preview .salebot-preview__title--js-placeholder {
  margin-left: -32px;
  margin-top: 16px;
}

/* line 997, app/assets/stylesheets/minilanding_preview.scss */
.title__classic--preview {
  font-size: 22px;
  font-weight: 600;
  padding: 15px 32px 16px;
}

/* line 1002, app/assets/stylesheets/minilanding_preview.scss */
.description-box__classic--preview {
  padding: 0;
}

/* line 1004, app/assets/stylesheets/minilanding_preview.scss */
.description-box__classic--preview .salebot-preview__description-handle {
  display: none;
}

/* line 1007, app/assets/stylesheets/minilanding_preview.scss */
.description-box__classic--preview .salebot-preview__description--js-placeholder {
  padding-left: 33px;
}

/* line 1011, app/assets/stylesheets/minilanding_preview.scss */
.description__classic--preview {
  font-size: 16px;
  margin-left: 32px;
  margin-right: 32px;
  white-space: pre-wrap;
  font-weight: 300;
  padding: 0;
}

/* line 1020, app/assets/stylesheets/minilanding_preview.scss */
.variables-link-popup {
  background: #324256;
  width: 30px;
  height: 30px;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 6px;
  top: 73px;
}

/* line 1034, app/assets/stylesheets/minilanding_preview.scss */
.preview-btn__classic--preview {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: unset;
  min-width: 125px;
  padding: 2px 12px 2px 4px;
  border-radius: 6px;
}

/* line 1042, app/assets/stylesheets/minilanding_preview.scss */
.preview-btn__classic--preview span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  color: #FFFFFF;
}

/* line 1051, app/assets/stylesheets/minilanding_preview.scss */
.countryCodeSpan {
  background: #DFEBF7;
  border-radius: 4px;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #111111;
  padding: 3px 8px;
  white-space: nowrap;
}

/* line 1062, app/assets/stylesheets/minilanding_preview.scss */
.salebot-preview__form__no-border .salebot-preview__form-qizzes__salebot-style--preview,
.salebot-preview__form__no-border .salebot-preview__form-qizzes__classic--preview {
  background: transparent;
  border: none;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 0;
  margin: 0;
  max-width: calc(100% - 64px);
  width: 100%;
}

/* line 1076, app/assets/stylesheets/minilanding_preview.scss */
.save.main-btn {
  padding: 10.5px 20px;
  height: 40px;
  min-width: 113px;
}

/* line 1081, app/assets/stylesheets/minilanding_preview.scss */
.miniland-btn {
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  text-align: center;
  overflow: hidden;
  display: inline-block;
  min-width: 180px;
  min-height: 40px;
}

/* line 1093, app/assets/stylesheets/minilanding_preview.scss */
.minilanding-footer {
  display: flex !important;
}

/* line 1096, app/assets/stylesheets/minilanding_preview.scss */
.add_first_quiz {
  margin-top: 20px;
}

/* line 1100, app/assets/stylesheets/minilanding_preview.scss */
.text-field__classic--preview,
.text-field__salebot-style--preview {
  width: 100%;
  max-width: unset;
}

/* line 1104, app/assets/stylesheets/minilanding_preview.scss */
.text-field__classic--preview input.salebot-preview__form-input[type=text]:not(.browser-default),
.text-field__salebot-style--preview input.salebot-preview__form-input[type=text]:not(.browser-default) {
  height: 46px !important;
  background-color: #F7FAFC;
}

/* line 3, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .online_chat_text_subtitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #111111;
  margin-bottom: 16px;
}

/* line 10, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .subtitle_color_palette {
  margin: 24px 0 16px 0;
}

/* line 14, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .mb-16 {
  margin-bottom: 16px;
}

/* line 18, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .mb-24 {
  margin-bottom: 24px;
}

/* line 22, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .mt-8 {
  margin-top: 8px;
}

/* line 26, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .mb-0 {
  margin-bottom: 0;
}

/* line 30, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .p-0 {
  padding: 0;
}

/* line 33, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .stylish_auto_action_form_mini {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D4DFF4;
  box-shadow: 0px 3px 6px rgba(45, 51, 56, 0.08);
  border-radius: 6px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin-bottom: 20px;
}

@media (max-width: 1024px) {
  /* line 33, app/assets/stylesheets/online_chat_form.scss */
  .tabs-content__item .stylish_auto_action_form_mini {
    flex-wrap: wrap;
    gap: 16px;
  }
}

@media (max-width: 640px) {
  /* line 33, app/assets/stylesheets/online_chat_form.scss */
  .tabs-content__item .stylish_auto_action_form_mini {
    flex-wrap: wrap;
    gap: 16px;
  }
}

/* line 59, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item li {
  list-style-type: none;
}

/* line 62, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .stylish_auto_action_form_full {
  box-sizing: border-box;
  padding: 16px 20px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D4DFF4;
  box-shadow: 0px 3px 6px rgba(45, 51, 56, 0.08);
  border-radius: 6px;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
}

/* line 74, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .stylish_auto_action_form_full .input {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 878px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
  flex: none;
  order: 1;
  flex-grow: 1;
}

/* line 87, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .stylish_auto_action_form_full .auto_action_form_full_head {
  display: flex;
}

/* line 90, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .stylish_auto_action_form_full .auto_action_form_full_head .auto_action_form_full__checked {
  padding-top: 23px;
}

/* line 93, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .stylish_auto_action_form_full .auto_action_form_full_head .auto_action_form_full__name {
  padding-top: 16px;
}

/* line 97, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .stylish_auto_action_form_full .auto_action_form_full__title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 16px;
  line-height: 22px;
  display: flex;
}

@media (max-width: 768px) {
  /* line 97, app/assets/stylesheets/online_chat_form.scss */
  .tabs-content__item .stylish_auto_action_form_full .auto_action_form_full__title {
    font-size: 15px;
  }
}

/* line 109, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .stylish_auto_action_form_full .border {
  border: 2px dashed black;
}

/* line 112, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .stylish_auto_action_form_full .condition_type {
  width: 240px;
  height: 55px;
}

/* line 115, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .stylish_auto_action_form_full .condition_type ul {
  margin: 0px;
}

/* line 119, app/assets/stylesheets/online_chat_form.scss */
.tabs-content__item .stylish_auto_action_form_full .auto_action_form_full__condition_type {
  height: 55px;
  position: absolute;
  left: 190px;
  top: 267px;
  width: 240px;
}

/* line 128, app/assets/stylesheets/online_chat_form.scss */
.space-between {
  justify-content: space-between;
}

/* line 131, app/assets/stylesheets/online_chat_form.scss */
.auto_action_form_full_body {
  width: 100%;
  color: black;
}

/* line 135, app/assets/stylesheets/online_chat_form.scss */
.auto_action_variable-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

@media (max-width: 1024px) {
  /* line 135, app/assets/stylesheets/online_chat_form.scss */
  .auto_action_variable-item {
    overflow-x: auto;
    overflow-y: unset;
  }
  /* line 144, app/assets/stylesheets/online_chat_form.scss */
  .auto_action_variable-item::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  /* line 153, app/assets/stylesheets/online_chat_form.scss */
  .auto_action_variable-item::-webkit-scrollbar-track {
    background-color: transparent;
  }
  /* line 157, app/assets/stylesheets/online_chat_form.scss */
  .auto_action_variable-item::-webkit-scrollbar-thumb {
    border: none;
    background-color: transparent;
  }
}

/* line 162, app/assets/stylesheets/online_chat_form.scss */
.auto_action_variable-item + .auto_action_variable-item {
  margin-top: 8px;
}

/* line 166, app/assets/stylesheets/online_chat_form.scss */
.auto_action__main-select {
  max-width: 100%;
}

/* line 169, app/assets/stylesheets/online_chat_form.scss */
.auto_action__second-select {
  max-width: 200px;
}

/* line 172, app/assets/stylesheets/online_chat_form.scss */
.auto_action__third-select {
  max-width: 200px;
}

/* line 175, app/assets/stylesheets/online_chat_form.scss */
.auto_action__select__list-flex {
  display: flex;
  flex-wrap: wrap;
}

/* line 179, app/assets/stylesheets/online_chat_form.scss */
.auto_action__multiSelects-flex {
  width: 100%;
  order: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  padding-left: 36px !important;
}

/* line 185, app/assets/stylesheets/online_chat_form.scss */
.auto_action__multiSelects-flex::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 8px;
  width: 20px;
  height: 20px;
  box-shadow: 0 0 0 1px #e1e6f0;
  border-radius: 5px;
}

/* line 195, app/assets/stylesheets/online_chat_form.scss */
.auto_action__multiSelects-flex::after {
  content: '';
  position: absolute;
  background-image: url(/assets/new_icons/checkbox-icon-48f42a9a51674722a41f5c5eb9480ab9cd96232609d019d440effc3d15c021fa.svg);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  left: 12px;
  top: 11px;
  opacity: 0;
  transition: .3s;
}

/* line 208, app/assets/stylesheets/online_chat_form.scss */
.auto_action__multiSelects-flex--selected::before {
  box-shadow: 0 0 0 1px #1a53c6;
  background-color: #1a53c6;
}

/* line 212, app/assets/stylesheets/online_chat_form.scss */
.auto_action__multiSelects-flex--selected::after {
  opacity: 1;
  transition: .3s;
}

/* line 217, app/assets/stylesheets/online_chat_form.scss */
.auto_action__multiSelects-flex--selected-order {
  order: 1;
}

/* line 222, app/assets/stylesheets/online_chat_form.scss */
.auto_action_variable-delete {
  margin-left: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 225, app/assets/stylesheets/online_chat_form.scss */
.auto_action_variable-delete:hover {
  cursor: pointer;
}

/* line 230, app/assets/stylesheets/online_chat_form.scss */
.auto_action_form_wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media (max-width: 640px) {
  /* line 230, app/assets/stylesheets/online_chat_form.scss */
  .auto_action_form_wrapper {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
  }
}

/* line 240, app/assets/stylesheets/online_chat_form.scss */
.auto_action_btn_copy-paste {
  display: flex;
  cursor: pointer;
}

/* line 244, app/assets/stylesheets/online_chat_form.scss */
.auto_action_copy {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* line 250, app/assets/stylesheets/online_chat_form.scss */
.auto_action_copy:hover svg {
  transition: .3s;
}

/* line 252, app/assets/stylesheets/online_chat_form.scss */
.auto_action_copy:hover svg path {
  stroke: #626F7F;
}

/* line 258, app/assets/stylesheets/online_chat_form.scss */
.auto_action__input {
  border: 1px solid #E1E6F0 !important;
  border-radius: 6px !important;
  max-height: 40px;
  max-width: 200px;
  margin: 0 !important;
}

/* line 265, app/assets/stylesheets/online_chat_form.scss */
.auto_action__head {
  display: flex;
  width: 100%;
  max-height: 40px;
  align-items: center;
  margin-bottom: 24px;
}

/* line 272, app/assets/stylesheets/online_chat_form.scss */
.online_chat_automatic_actions_name {
  width: 100%;
  margin: 0 !important;
}

/* line 276, app/assets/stylesheets/online_chat_form.scss */
.automatic_action_name {
  border: 1px solid #E1E6F0 !important;
  border-radius: 6px !important;
  width: 100%;
  margin: 0 0 0 16px;
}

/* line 282, app/assets/stylesheets/online_chat_form.scss */
.styled-select-condition {
  margin: 0 4px;
  color: #1A53C6;
  position: relative;
}

/* line 287, app/assets/stylesheets/online_chat_form.scss */
.condition-select-btn {
  border-bottom: 1px dashed #1A53C6;
  min-width: 62px;
  height: 23px;
  text-align: center;
  cursor: pointer;
}

/* line 294, app/assets/stylesheets/online_chat_form.scss */
.condition-container {
  display: none;
  position: absolute;
  z-index: 99;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
  background: #FFFFFF;
}

/* line 302, app/assets/stylesheets/online_chat_form.scss */
.condition-item {
  cursor: pointer;
  padding: 5px 10px;
}

/* line 305, app/assets/stylesheets/online_chat_form.scss */
.condition-item:hover {
  background-color: #F7FAFC;
}

/* line 309, app/assets/stylesheets/online_chat_form.scss */
.auto_actions_new-variable {
  margin-top: 9px;
  margin-bottom: 24px;
  color: #1A53C6;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  position: relative;
  padding-left: 26px;
}

/* line 319, app/assets/stylesheets/online_chat_form.scss */
.auto_actions_new-variable::before {
  content: '';
  position: absolute;
  background-image: url(/assets/new_icons/add-blue-mini-1d38cea52cac19f34eb716c9c2eb21ea0542129a13d63c0e490c395ae92a5679.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  left: 0;
}

/* line 329, app/assets/stylesheets/online_chat_form.scss */
.btn_new_auto_action {
  background: #00339A;
  border-radius: 6px;
}

/* line 333, app/assets/stylesheets/online_chat_form.scss */
.auto_actions_item {
  margin-bottom: 16px;
}

/* line 337, app/assets/stylesheets/online_chat_form.scss */
.wrapper-btn .auto_action_item_btn {
  background-color: #E1E6F0;
  border: 1px solid #e1e6f0;
  color: #111111;
  font-weight: 400;
}

/* line 342, app/assets/stylesheets/online_chat_form.scss */
.wrapper-btn .auto_action_item_btn:hover {
  background-color: #F7FAFC;
}

/* line 347, app/assets/stylesheets/online_chat_form.scss */
.auto_action_form_mini__name {
  margin-left: 10px;
}

/* line 350, app/assets/stylesheets/online_chat_form.scss */
.auto_action_form_mini__check {
  width: 40px;
}

/* line 353, app/assets/stylesheets/online_chat_form.scss */
.online_chat_automatic_actions_active label .lever {
  margin: 0 18px 0 0;
  padding: 0;
}

/* line 357, app/assets/stylesheets/online_chat_form.scss */
.select-big {
  width: 200px !important;
}

/* line 360, app/assets/stylesheets/online_chat_form.scss */
.select-small {
  width: 100px !important;
}

/* line 363, app/assets/stylesheets/online_chat_form.scss */
.select-none {
  display: none;
}

/* line 366, app/assets/stylesheets/online_chat_form.scss */
.select-span {
  margin-left: 8px;
  width: 100px !important;
}

/* line 370, app/assets/stylesheets/online_chat_form.scss */
.third-select-big-flex {
  display: flex;
  align-items: center;
  width: 200px !important;
}

/* line 383, app/assets/stylesheets/online_chat_form.scss */
.preview-container {
  padding: 20px 20px 20px 64px;
  border-left: 1px solid #E1E6F0;
  margin-left: 24px;
  position: relative;
}

/* line 389, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  box-shadow: 0 25px 50px -12px rgba(6, 25, 56, 0.25);
  overflow: hidden;
  transition: .3s;
}

/* line 395, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__wrapper--active {
  box-shadow: none;
  transition: .3s;
}

/* line 398, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__wrapper--active .preview-chat {
  transform: translateY(calc(100% - 58px));
}

/* line 401, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__wrapper--active .preview-chat__header {
  padding: 8px 16px;
  flex-direction: row-reverse;
  justify-content: space-between;
  height: unset;
  cursor: pointer;
}

/* line 408, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__wrapper--active .preview-chat__header-close {
  display: none;
}

/* line 412, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__wrapper--no-visible {
  box-shadow: none;
}

/* line 414, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__wrapper--no-visible .preview-chat {
  transform: translateY(100%);
}

/* line 419, app/assets/stylesheets/online_chat_form.scss */
.preview-chat {
  display: flex;
  flex-direction: column;
  width: 360px;
  height: 620px;
  transition: .3s;
  border-radius: 6px 6px 0 0;
}

/* line 426, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__header-block {
  display: flex;
  height: 42px;
}

/* line 431, app/assets/stylesheets/online_chat_form.scss */
.preview-chat--right * {
  text-align: right;
}

/* line 436, app/assets/stylesheets/online_chat_form.scss */
.preview-chat--center * {
  text-align: center;
}

/* line 440, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__header {
  padding: 15px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  height: 72px;
  border-radius: 6px 6px 0 0;
  background-color: #1a53c6;
  position: relative;
}

/* line 450, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__header::after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 100%;
  height: 30px;
  background: linear-gradient(180deg, #F7FAFC 0%, rgba(247, 250, 252, 0) 100%);
  opacity: 0.5;
}

/* line 462, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__header-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 42px;
  min-width: 42px;
  min-height: 42px;
  max-height: 42px;
  border-radius: 50%;
  overflow: hidden;
}

/* line 472, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__header-avatar img {
  max-width: 42px;
  min-width: 42px;
  min-height: 42px;
  max-height: 42px;
}

/* line 479, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__header-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
}

/* line 486, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__header-title {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 495, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__header-subtitle {
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  color: #FFFFFF;
}

/* line 501, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__header-close {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  opacity: 0.6;
  cursor: pointer;
  transition: .3s;
}

/* line 512, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__header-close:hover {
  opacity: 1;
}

/* line 516, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__header-widget {
  display: none;
  width: 100%;
  vertical-align: center;
}

/* line 521, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: calc(100% - 74px);
}

/* line 527, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-list {
  overflow: auto;
  padding: 8px 11px 30px;
  position: relative;
}

/* line 531, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-list::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 539, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-list::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 543, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-list::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 549, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__powered-salebot {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
}

/* line 559, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__box-wrapper {
  max-width: 32px;
  min-width: 32px;
  max-height: 32px;
  min-height: 32px;
}

/* line 565, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-support-box {
  display: flex;
  align-items: flex-end;
  gap: 6px;
}

/* line 570, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-support-img {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 32px;
  min-width: 32px;
  max-height: 32px;
  min-height: 32px;
  border-radius: 50%;
  background-color: #1a53c6;
  overflow: hidden;
}

/* line 581, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-support-img svg {
  width: 100%;
  height: 100%;
}

/* line 585, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-support-img img {
  max-width: 32px;
  min-width: 32px;
  max-height: 32px;
  min-height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 593, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-client {
  max-width: 300px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  background-color: #1A53C6;
  border-radius: 4px 12px 4px 4px;
  box-shadow: 4px 4px 6px rgba(184, 194, 214, 0.2);
  padding: 12px 18px 12px 16px;
  position: relative;
}

/* line 605, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-client-text {
  font-size: 15px;
  line-height: 120%;
  font-weight: 600;
  color: #FFFFFF;
  white-space: pre-line;
}

/* line 612, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-client-time {
  display: none;
  font-weight: 600;
  font-size: 11px;
  line-height: 11px;
  color: #FFFFFF;
  opacity: 0.5;
  position: absolute;
  right: 8px;
  bottom: 3.5px;
}

/* line 623, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-support {
  background-color: #F0F2F7;
  max-width: 300px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 18px 12px 16px;
  border-radius: 12px 4px 4px 4px;
  position: relative;
  white-space: pre-line;
}

/* line 632, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-support-text {
  color: #324256;
  font-size: 15px;
  line-height: 120%;
  font-weight: 600;
}

/* line 638, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-support-time {
  display: none;
  color: #95A3BA;
  font-weight: 600;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  right: 8px;
  bottom: 3.5px;
}

/* line 648, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__footer {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 16px 0 15px 0;
  box-shadow: 0 -1px 1px rgba(45, 51, 56, 0.08);
}

/* line 658, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__textarea {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 100%;
  max-height: 143px;
  min-height: 24px;
  height: 24px;
  padding: 4px 75px 3px 16px;
  border: none;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  color: #111111;
  outline: none;
  resize: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* line 680, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__textarea::-moz-placeholder {
  color: #95A3BA;
}
.preview-chat__textarea:-ms-input-placeholder {
  color: #95A3BA;
}
.preview-chat__textarea::placeholder {
  color: #95A3BA;
}

/* line 684, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__textarea::-moz-focus-inner {
  border: 0;
}

/* line 688, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__textarea::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 696, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__textarea::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 700, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__textarea::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 706, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__controls {
  position: absolute;
  right: 16px;
  bottom: 16px;
  display: flex;
  align-items: center;
}

/* line 713, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__controls-emoji {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* line 721, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__controls-attach {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
  cursor: pointer;
}

/* line 730, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__controls-send {
  min-height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #1a53c6;
  margin-left: 12px;
  cursor: pointer;
  display: none;
}

/* line 744, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__btn-compact {
  width: 68px;
  padding: 9px 17px 9px 9px;
  background: #1a53c6;
  border-radius: 40px 0 0 40px;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
  transform: scale(1);
  transition: .3s;
  cursor: pointer;
}

/* line 756, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__btn-compact--left {
  border-radius: 0 40px 40px 0;
  left: 0;
  padding: 9px 9px 9px 17px;
}

/* line 761, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__btn-compact--no-visible {
  width: 0;
  padding: 0;
}

/* line 765, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__btn-compact .preview-chat__header-avatar {
  box-shadow: 0 0 0 2px #FFFFFF;
}

/* line 771, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-client + .preview-chat__message-client,
.preview-chat__message-support-box + .preview-chat__message-support-box {
  margin-top: 4px;
}

/* line 776, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-client + .preview-chat__message-support-box,
.preview-chat__message-support-box + .preview-chat__message-client {
  margin-top: 12px;
}

/* line 781, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__message-client + .inline-btn-container,
.preview-chat__message-support-box + .inline-btn-container {
  margin-top: 4px;
}

/* line 785, app/assets/stylesheets/online_chat_form.scss */
.auto_action__input,
.styled-select-button {
  transition: border-color 0.3s ease-in-out !important;
}

/* line 789, app/assets/stylesheets/online_chat_form.scss */
.auto_action__warning {
  transition: border-color 0.3s ease-in-out !important;
  border-color: red !important;
}

/* line 801, app/assets/stylesheets/online_chat_form.scss */
.radio-align-text .radio_buttons {
  display: flex;
  gap: 6px;
}

/* line 805, app/assets/stylesheets/online_chat_form.scss */
.radio-align-text .radio {
  display: flex;
}

/* line 807, app/assets/stylesheets/online_chat_form.scss */
.radio-align-text .radio input[type="radio"] {
  width: 40px;
  height: 36px;
  border-radius: 6px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  pointer-events: unset;
  background-color: #fff;
  opacity: 1;
}

/* line 820, app/assets/stylesheets/online_chat_form.scss */
.radio-align-text .radio input[type="radio"]:hover {
  background-color: #F7FAFC;
}

/* line 824, app/assets/stylesheets/online_chat_form.scss */
.radio-align-text .radio input[type="radio"]::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  left: 8px;
  top: 6px;
  background-repeat: no-repeat;
}

/* line 833, app/assets/stylesheets/online_chat_form.scss */
.radio-align-text .radio input[type="radio"]:checked {
  box-shadow: 0 0 0 1px #1a53c6;
}

/* line 837, app/assets/stylesheets/online_chat_form.scss */
.radio-align-text .radio:nth-child(2) input[type="radio"]::after {
  background-image: url(/assets/new_icons/left-text-75ce0a0a227800ff2270328efa69e1ceafa6564e25ac37c841544ede3e2781ed.svg);
}

/* line 840, app/assets/stylesheets/online_chat_form.scss */
.radio-align-text .radio:nth-child(2) input[type="radio"]:checked::after {
  background-image: url(/assets/new_icons/left-text-blue-b886126aa79015d3173deea95e11bc9ac633aaf45f97cb30ada5f9d946cdd222.svg);
}

/* line 845, app/assets/stylesheets/online_chat_form.scss */
.radio-align-text .radio:nth-child(3) input[type="radio"]::after {
  background-image: url(/assets/new_icons/center-text-17e332559c5027397a4b15d420487f1256ee6f152b381b6328257c76a9e9879f.svg);
}

/* line 848, app/assets/stylesheets/online_chat_form.scss */
.radio-align-text .radio:nth-child(3) input[type="radio"]:checked::after {
  background-image: url(/assets/new_icons/center-text-blue-de33b5f086fb22460b23bfaab0295b5e014c8e3abec43b1dc2e8b281cd0b86b6.svg);
}

/* line 853, app/assets/stylesheets/online_chat_form.scss */
.radio-align-text .radio:nth-child(4) input[type="radio"]::after {
  background-image: url(/assets/new_icons/right-text-943eb41c3197187308853279cbcaa8ccc6e42ba62fb2f50a1f2856e2c699970f.svg);
}

/* line 856, app/assets/stylesheets/online_chat_form.scss */
.radio-align-text .radio:nth-child(4) input[type="radio"]:checked::after {
  background-image: url(/assets/new_icons/right-text-blue-0aed0831646ff88df856472465d312f03411faa1a71f54593eb1f0bc313a53c6.svg);
}

/* line 860, app/assets/stylesheets/online_chat_form.scss */
.radio-align-text .radio .collection_radio_buttons {
  display: none;
}

/* line 867, app/assets/stylesheets/online_chat_form.scss */
.radio-chat-btn .radio_buttons {
  display: flex;
  gap: 16px;
}

@media (max-width: 640px) {
  /* line 867, app/assets/stylesheets/online_chat_form.scss */
  .radio-chat-btn .radio_buttons {
    gap: 8px;
  }
}

/* line 874, app/assets/stylesheets/online_chat_form.scss */
.radio-chat-btn .radio {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  border-radius: 6px;
  max-width: 122px;
  width: 100%;
  height: 112px;
  padding: 8px 8px 10px;
  position: relative;
}

@media (max-width: 640px) {
  /* line 874, app/assets/stylesheets/online_chat_form.scss */
  .radio-chat-btn .radio {
    height: 97px;
  }
}

/* line 888, app/assets/stylesheets/online_chat_form.scss */
.radio-chat-btn .radio::after {
  content: '';
  position: absolute;
  max-width: 106px;
  max-height: 70px;
  background-image: url(/assets/new_icons/cover_compact-eb4d0a78ea445c749b08ae217f92c80cc6cede393b8e5162f5e8812844bb422a.svg);
  background-size: contain;
  background-position: center;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 34px;
  background-repeat: no-repeat;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

/* line 904, app/assets/stylesheets/online_chat_form.scss */
.radio-chat-btn .radio:nth-child(2)::after {
  background-image: url(/assets/new_icons/cover_classic-dedb2bf7b8933a17b920df0e360331291f745e5f4bba845e6a51a218c71174fb.svg);
}

/* line 907, app/assets/stylesheets/online_chat_form.scss */
.radio-chat-btn .radio:nth-child(3)::after {
  background-image: url(/assets/new_icons/cover_responsive-358734faedc113a8dcdc9203640093e547d981f6272f26b983f5e214c0306df8.svg);
}

/* line 910, app/assets/stylesheets/online_chat_form.scss */
.radio-chat-btn .radio input[type="radio"] {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  border: 1px solid #e1e6f0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  pointer-events: unset;
  opacity: 1;
}

/* line 927, app/assets/stylesheets/online_chat_form.scss */
.radio-chat-btn .radio input[type="radio"]:hover {
  box-shadow: 0 6px 10px rgba(149, 163, 186, 0.1);
}

/* line 931, app/assets/stylesheets/online_chat_form.scss */
.radio-chat-btn .radio input[type="radio"]:checked {
  border: 1px solid #1a53c6;
}

/* line 934, app/assets/stylesheets/online_chat_form.scss */
.radio-chat-btn .radio .collection_radio_buttons {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #111111;
}

@media (max-width: 640px) {
  /* line 934, app/assets/stylesheets/online_chat_form.scss */
  .radio-chat-btn .radio .collection_radio_buttons {
    font-size: 12px;
  }
}

/* line 947, app/assets/stylesheets/online_chat_form.scss */
.position-btn-select {
  max-width: 260px;
  width: 100%;
}

/* line 951, app/assets/stylesheets/online_chat_form.scss */
.cover-files {
  display: flex;
  gap: 20px;
}

/* line 954, app/assets/stylesheets/online_chat_form.scss */
.cover-files .main-switch--checkbox {
  margin: 8px 0 0;
}

/* line 959, app/assets/stylesheets/online_chat_form.scss */
.button_wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 360px;
  width: 100%;
  margin-bottom: 16px;
}

/* line 967, app/assets/stylesheets/online_chat_form.scss */
.button_new {
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: 6px;
  width: 100%;
  height: 40px;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
  transition: .3s;
  cursor: pointer;
}

/* line 980, app/assets/stylesheets/online_chat_form.scss */
.button_new:hover {
  background-color: #E1E6F0;
}

/* line 983, app/assets/stylesheets/online_chat_form.scss */
.button_new:focus {
  background-color: #C5D0E0;
}

/* line 987, app/assets/stylesheets/online_chat_form.scss */
.automatic_action_button {
  width: 100%;
  height: 40px;
}

/* line 990, app/assets/stylesheets/online_chat_form.scss */
.automatic_action_button + .automatic_action_button {
  margin-top: 8px;
}

/* line 994, app/assets/stylesheets/online_chat_form.scss */
.online_chat_button + .online_chat_button {
  margin-top: 8px;
}

/* line 997, app/assets/stylesheets/online_chat_form.scss */
.buttons {
  width: calc(100% - 48px);
  height: 40px;
  gap: 8px;
}

/* line 1002, app/assets/stylesheets/online_chat_form.scss */
.button {
  padding: 8px 10px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #e1e6f0;
  border-radius: 6px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  position: relative;
}

/* line 1014, app/assets/stylesheets/online_chat_form.scss */
.button-delete {
  display: flex;
  position: absolute;
  right: 2px;
  top: 2px;
  transition: .3s;
  opacity: 0.7;
}

/* line 1021, app/assets/stylesheets/online_chat_form.scss */
.button-delete:hover {
  opacity: 1;
}

/* line 1026, app/assets/stylesheets/online_chat_form.scss */
.line_new_style {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  min-width: 40px;
  height: 40px;
  margin-left: 8px;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
  transition: .3s;
  cursor: pointer;
}

/* line 1038, app/assets/stylesheets/online_chat_form.scss */
.line_new_style:hover {
  background-color: #e1e6f0;
}

/* line 1042, app/assets/stylesheets/online_chat_form.scss */
.user-color-field {
  max-width: 103px;
}

/* line 1046, app/assets/stylesheets/online_chat_form.scss */
.online-chat_attach {
  align-items: center;
  border: 1px solid #e1e6f0;
  border-radius: 6px;
  padding: 10px;
  max-width: 320px;
  min-width: 320px;
}

/* line 1054, app/assets/stylesheets/online_chat_form.scss */
.online-chat--hidden {
  display: none;
}

/* line 1057, app/assets/stylesheets/online_chat_form.scss */
.online-chat--show {
  display: flex;
}

/* line 1060, app/assets/stylesheets/online_chat_form.scss */
.online-chat__universal-buttons {
  max-width: 360px;
  padding-left: 0;
}

/* line 1064, app/assets/stylesheets/online_chat_form.scss */
.auto_action__warning {
  position: relative;
}

/* line 1066, app/assets/stylesheets/online_chat_form.scss */
.auto_action__warning::before {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/invalid-input-icon-3a8e89f690ec214a32ce8c4dda52dfe7a6f7b13f2700f686e5da4b0ec289399c.svg);
  width: 24px;
  height: 24px;
  z-index: 10;
  right: 9px;
  top: 7px;
}

/* line 1077, app/assets/stylesheets/online_chat_form.scss */
.switch-text {
  margin-left: 49px;
  font-size: 14px;
  line-height: 19px;
}

/* line 1082, app/assets/stylesheets/online_chat_form.scss */
.btn-text {
  pointer-events: none;
}

/* line 1085, app/assets/stylesheets/online_chat_form.scss */
.preview-chat__header-close svg {
  pointer-events: none;
}

/* line 1089, app/assets/stylesheets/online_chat_form.scss */
.footer-btns-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}

/* line 1, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

/* line 2, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div dl {
  text-align: left;
}

/* line 3, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

/* line 4, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%;
}

/* line 5, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div td {
  font-size: 90%;
}

/* line 6, app/assets/stylesheets/jquery_timepicker.scss */
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

/* line 7, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none;
}

/* line 9, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
  background: none;
  color: inherit;
  border: none;
  outline: none;
  border-bottom: solid 1px #555;
  width: 95%;
}

/* line 10, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
  border-bottom-color: #aaa;
}

/* line 12, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-rtl {
  direction: rtl;
}

/* line 13, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

/* line 14, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

/* line 15, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}

/* Shortened version style */
/* line 18, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px;
}

/* line 19, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none;
}

/* line 21, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px;
}

/* line 22, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right;
}

/* line 23, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0;
}

/* line 25, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ':';
  display: inline-block;
}

/* line 27, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
  content: '.';
  display: inline-block;
}

/* line 29, app/assets/stylesheets/jquery_timepicker.scss */
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none;
}

/* line 31, app/assets/stylesheets/jquery_timepicker.scss */
.ui_tpicker_time_label, .ui_tpicker_time {
  display: none;
}

/* line 3, app/assets/stylesheets/common/_field.scss */
.field {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  margin: 0;
}

/* line 9, app/assets/stylesheets/common/_field.scss */
.field__editor-container {
  position: relative;
}

/* line 16, app/assets/stylesheets/common/_field.scss */
.field .input-field {
  margin: 0 !important;
}

/* line 21, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection {
  min-height: 40px;
  border: 1px solid #E1E6F0;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  background-color: #FFFFFF;
  border-radius: 6px;
  transition: background-color 200ms ease-out, border-color 200ms ease-out;
}

@media (hover: hover) and (pointer: fine) {
  /* line 31, app/assets/stylesheets/common/_field.scss */
  .field .select2-container--default .select2-selection:hover {
    background-color: #F7FAFC;
  }
}

/* line 37, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-image: url(/assets/icon/select-arrow-icon-b4d0279bd8edbab406cda836088803ca03bdec9bc64ad56dc0b406349c77abde.svg);
  background-size: 9px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all 200ms ease-out;
}

/* line 57, app/assets/stylesheets/common/_field.scss */
.field .select2-container--open .select2-selection:before {
  transform: rotate(180deg);
}

/* line 61, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default.select2-container--focus .select2-selection,
.field .select2-container--default.select2-container--open .select2-selection {
  border: 1px solid #E1E6F0;
  background-color: #FFFFFF;
}

/* line 67, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection .select2-selection__rendered {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 40px;
  font-size: 14px;
  font-family: inherit;
  color: #111111;
}

/* line 80, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 5px 70px 5px 16px;
}

/* line 84, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 5px 48px 5px 16px;
}

/* line 88, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field {
  height: 19px;
  margin: 0;
  font-size: 14px;
  color: #111111;
  border: none !important;
  box-shadow: none !important;
}

/* line 101, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--multiple .select2-selection__clear {
  position: absolute;
  right: 42px;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  font-size: 0;
  background-image: url(/assets/icon/select-close-icon-12693fddf0bd2aa87a11a3bd6a14899d9d1ce1925a5bf0e4ef649fdcf95f67dc.svg);
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 119, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--multiple .select2-selection__choice {
  position: relative;
  display: flex;
  align-items: center;
  padding: 3px 22px 3px 8px;
  margin: 2px 6px 2px 0;
  border: none;
  font-size: 13px;
  font-family: inherit;
  line-height: 16px;
  background-color: #DFEBF7;
  color: #111111;
}

/* line 136, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: absolute;
  right: 4px;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
  font-size: 0;
  background-image: url(/assets/icon/select-close-icon-choice-e8842c92412cb3dba5c9601465ec9b615989dd85849e26afdcbbe28d23ecbfd6.svg);
  background-size: 6px;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 153, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

/* line 158, app/assets/stylesheets/common/_field.scss */
.field .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline {
  margin: 0 !important;
}

/* line 164, app/assets/stylesheets/common/_field.scss */
.field__label {
  display: flex;
  flex-wrap: wrap;
  gap: 0 6px;
  align-items: center;
  margin-bottom: 4px;
  margin-right: 0 !important;
  margin-left: 0 !important;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 19px !important;
  font-weight: 400;
  color: #324256;
}

/* line 186, app/assets/stylesheets/common/_field.scss */
.field__label-icon-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* line 200, app/assets/stylesheets/common/_field.scss */
.field__label-hint {
  align-self: flex-end;
  margin-right: 0 !important;
  margin-left: 0 !important;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  color: #95A3BA;
}

/* line 215, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default),
input.field__input[type=email]:not(.browser-default),
input.field__input[type=password]:not(.browser-default),
input.field__input[type=password_confirmation]:not(.browser-default),
input.field__input[type=url]:not(.browser-default),
input.field__input[type=number]:not(.browser-default),
input.field__input[type=url]:not(.browser-default),
input.field__input[type=search]:not(.browser-default),
input.field__input[type=number]:not(.browser-default),
textarea.field__textarea {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 16px;
  margin: 0;
  border: 1px solid #E1E6F0;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #111111;
  background-color: #fff;
  border-radius: 6px;
  outline: none;
  transition: all 200ms ease-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media (hover: hover) and (pointer: fine) {
  /* line 247, app/assets/stylesheets/common/_field.scss */
  input.field__input[type=text]:not(.browser-default):hover,
input.field__input[type=email]:not(.browser-default):hover,
input.field__input[type=password]:not(.browser-default):hover,
input.field__input[type=password_confirmation]:not(.browser-default):hover,
input.field__input[type=url]:not(.browser-default):hover,
input.field__input[type=number]:not(.browser-default):hover,
input.field__input[type=url]:not(.browser-default):hover,
input.field__input[type=search]:not(.browser-default):hover,
input.field__input[type=number]:not(.browser-default):hover,
textarea.field__textarea:hover {
    background-color: #F7FAFC !important;
  }
}

/* line 252, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default):focus,
input.field__input[type=email]:not(.browser-default):focus,
input.field__input[type=password]:not(.browser-default):focus,
input.field__input[type=password_confirmation]:not(.browser-default):focus,
input.field__input[type=url]:not(.browser-default):focus,
input.field__input[type=number]:not(.browser-default):focus,
input.field__input[type=url]:not(.browser-default):focus,
input.field__input[type=search]:not(.browser-default):focus,
input.field__input[type=number]:not(.browser-default):focus,
textarea.field__textarea:focus {
  border: 1px solid #1A53C6;
  background-color: #F7FAFC;
  box-shadow: none;
}

/* line 258, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default):focus + .field__label,
input.field__input[type=email]:not(.browser-default):focus + .field__label,
input.field__input[type=password]:not(.browser-default):focus + .field__label,
input.field__input[type=password_confirmation]:not(.browser-default):focus + .field__label,
input.field__input[type=url]:not(.browser-default):focus + .field__label,
input.field__input[type=number]:not(.browser-default):focus + .field__label,
input.field__input[type=url]:not(.browser-default):focus + .field__label,
input.field__input[type=search]:not(.browser-default):focus + .field__label,
input.field__input[type=number]:not(.browser-default):focus + .field__label,
textarea.field__textarea:focus + .field__label {
  color: #324256;
}

/* line 264, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default)::-moz-placeholder, input.field__input[type=email]:not(.browser-default)::-moz-placeholder, input.field__input[type=password]:not(.browser-default)::-moz-placeholder, input.field__input[type=password_confirmation]:not(.browser-default)::-moz-placeholder, input.field__input[type=url]:not(.browser-default)::-moz-placeholder, input.field__input[type=number]:not(.browser-default)::-moz-placeholder, input.field__input[type=url]:not(.browser-default)::-moz-placeholder, input.field__input[type=search]:not(.browser-default)::-moz-placeholder, input.field__input[type=number]:not(.browser-default)::-moz-placeholder, textarea.field__textarea::-moz-placeholder {
  color: #95A3BA;
}
input.field__input[type=text]:not(.browser-default):-ms-input-placeholder, input.field__input[type=email]:not(.browser-default):-ms-input-placeholder, input.field__input[type=password]:not(.browser-default):-ms-input-placeholder, input.field__input[type=password_confirmation]:not(.browser-default):-ms-input-placeholder, input.field__input[type=url]:not(.browser-default):-ms-input-placeholder, input.field__input[type=number]:not(.browser-default):-ms-input-placeholder, input.field__input[type=url]:not(.browser-default):-ms-input-placeholder, input.field__input[type=search]:not(.browser-default):-ms-input-placeholder, input.field__input[type=number]:not(.browser-default):-ms-input-placeholder, textarea.field__textarea:-ms-input-placeholder {
  color: #95A3BA;
}
input.field__input[type=text]:not(.browser-default)::placeholder,
input.field__input[type=email]:not(.browser-default)::placeholder,
input.field__input[type=password]:not(.browser-default)::placeholder,
input.field__input[type=password_confirmation]:not(.browser-default)::placeholder,
input.field__input[type=url]:not(.browser-default)::placeholder,
input.field__input[type=number]:not(.browser-default)::placeholder,
input.field__input[type=url]:not(.browser-default)::placeholder,
input.field__input[type=search]:not(.browser-default)::placeholder,
input.field__input[type=number]:not(.browser-default)::placeholder,
textarea.field__textarea::placeholder {
  color: #95A3BA;
}

/* line 268, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default):required:valid,
input.field__input[type=email]:not(.browser-default):required:valid,
input.field__input[type=password]:not(.browser-default):required:valid,
input.field__input[type=password_confirmation]:not(.browser-default):required:valid,
input.field__input[type=url]:not(.browser-default):required:valid,
input.field__input[type=number]:not(.browser-default):required:valid,
input.field__input[type=url]:not(.browser-default):required:valid,
input.field__input[type=search]:not(.browser-default):required:valid,
input.field__input[type=number]:not(.browser-default):required:valid,
textarea.field__textarea:required:valid {
  padding-right: 48px;
  background-image: url(/assets/icon/valid-input-icon-eabbe7bcc228a7749567ce17feaa99f40d1b71a67a6b45483bef5de32286be18.svg);
  background-size: 24px;
  background-position: center right 13px;
  background-repeat: no-repeat;
}

/* line 276, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default):invalid,
input.field__input[type=email]:not(.browser-default):invalid,
input.field__input[type=password]:not(.browser-default):invalid,
input.field__input[type=password_confirmation]:not(.browser-default):invalid,
input.field__input[type=url]:not(.browser-default):invalid,
input.field__input[type=number]:not(.browser-default):invalid,
input.field__input[type=url]:not(.browser-default):invalid,
input.field__input[type=search]:not(.browser-default):invalid,
input.field__input[type=number]:not(.browser-default):invalid,
textarea.field__textarea:invalid {
  padding-right: 48px;
  border-color: #EF4444;
  background-image: url(/assets/icon/invalid-input-icon-3a8e89f690ec214a32ce8c4dda52dfe7a6f7b13f2700f686e5da4b0ec289399c.svg);
  background-size: 24px;
  background-position: center right 13px;
  background-repeat: no-repeat;
}

/* line 284, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default):invalid + .field__label,
input.field__input[type=email]:not(.browser-default):invalid + .field__label,
input.field__input[type=password]:not(.browser-default):invalid + .field__label,
input.field__input[type=password_confirmation]:not(.browser-default):invalid + .field__label,
input.field__input[type=url]:not(.browser-default):invalid + .field__label,
input.field__input[type=number]:not(.browser-default):invalid + .field__label,
input.field__input[type=url]:not(.browser-default):invalid + .field__label,
input.field__input[type=search]:not(.browser-default):invalid + .field__label,
input.field__input[type=number]:not(.browser-default):invalid + .field__label,
textarea.field__textarea:invalid + .field__label {
  color: #EF4444;
}

/* line 287, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=email]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=password]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=password_confirmation]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=url]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=number]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=url]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=search]:not(.browser-default):invalid + .field__label .field__hint,
input.field__input[type=number]:not(.browser-default):invalid + .field__label .field__hint,
textarea.field__textarea:invalid + .field__label .field__hint {
  color: #95A3BA;
}

/* line 293, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=email]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=password]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=password_confirmation]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=url]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=number]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=url]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=search]:not(.browser-default)::-moz-focus-inner,
input.field__input[type=number]:not(.browser-default)::-moz-focus-inner,
textarea.field__textarea::-moz-focus-inner {
  border: 0;
}

/* line 297, app/assets/stylesheets/common/_field.scss */
input.field__input[type=text]:not(.browser-default)::-webkit-outer-spin-button, input.field__input[type=text]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=email]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=email]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=password]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=password]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=password_confirmation]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=password_confirmation]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=url]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=url]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=number]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=number]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=url]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=url]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=search]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=search]:not(.browser-default)::-webkit-inner-spin-button,
input.field__input[type=number]:not(.browser-default)::-webkit-outer-spin-button,
input.field__input[type=number]:not(.browser-default)::-webkit-inner-spin-button,
textarea.field__textarea::-webkit-outer-spin-button,
textarea.field__textarea::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

/* line 304, app/assets/stylesheets/common/_field.scss */
input.field__input.field__input--small-height[type=text]:not(.browser-default),
input.field__input.field__input--small-height[type=search]:not(.browser-default) {
  height: 36px;
}

/* line 309, app/assets/stylesheets/common/_field.scss */
input.field__input.field__input--search-gray[type=search]:not(.browser-default) {
  padding-left: 48px;
  border: 1px solid #F0F2F7;
  background-color: #F0F2F7;
  background-image: url(/assets/icon/search-icon-6d00345e3ab303e809a876dd72df2acb5dfea366edf4417bdbcac35426b56b01.svg);
  background-size: 18px;
  background-position: 15px center;
  background-repeat: no-repeat;
}

@media (hover: hover) and (pointer: fine) {
  /* line 320, app/assets/stylesheets/common/_field.scss */
  input.field__input.field__input--search-gray[type=search]:not(.browser-default):hover {
    background-color: #F7FAFC;
    border: 1px solid #E1E6F0;
  }
}

/* line 326, app/assets/stylesheets/common/_field.scss */
input.field__input.field__input--search-gray[type=search]:not(.browser-default):focus {
  background-color: #F0F2F7;
  border: 1px solid #1A53C6;
}

/* line 332, app/assets/stylesheets/common/_field.scss */
input.field__input.field__input--search[type=search]:not(.browser-default) {
  padding-right: 48px;
  background-image: url(/assets/icon/search-icon-6d00345e3ab303e809a876dd72df2acb5dfea366edf4417bdbcac35426b56b01.svg);
  background-size: 18px;
  background-position: right 15px center;
  background-repeat: no-repeat;
}

/* line 340, app/assets/stylesheets/common/_field.scss */
input.field__input.field__input--datetime[type=text]:not(.browser-default) {
  padding-right: 48px;
  background-image: url(/assets/icon/datetime-icon-a1eb79dc10ff560815ef55a24ed2c90e91628ba5eab75e18adaedb8e47df6366.svg);
  background-size: 17px;
  background-position: right 15px center;
  background-repeat: no-repeat;
}

/* line 348, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea {
  overflow: auto !important;
  min-height: 160px;
  max-height: 350px;
  padding: 10px 16px;
  resize: vertical !important;
  transition: background-color 200ms ease-out, border-color 200ms ease-out;
}

/* line 357, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea--medium {
  min-height: 137px;
}

/* line 361, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea--small {
  min-height: 67px;
}

/* line 365, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 370, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 376, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 382, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea::-webkit-scrollbar-corner {
  background-color: transparent;
}

/* line 386, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea::-webkit-resizer {
  background-color: transparent;
  background-image: url(/assets/icon/resizer-icon-95621ca36af2aa469d16d6d7098aae38898a51ad5e73846745e0cb70ecbe88fb.svg);
  background-size: 9px;
  background-position: right 2px bottom 2px;
  background-repeat: no-repeat;
}

@media (hover: hover) and (pointer: fine) {
  /* line 396, app/assets/stylesheets/common/_field.scss */
  textarea.field__textarea:hover::-webkit-scrollbar-thumb {
    border-color: #F7FAFC;
  }
}

/* line 403, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea:focus::-webkit-scrollbar-thumb {
  border-color: #F7FAFC;
}

/* line 409, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea:disabled {
  resize: none !important;
  background-color: #FFFFFF;
}

/* line 412, app/assets/stylesheets/common/_field.scss */
textarea.field__textarea:disabled:hover {
  background-color: #FFFFFF !important;
}

/* line 417, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-dropdown {
  overflow: hidden;
  border: 1px solid #E1E6F0;
}

/* line 421, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-dropdown--below {
  border-top: none;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
}

/* line 428, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-dropdown--above {
  border-bottom: none;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  box-shadow: 0 -10px 20px rgba(45, 51, 56, 0.1);
}

/* line 437, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 445, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 449, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 456, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-results__option {
  padding: 10px 16px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #111111;
  transition: all 200ms ease-out;
}

/* line 467, app/assets/stylesheets/common/_field.scss */
.select2-dropdown.select2-dropdown--multiple .select2-results__option {
  position: relative;
  padding-left: 44px;
}

/* line 471, app/assets/stylesheets/common/_field.scss */
.select2-dropdown.select2-dropdown--multiple .select2-results__option:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  border: 1px solid #E1E6F0;
  border-radius: 5px;
  background-color: #FFFFFF;
  transform: translateY(-50%);
  transition: background-color 200ms ease-out, border-color 200ms ease-out;
}

/* line 493, app/assets/stylesheets/common/_field.scss */
.select2-dropdown.select2-dropdown--multiple .select2-results__option[aria-selected=true]:before {
  background-color: #1A53C6;
  border-color: #1A53C6;
  background-image: url(/assets/icon/select-checkmark-icon-b4e8a779b5fd0cac2d35d69c327f60170cf9d93edbc043b9f7f8237c9e869e62.svg);
  background-size: 11px;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 503, app/assets/stylesheets/common/_field.scss */
.select2-dropdown.select2-dropdown--multiple .select2-results__option.select2-results__message {
  padding-left: 16px;
}

/* line 506, app/assets/stylesheets/common/_field.scss */
.select2-dropdown.select2-dropdown--multiple .select2-results__option.select2-results__message:before {
  display: none;
}

/* line 511, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #FFFFFF;
  color: #111111;
}

@media (hover: hover) and (pointer: fine) {
  /* line 517, app/assets/stylesheets/common/_field.scss */
  .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
.select2-container.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: #F7FAFC;
  }
}

/* line 523, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-results__button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 16px 10px 44px;
  margin: 0;
  border: none;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #1A53C6;
  background-color: #FFFFFF;
  background-image: url(/assets/icon/select-plus-icon-d8036077823d4bd00ee4164a292f897cf6af904a5b027436158af5fbfad10c8c.svg);
  background-size: 12px;
  background-position: center left 20px;
  background-repeat: no-repeat;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: all 200ms ease-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* line 550, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default .select2-results__button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

@media (hover: hover) and (pointer: fine) {
  /* line 556, app/assets/stylesheets/common/_field.scss */
  .select2-container.select2-container--default .select2-results__button:hover {
    background-image: url(/assets/icon/select-plus-icon-hover-2ad7908dcc3ca96b16450d2f27c493491c958a44a7a63e7b3620472640aa657c.svg);
    color: #00339A;
  }
}

/* line 563, app/assets/stylesheets/common/_field.scss */
.select2-container.select2-container--default.select2-container--focus .select2-selection--single {
  outline: none;
}

/* line 3, app/assets/stylesheets/common/_color-selection.scss */
.color-selection {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 8, app/assets/stylesheets/common/_color-selection.scss */
.color-selection + .color-selection {
  margin-top: 16px;
}

/* line 13, app/assets/stylesheets/common/_color-selection.scss */
.color-selection__title {
  flex-basis: 100%;
  margin: 0 0 2px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #324256;
}

/* line 25, app/assets/stylesheets/common/_color-selection.scss */
.color-selection__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: #F0F2F7;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #E1E6F0;
  transition: all 200ms ease-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media (hover: hover) and (pointer: fine) {
  /* line 43, app/assets/stylesheets/common/_color-selection.scss */
  .color-selection__button:hover {
    background-color: #F0F2F7;
    box-shadow: inset 0 0 0 1px #95A3BA;
  }
  /* line 48, app/assets/stylesheets/common/_color-selection.scss */
  .color-selection__button:active {
    background-color: #F0F2F7;
    box-shadow: inset 0 0 0 1px #E1E6F0;
  }
}

/* line 54, app/assets/stylesheets/common/_color-selection.scss */
.color-selection__button:focus:not(:focus-visible) {
  background-color: #F0F2F7;
  box-shadow: inset 0 0 0 1px #E1E6F0;
}

/* line 59, app/assets/stylesheets/common/_color-selection.scss */
.color-selection__button:focus {
  outline: none;
  background-color: #F0F2F7;
  box-shadow: inset 0 0 0 1px #95A3BA;
}

@media (hover: hover) and (pointer: fine) {
  /* line 65, app/assets/stylesheets/common/_color-selection.scss */
  .color-selection__button:focus:hover {
    background-color: #F0F2F7;
    box-shadow: inset 0 0 0 1px #95A3BA;
  }
  /* line 70, app/assets/stylesheets/common/_color-selection.scss */
  .color-selection__button:focus:active {
    background-color: #F0F2F7;
    box-shadow: inset 0 0 0 1px #E1E6F0;
  }
}

/* line 77, app/assets/stylesheets/common/_color-selection.scss */
.color-selection__button::-moz-focus-inner {
  border: none;
}

/* line 82, app/assets/stylesheets/common/_color-selection.scss */
.color-selection__field {
  width: 134px;
}

/* line 1, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  cursor: pointer;
  margin: 0;
}

@media (hover: hover) and (pointer: fine) {
  /* line 16, app/assets/stylesheets/common/_checkbox-radio.scss */
  .checkbox-radio:hover .checkbox-radio__input:not(checked) + .checkbox-radio__checkmark {
    box-shadow: 0 0 0 1px #95A3BA;
  }
}

/* line 23, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio:focus-within .checkbox-radio__input:focus:not(:focus-visible) + .checkbox-radio__checkmark {
  box-shadow: none;
}

/* line 26, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio:focus-within .checkbox-radio__input:focus:not(:focus-visible) + .checkbox-radio__checkmark--white {
  box-shadow: 0 0 0 1px #C5D0E0;
}

/* line 31, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio:focus-within .checkbox-radio__input:focus + .checkbox-radio__checkmark {
  box-shadow: 0 0 0 1px #95A3BA;
}

/* line 37, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio .checkbox-radio__input:checked + .checkbox-radio__checkmark--white {
  box-shadow: 0 0 0 1px #C5D0E0;
}

/* line 43, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio .checkbox-radio__input:not(checked) + .checkbox-radio__checkmark--white {
  box-shadow: 0 0 0 1px #C5D0E0;
}

/* line 49, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}

/* line 60, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__input:checked + .checkbox-radio__checkmark:after {
  opacity: 1;
}

/* line 65, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F44336;
  border-radius: 6px;
  transition: all 200ms ease-out;
}

/* line 76, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 19px;
  height: 14px;
  background-image: url(/assets/icon/checkmark-2c06976fe78e653a079da4a40997cd721fe980860d5e2b479d971f86d75f2947.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: inherit;
}

/* line 94, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--deep-pink {
  background-color: #E91E63;
}

/* line 97, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--transparent {
  background-color: transparent;
  border: 1px solid gray;
}

/* line 101, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--orchid {
  background-color: #9C27B0;
}

/* line 105, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--blue-violet {
  background-color: #673AB7;
}

/* line 109, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--royal-blue {
  background-color: #3F51B5;
}

/* line 113, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--blue {
  background-color: #1A53C6;
}

/* line 117, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--deep-sky-blue {
  background-color: #2196F3;
}

/* line 121, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--light-blue {
  background-color: #00BCD4;
}

/* line 125, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--sea-green {
  background-color: #009688;
}

/* line 129, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--green {
  background-color: #4CAF50;
}

/* line 133, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--yellow-green {
  background-color: #CDDC39;
}

/* line 137, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--yellow {
  background-color: #FFEB3B;
}

/* line 140, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--yellow:after {
  background-image: url(/assets/icon/checkmark-gray-c825dd70de19f8d2c33c0dd39c8a3a2da9d49319e357319b17ebc4e460e220f7.svg);
}

/* line 145, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--orange {
  background-color: #FFC107;
}

/* line 149, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--dark-orange {
  background-color: #FF9800;
}

/* line 153, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--orange-red {
  background-color: #FF5722;
}

/* line 157, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--brown {
  background-color: #795548;
}

/* line 161, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gray {
  background-color: #607D8B;
}

/* line 165, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--dark {
  background-color: #324256;
}

/* line 169, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--white {
  background-color: #fff;
}

/* line 172, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--white:after {
  background-image: url(/assets/icon/checkmark-gray-c825dd70de19f8d2c33c0dd39c8a3a2da9d49319e357319b17ebc4e460e220f7.svg);
}

/* line 177, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-deep-pink {
  background: linear-gradient(26.9deg, #B74174 8.71%, #E35C76 90.87%);
}

/* line 181, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-blue-violet {
  background: linear-gradient(52.94deg, #8C366C 6.8%, #6E64E7 93.74%);
}

/* line 185, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-orchid {
  background: linear-gradient(27.11deg, #834D9B 11.19%, #D04ED6 90.89%);
}

/* line 189, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-violet {
  background: linear-gradient(27deg, #7367F0 9.12%, #CE9FFC 90.05%);
}

/* line 193, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-light-blue {
  background: linear-gradient(52.49deg, #EA52F8 6.84%, #0066FF 94.24%);
}

/* line 197, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-blue {
  background: linear-gradient(27.95deg, #2F0166 9.85%, #206CEB 89.33%);
}

/* line 201, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-gray-blue {
  background: linear-gradient(54.35deg, #2C5364 7.72%, #4286F4 93.32%);
}

/* line 205, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-sky-blue {
  background: linear-gradient(27deg, #6F86D6 9.95%, #48C6EF 90.88%);
}

/* line 209, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-sea-green {
  background: linear-gradient(54.35deg, #1D6C70 7.2%, #00D9E3 92.8%);
}

/* line 213, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-green {
  background: linear-gradient(27.11deg, #0AC2B7 8.71%, #1AC67E 88.41%);
}

/* line 217, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-dark-green {
  background: linear-gradient(54.95deg, #207A00 7.87%, #A1DA00 91.83%);
}

/* line 221, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-light-green {
  background: linear-gradient(53.98deg, #56AB2F 7.96%, #A8E063 92.76%);
}

/* line 225, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-orange {
  background: linear-gradient(26.63deg, #FDA085 10.41%, #F6D365 90.84%);
}

/* line 229, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-orange-yellow {
  background: linear-gradient(26.53deg, #FF9415 10%, #FFC709 91.66%);
}

/* line 233, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-orange-red {
  background: linear-gradient(26.07deg, #FF5E62 8.38%, #FF9966 90.79%);
}

/* line 237, app/assets/stylesheets/common/_checkbox-radio.scss */
.checkbox-radio__checkmark--gradient-gray {
  background: linear-gradient(53.41deg, #2A3332 6.23%, #94B6D7 92.71%);
}

/* line 3, app/assets/stylesheets/common/_btn-select.scss */
.btn-select {
  position: relative;
}

/* line 5, app/assets/stylesheets/common/_btn-select.scss */
.btn-select__list {
  display: none;
  position: absolute;
  margin: 0 !important;
  top: 45px;
  left: 0;
  border: 1px solid #e1e6f0;
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
  z-index: 9;
}

/* line 16, app/assets/stylesheets/common/_btn-select.scss */
.btn-select__list::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #fff;
  top: -8px;
  left: 30px;
  z-index: -1;
  transform: rotate(45deg);
  border-top: 1px solid #e1e6f0;
  border-left: 1px solid #e1e6f0;
  border-radius: 2px;
}

/* line 31, app/assets/stylesheets/common/_btn-select.scss */
.btn-select__list-item {
  display: flex;
  justify-content: space-between;
}

/* line 35, app/assets/stylesheets/common/_btn-select.scss */
.btn-select__item-link {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #111111;
  text-align: left;
  padding: 10px 4px 10px 12px;
  width: 100%;
  white-space: nowrap;
}

/* line 45, app/assets/stylesheets/common/_btn-select.scss */
.btn-select__item-link:hover {
  background-color: #F7FAFC;
}

/* line 49, app/assets/stylesheets/common/_btn-select.scss */
.btn-select__list-item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 8px 10px 8px;
  cursor: pointer;
}

/* line 55, app/assets/stylesheets/common/_btn-select.scss */
.btn-select__list-item-img svg {
  margin-right: 0 !important;
}

/* line 58, app/assets/stylesheets/common/_btn-select.scss */
.btn-select__list-item-img:hover {
  background-color: #F7FAFC;
}

/* line 3, app/assets/stylesheets/mailings.scss */
.mailing-form-box__left-block {
  padding: 0px;
  width: 100%;
}

/* line 7, app/assets/stylesheets/mailings.scss */
.mailing-form-box__left-block .label-help-icon {
  height: 15px;
}

/* line 12, app/assets/stylesheets/mailings.scss */
.mailing__main-switch {
  margin-bottom: 18px;
}

/* line 16, app/assets/stylesheets/mailings.scss */
.m-0 {
  margin: 0px !important;
}

/* line 21, app/assets/stylesheets/mailings.scss */
.custom-radio input[type="radio"] {
  position: relative !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #FFFFFF;
  margin: 0;
  border: none;
  box-shadow: 0 0 0 1px #E1E6F0;
  box-sizing: border-box;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  opacity: 1;
  transition: .3s;
  cursor: pointer;
}

/* line 35, app/assets/stylesheets/mailings.scss */
.custom-radio input[type="radio"]:hover {
  box-shadow: 0 0 0 1px #1a53c6;
}

/* line 39, app/assets/stylesheets/mailings.scss */
.custom-radio input[type="radio"]:checked {
  background-color: #1A53C6;
  box-shadow: 0 0 0 1px #1a53c6;
}

/* line 43, app/assets/stylesheets/mailings.scss */
.custom-radio input[type="radio"]::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .3s;
}

/* line 57, app/assets/stylesheets/mailings.scss */
.custom-radio input[type="radio"]:checked::before {
  opacity: 1;
}

/* line 60, app/assets/stylesheets/mailings.scss */
.custom-radio .radio_buttons {
  display: flex;
  flex-direction: column;
}

/* line 64, app/assets/stylesheets/mailings.scss */
.custom-radio .radio {
  display: inline-flex;
  cursor: pointer;
}

/* line 67, app/assets/stylesheets/mailings.scss */
.custom-radio .radio + .radio {
  margin-top: 12px;
}

/* line 70, app/assets/stylesheets/mailings.scss */
.custom-radio .radio label {
  font-size: 14px !important;
  line-height: 20px !important;
  height: unset !important;
  padding-left: 0 !important;
  color: #111111 !important;
  font-weight: 400;
  margin-left: 12px;
  cursor: pointer;
}

/* line 82, app/assets/stylesheets/mailings.scss */
.custom-radio span {
  font-size: 14px !important;
  line-height: 20px !important;
  height: unset !important;
  padding-left: 0 !important;
  color: #111111 !important;
  font-weight: 400;
  margin-left: 12px;
}

/* line 90, app/assets/stylesheets/mailings.scss */
.custom-radio span::before, .custom-radio span::after {
  display: none;
}

/* line 97, app/assets/stylesheets/mailings.scss */
.flex-box_jc-center {
  justify-content: center;
}

/* line 101, app/assets/stylesheets/mailings.scss */
.flex-box_align-items-center {
  align-items: center;
}

/* line 105, app/assets/stylesheets/mailings.scss */
.mailing-drop_area_description {
  max-width: 100%;
  padding: 40px 16px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #626F7F;
  font-size: 14px;
  line-height: 19px;
  cursor: pointer;
  text-align: center;
}

/* line 119, app/assets/stylesheets/mailings.scss */
.mailing-form-box__dropzone-area {
  background-color: #F7FAFC;
  border: 4px dashed #E1E6F0;
  width: 100%;
  height: 165px;
  border-radius: 6px;
  margin-bottom: 15px;
  display: flex;
}

/* line 129, app/assets/stylesheets/mailings.scss */
.mailing-table {
  margin-top: 20px;
  border: 1px solid #D4DFF4;
  border-radius: 6px;
  background-color: white;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
}

/* line 136, app/assets/stylesheets/mailings.scss */
.mailing-table_col1 {
  min-width: 226px;
  width: 100%;
  white-space: normal;
}

@media (max-width: 1279px) {
  /* line 136, app/assets/stylesheets/mailings.scss */
  .mailing-table_col1 {
    order: 1;
    margin-bottom: 18px;
  }
}

/* line 146, app/assets/stylesheets/mailings.scss */
.mailing-table_col2 {
  min-width: 80px;
  max-width: 80px;
}

@media (max-width: 1279px) {
  /* line 146, app/assets/stylesheets/mailings.scss */
  .mailing-table_col2 {
    order: 4;
    margin-bottom: 16px;
  }
}

/* line 155, app/assets/stylesheets/mailings.scss */
.mailing-table_col3 {
  min-width: 220px;
  max-width: 220px;
}

@media (max-width: 1279px) {
  /* line 155, app/assets/stylesheets/mailings.scss */
  .mailing-table_col3 {
    order: 3;
    margin-bottom: 16px;
  }
}

/* line 164, app/assets/stylesheets/mailings.scss */
.mailing-table_col4 {
  min-width: 200px;
  max-width: 200px;
}

@media (max-width: 1279px) {
  /* line 164, app/assets/stylesheets/mailings.scss */
  .mailing-table_col4 {
    order: 2;
    margin-bottom: 18px;
  }
}

/* line 173, app/assets/stylesheets/mailings.scss */
.mailing-table_col5 {
  min-width: 140px;
  max-width: 140px;
}

@media (max-width: 1279px) {
  /* line 173, app/assets/stylesheets/mailings.scss */
  .mailing-table_col5 {
    order: 5;
    margin-bottom: 16px;
  }
}

/* line 182, app/assets/stylesheets/mailings.scss */
.mailing-table_col6 {
  min-width: 20px;
  max-width: 20px;
}

@media (max-width: 1279px) {
  /* line 182, app/assets/stylesheets/mailings.scss */
  .mailing-table_col6 {
    order: 6;
  }
}

/* line 190, app/assets/stylesheets/mailings.scss */
.mailing-table__font__bold {
  font-weight: 600;
  color: #111111;
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
}

/* line 199, app/assets/stylesheets/mailings.scss */
.mailing-table__title-name {
  color: #626F7F;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
}

@media (max-width: 1279px) {
  /* line 199, app/assets/stylesheets/mailings.scss */
  .mailing-table__title-name {
    margin: 0px !important;
  }
  /* line 206, app/assets/stylesheets/mailings.scss */
  .mailing-table__title-name:not(:first-child) {
    display: none;
  }
}

/* line 211, app/assets/stylesheets/mailings.scss */
.mailing-table__title-name--mobile {
  color: #626F7F;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  display: none;
}

@media (max-width: 1279px) {
  /* line 211, app/assets/stylesheets/mailings.scss */
  .mailing-table__title-name--mobile {
    display: block;
  }
}

/* line 222, app/assets/stylesheets/mailings.scss */
.mailing-table__titles-wrapper {
  display: flex;
  align-items: self-start;
  padding: 12px 16px 8px;
  justify-content: space-between;
}

/* line 229, app/assets/stylesheets/mailings.scss */
.mailing-container {
  margin: 0 auto;
  min-height: calc(100vh - 90px);
  padding: 18px 20px;
}

@media (max-width: 640px) {
  /* line 229, app/assets/stylesheets/mailings.scss */
  .mailing-container {
    padding: 18px 16px;
  }
}

/* line 239, app/assets/stylesheets/mailings.scss */
.mailing-container .background-empty {
  min-height: calc(100vh - 140px);
}

/* line 242, app/assets/stylesheets/mailings.scss */
.mailing-container .tabs-trigger {
  margin-bottom: 20px;
}

/* line 244, app/assets/stylesheets/mailings.scss */
.mailing-container .tabs-trigger__item {
  white-space: nowrap;
}

/* line 250, app/assets/stylesheets/mailings.scss */
.mailing-table__card {
  min-height: 60px;
  display: flex;
  align-items: center;
  padding: 20px 16px;
  box-sizing: border-box;
  justify-content: space-between;
  border-top: 1px solid #D4DFF4;
}

@media (max-width: 1279px) {
  /* line 250, app/assets/stylesheets/mailings.scss */
  .mailing-table__card {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
  }
}

@media (max-width: 1279px) {
  /* line 250, app/assets/stylesheets/mailings.scss */
  .mailing-table__card {
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 16px;
  }
}

@media (max-width: 538px) {
  /* line 272, app/assets/stylesheets/mailings.scss */
  .mailing-table__card .top-mailing-btn__ml-20 {
    margin-left: 0px !important;
  }
}

/* line 277, app/assets/stylesheets/mailings.scss */
.mailing-table__card:hover {
  background: #F0F2F7;
}

/* line 281, app/assets/stylesheets/mailings.scss */
.mailing-table__card:hover > .btn__toggle svg {
  opacity: 1;
}

/* line 285, app/assets/stylesheets/mailings.scss */
.mailing-table__card__email {
  color: #111111;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}

/* line 292, app/assets/stylesheets/mailings.scss */
.mailing-table__card__avatar-name {
  display: flex;
  align-items: center;
}

/* line 297, app/assets/stylesheets/mailings.scss */
.mailing-table__card__avatar {
  position: relative;
}

/* line 302, app/assets/stylesheets/mailings.scss */
.mailing-table__content__avatar {
  display: flex;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  align-items: center;
  width: 28px;
  height: 28px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 1px solid #dedede;
  overflow: hidden;
}

/* line 314, app/assets/stylesheets/mailings.scss */
.mailing-table__content__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 321, app/assets/stylesheets/mailings.scss */
.background-blue {
  background-color: #0AC2B7;
}

/* line 325, app/assets/stylesheets/mailings.scss */
.mailing_green_title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  color: #111111;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  padding: 2px 8px;
  border-radius: 5px;
}

/* line 336, app/assets/stylesheets/mailings.scss */
.video-container {
  padding: 0px;
  height: 70px;
  position: relative;
  border-radius: 6px;
}

/* line 342, app/assets/stylesheets/mailings.scss */
.video-container--preview {
  display: flex;
  align-items: center;
}

/* line 347, app/assets/stylesheets/mailings.scss */
.video-container .video-fon {
  height: 70px;
  background: #1F2937;
}

/* line 352, app/assets/stylesheets/mailings.scss */
.video-container .btn-play,
.video-container .btn-stop {
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  background-color: #1A53C6;
  border-radius: 50%;
}

/* line 367, app/assets/stylesheets/mailings.scss */
.video-container .btn-play svg,
.video-container .btn-stop svg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 9999;
}

/* line 372, app/assets/stylesheets/mailings.scss */
.video-container .btn-play svg path,
.video-container .btn-stop svg path {
  stroke: white;
  fill: white;
}

/* line 378, app/assets/stylesheets/mailings.scss */
.video-container .btn-stop {
  transition: opacity 0.3s;
  display: none;
}

/* line 386, app/assets/stylesheets/mailings.scss */
.status_color_0 {
  background-color: #DAEFC9 !important;
}

/* line 390, app/assets/stylesheets/mailings.scss */
.status_color_1 {
  background-color: #FDE68A !important;
}

/* line 394, app/assets/stylesheets/mailings.scss */
.status_color_2 {
  background-color: #FFC2C2 !important;
}

/* line 398, app/assets/stylesheets/mailings.scss */
.status_color_3 {
  background-color: #DFEBF7 !important;
}

/* line 403, app/assets/stylesheets/mailings.scss */
.mailing-table__item-name {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #626F7F;
  margin: 0 0 0 12px;
  overflow: hidden;
  max-width: 100%;
}

/* line 413, app/assets/stylesheets/mailings.scss */
.mailing-table__item-name--email {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  margin-bottom: 4px;
}

/* line 423, app/assets/stylesheets/mailings.scss */
.btn__toggle {
  position: relative;
  min-width: 20px;
  max-width: 20px;
  cursor: pointer;
}

@media (max-width: 1279px) {
  /* line 423, app/assets/stylesheets/mailings.scss */
  .btn__toggle {
    order: 7;
  }
}

/* line 431, app/assets/stylesheets/mailings.scss */
.btn__toggle svg {
  opacity: 0;
}

@media (max-width: 1279px) {
  /* line 435, app/assets/stylesheets/mailings.scss */
  .btn__toggle--mobile {
    display: none;
  }
}

/* line 442, app/assets/stylesheets/mailings.scss */
.table-line__mr__16 {
  margin-right: 16px;
}

/* line 446, app/assets/stylesheets/mailings.scss */
.top-mailing-btn__ml-20 {
  margin: 0 0 0 20px !important;
}

@media (max-width: 375px) {
  /* line 446, app/assets/stylesheets/mailings.scss */
  .top-mailing-btn__ml-20 {
    margin: 0px !important;
  }
}

/* line 454, app/assets/stylesheets/mailings.scss */
.mailing-context-menu {
  top: 27px !important;
  left: -93px !important;
}

/* line 459, app/assets/stylesheets/mailings.scss */
.create-messages-container {
  display: flex;
}

/* line 465, app/assets/stylesheets/mailings.scss */
#mailing_content,
#mailing_recipients,
#mailing_settings {
  background-color: #fff;
  border: 1px solid #D4DFF4;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  border-radius: 6px;
  width: 100%;
  padding: 16px 20px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

/* line 477, app/assets/stylesheets/mailings.scss */
#subscribers_filter,
#download_file {
  background-color: #fff;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

/* line 484, app/assets/stylesheets/mailings.scss */
.mailing-left-box {
  width: 100%;
}

/* line 488, app/assets/stylesheets/mailings.scss */
.mailing-left-box .container-mailing {
  height: 100%;
  padding: 18px 20px 75px;
  background: #fafcff;
}

@media (max-width: 908px) {
  /* line 488, app/assets/stylesheets/mailings.scss */
  .mailing-left-box .container-mailing {
    padding: 18px 20px 0;
  }
}

@media (max-width: 660px) {
  /* line 488, app/assets/stylesheets/mailings.scss */
  .mailing-left-box .container-mailing {
    padding: 18px 20px 0;
  }
}

@media (max-width: 900px) {
  /* line 500, app/assets/stylesheets/mailings.scss */
  .mailing-left-box .container-mailing .tabs-trigger {
    justify-content: space-between;
  }
}

/* line 509, app/assets/stylesheets/mailings.scss */
.tabs-trigger__line {
  display: flex;
  align-items: center;
  margin: 0 32px;
}

/* line 513, app/assets/stylesheets/mailings.scss */
.tabs-trigger__line svg {
  max-width: 62px;
  width: 100%;
}

/* line 519, app/assets/stylesheets/mailings.scss */
.tabs-trigger__box {
  display: flex;
  align-items: center;
}

/* line 524, app/assets/stylesheets/mailings.scss */
.tabs-trigger__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E1E6F0;
  border-radius: 50px;
  width: 44px;
  height: 44px;
  margin-right: 16px;
  overflow: hidden;
  cursor: pointer;
}

@media (max-width: 1500px) {
  /* line 524, app/assets/stylesheets/mailings.scss */
  .tabs-trigger__icon {
    width: 38px;
    height: 38px;
    margin-right: 12px;
  }
}

/* line 542, app/assets/stylesheets/mailings.scss */
.tabs-trigger__icon--active {
  background: #1A53C6 !important;
  box-shadow: 0px 14px 21px -1px rgba(26, 83, 198, 0.2);
}

/* line 547, app/assets/stylesheets/mailings.scss */
.tabs-trigger__icon--confirm {
  background: #10B981 !important;
  box-shadow: 0px 14px 21px -1px rgba(26, 83, 198, 0.2);
}

/* line 552, app/assets/stylesheets/mailings.scss */
.tabs-trigger__icon:hover {
  background: #C5CEDE;
}

/* line 558, app/assets/stylesheets/mailings.scss */
#clear_escaping svg {
  display: flex;
}

/* line 562, app/assets/stylesheets/mailings.scss */
.confirm-icon__none {
  display: none;
}

/* line 566, app/assets/stylesheets/mailings.scss */
.confirm-icon__active {
  display: flex;
}

/* line 572, app/assets/stylesheets/mailings.scss */
.current-icon__none {
  display: none;
}

/* line 576, app/assets/stylesheets/mailings.scss */
.current-icon__active {
  display: flex;
}

/* line 580, app/assets/stylesheets/mailings.scss */
.current-icon__active svg path {
  stroke: white;
}

/* line 588, app/assets/stylesheets/mailings.scss */
.mailing-preview {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  margin-bottom: 16px;
}

/* line 595, app/assets/stylesheets/mailings.scss */
.scrollbar {
  overflow: auto;
  max-height: calc(100vh - 237px);
}

/* line 598, app/assets/stylesheets/mailings.scss */
.scrollbar::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 603, app/assets/stylesheets/mailings.scss */
.scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 609, app/assets/stylesheets/mailings.scss */
.scrollbar::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 619, app/assets/stylesheets/mailings.scss */
.subscribers-messsages__messagers .secondary_button::after {
  content: "";
  background-image: url(/assets/icon/select-arrow-icon-b4d0279bd8edbab406cda836088803ca03bdec9bc64ad56dc0b406349c77abde.svg);
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: center;
  width: 20px;
  height: 20px;
  top: 25%;
  z-index: 1;
  right: 10px;
  pointer-events: none;
  transform: unset;
}

/* line 634, app/assets/stylesheets/mailings.scss */
.subscribers-messsages__messagers .secondary_button--popup {
  max-width: 280px;
  min-width: 280px;
  background: #FFFFFF;
  border: 1px solid #D4DFF4;
  border-radius: 6px;
}

/* line 646, app/assets/stylesheets/mailings.scss */
.subscribers-block {
  position: -webkit-sticky;
  position: sticky;
  top: 58px;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #E1E6F0;
  min-width: 560px;
  max-width: 560px;
  height: calc(100vh - 58px);
  overflow: auto;
}

/* line 656, app/assets/stylesheets/mailings.scss */
.subscribers-block::-webkit-scrollbar {
  width: 0;
}

@media (max-width: 1440px) {
  /* line 646, app/assets/stylesheets/mailings.scss */
  .subscribers-block {
    min-width: 500px;
    max-width: 500px;
  }
}

@media (max-width: 1368px) {
  /* line 646, app/assets/stylesheets/mailings.scss */
  .subscribers-block {
    min-width: 430px;
    max-width: 340px;
  }
}

@media (max-width: 1279px) {
  /* line 646, app/assets/stylesheets/mailings.scss */
  .subscribers-block {
    display: none;
  }
}

/* line 672, app/assets/stylesheets/mailings.scss */
.subscribers-block-container {
  padding: 16px 20px;
  display: none;
}

/* line 676, app/assets/stylesheets/mailings.scss */
.subscribers-block-container__active {
  width: 100%;
  display: block !important;
}

/* line 682, app/assets/stylesheets/mailings.scss */
.subscribers-block__image {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F0F2F7;
  border-radius: 50px;
  width: 108px;
  height: 108px;
  margin-right: 16px;
  overflow: hidden;
  margin-bottom: 32px;
}

/* line 694, app/assets/stylesheets/mailings.scss */
.subscribers-block__image svg {
  stroke: #95A3BA;
  width: 55px;
  height: 55px;
}

/* line 702, app/assets/stylesheets/mailings.scss */
#description_mailing {
  word-break: break-word;
  margin-bottom: 16px;
}

/* line 708, app/assets/stylesheets/mailings.scss */
#attachment_mailing img {
  max-width: 50%;
}

/* line 714, app/assets/stylesheets/mailings.scss */
.mailing-filter__box {
  display: inline-block;
  box-sizing: border-box;
  padding: 4px;
  background: #F0F2F7;
  border-radius: 6px;
  margin-bottom: 20px;
}

/* line 722, app/assets/stylesheets/mailings.scss */
.mailing-filter__box-content {
  font-family: inherit;
  display: none;
}

/* line 726, app/assets/stylesheets/mailings.scss */
.mailing-filter__box-content__active {
  display: block !important;
}

/* line 731, app/assets/stylesheets/mailings.scss */
.mailing-filter__box__item {
  display: inline-block;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  cursor: pointer;
  white-space: nowrap;
  color: #4C5D75;
}

@media (max-width: 686px) {
  /* line 731, app/assets/stylesheets/mailings.scss */
  .mailing-filter__box__item {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 686px) {
  /* line 731, app/assets/stylesheets/mailings.scss */
  .mailing-filter__box__item {
    width: 100%;
    text-align: center;
  }
}

/* line 751, app/assets/stylesheets/mailings.scss */
.mailing-filter__box__item:hover {
  color: black;
}

/* line 755, app/assets/stylesheets/mailings.scss */
.mailing-filter__box__item--active {
  border-radius: 6px;
  background: white;
  color: black !important;
  box-shadow: 0px 6px 10px -1px rgba(6, 25, 56, 0.07);
}

@media (max-width: 686px) {
  /* line 755, app/assets/stylesheets/mailings.scss */
  .mailing-filter__box__item--active {
    width: 100%;
    text-align: center;
  }
}

/* line 772, app/assets/stylesheets/mailings.scss */
.mailing__new-lable-title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #324256;
}

/* line 779, app/assets/stylesheets/mailings.scss */
.mailing__new-lable-box {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #324256;
}

/* line 785, app/assets/stylesheets/mailings.scss */
.mailing__new-lable-box--withquestion {
  display: flex;
}

/* line 791, app/assets/stylesheets/mailings.scss */
.ml-7 {
  margin-right: 7px;
}

/* line 795, app/assets/stylesheets/mailings.scss */
.ml-10 {
  margin-left: 10px;
}

/* line 798, app/assets/stylesheets/mailings.scss */
.ml-5 {
  margin-left: 5px;
}

/* line 801, app/assets/stylesheets/mailings.scss */
.ml-15 {
  margin-left: 15px;
}

/* line 805, app/assets/stylesheets/mailings.scss */
.ml-20 {
  margin-left: 20px;
}

/* line 809, app/assets/stylesheets/mailings.scss */
.mailing-form__create-button {
  background: #E1E6F0;
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
  align-items: center;
  color: #111111;
  min-width: 165px;
  font-size: 14px;
  line-height: 120%;
  padding: 12px;
  border-radius: 6px;
  transition: .3s;
  cursor: pointer;
}

/* line 825, app/assets/stylesheets/mailings.scss */
.mailing-form__create-button {
  background: #E1E6F0;
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
  align-items: center;
  color: #111111;
  min-width: 165px;
  font-size: 14px;
  line-height: 120%;
  padding: 12px;
  border-radius: 6px;
  transition: .3s;
  cursor: pointer;
  border: 1px solid #E1E6F0;
}

/* line 841, app/assets/stylesheets/mailings.scss */
.mailing-form__create-button:hover {
  background: #F7FAFC;
}

/* line 846, app/assets/stylesheets/mailings.scss */
.mailing-form__create-buttons {
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
  align-items: center;
  color: #111111;
  cursor: pointer;
}

/* line 854, app/assets/stylesheets/mailings.scss */
.mailing-form__create-buttons svg {
  margin-right: 6px;
}

/* line 860, app/assets/stylesheets/mailings.scss */
.mr-4 {
  margin-right: 4px !important;
}

/* line 863, app/assets/stylesheets/mailings.scss */
.mr-0 {
  margin-right: 0px !important;
}

/* line 867, app/assets/stylesheets/mailings.scss */
.mr-8 {
  margin-right: 8px;
}

/* line 871, app/assets/stylesheets/mailings.scss */
.mr-14 {
  margin-right: 14px;
}

/* line 875, app/assets/stylesheets/mailings.scss */
.mr-16 {
  margin-right: 16px;
}

/* line 878, app/assets/stylesheets/mailings.scss */
.mr-20 {
  margin-right: 20px;
}

/* line 881, app/assets/stylesheets/mailings.scss */
.mt-12 {
  margin-top: 12px;
}

/* line 885, app/assets/stylesheets/mailings.scss */
.mb-16 {
  margin-bottom: 16px;
}

/* line 889, app/assets/stylesheets/mailings.scss */
.mr-12 {
  margin-right: 12px;
}

/* line 893, app/assets/stylesheets/mailings.scss */
.ml-12 {
  margin-left: 12px;
}

/* line 897, app/assets/stylesheets/mailings.scss */
.mr-8 {
  margin-right: 8px;
}

/* line 901, app/assets/stylesheets/mailings.scss */
.mailing-footer {
  position: fixed;
  z-index: 10;
  display: flex;
  background-color: #fff;
  padding: 8px 20px 8px 20px;
  border-top: 1px solid #E0E1E3;
  color: #646464;
  text-align: center;
  font-size: 14px;
  width: calc(100% - 861px);
  margin-left: 1px;
  bottom: 0;
}

/* line 914, app/assets/stylesheets/mailings.scss */
.mailing-footer::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 10px;
  background: linear-gradient(180deg, #CCD4E3 0%, rgba(204, 212, 227, 0) 100%);
  opacity: 0.3;
  transform: matrix(1, 0, 0, -1, 0, 0);
  top: -10px;
  left: 0;
}

@media (max-width: 1600px) {
  /* line 901, app/assets/stylesheets/mailings.scss */
  .mailing-footer {
    width: calc(100% - 802px);
  }
}

@media (max-width: 1440px) {
  /* line 901, app/assets/stylesheets/mailings.scss */
  .mailing-footer {
    width: calc(100% - 742px);
  }
}

@media (max-width: 1368px) {
  /* line 901, app/assets/stylesheets/mailings.scss */
  .mailing-footer {
    width: calc(100% - 671px);
  }
}

@media (max-width: 1279px) {
  /* line 901, app/assets/stylesheets/mailings.scss */
  .mailing-footer {
    width: calc(100% - 241px);
    flex-wrap: wrap;
    gap: 16px;
  }
}

@media (max-width: 660px) {
  /* line 901, app/assets/stylesheets/mailings.scss */
  .mailing-footer {
    width: 100%;
    position: unset;
    gap: 8px;
  }
}

@media (max-width: 510px) {
  /* line 901, app/assets/stylesheets/mailings.scss */
  .mailing-footer {
    flex-direction: column;
  }
}

/* line 947, app/assets/stylesheets/mailings.scss */
.mailing-footer--mini {
  width: calc(100% - 631px);
}

@media (max-width: 1600px) {
  /* line 947, app/assets/stylesheets/mailings.scss */
  .mailing-footer--mini {
    width: calc(100% - 631px);
  }
}

@media (max-width: 1440px) {
  /* line 947, app/assets/stylesheets/mailings.scss */
  .mailing-footer--mini {
    width: calc(100% - 571px);
  }
}

@media (max-width: 1368px) {
  /* line 947, app/assets/stylesheets/mailings.scss */
  .mailing-footer--mini {
    width: calc(100% - 501px);
  }
}

@media (max-width: 1279px) {
  /* line 947, app/assets/stylesheets/mailings.scss */
  .mailing-footer--mini {
    width: calc(100% - 71px);
  }
}

@media (max-width: 660px) {
  /* line 947, app/assets/stylesheets/mailings.scss */
  .mailing-footer--mini {
    width: 100%;
  }
}

/* line 967, app/assets/stylesheets/mailings.scss */
.color-black {
  color: #111111 !important;
}

/* line 971, app/assets/stylesheets/mailings.scss */
.transparetn-btn {
  border: 1px solid #E1E6F0;
  background: white;
  border-radius: 6px;
  color: #111111;
  padding: 10.5px 24px;
  height: 40px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  text-align: center;
  overflow: hidden;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
}

/* line 987, app/assets/stylesheets/mailings.scss */
.transparetn-btn:hover {
  background-color: #E1E6F0;
}

/* line 990, app/assets/stylesheets/mailings.scss */
.transparetn-btn:focus {
  background: #C5D0E0;
}

/* line 997, app/assets/stylesheets/mailings.scss */
.addBtn svg {
  height: 12px;
  width: 12px;
}

/* line 1003, app/assets/stylesheets/mailings.scss */
.toWebsiteBtn__background-color {
  background-color: #1A53C6 !important;
}

/* line 1008, app/assets/stylesheets/mailings.scss */
.footer-right {
  gap: 16px;
}

/* line 1010, app/assets/stylesheets/mailings.scss */
.footer-right .new_button {
  height: 40px;
}

/* line 1017, app/assets/stylesheets/mailings.scss */
.footer-btn__none {
  display: none;
}

/* line 1020, app/assets/stylesheets/mailings.scss */
.footer-btn__active {
  display: inline-block !important;
}

/* line 1024, app/assets/stylesheets/mailings.scss */
.mailing-fixed-footer {
  position: fixed;
  width: 100%;
  background-color: #fff;
  bottom: 0;
  z-index: 200;
  padding: 7px 20px 16px;
  border-top: 1px solid #E0E1E3;
}

/* line 1034, app/assets/stylesheets/mailings.scss */
#mailing__confirm-btn-invisible-copy,
#mailing__draft-btn-invisible-copy {
  display: none;
}

/* line 1039, app/assets/stylesheets/mailings.scss */
.mailing_radio_group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 16px;
}

/* line 1047, app/assets/stylesheets/mailings.scss */
.mailing-form_radio_btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}

/* line 1052, app/assets/stylesheets/mailings.scss */
.mailing-form_radio_btn + .form_radio_btn {
  margin-left: 4px;
}

@media (max-width: 1100px) {
  /* line 1052, app/assets/stylesheets/mailings.scss */
  .mailing-form_radio_btn + .form_radio_btn {
    margin: 0;
  }
}

/* line 1060, app/assets/stylesheets/mailings.scss */
.form-second__emails-footer {
  display: flex;
  gap: 12px;
}

/* line 1063, app/assets/stylesheets/mailings.scss */
.form-second__emails-footer .main-btn,
.form-second__emails-footer .secondary_button {
  padding-top: 14.5px;
  padding-bottom: 14.5px;
}

/* line 1068, app/assets/stylesheets/mailings.scss */
.form-second__emails-footer .main-btn {
  background-color: #1a53c6;
}

/* line 1074, app/assets/stylesheets/mailings.scss */
.mailing-form_radio_btn label {
  display: inline-block;
  cursor: pointer;
  color: #111111;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 1085, app/assets/stylesheets/mailings.scss */
.mailing-send-time input {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border: 1px solid #E1E6F0;
  background-color: #fff;
  border-radius: 6px;
  height: 40px;
  padding: 0 16px;
  width: 100%;
}

/* line 1099, app/assets/stylesheets/mailings.scss */
.svg-color-change svg path {
  stroke: #95A3BA;
}

/* line 1103, app/assets/stylesheets/mailings.scss */
.svg-color-change__active svg path {
  stroke: white !important;
}

/* line 1107, app/assets/stylesheets/mailings.scss */
.card-footer {
  min-height: 72px;
  max-height: 72px;
  border-top: 1px solid #D4DFF4;
  padding: 16px 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 1023px) {
  /* line 1107, app/assets/stylesheets/mailings.scss */
  .card-footer {
    position: absolute;
    bottom: 0;
  }
}

@media (max-width: 640px) {
  /* line 1107, app/assets/stylesheets/mailings.scss */
  .card-footer {
    padding: 16px;
  }
}

/* line 1126, app/assets/stylesheets/mailings.scss */
.card-footer .main-btn {
  padding: 7.5px 25px;
}

/* line 1130, app/assets/stylesheets/mailings.scss */
.card-footer__right {
  display: flex;
}

@media (max-width: 640px) {
  /* line 1133, app/assets/stylesheets/mailings.scss */
  .card-footer__right .card-bot__btn--delete {
    width: 46px;
  }
}

/* line 1142, app/assets/stylesheets/mailings.scss */
.card-footer__left svg path {
  stroke: white;
}

/* line 1149, app/assets/stylesheets/mailings.scss */
.mailing-stylish_item_new {
  position: relative;
  border: 1px solid rgba(26, 83, 198, 0.19);
  border-radius: 4px;
  background: white;
  padding: 10px;
  width: 85%;
  margin: 0 auto 8px;
  transition: all 0.4s;
}

/* line 1160, app/assets/stylesheets/mailings.scss */
.mailing-box-item {
  width: 100%;
  margin: 0 auto 15px;
  padding: 0 !important;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  border: 1px solid #d4dff4;
  border-radius: 6px;
  display: flex;
}

@media (max-width: 1023px) {
  /* line 1160, app/assets/stylesheets/mailings.scss */
  .mailing-box-item {
    flex-direction: column;
    padding: 0 0 72px 0 !important;
  }
}

/* line 1174, app/assets/stylesheets/mailings.scss */
.mailing-box-item__right-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px;
}

/* line 1183, app/assets/stylesheets/mailings.scss */
.mailing-footer * {
  white-space: nowrap;
}

@media (max-width: 510px) {
  /* line 1183, app/assets/stylesheets/mailings.scss */
  .mailing-footer * {
    width: 100%;
  }
}

/* line 1197, app/assets/stylesheets/mailings.scss */
.preview-mailings * {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* line 1200, app/assets/stylesheets/mailings.scss */
.preview-mailings td, .preview-mailings tr {
  padding: 0;
  border: none;
  height: unset;
}

/* line 1205, app/assets/stylesheets/mailings.scss */
.preview-mailings__table-main {
  background-color: transparent !important;
}

/* line 1208, app/assets/stylesheets/mailings.scss */
.preview-mailings__container {
  padding: 0 !important;
}

/* line 1212, app/assets/stylesheets/mailings.scss */
.preview-mailings__img-placeholder {
  display: flex;
  background-color: #F0F2F7;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  border: 1px solid #E1E6F0 !important;
  border-radius: 6px;
  max-height: 280px;
  min-height: 280px;
  width: 100%;
  color: #95A3BA;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  margin-bottom: 24px;
}

/* line 1231, app/assets/stylesheets/mailings.scss */
.preview-mailings__title-placeholder {
  display: flex;
  font-weight: 800;
  font-size: 20px;
  line-height: 130%;
  color: #95A3BA;
  margin-bottom: 20px;
}

/* line 1239, app/assets/stylesheets/mailings.scss */
.preview-mailings__text-placeholder {
  display: flex;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #95A3BA;
  margin-bottom: 20px;
}

/* line 1247, app/assets/stylesheets/mailings.scss */
.preview-mailings__btn-placeholder {
  display: flex;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #626F7F;
  padding: 8px 12px !important;
  background: #F0F2F7;
  border-radius: 5px;
}

/* line 1258, app/assets/stylesheets/mailings.scss */
.preview-mailings .preview-mailings__img {
  display: none;
  width: 100%;
  margin-bottom: 24px;
}

/* line 1262, app/assets/stylesheets/mailings.scss */
.preview-mailings .preview-mailings__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 1268, app/assets/stylesheets/mailings.scss */
.preview-mailings__title {
  display: none;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 130%;
  color: #111111;
  margin-bottom: 20px;
  padding: 0 !important;
}

/* line 1279, app/assets/stylesheets/mailings.scss */
.preview-mailings__text {
  display: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #111111;
  margin-bottom: 20px;
  padding: 0 !important;
}

/* line 1288, app/assets/stylesheets/mailings.scss */
.preview-mailings__attachment {
  display: flex;
  width: 100%;
}

/* line 1291, app/assets/stylesheets/mailings.scss */
.preview-mailings__attachment img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 20px;
  text-decoration: none;
}

/* line 1298, app/assets/stylesheets/mailings.scss */
.preview-mailings__btn-container {
  display: none;
  flex-wrap: wrap;
  gap: 16px;
}

/* line 1304, app/assets/stylesheets/mailings.scss */
.preview-mailings__btns .mailing__buttons {
  padding: 0;
}

/* line 1307, app/assets/stylesheets/mailings.scss */
.preview-mailings__btns .mailing__button {
  margin-right: 0;
}

/* line 1311, app/assets/stylesheets/mailings.scss */
.preview-mailings__btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 14px 24px;
  background: #1A53C6;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  cursor: pointer;
}

/* line 1325, app/assets/stylesheets/mailings.scss */
.preview-mailings .preview-mailings__btns-social {
  margin: 20px auto 0;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  text-align: center;
}

/* line 1333, app/assets/stylesheets/mailings.scss */
.preview-mailings .preview-mailings__btns-social .salebot-preview__btn-social {
  display: inline-flex !important;
  margin-right: 0 !important;
}

/* line 1336, app/assets/stylesheets/mailings.scss */
.preview-mailings .preview-mailings__btns-social .salebot-preview__btn-social--tg {
  background-color: transparent;
}

/* line 1339, app/assets/stylesheets/mailings.scss */
.preview-mailings .preview-mailings__btns-social .salebot-preview__btn-social--viber {
  background-color: transparent;
}

/* line 1342, app/assets/stylesheets/mailings.scss */
.preview-mailings .preview-mailings__btns-social .salebot-preview__btn-social--vk {
  background-color: transparent;
}

/* line 1345, app/assets/stylesheets/mailings.scss */
.preview-mailings .preview-mailings__btns-social .salebot-preview__btn-social--fb {
  background-color: transparent;
}

/* line 1348, app/assets/stylesheets/mailings.scss */
.preview-mailings .preview-mailings__btns-social .salebot-preview__btn-social--ok {
  background-color: transparent;
}

/* line 1351, app/assets/stylesheets/mailings.scss */
.preview-mailings .preview-mailings__btns-social .salebot-preview__btn-social--whatsapp {
  background-color: transparent;
}

/* line 1354, app/assets/stylesheets/mailings.scss */
.preview-mailings .preview-mailings__btns-social .salebot-preview__btn-social--inst {
  background-color: transparent;
}

/* line 1361, app/assets/stylesheets/mailings.scss */
.preview-mailings__cover-type--row {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 !important;
  margin-bottom: 24px;
}

/* line 1367, app/assets/stylesheets/mailings.scss */
.preview-mailings__cover-type--row .preview-mailings__img,
.preview-mailings__cover-type--row .preview-mailings__img-placeholder {
  max-width: 160px;
  min-width: 160px;
  max-height: 160px;
  min-height: 160px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0;
}

/* line 1376, app/assets/stylesheets/mailings.scss */
.preview-mailings__cover-type--row .preview-mailings__img img,
.preview-mailings__cover-type--row .preview-mailings__img-placeholder img {
  height: 160px;
  width: 160px;
}

/* line 1381, app/assets/stylesheets/mailings.scss */
.preview-mailings__cover-type--row .preview-mailings__title,
.preview-mailings__cover-type--row .preview-mailings__title-placeholder {
  margin: 0;
  font-size: 18px;
}

/* line 1387, app/assets/stylesheets/mailings.scss */
.preview-mailings__cover-type--column {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 24px;
  padding: 0 !important;
}

/* line 1393, app/assets/stylesheets/mailings.scss */
.preview-mailings__cover-type--column .preview-mailings__img,
.preview-mailings__cover-type--column .preview-mailings__img-placeholder {
  max-width: 160px;
  min-width: 160px;
  max-height: 160px;
  min-height: 160px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
}

/* line 1402, app/assets/stylesheets/mailings.scss */
.preview-mailings__cover-type--column .preview-mailings__img img,
.preview-mailings__cover-type--column .preview-mailings__img-placeholder img {
  height: 160px;
}

/* line 1406, app/assets/stylesheets/mailings.scss */
.preview-mailings__cover-type--column .preview-mailings__title,
.preview-mailings__cover-type--column .preview-mailings__title-placeholder {
  margin: 0;
  font-size: 20px;
  text-align: unset;
}

/* line 1416, app/assets/stylesheets/mailings.scss */
.light_gray_text_color {
  opacity: 0.7;
}

/* line 1420, app/assets/stylesheets/mailings.scss */
.rec-size {
  font-size: 12px;
  opacity: 0.7;
  display: flex;
}

/* line 1424, app/assets/stylesheets/mailings.scss */
.rec-size--hidden {
  display: none !important;
}

/* line 1429, app/assets/stylesheets/mailings.scss */
.ml-16 {
  margin-left: 16px !important;
}

/* line 1434, app/assets/stylesheets/mailings.scss */
.form-second__messagers #drop_area_minilanding {
  padding: 16px;
  justify-content: flex-start;
}

/* line 1438, app/assets/stylesheets/mailings.scss */
.form-second__messagers #drop_area_minilanding .drop_area_description {
  margin: 0px;
}

/* line 1442, app/assets/stylesheets/mailings.scss */
.form-second__messagers #drop_area_minilanding .drop_area_description_ml {
  max-width: 100%;
}

/* line 1445, app/assets/stylesheets/mailings.scss */
.form-second__messagers #drop_area_minilanding .drop_area_description_ml .drop_area_description__minilanding-text-large {
  font-size: 14px;
  line-height: 19px;
  width: inherit;
  word-break: break-word;
  height: inherit;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 1461, app/assets/stylesheets/mailings.scss */
#drop_area_email_attachment .drop_area_description {
  margin-left: 24px;
  max-width: calc(100% - 40px);
  gap: 12px;
}

/* line 1466, app/assets/stylesheets/mailings.scss */
#drop_area_email_attachment .drop_area_description__minilanding-text-large {
  word-break: break-word;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: unset;
  width: 100%;
  margin: 0;
}

/* line 1477, app/assets/stylesheets/mailings.scss */
#drop_area_email_attachment .drop_area_description__text {
  margin-left: 0;
}

/* line 1482, app/assets/stylesheets/mailings.scss */
#drop_area_mailing-cover .drop_area_description {
  margin-left: 24px;
}

/* line 1489, app/assets/stylesheets/mailings.scss */
.mailing_background_btn_box {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* line 1495, app/assets/stylesheets/mailings.scss */
.mailings_list {
  overflow: auto;
  max-height: calc(100vh - 194px);
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 1500, app/assets/stylesheets/mailings.scss */
.mailings_list::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 1505, app/assets/stylesheets/mailings.scss */
.mailings_list::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 1511, app/assets/stylesheets/mailings.scss */
.mailings_list::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-UltraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-UltraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-Italic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-Roman.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url(/fonts/HelveticaNeueCyr-Light.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  font-style: normal;
  src: url(/fonts/ProximaNova-Black.otf);
  font-weight: 600;
}

@font-face {
  font-family: 'ProximaNova';
  font-style: normal;
  src: url(/fonts/ProximaNova-Light.otf) format("opentype");
  font-weight: 300;
}

@font-face {
  font-family: 'ProximaNova';
  font-style: normal;
  src: url(/fonts/ProximaNova-Reg.otf) format("opentype");
  font-weight: 400;
}

@font-face {
  font-family: 'ProximaNova';
  font-style: normal;
  src: url(/fonts/ProximaNova-Xbold.otf) format("opentype");
  font-weight: 500;
}

@font-face {
  font-family: 'Lato';
  src: url(/Lato-Regular.eot);
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/SourceSansPro-SemiBold-7511d0665e1c0965db0d815795cdee30d04b58ca5178e93dd1479b0142d8fc31.woff2) format("woff2"), url(/assets/SourceSansPro-SemiBold-10eb82ddc5baf900b2e85128c4177fadcb1da09c458d6af7875f6e4e1a1eb665.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/SourceSansPro-Regular-038469e1d6b42f5e3c8ccdf1d067c1093874f41a9cb756f7d051b5bce6727c79.woff2) format("woff2"), url(/assets/SourceSansPro-Regular-4118721bd7e06742d49a479ee1920244d179da02bb44c5a48a18f8803f3b159c.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/SourceSansPro-Light-8b863ff8e37cf0c26b5e51dd1c76894a84781e8f8112c369d4b07c32632f2aef.woff2) format("woff2"), url(/assets/SourceSansPro-Light-4c10070da595caaf18c322e15f4234013f06eaaa7f5e8e142a2b538417de203f.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'stolzl-book';
  font-weight: 400;
  font-style: normal;
  src: url(/assets/Stolzl-Book-0df1395644cd72d0a1f5629f0900d2857b96bbb3fad4bdd97442b6da87a157f8.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'stolzl-regular';
  font-weight: 400;
  font-style: normal;
  src: url(/assets/Stolzl-Regular-6499adb4cc62536883cb75a92845688f362a3244ab04e0cddbf5e0d737fb1944.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'stolzl-medium';
  font-weight: 600;
  font-style: normal;
  src: url(/assets/Stolzl-Medium-b39836ed859a2041496f462f8959103d5036868adfeff922a61aae128ef6d786.woff2) format("woff2");
  font-display: swap;
}

/* line 238, app/assets/stylesheets/application.scss */
.iti {
  display: flex;
  width: 100%;
}

/* line 241, app/assets/stylesheets/application.scss */
.iti__flag-container {
  position: unset;
  padding: 0;
  border-radius: 6px 0 0 6px;
}

/* line 246, app/assets/stylesheets/application.scss */
.iti__selected-flag {
  border-radius: 6px 0 0 6px;
  border: 1px solid #e1e6f0;
  background-color: #f7fafc;
  padding: 0 10px 0 12px;
}

/* line 252, app/assets/stylesheets/application.scss */
.iti__country-list {
  left: 0;
  width: 100%;
  overflow-x: hidden;
  border-color: #d4dff4;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
}

/* line 259, app/assets/stylesheets/application.scss */
.iti__country-list::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 264, app/assets/stylesheets/application.scss */
.iti__country-list::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 270, app/assets/stylesheets/application.scss */
.iti__country-list::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 276, app/assets/stylesheets/application.scss */
.iti__country {
  padding: 10px 12px;
}

/* line 279, app/assets/stylesheets/application.scss */
.iti__flag-box {
  margin-right: 10px;
}

/* line 282, app/assets/stylesheets/application.scss */
.iti__country-name {
  font-size: 14px;
  color: #111111;
}

/* line 286, app/assets/stylesheets/application.scss */
.iti__dial-code {
  font-size: 14px;
  color: #95A3BA;
}

/* line 290, app/assets/stylesheets/application.scss */
.iti__arrow {
  border: none;
  position: relative;
  width: 14px;
  height: 14px;
}

/* line 295, app/assets/stylesheets/application.scss */
.iti__arrow::after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  background-image: url(/assets/new_icons/mask-icon-ea243a1247cd1e7667b53b53400f773cd2695de4117bc87f680b345a1934029a.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 304, app/assets/stylesheets/application.scss */
.iti__arrow.iti__arrow--up {
  transform: rotate(180deg);
}

/* line 308, app/assets/stylesheets/application.scss */
.iti__divider {
  border-color: #e1e6f0;
}

/* line 311, app/assets/stylesheets/application.scss */
.iti input[type=number]:not(.browser-default),
.iti input[type=text]:not(.browser-default) {
  width: calc(100% + 1px);
  margin-left: -1px;
  border-radius: 0 6px 6px 0;
}

/* line 316, app/assets/stylesheets/application.scss */
.iti input[type=number]:not(.browser-default):focus,
.iti input[type=text]:not(.browser-default):focus {
  z-index: 1;
}

/* line 321, app/assets/stylesheets/application.scss */
.iti--allow-dropdown .iti__flag-container:hover {
  background-color: #f7fafc;
}

/* line 323, app/assets/stylesheets/application.scss */
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: #f7fafc;
}

/* line 327, app/assets/stylesheets/application.scss */
.iti__country.iti__highlight {
  background-color: #f7fafc;
}

/* line 331, app/assets/stylesheets/application.scss */
.iti-mobile .iti--container {
  max-width: 768px;
  left: 15px;
  right: 15px;
  margin: 0 auto;
  width: calc(100% - 30px);
}

/* line 351, app/assets/stylesheets/application.scss */
.link-tools .tool-options {
  display: inherit !important;
  /* by default, we don't display link options tool */
}

/* line 355, app/assets/stylesheets/application.scss */
#flash {
  display: none;
}

/* line 359, app/assets/stylesheets/application.scss */
.overlay {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

/* line 371, app/assets/stylesheets/application.scss */
.overlay_active {
  display: block;
}

/* line 375, app/assets/stylesheets/application.scss */
.body-mobile-active {
  overflow: hidden;
}

/* line 379, app/assets/stylesheets/application.scss */
body::-webkit-scrollbar-track, .modal::-webkit-scrollbar-track, .form-box::-webkit-scrollbar-track, .modal-content::-webkit-scrollbar-track, .dropdown-content::-webkit-scrollbar-track, .modal_body::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 383, app/assets/stylesheets/application.scss */
body::-webkit-scrollbar, .modal::-webkit-scrollbar, .modal-content::-webkit-scrollbar, .form-box::-webkit-scrollbar, .dropdown-content::-webkit-scrollbar, .modal_body::-webkit-scrollbar, .sheets::-webkit-scrollbar, .employees__workflow::-webkit-scrollbar {
  border-radius: 4px;
  width: 8px;
  background-color: transparent;
}

/* line 389, app/assets/stylesheets/application.scss */
body::-webkit-scrollbar-thumb, .modal::-webkit-scrollbar-thumb, .modal-content::-webkit-scrollbar-thumb, .form-box::-webkit-scrollbar-thumb, .dropdown-content::-webkit-scrollbar-thumb, .modal_body::-webkit-scrollbar-thumb {
  background-color: #eaebec;
  border-radius: 10px;
}

/* line 394, app/assets/stylesheets/application.scss */
body {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  overflow-x: hidden;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  position: relative;
  background: white;
}

/* line 403, app/assets/stylesheets/application.scss */
.landing-max-width {
  max-width: 1920px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}

/* line 410, app/assets/stylesheets/application.scss */
.collection.with-header .collection-header {
  color: #1b2c47;
  margin: 0;
  font-size: 18px;
  padding-top: 12px;
  padding-bottom: 6px;
}

/* line 418, app/assets/stylesheets/application.scss */
main {
  flex: 1 0 auto;
}

/* line 420, app/assets/stylesheets/application.scss */
main .row {
  margin-bottom: 0;
}

/* line 427, app/assets/stylesheets/application.scss */
#workflow {
  margin-left: 70px;
  position: relative;
}

/* line 432, app/assets/stylesheets/application.scss */
#paper-html-elements {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: inherit !important;
}

/* line 439, app/assets/stylesheets/application.scss */
.message {
  position: relative;
}

/* line 441, app/assets/stylesheets/application.scss */
.message .message_actions {
  position: absolute;
  right: 0;
  top: 64px;
}

/* line 448, app/assets/stylesheets/application.scss */
#left_bar {
  top: 0px;
  z-index: 10;
  padding-top: 58px;
  width: 240px;
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 1px 0 0 #DFE2E5;
}

@media (min-width: 660px) {
  /* line 448, app/assets/stylesheets/application.scss */
  #left_bar {
    display: none;
  }
}

/* line 452, app/assets/stylesheets/application.scss */
#left_bar a {
  display: block;
}

/* line 455, app/assets/stylesheets/application.scss */
#left_bar .row {
  margin-bottom: 0;
}

@media (min-width: 1600px) {
  /* line 448, app/assets/stylesheets/application.scss */
  #left_bar {
    width: 300px;
  }
}

@media (max-width: 992px) {
  /* line 448, app/assets/stylesheets/application.scss */
  #left_bar {
    width: 0;
  }
  /* line 476, app/assets/stylesheets/application.scss */
  #left_bar #left_bar.active_left_menu {
    display: block;
    box-shadow: 1px 0 0 #DFE2E5;
  }
}

/* line 482, app/assets/stylesheets/application.scss */
#left_bar .cat_button {
  position: absolute;
  top: 0;
  z-index: 4;
  margin-top: 62px;
  right: 10px;
  font-size: 22px;
  padding-left: 8px;
  padding-right: 8px;
}

/* line 492, app/assets/stylesheets/application.scss */
#left_bar .project_name {
  white-space: nowrap;
  background-color: #ffffff;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 600;
  padding: 10px 8px;
  margin: 12px 10px;
  cursor: pointer;
  border-radius: 6px;
}

/* line 501, app/assets/stylesheets/application.scss */
#left_bar .project_name:hover {
  background-color: #F0F2F7;
  transition: background-color 0.2s;
}

/* line 512, app/assets/stylesheets/application.scss */
#left_bar .menu_item:hover {
  background-color: #F0F2F7;
  transition: background-color 0.2s ease-in;
}

/* line 533, app/assets/stylesheets/application.scss */
#left_bar .menu_item:hover i {
  color: #1a53c6;
}

/* line 541, app/assets/stylesheets/application.scss */
#left_bar .menu_item {
  padding-left: 20.5px;
  padding-top: 9px;
  padding-bottom: 9px;
  display: flex;
  align-items: center;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #4C5D75;
  transition: background-color 0.2s ease-in;
}

/* line 553, app/assets/stylesheets/application.scss */
#left_bar .menu_item.mailings {
  flex-direction: row;
}

@media (max-width: 1600px) {
  /* line 541, app/assets/stylesheets/application.scss */
  #left_bar .menu_item {
    padding-left: 20px;
  }
}

/* line 560, app/assets/stylesheets/application.scss */
#left_bar .menu_item svg {
  margin-right: 20px;
  width: 18px;
}

@media (max-width: 1600px) {
  /* line 560, app/assets/stylesheets/application.scss */
  #left_bar .menu_item svg {
    margin-right: 15px;
  }
}

/* line 567, app/assets/stylesheets/application.scss */
#left_bar .menu_item i {
  margin-right: 20px;
  width: 24px;
  text-align: center;
  font-size: 16px;
}

@media (max-width: 1600px) {
  /* line 567, app/assets/stylesheets/application.scss */
  #left_bar .menu_item i {
    margin-right: 15px;
  }
}

/* line 577, app/assets/stylesheets/application.scss */
#left_bar h3 {
  color: white;
  font-size: 11px;
  line-height: 41px;
  opacity: 0.7;
  font-weight: 600;
  padding-left: 12px;
  margin: 0;
}

/* line 586, app/assets/stylesheets/application.scss */
#left_bar .copyright {
  color: white;
  position: absolute;
  margin-left: -100px;
  width: 200px;
  left: 50%;
  opacity: 0.7;
  bottom: 4px;
}

@media (max-height: 728px) {
  /* line 586, app/assets/stylesheets/application.scss */
  #left_bar .copyright {
    display: none;
  }
}

/* line 597, app/assets/stylesheets/application.scss */
#left_bar .copyright p {
  font-size: 12px;
  text-align: center;
  line-height: 0;
  font-weight: 500;
}

/* line 604, app/assets/stylesheets/application.scss */
#left_bar hr {
  margin-top: 12px;
  margin-bottom: 12px;
  border: 0;
  height: 2px;
  opacity: 0.1;
  background-color: white;
}

/* line 614, app/assets/stylesheets/application.scss */
#left_bar::-webkit-scrollbar {
  width: 0;
}

@media (max-width: 1600px) {
  /* line 618, app/assets/stylesheets/application.scss */
  #left_bar .menu_item.bot_settings_heading {
    padding-left: 24px;
  }
}

/* line 624, app/assets/stylesheets/application.scss */
#left_bar .menu_item.bot_settings_heading svg {
  stroke: #95A3BA;
  fill: #95A3BA;
}

@media (max-width: 660px) {
  /* line 629, app/assets/stylesheets/application.scss */
  #left_bar.left_bar_container {
    top: 59px;
    display: block;
    transform: translateX(-105%);
    z-index: 999999;
    transition: 0.3s;
  }
}

/* line 639, app/assets/stylesheets/application.scss */
.left_bar_bot_settings_bottom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 645, app/assets/stylesheets/application.scss */
.left_bar_bot_settings_little {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

/* line 652, app/assets/stylesheets/application.scss */
.main_client_container {
  padding: 0 10px;
}

/* line 656, app/assets/stylesheets/application.scss */
.main_client_container > span {
  margin-bottom: 20px;
}

/* line 660, app/assets/stylesheets/application.scss */
.main_client_dialogs {
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin-bottom: 25px;
  border: 1px solid #d3d8e1;
  border-radius: 10px;
}

/* line 669, app/assets/stylesheets/application.scss */
.main_client_dialogs_item {
  display: grid;
  grid-template-columns: 55% 45%;
  margin-bottom: 10px;
}

/* line 674, app/assets/stylesheets/application.scss */
.main_client_dialogs_item:last-child {
  margin-bottom: 0;
}

@media (max-width: 1040px) {
  /* line 669, app/assets/stylesheets/application.scss */
  .main_client_dialogs_item {
    display: flex;
    flex-direction: column;
  }
}

/* line 684, app/assets/stylesheets/application.scss */
.main_client_dialogs_item-icons {
  display: flex;
  align-items: center;
}

/* line 689, app/assets/stylesheets/application.scss */
.main_client_dialogs_item-desc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #9ea0a4;
}

/* line 696, app/assets/stylesheets/application.scss */
.client-board__social-link-item {
  margin-right: 20px;
}

/* line 700, app/assets/stylesheets/application.scss */
.client-board__social-messenger {
  color: #0F53DA;
}

/* line 704, app/assets/stylesheets/application.scss */
.client-board__activity {
  font-size: 13px;
}

/* line 709, app/assets/stylesheets/application.scss */
.left_bar_hide {
  display: none;
}

/* line 713, app/assets/stylesheets/application.scss */
.left_bar_main_project {
  margin-bottom: 9px;
}

/* line 717, app/assets/stylesheets/application.scss */
.left_bar_upper {
  padding: 0;
  position: absolute;
  opacity: 0;
  transition: all 0.2s linear;
  z-index: -9;
  overflow: auto;
  max-height: calc(100vh - 150px);
}

/* line 725, app/assets/stylesheets/application.scss */
.left_bar_upper::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 733, app/assets/stylesheets/application.scss */
.left_bar_upper::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 737, app/assets/stylesheets/application.scss */
.left_bar_upper::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 744, app/assets/stylesheets/application.scss */
.left_bar_upper a:hover {
  background-color: #F0F2F7;
}

/* line 748, app/assets/stylesheets/application.scss */
.show_upper_info {
  position: unset;
  opacity: 1;
  transition: all 0.2s linear;
}

/* line 754, app/assets/stylesheets/application.scss */
.left_bar_upper_info {
  padding: 10px 16px;
}

/* line 758, app/assets/stylesheets/application.scss */
.left_bar_upper__info_title {
  font-size: 14px;
  font-weight: 400;
  color: #111111;
  margin-bottom: 6px;
}

/* line 765, app/assets/stylesheets/application.scss */
.left_bar_upper__info_desc {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4C5D75;
}

/* line 772, app/assets/stylesheets/application.scss */
.bot_settings_heading {
  padding-left: 24px;
  padding-top: 9px;
  padding-bottom: 9px;
  display: flex;
  align-items: center;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #4C5D75;
  cursor: pointer;
}

/* line 790, app/assets/stylesheets/application.scss */
.bot_settings_heading svg {
  margin-right: 15px;
}

/* line 794, app/assets/stylesheets/application.scss */
.bot_settings_title {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #95A3BA;
}

/* line 803, app/assets/stylesheets/application.scss */
.left_bar_bot_settings {
  opacity: 1;
  transition: all 0.2s linear;
}

/* line 807, app/assets/stylesheets/application.scss */
.hide_bot_settings {
  opacity: 0;
  transition: all 0.2s linear;
}

/* line 812, app/assets/stylesheets/application.scss */
.left_bar_main_project_little {
  margin-bottom: 20px;
}

/* line 816, app/assets/stylesheets/application.scss */
.custom_checkbox {
  color: white;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
  height: 42px;
  width: 28px;
}

/* line 823, app/assets/stylesheets/application.scss */
.custom_checkbox p {
  font-size: 12px;
  padding: 6px;
  margin: 0;
}

/* line 828, app/assets/stylesheets/application.scss */
.custom_checkbox i {
  font-size: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* line 833, app/assets/stylesheets/application.scss */
.custom_checkbox svg {
  vertical-align: middle;
}

/* line 838, app/assets/stylesheets/application.scss */
.black_title {
  color: black;
}

/* line 841, app/assets/stylesheets/application.scss */
.background_spisok {
  padding: 8px 0 0px;
}

/* line 845, app/assets/stylesheets/application.scss */
.stylish_item_new {
  position: relative;
  border: 1px solid rgba(26, 83, 198, 0.19);
  border-radius: 4px;
  background: white;
  padding: 10px;
  max-width: 900px;
  width: 85%;
  margin: 0 auto 8px;
  transition: all 0.4s;
}

/* line 858, app/assets/stylesheets/application.scss */
.project__date-on {
  color: #c72935;
}

/* line 861, app/assets/stylesheets/application.scss */
.project__date-end {
  color: #c72935;
}

/* line 864, app/assets/stylesheets/application.scss */
.btn-dropdown-list {
  position: absolute;
  top: 20px;
  right: 25px;
}

/* line 869, app/assets/stylesheets/application.scss */
.project__list {
  transition: 0.5s;
  z-index: 99999999999999999999;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  position: absolute;
  right: -11px;
  background: white;
  top: 30px;
  border: 1px solid #D4DFF4;
  border-radius: 6px;
  display: none;
}

/* line 881, app/assets/stylesheets/application.scss */
.date-info-dropdown {
  transition: 0.5s;
  z-index: 99999999999999999999;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  position: absolute;
  border: 1px solid #D4DFF4;
  display: none;
  width: 310px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 16px 20px;
  gap: 12px;
  background: #FFFFFF;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
  top: 65%;
  right: 2px;
}

/* line 899, app/assets/stylesheets/application.scss */
.user-info-dropdown {
  width: 310px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 16px 20px;
  gap: 12px;
  background: #FFFFFF;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
  top: 20px;
  right: 3px;
}

/* line 909, app/assets/stylesheets/application.scss */
.user-info-dropdown__text {
  display: flex;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #111827;
}

/* line 918, app/assets/stylesheets/application.scss */
.user-info-dropdown__text-blue {
  display: flex;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-align: right;
  color: #1A53C6;
}

/* line 928, app/assets/stylesheets/application.scss */
.user-info-dropdown__button {
  width: 270px;
  height: 40px;
}

/* line 932, app/assets/stylesheets/application.scss */
.user-info-dropdown__button-text {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #FFFFFF;
}

/* line 941, app/assets/stylesheets/application.scss */
.user-info-dropdown-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0 0 12px 0;
  gap: 4px;
  justify-content: space-between;
}

/* line 948, app/assets/stylesheets/application.scss */
.user-info-dropdown-list_p-0 {
  padding: 0;
}

/* line 952, app/assets/stylesheets/application.scss */
.project__list__dropdown-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 6px 16px 6px 12px;
  gap: 12px;
}

/* line 958, app/assets/stylesheets/application.scss */
.project__list__dropdown-list:hover {
  background: #F7FAFC;
}

/* line 961, app/assets/stylesheets/application.scss */
.project__list__dropdown-list__icon {
  display: flex;
  align-items: center;
  font-size: 0;
  width: 24px;
  height: 24px;
}

/* line 967, app/assets/stylesheets/application.scss */
.project__list__dropdown-list__icon svg {
  font-size: 0;
}

/* line 971, app/assets/stylesheets/application.scss */
.project__list__dropdown-list__text {
  display: flex;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
}

/* line 981, app/assets/stylesheets/application.scss */
.project__list-link {
  color: #696969;
  font-size: 14px;
  padding: 4px 12px;
  cursor: pointer;
  transition: 0.3s;
}

/* line 987, app/assets/stylesheets/application.scss */
.project__list-link:hover {
  background: #F2F3F3;
  color: #1A53C6;
}

/* line 992, app/assets/stylesheets/application.scss */
.exit-project {
  display: block;
}

/* line 995, app/assets/stylesheets/application.scss */
.danger {
  transition: 0.3s;
}

/* line 997, app/assets/stylesheets/application.scss */
.danger:hover {
  background-color: #f85869;
  color: #fff;
}

/* line 1000, app/assets/stylesheets/application.scss */
.danger:hover a {
  color: #FFFFFF;
}

/* line 1004, app/assets/stylesheets/application.scss */
.danger a {
  color: #696969;
  transition: .5s;
}

/* line 1007, app/assets/stylesheets/application.scss */
.danger a:hover {
  color: #fff;
}

/* line 1012, app/assets/stylesheets/application.scss */
.project__list-topcut {
  width: 10px;
  height: 10px;
  background: white;
  border-top-right-radius: 3px;
  border-top: 1px solid rgba(26, 83, 198, 0.19);
  border-right: 1px solid rgba(26, 83, 198, 0.19);
  transform: rotate(-45deg);
  position: absolute;
  right: 10px;
  top: -5px;
}

/* line 1024, app/assets/stylesheets/application.scss */
.project__list-line {
  height: 1px;
  background: #E1E6F0;
}

/* line 1028, app/assets/stylesheets/application.scss */
.project__list-square {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 12px 11px;
  width: 202px;
}

/* line 1038, app/assets/stylesheets/application.scss */
.project__list-square-color {
  width: 24px !important;
  height: 24px !important;
  border-radius: 6px;
  margin: 3px 3px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 1048, app/assets/stylesheets/application.scss */
.project__list-square-color:hover {
  border: 1px solid #95A3BA;
}

/* line 1051, app/assets/stylesheets/application.scss */
.project__list-square-color__selected, .project__list-square-color_0 {
  background: #E91E63;
}

/* line 1056, app/assets/stylesheets/application.scss */
.project__list-square-color_1 {
  background: #673AB7;
}

/* line 1060, app/assets/stylesheets/application.scss */
.project__list-square-color_2 {
  background: #1A53C6;
}

/* line 1064, app/assets/stylesheets/application.scss */
.project__list-square-color_3 {
  background: #00BCD4;
}

/* line 1068, app/assets/stylesheets/application.scss */
.project__list-square-color_4 {
  background: #4CAF50;
}

/* line 1072, app/assets/stylesheets/application.scss */
.project__list-square-color_5 {
  background: #CDDC39;
}

/* line 1076, app/assets/stylesheets/application.scss */
.project__list-square-color_6 {
  background: #FFEB3B;
}

/* line 1080, app/assets/stylesheets/application.scss */
.project__list-square-color_7 {
  background: #FF9800;
}

/* line 1084, app/assets/stylesheets/application.scss */
.project__list-square-color_8 {
  background: #FF5722;
}

/* line 1088, app/assets/stylesheets/application.scss */
.project__list-square-color_9 {
  background: #795548;
}

/* line 1092, app/assets/stylesheets/application.scss */
.project__list-square-color_10 {
  background: #607D8B;
}

/* line 1096, app/assets/stylesheets/application.scss */
.project__list-square-color_11 {
  background: #E1E6F0;
}

/* line 1100, app/assets/stylesheets/application.scss */
.project__list-square-icon {
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
}

/* line 1108, app/assets/stylesheets/application.scss */
.minilanding__title-name {
  font-size: 18px;
  color: #1F3499;
  margin-bottom: 12px;
}

/* line 1113, app/assets/stylesheets/application.scss */
.spisok_header {
  padding: 30px 0 10px;
  width: 85%;
  max-width: 900px;
  margin: auto;
}

/* line 1118, app/assets/stylesheets/application.scss */
.spisok_header h1, .spisok_header h4 {
  line-height: 50px;
}

/* line 1122, app/assets/stylesheets/application.scss */
.header-minilanding {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
}

@media (max-width: 570px) {
  /* line 1122, app/assets/stylesheets/application.scss */
  .header-minilanding {
    flex-direction: column;
    gap: 10px;
  }
  /* line 1131, app/assets/stylesheets/application.scss */
  .header-minilanding .main-btn {
    width: 100%;
  }
}

/* line 1135, app/assets/stylesheets/application.scss */
.header-minilanding .main-btn {
  padding: 11px 25px 10px;
  white-space: nowrap;
}

/* line 1139, app/assets/stylesheets/application.scss */
.header-minilanding .for_inputs {
  width: 100%;
}

/* line 1141, app/assets/stylesheets/application.scss */
.header-minilanding .for_inputs input {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  margin: 0;
  border: 1px solid #E1E6F0;
  box-sizing: border-box;
  border-radius: 6px;
  width: 100%;
  padding: 11px 16px;
  background-color: #fff;
  height: auto;
}

/* line 1152, app/assets/stylesheets/application.scss */
.header-minilanding .for_inputs input::-moz-placeholder {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #95A3BA;
}
.header-minilanding .for_inputs input:-ms-input-placeholder {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #95A3BA;
}
.header-minilanding .for_inputs input::placeholder {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #95A3BA;
}

/* line 1157, app/assets/stylesheets/application.scss */
.header-minilanding .for_inputs input:hover {
  background-color: #F7FAFC;
}

/* line 1160, app/assets/stylesheets/application.scss */
.header-minilanding .for_inputs input:focus {
  box-shadow: none;
  border-color: #1a53c6;
}

/* line 1167, app/assets/stylesheets/application.scss */
.modal_form {
  display: block;
}

/* line 1170, app/assets/stylesheets/application.scss */
.new_button,
.vk-btn--connect {
  border: none;
  border-radius: 6px;
  background: #039;
  color: white;
  padding: 12px 25px;
  font-size: 14px;
  font-weight: 700;
  height: 46px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  text-align: center;
  overflow: hidden;
  display: inline-block;
}

/* line 1186, app/assets/stylesheets/application.scss */
.new_button::before,
.vk-btn--connect::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  width: 18px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  transform: translateX(-30px) skewX(-45deg);
  z-index: -1;
}

/* line 1197, app/assets/stylesheets/application.scss */
.new_button:hover,
.vk-btn--connect:hover {
  background-color: #1a53c6;
}

/* line 1199, app/assets/stylesheets/application.scss */
.new_button:hover::before,
.vk-btn--connect:hover::before {
  -webkit-animation: btn-blik 0.9s;
          animation: btn-blik 0.9s;
  z-index: 2;
}

/* line 1204, app/assets/stylesheets/application.scss */
.new_button:focus,
.vk-btn--connect:focus {
  background: #003bb5;
}

@-webkit-keyframes btn-blik {
  from {
    transform: translateX(-100px) skewX(-45deg);
  }
  to {
    transform: translateX(500px) skewX(-45deg);
  }
}

@keyframes btn-blik {
  from {
    transform: translateX(-100px) skewX(-45deg);
  }
  to {
    transform: translateX(500px) skewX(-45deg);
  }
}

/* line 1217, app/assets/stylesheets/application.scss */
.btn-bitrix {
  margin-bottom: 10px;
  display: inline-block;
}

/* line 1222, app/assets/stylesheets/application.scss */
.new_button_payment {
  position: relative;
  overflow: hidden;
  top: 10px;
}

/* line 1227, app/assets/stylesheets/application.scss */
.vk-btn--connect {
  height: auto;
  padding: 8px 18px;
}

/* line 1234, app/assets/stylesheets/application.scss */
.accordion__item--active .accordion__item-content {
  display: block;
}

/* line 1237, app/assets/stylesheets/application.scss */
.accordion__item--active .accordion__item-trigger::after {
  transform: rotate(0deg);
}

/* line 1241, app/assets/stylesheets/application.scss */
.accordion__item-trigger {
  padding-right: 30px;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  cursor: pointer;
}

/* line 1247, app/assets/stylesheets/application.scss */
.accordion__item-trigger::after {
  content: "";
  position: absolute;
  background-image: url(/assets/icon/arrow-206bcf047c94f32ebd45924ca8c7d7af00fbc1e93ce69f214ab04136199550db.svg);
  width: 24px;
  height: 24px;
  right: 0;
  top: 0;
  transform: rotate(180deg);
}

/* line 1258, app/assets/stylesheets/application.scss */
.accordion__item-content {
  display: none;
  padding: 15px;
}

/* line 1264, app/assets/stylesheets/application.scss */
.accordion-form {
  width: 100%;
}

/* line 1266, app/assets/stylesheets/application.scss */
.accordion-form__trigger {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 23px;
  color: #111111;
  padding: 13px 0;
  width: 100%;
  position: relative;
  border-top: 1px solid #e1e6f0;
}

/* line 1276, app/assets/stylesheets/application.scss */
.accordion-form__trigger::after {
  background-image: url(/assets/new_icons/dropdown-icon-bb4bf44557b3364691b32b0de847e2fa5ed8a877027155e6f55b42da8b766c30.svg);
  background-repeat: no-repeat;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}

/* line 1285, app/assets/stylesheets/application.scss */
.accordion-form .accordion__item--active .accordion__item-trigger::after {
  transform: translateY(-50%) rotate(0deg);
}

/* line 1289, app/assets/stylesheets/application.scss */
.accordion-form__content {
  padding: 0;
}

/* line 1294, app/assets/stylesheets/application.scss */
.cat_button_icon {
  display: block;
  background-color: #ffffff;
  border-radius: 6px;
  cursor: pointer;
  position: absolute;
  top: 0;
  z-index: 4;
  margin-top: 70px;
  right: 10px;
  padding-top: 4px;
}

/* line 1306, app/assets/stylesheets/application.scss */
.term_tariff {
  color: #7F8FA4;
  font-size: 14px;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  right: 10%;
}

@media (max-height: 710px) {
  /* line 1306, app/assets/stylesheets/application.scss */
  .term_tariff {
    display: none;
  }
}

/* line 1316, app/assets/stylesheets/application.scss */
.hover_orange_tariff {
  transition: 0.5s;
}

/* line 1319, app/assets/stylesheets/application.scss */
.hover_orange_tariff:hover {
  background: #ffb400;
  color: #434343;
}

/* line 1323, app/assets/stylesheets/application.scss */
.orange_tariff {
  margin: auto;
  text-align: center;
  padding: 10px 0;
  background: #FFC542;
  border-radius: 4px;
  word-break: break-all;
}

@media (max-height: 710px) {
  /* line 1323, app/assets/stylesheets/application.scss */
  .orange_tariff {
    display: none;
  }
}

/* line 1334, app/assets/stylesheets/application.scss */
.cat_button_icon:hover {
  background-color: #DFE2E5;
}

/* line 1338, app/assets/stylesheets/application.scss */
.cat_button {
  background: transparent;
  cursor: pointer;
  padding: 0 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}

/* line 1347, app/assets/stylesheets/application.scss */
.cat_button i {
  color: #626f7f;
  padding-top: 5px;
}

/* line 1352, app/assets/stylesheets/application.scss */
.cat_button:hover {
  background-color: #F0F2F7;
  transition: 0.3s;
}

/* line 1365, app/assets/stylesheets/application.scss */
.cat_button:hover .statistic-icon path {
  stroke: none;
  fill: #1a53c6;
}

/* line 1372, app/assets/stylesheets/application.scss */
.select_box__current {
  display: flex;
  flex-direction: column;
}

/* line 1377, app/assets/stylesheets/application.scss */
.select_box__current-title {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #95A3BA;
  margin-bottom: 2px;
}

/* line 1388, app/assets/stylesheets/application.scss */
.select_box__current-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #1A53C6;
}

/* line 1400, app/assets/stylesheets/application.scss */
.select_box__current-inner-name {
  margin-right: 8px;
  color: #1a53c6;
}

/* line 1405, app/assets/stylesheets/application.scss */
.select_box__current-dropdown {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  top: 15px;
  right: -10px;
}

@media (min-width: 1600px) {
  /* line 1405, app/assets/stylesheets/application.scss */
  .select_box__current-dropdown {
    left: 240px;
  }
}

/* line 1420, app/assets/stylesheets/application.scss */
.custom_checkbox_checked {
  position: relative;
  background: #1a53c6;
  background: linear-gradient(90deg, rgba(26, 83, 198, 0.06) 0%, rgba(26, 83, 198, 0) 100%);
  color: #1A53C6 !important;
}

/* line 1424, app/assets/stylesheets/application.scss */
.custom_checkbox_checked .for_active {
  position: absolute;
  left: 0;
  top: 0;
  height: 36px;
  width: 5px;
  border-top-right-radius: 20px;
  background: #1a53c6;
  border-bottom-right-radius: 20px;
}

/* line 1436, app/assets/stylesheets/application.scss */
.custom_checkbox_checked svg path {
  stroke: #1A53C6 !important;
}

/* line 1439, app/assets/stylesheets/application.scss */
.custom_checkbox_checked svg .crm-path-none {
  stroke: none !important;
  fill: #1a53c6;
}

/* line 1445, app/assets/stylesheets/application.scss */
.custom_checkbox_checked .statistic-icon path {
  stroke: none !important;
  fill: #1a53c6;
}

/* line 1451, app/assets/stylesheets/application.scss */
.custom_checkbox_checked i {
  color: #1a53c6 !important;
}

/* line 1455, app/assets/stylesheets/application.scss */
.custom_checkbox_checked:hover {
  color: #0044ba !important;
}

/* line 1457, app/assets/stylesheets/application.scss */
.custom_checkbox_checked:hover i {
  color: #0044ba !important;
}

/* line 1461, app/assets/stylesheets/application.scss */
#litle_left_bar {
  z-index: 6;
  top: 0;
  color: #7F8FA4;
  padding-top: 79px;
  background-color: #ffffff;
  box-shadow: 1px 0 0 #DFE2E5;
  width: 70px;
  position: fixed;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 1465, app/assets/stylesheets/application.scss */
#litle_left_bar .cat_button_icon svg {
  transform: rotateY(180deg);
}

@media (max-width: 600px) {
  /* line 1461, app/assets/stylesheets/application.scss */
  #litle_left_bar {
    padding-top: 0;
  }
}

@media (min-width: 660px) {
  /* line 1461, app/assets/stylesheets/application.scss */
  #litle_left_bar {
    display: none;
  }
}

@media (max-width: 360px) {
  /* line 1461, app/assets/stylesheets/application.scss */
  #litle_left_bar {
    padding-left: 6px;
    padding-right: 6px;
    width: 44px;
  }
}

/* line 1496, app/assets/stylesheets/application.scss */
#litle_left_bar .menu_button {
  display: block;
  color: white;
  text-align: center;
  padding: 5px;
  margin-bottom: 16px;
}

/* line 1502, app/assets/stylesheets/application.scss */
#litle_left_bar .menu_button i {
  font-size: 16px;
}

/* line 1506, app/assets/stylesheets/application.scss */
#litle_left_bar .cat_line {
  margin-bottom: 16px;
}

/* line 1509, app/assets/stylesheets/application.scss */
#litle_left_bar h3 {
  color: white;
  font-size: 11px;
  opacity: 0.7;
  font-weight: 600;
}

@media (max-width: 360px) {
  /* line 1509, app/assets/stylesheets/application.scss */
  #litle_left_bar h3 {
    font-size: 10px;
  }
}

/* line 1519, app/assets/stylesheets/application.scss */
#litle_left_bar hr {
  border: 0;
  height: 2px;
  opacity: 0.1;
  background-color: black;
}

/* line 1526, app/assets/stylesheets/application.scss */
#litle_left_bar .copyright {
  opacity: 0.7;
  position: absolute;
  bottom: 62px;
  left: -27px;
  font-size: 13px;
  line-height: 1px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

@media (max-height: 800px) {
  /* line 1526, app/assets/stylesheets/application.scss */
  #litle_left_bar .copyright {
    display: none;
  }
}

/* line 1542, app/assets/stylesheets/application.scss */
#litle_left_bar .mini_left_bar_trigger {
  position: unset;
  width: 30px;
  margin: 0 auto 12px;
  opacity: 0.7;
}

/* line 1550, app/assets/stylesheets/application.scss */
#litle_left_bar::-webkit-scrollbar {
  width: 0;
}

/* line 1554, app/assets/stylesheets/application.scss */
.style-4::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 1558, app/assets/stylesheets/application.scss */
.style-4::-webkit-scrollbar {
  border-radius: 4px;
  width: 3px;
  background-color: #F5F5F5;
}

/* line 1563, app/assets/stylesheets/application.scss */
.input-height {
  position: relative;
  left: 7px;
}

/* line 1567, app/assets/stylesheets/application.scss */
.input-heightt {
  height: 30px;
}

/* line 1570, app/assets/stylesheets/application.scss */
.style-4::-webkit-scrollbar-thumb {
  background-color: #7F8FA4;
  border-radius: 6px;
}

/* line 1575, app/assets/stylesheets/application.scss */
.collection_check_boxes {
  font-size: 14px;
}

@media (min-width: 993px) {
  /* line 1580, app/assets/stylesheets/application.scss */
  .used_litle_menu #litle_left_bar {
    display: block;
  }
}

@media (min-width: 993px) and (max-width: 640px) {
  /* line 1579, app/assets/stylesheets/application.scss */
  .used_litle_menu {
    margin-left: 0;
  }
}

@media (min-width: 993px) {
  /* line 1592, app/assets/stylesheets/application.scss */
  .used_menu #workflow {
    margin-left: 240px;
  }
}

@media (min-width: 993px) and (min-width: 1600px) {
  /* line 1592, app/assets/stylesheets/application.scss */
  .used_menu #workflow {
    margin-left: 300px;
  }
}

@media (min-width: 993px) and (max-width: 992px) {
  /* line 1592, app/assets/stylesheets/application.scss */
  .used_menu #workflow {
    margin-left: 68px;
  }
}

@media (min-width: 993px) and (max-width: 640px) {
  /* line 1592, app/assets/stylesheets/application.scss */
  .used_menu #workflow {
    margin-left: 0;
  }
}

/* line 1607, app/assets/stylesheets/application.scss */
input[type=text]:not(.browser-default) {
  margin: 0;
}

/* line 1610, app/assets/stylesheets/application.scss */
.joint-tooltip.small {
  line-height: 1 !important;
  border-radius: 20px;
}

/* line 1613, app/assets/stylesheets/application.scss */
.joint-tooltip.small .tooltip-content {
  font-weight: 400;
  height: unset !important;
  padding: 5px 16px;
}

/* line 1619, app/assets/stylesheets/application.scss */
#editor {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  z-index: 98;
  overflow-x: hidden;
  position: fixed;
  width: 300px;
  right: 0;
  top: 58px;
  bottom: 0;
  background-color: #ffffff;
  padding-top: 27px;
}

/* line 1632, app/assets/stylesheets/application.scss */
#editor input, #editor textarea {
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  color: #312a2a;
  background-color: transparent;
  border: 1px solid #E0E1E3 !important;
  border-radius: 6px !important;
  height: 38px;
  padding: 8px 5px 8px 10px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

/* line 1645, app/assets/stylesheets/application.scss */
#editor input:focus, #editor textarea:focus {
  border: 1px solid #1a53c6 !important;
  box-shadow: none;
  outline: none;
  background-color: transparent;
}

/* line 1651, app/assets/stylesheets/application.scss */
#editor input::-moz-placeholder, #editor textarea::-moz-placeholder {
  font-family: inherit;
  font-weight: 400;
  font-size: 14px;
  color: #95A3BA;
  letter-spacing: 0;
}
#editor input:-ms-input-placeholder, #editor textarea:-ms-input-placeholder {
  font-family: inherit;
  font-weight: 400;
  font-size: 14px;
  color: #95A3BA;
  letter-spacing: 0;
}
#editor input::placeholder, #editor textarea::placeholder {
  font-family: inherit;
  font-weight: 400;
  font-size: 14px;
  color: #95A3BA;
  letter-spacing: 0;
}

/* line 1659, app/assets/stylesheets/application.scss */
#editor input {
  font-size: 14px;
}

/* line 1661, app/assets/stylesheets/application.scss */
#editor input::-moz-placeholder {
  font-family: inherit;
  font-weight: 400;
  font-size: 14px;
  color: #95A3BA;
  letter-spacing: 0;
}
#editor input:-ms-input-placeholder {
  font-family: inherit;
  font-weight: 400;
  font-size: 14px;
  color: #95A3BA;
  letter-spacing: 0;
}
#editor input::placeholder {
  font-family: inherit;
  font-weight: 400;
  font-size: 14px;
  color: #95A3BA;
  letter-spacing: 0;
}

/* line 1668, app/assets/stylesheets/application.scss */
#editor input:focus {
  border: 1px solid #1a53c6 !important;
  color: #111111;
  outline: none;
  box-shadow: none;
}

/* line 1675, app/assets/stylesheets/application.scss */
#editor textarea {
  padding: 5px 5px 0 5px;
  line-height: 14px;
  min-height: 60px;
  max-height: 450px !important;
  height: auto;
  margin-bottom: -4px;
  overflow: auto;
  resize: vertical;
  box-sizing: unset;
  width: calc(100% - 12px) !important;
  max-width: unset !important;
  min-width: unset !important;
}

/* line 1688, app/assets/stylesheets/application.scss */
#editor textarea::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 1692, app/assets/stylesheets/application.scss */
#editor textarea::-webkit-scrollbar {
  border-radius: 4px;
  width: 6px;
  background-color: transparent;
}

/* line 1698, app/assets/stylesheets/application.scss */
#editor textarea::-webkit-scrollbar-thumb {
  background-color: #eaebec;
  border-radius: 10px;
}

/* line 1703, app/assets/stylesheets/application.scss */
#editor #message_attachment_url {
  margin-bottom: 3px;
}

/* line 1706, app/assets/stylesheets/application.scss */
#editor .file-path-wrapper {
  margin: 0;
}

/* line 1709, app/assets/stylesheets/application.scss */
#editor .btn-success {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  margin-top: 8px;
}

/* line 1716, app/assets/stylesheets/application.scss */
#editor .caret {
  fill: #3153D4;
}

/* line 1719, app/assets/stylesheets/application.scss */
#editor .focus_item {
  position: absolute;
  color: #01246b;
  right: 17px;
  margin-top: 13px;
  cursor: pointer;
}

/* line 1726, app/assets/stylesheets/application.scss */
#editor .input-field {
  margin-top: 0;
  margin-bottom: 5px;
}

/* line 1729, app/assets/stylesheets/application.scss */
#editor .input-field .select-wrapper {
  margin-bottom: 0;
}

/* line 1731, app/assets/stylesheets/application.scss */
#editor .input-field .select-wrapper::after {
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  transform: rotate(0);
  width: 11px;
  height: 9px;
  top: 19px;
  right: 15px;
}

/* line 1740, app/assets/stylesheets/application.scss */
#editor .input-field .select-wrapper .caret {
  display: none;
}

/* line 1743, app/assets/stylesheets/application.scss */
#editor .input-field .select-wrapper input.select-dropdown {
  line-height: 1;
  padding: 0 10px;
}

/* line 1748, app/assets/stylesheets/application.scss */
#editor .input-field input[type=number]:not(.browser-default) {
  margin: 0;
}

/* line 1752, app/assets/stylesheets/application.scss */
#editor .file-field {
  margin-bottom: 8px;
}

/* line 1754, app/assets/stylesheets/application.scss */
#editor .file-field .btn, #editor .file-field .btn-large, #editor .file-field .btn-small {
  line-height: 35px;
}

/* line 1758, app/assets/stylesheets/application.scss */
#editor label {
  font-size: 14px;
}

/* line 1761, app/assets/stylesheets/application.scss */
#editor .num-message {
  position: absolute;
  right: 12px;
  color: gray;
  font-size: 16px;
}

/* line 1767, app/assets/stylesheets/application.scss */
#editor .new_button {
  width: 100%;
}

/* line 1770, app/assets/stylesheets/application.scss */
#editor .flex_item > .input-field > .select-wrapper > input {
  padding: 0 10px;
  font-size: 14px;
}

/* line 1776, app/assets/stylesheets/application.scss */
#editor form .s8 .input-field {
  padding-right: 0;
  color: #424449 !important;
  border: 1px solid #E0E1E3;
}

/* line 1783, app/assets/stylesheets/application.scss */
#editor form .s4 .input-field {
  padding-left: 0;
  color: #424449 !important;
  border: 1px solid #E0E1E3;
}

/* line 1789, app/assets/stylesheets/application.scss */
#editor form .s8, #editor form .s4 {
  padding-left: 0;
  padding-right: 0;
  color: #424449 !important;
  border: 1px solid #E0E1E3;
}

/* line 1796, app/assets/stylesheets/application.scss */
#editor h4 {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  margin: 0 0 10px;
  color: #1a53c6 !important;
  letter-spacing: 0.5px;
  padding-left: 13px;
}

/* line 1806, app/assets/stylesheets/application.scss */
#editor .block_lnk_s {
  width: calc(100% + 25px);
  margin-left: -13px;
}

/* line 1810, app/assets/stylesheets/application.scss */
#editor .lnk {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 600;
  cursor: pointer;
  color: #111111;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.2px;
  transition: 0.3s;
  padding: 6px 15px;
  display: block;
  border-top: 1px solid #E0E1E3;
  border-bottom: 1px solid #E0E1E3;
  margin-top: -1px;
}

/* line 1825, app/assets/stylesheets/application.scss */
#editor .lnk:hover {
  color: #1a53c6;
}

/* line 1828, app/assets/stylesheets/application.scss */
#editor .vars-project {
  color: #039;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.2px;
  transition: 0.3s;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 2px;
  right: 8px;
}

@media (max-width: 640px) {
  /* line 1828, app/assets/stylesheets/application.scss */
  #editor .vars-project {
    right: 55px;
  }
}

/* line 1843, app/assets/stylesheets/application.scss */
#editor .vars-project:hover {
  color: #1a53c6;
}

/* line 1847, app/assets/stylesheets/application.scss */
#editor .pro_s,
#editor .buttons_s,
#editor .attachment_s,
#editor .time_s {
  position: relative;
}

/* line 1852, app/assets/stylesheets/application.scss */
#editor .pro_s::after,
#editor .buttons_s::after,
#editor .attachment_s::after,
#editor .time_s::after {
  content: '';
  position: absolute;
  width: 11px;
  height: 9px;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  right: 12px;
  top: 14px;
}

/* line 1863, app/assets/stylesheets/application.scss */
#editor .lnk--active {
  border-bottom: none;
}

/* line 1865, app/assets/stylesheets/application.scss */
#editor .lnk--active::after {
  transform: rotate(180deg);
}

/* line 1869, app/assets/stylesheets/application.scss */
#editor .orange_inputs_container * {
  margin-right: 0;
}

/* line 1872, app/assets/stylesheets/application.scss */
#editor .editor_form {
  padding: 0 13px 64px 12px;
}

/* line 1873, app/assets/stylesheets/application.scss */
#editor .editor_form .switches-wrapper {
  margin: 7px 0;
}

/* line 1876, app/assets/stylesheets/application.scss */
#editor .editor_form .main-switch {
  margin: 7px 0;
}

/* line 1880, app/assets/stylesheets/application.scss */
#editor .editor_form p.boolean {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 1884, app/assets/stylesheets/application.scss */
#editor .editor_form p.boolean .lever {
  margin: 0 15px 0 0;
}

/* line 1889, app/assets/stylesheets/application.scss */
#editor .select {
  color: white;
}

/* line 1892, app/assets/stylesheets/application.scss */
#editor .row {
  margin-bottom: 0;
}

/* line 1894, app/assets/stylesheets/application.scss */
#editor .row .col {
  padding: 0;
}

/* line 1898, app/assets/stylesheets/application.scss */
#editor .dropdown-content {
  border: 1px solid #E0E1E3;
  box-shadow: none;
}

/* line 1901, app/assets/stylesheets/application.scss */
#editor .dropdown-content li {
  padding: 8px 0 8px 15px;
  transition: 0.3s;
}

/* line 1904, app/assets/stylesheets/application.scss */
#editor .dropdown-content li:hover {
  background-color: rgba(26, 83, 198, 0.08);
}

/* line 1906, app/assets/stylesheets/application.scss */
#editor .dropdown-content li:hover span {
  color: #1a53c6 !important;
}

/* line 1910, app/assets/stylesheets/application.scss */
#editor .dropdown-content li span {
  padding: 0;
  line-height: 17px;
}

/* line 1915, app/assets/stylesheets/application.scss */
#editor .dropdown-content li.selected {
  background-color: rgba(26, 83, 198, 0.08);
}

/* line 1919, app/assets/stylesheets/application.scss */
#editor .duration-inputs-wrapper {
  display: flex;
}

/* line 1921, app/assets/stylesheets/application.scss */
#editor .duration-inputs-wrapper .flex_item-text {
  flex: 3;
}

/* line 1924, app/assets/stylesheets/application.scss */
#editor .duration-inputs-wrapper .flex_item-select {
  flex: 1.2;
  margin-left: 4px;
}

/* line 1928, app/assets/stylesheets/application.scss */
#editor .duration-inputs-wrapper .flex_item-select .select-wrapper::after {
  top: 17px;
  right: 7px;
}

/* line 1933, app/assets/stylesheets/application.scss */
#editor .duration-inputs-wrapper .flex_item-select input {
  padding: 0 6px !important;
}

/* line 1938, app/assets/stylesheets/application.scss */
#editor .check_box_width {
  width: 55px;
}

/* line 1941, app/assets/stylesheets/application.scss */
#editor .ui-resizable-w {
  width: 14px;
}

/* line 1945, app/assets/stylesheets/application.scss */
.label-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}

/* line 1950, app/assets/stylesheets/application.scss */
.label-help-icon {
  margin-left: 4px;
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url(/assets/icon/helper-icon-d50a33408b9060d4f8c0b1d2fe3c98ada66cf2660ed44d40e98c1211171a9521.svg);
  background-repeat: no-repeat;
  cursor: help;
}

/* line 1959, app/assets/stylesheets/application.scss */
.label-help-icon-trigger {
  margin-left: 4px;
  cursor: pointer;
  margin-top: 2px;
}

/* line 1964, app/assets/stylesheets/application.scss */
.label-help-description {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
  display: none;
  z-index: 99;
  position: absolute;
  padding: 10px;
  border-radius: 6px;
  width: 280px;
  left: 0;
  top: 102%;
  background-color: #fff;
  box-shadow: 0 24px 48px 10px rgba(39, 58, 97, 0.1), 0 32px 64px 10px rgba(39, 58, 97, 0.1);
}

/* line 1979, app/assets/stylesheets/application.scss */
.label-help-description--ml {
  width: 100%;
}

/* line 1984, app/assets/stylesheets/application.scss */
.flex_item-text > .input-field {
  width: 100% !important;
  padding: 0 !important;
}

/* line 1988, app/assets/stylesheets/application.scss */
.flex_item-select > .input-field {
  padding: 0 !important;
}

/* line 1991, app/assets/stylesheets/application.scss */
.flex_item-select > .input-field > .select-wrapper {
  margin-bottom: 5px;
}

/* line 1993, app/assets/stylesheets/application.scss */
.flex_item-select > .input-field > .select-wrapper::after {
  width: 19px;
  height: 14px;
  top: 47%;
  right: -5px;
  padding-left: 3px;
}

/* line 2001, app/assets/stylesheets/application.scss */
.flex_item-text > .input-field > input, .flex_item-select > .input-field > .select-wrapper > input {
  width: 100% !important;
}

/* line 2006, app/assets/stylesheets/application.scss */
.data_edit .for_inputs textarea {
  font-size: 15px;
  color: black;
  background-color: transparent;
  border: 1px solid #a3a3a3;
  border-radius: 4px;
  min-height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

/* line 2018, app/assets/stylesheets/application.scss */
.data_edit .for_inputs textarea:focus {
  border: 1px solid #039 !important;
  background-color: #EFF3F6;
  outline: none;
}

/* line 2026, app/assets/stylesheets/application.scss */
#editor_new {
  z-index: 98;
  overflow-x: hidden;
  position: fixed;
  width: 250px;
  right: 0;
  top: 58px;
  bottom: 0;
  background: white;
  border-left: 1px solid #d3def4;
  padding: 40px 20px;
}

@media (max-width: 768px) {
  /* line 2026, app/assets/stylesheets/application.scss */
  #editor_new {
    display: none;
  }
}

/* line 2040, app/assets/stylesheets/application.scss */
#editor_new .for_inputs {
  margin-bottom: 5px;
}

/* line 2042, app/assets/stylesheets/application.scss */
#editor_new .for_inputs .select-wrapper {
  margin-bottom: 5px;
}

/* line 2047, app/assets/stylesheets/application.scss */
.container-signin_up {
  position: relative;
  background: #fff;
  margin: 40px auto;
  max-width: 470px;
  width: 100%;
  height: auto;
  border: 1px solid #F2EEEE;
  box-shadow: 0 10px 30px rgba(77, 68, 68, 0.07);
  border-radius: 10px;
}

/* line 2057, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up {
  width: 315px;
  margin: 0 auto;
  padding-bottom: 20px;
}

/* line 2061, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__title {
  display: inline-block;
  font-size: 20px;
  line-height: 25px;
  margin: 20px 0;
  color: #1a53c6;
  padding: 0 2px 5px;
  position: relative;
}

/* line 2069, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__title::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  background-color: #1a53c6;
}

/* line 2078, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__label {
  font-size: 13px;
  color: #1a53c6;
  font-weight: 400;
}

/* line 2083, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__input {
  margin-bottom: 10px;
}

/* line 2085, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__input input,
.container-signin_up .signin_up__input textarea {
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  width: 100%;
  height: 44px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #2F80ED;
  color: #052C9B;
  margin: 0;
}

/* line 2097, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__input input:focus,
.container-signin_up .signin_up__input textarea:focus {
  border: 1px solid #052C9B;
}

/* line 2102, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__inputs-flex {
  display: flex;
  justify-content: space-between;
}

/* line 2105, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__inputs-flex .signin_up__input {
  width: 49%;
}

/* line 2109, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up .main-switch {
  display: flex;
  margin: 0 0 20px -12px;
}

/* line 2113, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__btns_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 2118, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__btn {
  width: 47%;
}

/* line 2120, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__btn--signin, .container-signin_up .signin_up__btn--reg {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Roboto', sans-serif;
  height: 42px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 700;
  background-color: #1a53c6;
  color: #FFEEF2;
  border: none;
  cursor: pointer;
}

/* line 2136, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__btn--vk, .container-signin_up .signin_up__btn--fb {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 40px;
  background-color: transparent;
  border: 1px solid #2F80ED;
  border-radius: 5px;
}

/* line 2147, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__btn--vk {
  color: #5683AA;
}

/* line 2150, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__btn--fb {
  color: #0A5498;
}

/* line 2154, app/assets/stylesheets/application.scss */
.container-signin_up .signin_up__label-with {
  font-size: 14px;
  margin: 20px 0 10px;
}

/* line 2166, app/assets/stylesheets/application.scss */
.switches-wrapper {
  margin: 15px 0;
}

/* line 2168, app/assets/stylesheets/application.scss */
.switches-wrapper .main-switch {
  margin: 0 0 7px 0;
}

/* line 2171, app/assets/stylesheets/application.scss */
.switches-wrapper .main-switch--checkbox {
  margin: 0;
}

/* line 2174, app/assets/stylesheets/application.scss */
.switches-wrapper .field__label {
  margin-bottom: 2px;
}

/* line 2179, app/assets/stylesheets/application.scss */
.main-switch {
  margin: 15px 0;
}

/* line 2181, app/assets/stylesheets/application.scss */
.main-switch .switch {
  display: flex;
  align-items: center;
}

/* line 2184, app/assets/stylesheets/application.scss */
.main-switch .switch label.boolean {
  order: 1;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 19px;
}

/* line 2190, app/assets/stylesheets/application.scss */
.main-switch .switch .lever {
  margin: 0 8px 0 0;
}

/* line 2196, app/assets/stylesheets/application.scss */
.personal-data a {
  color: #1a53c6;
}

/* line 2201, app/assets/stylesheets/application.scss */
.main-switch--checkbox {
  padding: 10px 0;
}

/* line 2204, app/assets/stylesheets/application.scss */
.main-switch--checkbox .switch label .lever {
  height: 20px;
  width: 20px;
  background-color: #fff;
  box-shadow: 0 0 0 1px #E1E6F0;
  border-radius: 5px;
}

/* line 2210, app/assets/stylesheets/application.scss */
.main-switch--checkbox .switch label .lever:hover {
  background-color: #d1d3db;
}

/* line 2214, app/assets/stylesheets/application.scss */
.main-switch--checkbox .switch label .lever:after,
.main-switch--checkbox .switch label .lever:before {
  width: 8px;
  height: 12px;
  top: 3px;
  left: 1px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  z-index: 1;
  border-radius: 0;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  background-color: transparent;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  transform: rotate(40deg) scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
  transform-origin: 100% 100%;
}

/* line 2234, app/assets/stylesheets/application.scss */
.main-switch--checkbox .switch label input[type=checkbox]:checked + .lever:after,
.main-switch--checkbox .switch label input[type=checkbox]:checked + .lever:before {
  background-color: transparent;
  left: 1px;
  opacity: 1;
}

/* line 2242, app/assets/stylesheets/application.scss */
.switch label .lever {
  height: 20px;
  width: 40px;
  background-color: #E1E6F0;
}

/* line 2246, app/assets/stylesheets/application.scss */
.switch label .lever:hover {
  background-color: #d1d3db;
}

/* line 2251, app/assets/stylesheets/application.scss */
.switch label .lever:before,
.switch label .lever:after {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 3px;
  background-color: #fff;
}

/* line 2260, app/assets/stylesheets/application.scss */
.switch label input[type=checkbox]:checked + .lever:before {
  left: 21px;
}

/* line 2264, app/assets/stylesheets/application.scss */
.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #fff;
  left: 21px;
}

/* line 2269, app/assets/stylesheets/application.scss */
.switch label input[type=checkbox]:checked + .lever {
  background-color: #1a53c6;
}

/* line 2275, app/assets/stylesheets/application.scss */
[type="checkbox"] + span:not(.lever) {
  font-size: 14px;
}

/* line 2279, app/assets/stylesheets/application.scss */
.main-checkbox [type="checkbox"] + span:not(.lever) {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #111111;
  padding-left: 28px;
}

/* line 2286, app/assets/stylesheets/application.scss */
.main-checkbox [type="checkbox"] + span:not(.lever):before,
.main-checkbox [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
  margin-top: 0;
}

/* line 2295, app/assets/stylesheets/application.scss */
.main-radio {
  margin-bottom: 7px;
}

/* line 2297, app/assets/stylesheets/application.scss */
.main-radio [type="radio"]:not(:checked) + span:before, .main-radio [type="radio"]:not(:checked) + span:after {
  border: 1px solid #E0E1E3;
}

/* line 2300, app/assets/stylesheets/application.scss */
.main-radio [type="radio"] + span:before, .main-radio [type="radio"] + span:after {
  width: 20px;
  height: 20px;
  transition: 0s all;
}

/* line 2305, app/assets/stylesheets/application.scss */
.main-radio [type="radio"]:checked + span:after, .main-radio .with-gap[type="radio"]:checked + span:before, .main-radio .with-gap[type="radio"]:checked + span:after {
  border: 6px solid #1a53c6;
}

/* line 2308, app/assets/stylesheets/application.scss */
.main-radio .with-gap[type="radio"]:checked + span:after {
  transform: scale(1);
}

/* line 2311, app/assets/stylesheets/application.scss */
.main-radio [type="radio"]:checked + span:after, .main-radio .with-gap[type="radio"]:checked + span:after {
  background-color: #FFFFFF;
}

/* line 2314, app/assets/stylesheets/application.scss */
.main-radio [type="radio"]:disabled + span {
  color: #111111;
}

/* line 2320, app/assets/stylesheets/application.scss */
.custom-radio input[type="radio"] {
  position: relative !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #FFFFFF;
  margin: 0;
  border: none;
  box-shadow: 0 0 0 1px #E1E6F0;
  box-sizing: border-box;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  opacity: 1;
  transition: .3s;
  cursor: pointer;
}

/* line 2334, app/assets/stylesheets/application.scss */
.custom-radio input[type="radio"]:hover {
  box-shadow: 0 0 0 1px #1a53c6;
}

/* line 2338, app/assets/stylesheets/application.scss */
.custom-radio input[type="radio"]:checked {
  background-color: #1A53C6;
  box-shadow: 0 0 0 1px #1a53c6;
}

/* line 2342, app/assets/stylesheets/application.scss */
.custom-radio [type="radio"]:not(:checked) {
  pointer-events: unset !important;
}

/* line 2345, app/assets/stylesheets/application.scss */
.custom-radio input[type="radio"]::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .3s;
}

/* line 2359, app/assets/stylesheets/application.scss */
.custom-radio input[type="radio"]:checked::before {
  opacity: 1;
}

/* line 2362, app/assets/stylesheets/application.scss */
.custom-radio .radio_buttons {
  display: flex;
  flex-direction: column;
}

/* line 2366, app/assets/stylesheets/application.scss */
.custom-radio .radio {
  display: inline-flex;
  cursor: pointer;
}

/* line 2369, app/assets/stylesheets/application.scss */
.custom-radio .radio + .radio {
  margin-top: 12px;
}

/* line 2372, app/assets/stylesheets/application.scss */
.custom-radio .radio label {
  font-size: 14px !important;
  line-height: 20px !important;
  height: unset !important;
  padding-left: 0 !important;
  color: #111111 !important;
  font-weight: 400;
  margin-left: 12px;
  cursor: pointer;
}

/* line 2384, app/assets/stylesheets/application.scss */
.custom-radio span {
  font-size: 14px !important;
  line-height: 20px !important;
  height: unset !important;
  padding-left: 0 !important;
  color: #111111 !important;
  font-weight: 400;
  margin-left: 12px;
}

/* line 2392, app/assets/stylesheets/application.scss */
.custom-radio span::before, .custom-radio span::after {
  display: none;
}

/* line 2400, app/assets/stylesheets/application.scss */
.highcharts-container {
  overflow: unset !important;
}

/* line 2402, app/assets/stylesheets/application.scss */
.highcharts-container svg {
  overflow: unset !important;
}

/* line 2407, app/assets/stylesheets/application.scss */
.title-for-switches {
  font-size: 17px;
  line-height: 1;
  letter-spacing: -0.5px;
}

/* line 2412, app/assets/stylesheets/application.scss */
.whatsapp-bot-card {
  width: 100%;
}

/* line 2414, app/assets/stylesheets/application.scss */
.whatsapp-bot-card .switch {
  margin: 3px 0;
}

/* line 2420, app/assets/stylesheets/application.scss */
.signin_up .vk_connect {
  margin-top: 10px;
  margin-bottom: 16px;
}

/* line 2427, app/assets/stylesheets/application.scss */
.actions .btn, .actions .btn-large, .actions .btn-small {
  width: 100%;
  margin: 4px;
  padding: 0;
}

/* line 2433, app/assets/stylesheets/application.scss */
.btn, .btn-large, .btn-small {
  background-color: #004fe1;
}

/* line 2436, app/assets/stylesheets/application.scss */
.btn, .btn-large, .btn-small {
  text-transform: inherit;
}

/* line 2440, app/assets/stylesheets/application.scss */
.cont_delete {
  position: absolute;
  right: 32px;
  top: 22px;
  font-size: 22px;
  color: #004fe1;
}

/* line 2448, app/assets/stylesheets/application.scss */
.cont_delete:hover {
  color: #f31029;
}

/* line 2452, app/assets/stylesheets/application.scss */
.card-panel {
  position: relative;
  padding: 25px;
}

/* line 2456, app/assets/stylesheets/application.scss */
.fixed-action-btn {
  right: 54px;
  bottom: 74px;
}

/* line 2461, app/assets/stylesheets/application.scss */
.project_link {
  color: #263344 !important;
}

/* line 2465, app/assets/stylesheets/application.scss */
.mailings-subtitle {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 10px;
  color: #000;
}

/* line 2473, app/assets/stylesheets/application.scss */
.project-color_0 {
  border-top: 5px solid #E91E63 !important;
}

/* line 2477, app/assets/stylesheets/application.scss */
.project-color_1 {
  border-top: 5px solid #673AB7 !important;
}

/* line 2481, app/assets/stylesheets/application.scss */
.project-color_2 {
  border-top: 5px solid #1A53C6 !important;
}

/* line 2485, app/assets/stylesheets/application.scss */
.project-color_3 {
  border-top: 5px solid #00BCD4 !important;
}

/* line 2489, app/assets/stylesheets/application.scss */
.project-color_4 {
  border-top: 5px solid #4CAF50 !important;
}

/* line 2493, app/assets/stylesheets/application.scss */
.project-color_5 {
  border-top: 5px solid #CDDC39 !important;
}

/* line 2497, app/assets/stylesheets/application.scss */
.project-color_6 {
  border-top: 5px solid #FFEB3B !important;
}

/* line 2501, app/assets/stylesheets/application.scss */
.project-color_7 {
  border-top: 5px solid #FF9800 !important;
}

/* line 2505, app/assets/stylesheets/application.scss */
.project-color_8 {
  border-top: 5px solid #FF5722 !important;
}

/* line 2509, app/assets/stylesheets/application.scss */
.project-color_9 {
  border-top: 5px solid #795548 !important;
}

/* line 2513, app/assets/stylesheets/application.scss */
.project-color_10 {
  border-top: 5px solid #607D8B !important;
}

/* line 2517, app/assets/stylesheets/application.scss */
.project-color_11 {
  border-top: 5px solid #E1E6F0 !important;
}

/* line 2521, app/assets/stylesheets/application.scss */
.project-color_small {
  width: 24px;
  height: 4px;
  border-radius: 6px;
  margin-bottom: 6px;
}

/* line 2526, app/assets/stylesheets/application.scss */
.project-color_small_0 {
  border-top: 5px solid #E91E63 !important;
}

/* line 2530, app/assets/stylesheets/application.scss */
.project-color_small_1 {
  border-top: 5px solid #673AB7 !important;
}

/* line 2534, app/assets/stylesheets/application.scss */
.project-color_small_2 {
  border-top: 5px solid #1A53C6 !important;
}

/* line 2538, app/assets/stylesheets/application.scss */
.project-color_small_3 {
  border-top: 5px solid #00BCD4 !important;
}

/* line 2542, app/assets/stylesheets/application.scss */
.project-color_small_4 {
  border-top: 5px solid #4CAF50 !important;
}

/* line 2546, app/assets/stylesheets/application.scss */
.project-color_small_5 {
  border-top: 5px solid #CDDC39 !important;
}

/* line 2550, app/assets/stylesheets/application.scss */
.project-color_small_6 {
  border-top: 5px solid #FFEB3B !important;
}

/* line 2554, app/assets/stylesheets/application.scss */
.project-color_small_7 {
  border-top: 5px solid #FF9800 !important;
}

/* line 2558, app/assets/stylesheets/application.scss */
.project-color_small_8 {
  border-top: 5px solid #FF5722 !important;
}

/* line 2562, app/assets/stylesheets/application.scss */
.project-color_small_9 {
  border-top: 5px solid #795548 !important;
}

/* line 2566, app/assets/stylesheets/application.scss */
.project-color_small_10 {
  border-top: 5px solid #607D8B !important;
}

/* line 2570, app/assets/stylesheets/application.scss */
.project-color_small_11 {
  border-top: 5px solid #E1E6F0 !important;
}

/* line 2574, app/assets/stylesheets/application.scss */
.project-selected-background {
  background: #F0F2F7;
}

/* line 2577, app/assets/stylesheets/application.scss */
.project-card {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  margin: 0 auto 15px;
  background-color: #fff;
  border: 1px solid #D4DFF4;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  border-radius: 6px;
  position: relative;
}

/* line 2585, app/assets/stylesheets/application.scss */
.project-card:hover {
  transition: 1s;
  border-bottom: 1px solid #C5CEDE;
  box-shadow: 0 25px 50px -12px rgba(6, 25, 56, 0.25);
  border-radius: 6px;
}

/* line 2591, app/assets/stylesheets/application.scss */
.project-card__inner {
  padding: 12px 20px;
}

/* line 2594, app/assets/stylesheets/application.scss */
.project-card__name {
  position: absolute;
  width: calc(100% - 75px);
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #111111;
}

/* line 2604, app/assets/stylesheets/application.scss */
.project-card__international {
  padding-top: 8px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #1A53C6;
}

/* line 2613, app/assets/stylesheets/application.scss */
.project-card__info {
  position: absolute;
  bottom: 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
}

/* line 2622, app/assets/stylesheets/application.scss */
.project-card__access {
  display: flex;
  align-items: center;
  padding-bottom: 13px;
}

/* line 2627, app/assets/stylesheets/application.scss */
.project-card__tariff {
  display: flex;
  align-items: center;
  padding-bottom: 13px;
}

/* line 2632, app/assets/stylesheets/application.scss */
.project-card__before {
  color: #95A3BA;
  padding: 0 0 20px 0;
  display: block;
}

/* line 2636, app/assets/stylesheets/application.scss */
.project-card__before span {
  display: block;
  margin-bottom: 8px;
}

/* line 2641, app/assets/stylesheets/application.scss */
.project-card__date-on, .project-card__tariff, .project-card__date-on {
  display: flex;
  align-items: center;
  padding-bottom: 13px;
}

/* line 2648, app/assets/stylesheets/application.scss */
.project-card__text {
  padding-left: 16px;
}

/* line 2651, app/assets/stylesheets/application.scss */
.project-card__date-end {
  color: #EF4444;
}

/* line 2657, app/assets/stylesheets/application.scss */
.project-card__avatars {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 28px;
  padding-left: 5px;
}

/* line 2665, app/assets/stylesheets/application.scss */
.project-card__item-avatar {
  width: 28px;
  height: 28px;
  background: #95A3BA;
  border-radius: 100%;
  outline: 3px solid #FFFFFF;
  margin: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;
}

/* line 2684, app/assets/stylesheets/application.scss */
.project-card__blue-background {
  background: #1A53C6;
}

/* line 2704, app/assets/stylesheets/application.scss */
.project-card-project {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: inline-block;
  padding: 0;
  margin: 0;
  gap: 16px;
  width: 100%;
  height: 275px;
  background: #FFFFFF;
  border: 1px solid #E1E6F0;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  border-radius: 6px;
  position: relative;
}

/* line 2720, app/assets/stylesheets/application.scss */
.projects-status span {
  display: inline-block;
  position: relative;
  font-weight: 600;
  font-size: 16px;
  line-height: 27px;
  color: #626F7F;
  padding-right: 17px;
  margin-bottom: 16px;
  cursor: pointer;
}

/* line 2730, app/assets/stylesheets/application.scss */
.projects-status span::before {
  content: '';
  position: absolute;
  width: 11px;
  height: 7px;
  right: 0;
  top: 12px;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
}

/* line 2742, app/assets/stylesheets/application.scss */
.projects-status--active span::before {
  transform: rotate(180deg);
  top: 10px;
}

/* line 2749, app/assets/stylesheets/application.scss */
.referral_email {
  font-size: 15px;
  line-height: 19px;
  color: #111111;
  padding: 16px;
}

/* line 2754, app/assets/stylesheets/application.scss */
.referral_email + .referral_email {
  border-top: 1px solid #E0E1E3;
}

/* line 2759, app/assets/stylesheets/application.scss */
.phone-number {
  margin-left: 10px;
  font-size: 15px;
}

/* line 2763, app/assets/stylesheets/application.scss */
.project-num {
  font-weight: 500;
}

/* line 2767, app/assets/stylesheets/application.scss */
.collection .collection-item {
  border-radius: 5px;
  border: 1px solid #bccbe0;
}

/* line 2770, app/assets/stylesheets/application.scss */
.collection .collection-item:last-child {
  border-bottom: 1px solid #bccbe0;
}

/* line 2778, app/assets/stylesheets/application.scss */
.background-color .container .collection .template_item,
.background-color .container .collection .waba_template {
  margin-bottom: 10px;
}

/* line 2781, app/assets/stylesheets/application.scss */
.background-color .container .collection .template_item .token,
.background-color .container .collection .waba_template .token {
  word-break: break-word;
}

/* line 2789, app/assets/stylesheets/application.scss */
.template_item .name {
  font-size: 20px;
  margin-top: 8px;
  margin-bottom: 12px;
}

/* line 2794, app/assets/stylesheets/application.scss */
.template_item .description {
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 12px;
}

/* line 2801, app/assets/stylesheets/application.scss */
.article {
  margin-top: 16px;
}

/* line 2803, app/assets/stylesheets/application.scss */
.article img {
  max-width: 100% !important;
}

@media (max-width: 600px) {
  /* line 2803, app/assets/stylesheets/application.scss */
  .article img {
    width: auto !important;
    height: auto !important;
  }
}

/* line 2810, app/assets/stylesheets/application.scss */
.article .collection-header {
  margin-bottom: 28px;
}

/* line 2813, app/assets/stylesheets/application.scss */
.article h2 {
  font-size: 28px;
}

/* line 2816, app/assets/stylesheets/application.scss */
.article h3 {
  font-size: 24px;
}

/* line 2819, app/assets/stylesheets/application.scss */
.article h4 {
  font-size: 20px;
}

/* line 2822, app/assets/stylesheets/application.scss */
.article h5 {
  font-size: 18px;
}

/* line 2825, app/assets/stylesheets/application.scss */
.article h6 {
  font-size: 16px;
}

/* line 2829, app/assets/stylesheets/application.scss */
#disqus_thread {
  margin-bottom: 26px;
}

/* line 2834, app/assets/stylesheets/application.scss */
#articles .title {
  font-size: 19px;
  font-weight: 500;
}

/* line 2838, app/assets/stylesheets/application.scss */
#articles .date {
  font-size: 14px;
  color: #7b7b7b;
  padding-bottom: 12px;
}

/* line 2843, app/assets/stylesheets/application.scss */
#articles a {
  display: block;
  margin-top: 12px;
}

/* line 2849, app/assets/stylesheets/application.scss */
.product_item .fa-clipboard {
  cursor: pointer;
  color: #004fe1;
}

/* line 2856, app/assets/stylesheets/application.scss */
.variables .var .title {
  margin-left: 22px;
  margin-top: 2px;
}

/* line 2860, app/assets/stylesheets/application.scss */
.variables .var .fa-clipboard {
  position: absolute;
  cursor: pointer;
  color: #004fe1;
  font-size: 18px;
}

/* line 2866, app/assets/stylesheets/application.scss */
.variables .var .fa-clipboard:hover {
  color: #004fe1;
}

/* line 2872, app/assets/stylesheets/application.scss */
.secondary-content i {
  font-size: 18px;
}

/* line 2877, app/assets/stylesheets/application.scss */
.secondary-content:hover i {
  color: #f31029;
  font-size: 18px;
}

/* line 2882, app/assets/stylesheets/application.scss */
.secondary-content-absolute {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* line 2888, app/assets/stylesheets/application.scss */
nav .right {
  margin-right: 16px;
}

@media (max-width: 350px) {
  /* line 2892, app/assets/stylesheets/application.scss */
  nav .right .dropdown-button i {
    display: none;
  }
}

/* line 2897, app/assets/stylesheets/application.scss */
nav .right a {
  height: 58px;
}

/* line 2899, app/assets/stylesheets/application.scss */
nav .right a img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 34px;
  width: 34px;
  margin-top: 12px;
  border-radius: 500px;
}

@media (max-width: 380px) {
  /* line 2897, app/assets/stylesheets/application.scss */
  nav .right a {
    font-size: 12px;
  }
}

/* line 2909, app/assets/stylesheets/application.scss */
nav .right a i {
  opacity: 0.7;
  display: inline-block;
  margin-top: -22px;
  position: relative;
  top: -10px;
  right: -6px;
}

/* line 2918, app/assets/stylesheets/application.scss */
nav .right .fa-caret-down {
  display: inline-block;
  padding-left: 7px;
}

/* line 2925, app/assets/stylesheets/application.scss */
.profile_container .cost {
  color: #353535;
  font-weight: 600;
}

@media (max-width: 1200px) {
  /* line 2924, app/assets/stylesheets/application.scss */
  .profile_container {
    width: 90%;
  }
}

@media (max-width: 892px) {
  /* line 2933, app/assets/stylesheets/application.scss */
  .profile_container .descr {
    min-height: 70px;
  }
  /* line 2936, app/assets/stylesheets/application.scss */
  .profile_container .back_text {
    display: none;
  }
}

/* line 2941, app/assets/stylesheets/application.scss */
.no_margin_mobile {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}

/* line 2946, app/assets/stylesheets/application.scss */
.block_title {
  position: relative;
  padding-top: 30px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 785px) {
  /* line 2946, app/assets/stylesheets/application.scss */
  .block_title {
    width: 90%;
    margin: 20px auto 0;
  }
}

/* line 2957, app/assets/stylesheets/application.scss */
.block_title--payments {
  padding-top: 0;
}

@media (max-width: 785px) {
  /* line 2957, app/assets/stylesheets/application.scss */
  .block_title--payments {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 785px) {
  /* line 2964, app/assets/stylesheets/application.scss */
  .block_title .flex_for_mibile {
    justify-content: space-between;
  }
}

/* line 2969, app/assets/stylesheets/application.scss */
.block_title h1 {
  opacity: 0.8;
  font-size: 21px;
  margin: 0;
}

/* line 2974, app/assets/stylesheets/application.scss */
.block_title .waba-title {
  margin-bottom: 0;
}

/* line 2977, app/assets/stylesheets/application.scss */
.block_title .payment_title {
  margin-top: 25px;
  margin-left: 25px;
  font-size: 18px;
  line-height: 18px;
}

@media (max-width: 785px) {
  /* line 2977, app/assets/stylesheets/application.scss */
  .block_title .payment_title {
    font-size: 16px;
    line-height: 16px;
    position: relative;
    right: 0;
    margin-bottom: 10px;
  }
}

/* line 2990, app/assets/stylesheets/application.scss */
.block_title .to_edit {
  text-transform: inherit;
  position: absolute;
  right: 0;
  top: -8px;
  font-size: 14px;
}

@media (max-width: 785px) {
  /* line 2990, app/assets/stylesheets/application.scss */
  .block_title .to_edit {
    position: relative;
    top: -5px;
    right: 0;
    margin: 0;
    font-size: 12px;
  }
}

@media (max-width: 426px) {
  /* line 2990, app/assets/stylesheets/application.scss */
  .block_title .to_edit {
    font-size: 10px;
  }
}

/* line 3007, app/assets/stylesheets/application.scss */
.block_title .payment_info_text {
  top: 15px;
  right: 8px;
}

/* line 3011, app/assets/stylesheets/application.scss */
.block_title .second_edit {
  right: 130px;
}

/* line 3015, app/assets/stylesheets/application.scss */
.profile-block {
  width: 85%;
  background: white;
  margin: 0 auto 64px;
  position: relative;
  border: 1px solid #d3def4;
  border-radius: 4px;
  overflow: hidden;
  padding: 15px;
  max-width: 900px;
}

/* line 3025, app/assets/stylesheets/application.scss */
.profile-block .back_text {
  color: #f6f6f7;
  position: absolute;
  font-size: 212px;
  font-weight: 900;
  transform: rotate(41deg);
  top: -58px;
  right: -8px;
  z-index: 0 !important;
}

/* line 3035, app/assets/stylesheets/application.scss */
.profile-block .avatar {
  max-width: 160px;
  max-height: 160px;
  overflow: hidden;
  border-radius: 4px;
}

/* line 3040, app/assets/stylesheets/application.scss */
.profile-block .avatar img {
  max-width: 160px;
  min-width: 160px;
  max-height: 160px;
  min-height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 3048, app/assets/stylesheets/application.scss */
.profile-block__info-box {
  display: flex;
  align-items: center;
}

/* line 3052, app/assets/stylesheets/application.scss */
.profile-block__about {
  z-index: 2;
  margin-left: 10px;
}

/* line 3055, app/assets/stylesheets/application.scss */
.profile-block__about-email, .profile-block__about-self {
  margin-bottom: 10px;
  display: flex;
}

/* line 3061, app/assets/stylesheets/application.scss */
.profile-block__partner {
  z-index: 2;
  position: relative;
}

/* line 3066, app/assets/stylesheets/application.scss */
.block {
  padding-top: 54px;
  padding-bottom: 54px;
  overflow: hidden;
  position: relative;
  margin-bottom: 72px;
}

/* line 3072, app/assets/stylesheets/application.scss */
.block p, .block .row, .block a, .block input, .block div {
  z-index: 2;
  position: relative;
}

/* line 3077, app/assets/stylesheets/application.scss */
.block .avatar {
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  width: 220px;
  text-align: center;
}

/* line 3082, app/assets/stylesheets/application.scss */
.block .avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  height: 160px;
  width: 160px;
}

/* line 3089, app/assets/stylesheets/application.scss */
.block .data {
  margin-top: -160px;
  margin-left: 200px;
}

/* line 3092, app/assets/stylesheets/application.scss */
.block .data .flex-box {
  margin-bottom: 10px;
}

/* line 3095, app/assets/stylesheets/application.scss */
.block .data .row {
  margin-bottom: 0;
}

/* line 3097, app/assets/stylesheets/application.scss */
.block .data .row .title {
  color: #728091;
  font-weight: 500;
  font-size: 14px;
}

/* line 3102, app/assets/stylesheets/application.scss */
.block .data .row .value {
  font-size: 14px;
}

@media (max-width: 600px) {
  /* line 3066, app/assets/stylesheets/application.scss */
  .block {
    padding-top: 32px;
    padding-bottom: 32px;
    margin-bottom: 48px;
  }
  /* line 3111, app/assets/stylesheets/application.scss */
  .block .avatar {
    position: inherit;
    width: auto;
    margin-bottom: 62px;
  }
  /* line 3115, app/assets/stylesheets/application.scss */
  .block .avatar img {
    width: 120px;
    height: 120px;
  }
  /* line 3120, app/assets/stylesheets/application.scss */
  .block .data {
    margin: -45px 0 -34px;
  }
  /* line 3123, app/assets/stylesheets/application.scss */
  .block .data .wrapper {
    width: 100%;
    text-align: center;
  }
}

/* line 3130, app/assets/stylesheets/application.scss */
.profile-text__statistic {
  margin-bottom: 7px;
  display: inline-block;
}

/* line 3134, app/assets/stylesheets/application.scss */
#attachment_part > .file-field > .btn, #attachment_part > .file-field > .btn-large, #attachment_part > .file-field > .btn-small {
  top: 0 !important;
}

/* line 3137, app/assets/stylesheets/application.scss */
.delete_btn {
  background-color: #e53935;
  text-transform: none !important;
}

/* line 3141, app/assets/stylesheets/application.scss */
#time_part > .orange_inputs_container > div > p > label > span {
  font-size: 11px;
}

/* line 3144, app/assets/stylesheets/application.scss */
img {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

@media (max-width: 993px) {
  /* line 3154, app/assets/stylesheets/application.scss */
  h4 {
    font-size: 24px;
  }
}

@media (max-width: 600px) {
  /* line 3159, app/assets/stylesheets/application.scss */
  h4 {
    font-size: 20px;
  }
}

@media (max-width: 400px) {
  /* line 3164, app/assets/stylesheets/application.scss */
  h4 {
    font-size: 18px;
  }
}

/* line 3169, app/assets/stylesheets/application.scss */
.field .name {
  font-weight: 500;
}

/* line 3172, app/assets/stylesheets/application.scss */
.field .val {
  padding-left: 8px;
  white-space: pre-line;
  display: inline-flex;
  line-height: 20px;
}

/* line 3179, app/assets/stylesheets/application.scss */
.client_state {
  color: black;
  font-size: 13px;
}

/* line 3182, app/assets/stylesheets/application.scss */
.client_state .title {
  font-size: 13px !important;
  font-weight: 500;
}

/* line 3187, app/assets/stylesheets/application.scss */
a .client_state:hover {
  color: #004fe1;
}

/* line 3190, app/assets/stylesheets/application.scss */
#paginator {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 16px;
}

/* line 3196, app/assets/stylesheets/application.scss */
.history_message_date {
  position: absolute;
  right: 16px;
}

/* line 3201, app/assets/stylesheets/application.scss */
.project_auto_learning .boolean {
  font-size: 15px;
}

/* line 3204, app/assets/stylesheets/application.scss */
.project_auto_learning .lever {
  margin-top: -2px !important;
}

/* line 3208, app/assets/stylesheets/application.scss */
#render_bar {
  margin-top: 57px;
  z-index: -1;
}

/* line 3212, app/assets/stylesheets/application.scss */
.image_log {
  display: block;
  max-width: 100%;
}

/* line 3215, app/assets/stylesheets/application.scss */
.image_log img {
  max-width: 100%;
}

/* line 3220, app/assets/stylesheets/application.scss */
.second_action {
  top: 46px !important;
}

/* line 3224, app/assets/stylesheets/application.scss */
.third_action {
  top: 70px !important;
}

/* line 3228, app/assets/stylesheets/application.scss */
.answer_textarea {
  max-width: 100% !important;
  min-width: 100% !important;
  border-radius: 4px;
  height: 52px;
  padding: 6px 8px;
  font-size: 12px;
}

/* line 3236, app/assets/stylesheets/application.scss */
.new_margin {
  width: 85%;
  max-width: 900px;
  margin: auto;
  margin-bottom: 30px;
}

/* line 3241, app/assets/stylesheets/application.scss */
.new_margin h1, .new_margin h4 {
  line-height: 50px;
}

/* line 3247, app/assets/stylesheets/application.scss */
.file-field .btn span, .file-field .btn-large span, .file-field .btn-small span {
  display: block;
  font-size: 12px;
}

/* line 3254, app/assets/stylesheets/application.scss */
.token {
  word-break: break-all;
}

/* line 3258, app/assets/stylesheets/application.scss */
#materialbox-overlay {
  z-index: 9999998 !important;
}

/* line 3262, app/assets/stylesheets/application.scss */
.file-path-wrapper {
  overflow: hidden;
  padding-left: 8px;
  margin-top: -8px;
  position: relative;
  right: -8px;
}

/* line 3268, app/assets/stylesheets/application.scss */
.file-path-wrapper .file-path {
  margin-top: 0 !important;
}

/* line 3273, app/assets/stylesheets/application.scss */
.modal {
  max-height: calc(100vh - 11%);
  max-width: 768px;
  width: 100%;
  transition: .2s;
  background-color: #FFFFFF;
  border-radius: 6px;
  overflow: initial;
}

/* line 3281, app/assets/stylesheets/application.scss */
.modal .simple_form {
  border-radius: 6px;
  overflow: visible;
}

/* line 3286, app/assets/stylesheets/application.scss */
.modal .modal-content {
  padding: 10px 24px 0;
}

/* line 3289, app/assets/stylesheets/application.scss */
.modal h4 {
  font-size: 24px;
}

/* line 3293, app/assets/stylesheets/application.scss */
.modal .picker__holder {
  overflow: visible;
}

/* line 3296, app/assets/stylesheets/application.scss */
.modal .picker__holder {
  top: 100vh;
}

/* line 3299, app/assets/stylesheets/application.scss */
.modal .picker--opened .picker__holder {
  top: 0;
}

/* line 3304, app/assets/stylesheets/application.scss */
.to_edit_filter {
  right: -10px !important;
  top: -30px !important;
}

/* line 3309, app/assets/stylesheets/application.scss */
.notification .circle {
  text-align: center;
  line-height: 42px;
  font-size: 27px;
  font-weight: 500;
  color: white;
}

/* line 3316, app/assets/stylesheets/application.scss */
.notification .n0 {
  background-color: #448AFF;
}

/* line 3319, app/assets/stylesheets/application.scss */
.notification .n1 {
  background-color: #9C27B0;
}

/* line 3322, app/assets/stylesheets/application.scss */
.notification .n2 {
  background-color: #4CAF50;
}

/* line 3325, app/assets/stylesheets/application.scss */
.notification .n3 {
  background-color: #F44336;
}

/* line 3329, app/assets/stylesheets/application.scss */
.notification {
  background: #FFFFFF !important;
  border: 1px solid #E0E1E3 !important;
  box-sizing: border-box;
  box-shadow: 0px 24px 48px 10px rgba(39, 58, 97, 0.1), 0px 32px 64px 10px rgba(39, 58, 97, 0.1) !important;
  border-radius: 6px !important;
  max-width: 420px !important;
  width: 100% !important;
}

/* line 3337, app/assets/stylesheets/application.scss */
.notification::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 6px 0 0 6px;
  width: 4px;
  height: 100%;
  background-color: #1a53c6;
}

/* line 3347, app/assets/stylesheets/application.scss */
.notification__avatar {
  border: 1px solid #E0E1E3;
  min-width: 50px !important;
  min-height: 50px !important;
  border-radius: 50% !important;
}

/* line 3353, app/assets/stylesheets/application.scss */
.notification__name {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}

/* line 3359, app/assets/stylesheets/application.scss */
.notification__message {
  font-weight: 400 !important;
  font-size: 14px;
  line-height: 140%;
  color: #111111;
  margin-top: 12px !important;
}

/* line 3366, app/assets/stylesheets/application.scss */
.notification__newCounter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  position: static;
  width: 28px;
  height: 18px;
  background: #E56E86;
  border-radius: 50px;
  color: #ffffff;
  font-size: 11px;
  line-height: 14px;
  margin-left: 12px;
}

/* line 3382, app/assets/stylesheets/application.scss */
.notification__destroy {
  color: #626f7f !important;
}

/* line 3386, app/assets/stylesheets/application.scss */
.img-circle-wrapper,
.img-circle-wrapper-yula {
  background-color: #00be57;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  -o-object-fit: contain;
     object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 3398, app/assets/stylesheets/application.scss */
.img-circle-wrapper-yula {
  background-color: #FFFFFF;
}

/* line 3401, app/assets/stylesheets/application.scss */
.tarif:hover {
  border: 1px #004fe1 solid;
}

/* line 3404, app/assets/stylesheets/application.scss */
.tarif {
  border: 1px transparent solid;
  padding: 26px 8px 32px;
  margin-bottom: 0;
}

/* line 3408, app/assets/stylesheets/application.scss */
.tarif .title {
  font-weight: 500;
  margin-bottom: 22px;
}

/* line 3415, app/assets/stylesheets/application.scss */
.tarif .count {
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: 500;
}

/* line 3420, app/assets/stylesheets/application.scss */
.tarif .descr {
  margin-bottom: 12px;
}

/* line 3422, app/assets/stylesheets/application.scss */
.tarif .descr p {
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}

/* line 3428, app/assets/stylesheets/application.scss */
.tarif .btn, .tarif .btn-large, .tarif .btn-small {
  margin-top: 16px;
}

/* line 3432, app/assets/stylesheets/application.scss */
.hint {
  opacity: 0.8;
  line-height: 1;
  font-size: 12px;
}

/* line 3436, app/assets/stylesheets/application.scss */
.hint p {
  margin: 0;
}

/* line 3440, app/assets/stylesheets/application.scss */
.cost_descr {
  margin: 32px 0.75rem;
  padding: 16px 32px;
  font-size: 14px;
}

/* line 3444, app/assets/stylesheets/application.scss */
.cost_descr .hint {
  opacity: 0.8;
  line-height: 1;
  font-size: 12px;
}

/* line 3448, app/assets/stylesheets/application.scss */
.cost_descr .hint p {
  margin: 0;
}

/* line 3452, app/assets/stylesheets/application.scss */
.cost_descr .blue_text {
  color: #004fe1;
}

/* line 3455, app/assets/stylesheets/application.scss */
.cost_descr .back_text {
  position: absolute;
  -webkit-transform: rotate(0);
  top: -24px;
  right: -50px;
  z-index: 0 !important;
  font-size: 0;
  height: 197px;
  width: 197px;
}

/* line 3467, app/assets/stylesheets/application.scss */
.green_text {
  color: #4CAF50;
}

/* line 3471, app/assets/stylesheets/application.scss */
.yellow_text {
  font-weight: 600;
  color: #ffca28;
}

/* line 3475, app/assets/stylesheets/application.scss */
.clone_link {
  text-align: right;
  margin-top: 4px;
  margin-right: 8px;
}

/* line 3480, app/assets/stylesheets/application.scss */
.progress {
  height: 6px;
  position: fixed;
}

/* line 3486, app/assets/stylesheets/application.scss */
.pay_link {
  font-size: 14px;
  line-height: 1;
  padding-right: 0;
  margin-right: 10px;
}

/* line 3492, app/assets/stylesheets/application.scss */
.red_link {
  color: red !important;
}

/* line 3495, app/assets/stylesheets/application.scss */
ul.right > li > .dropdown-trigger:hover {
  background: transparent;
}

/* line 3498, app/assets/stylesheets/application.scss */
ul.right > li > .dropdown-trigger > i {
  color: #DADADA;
}

/* line 3501, app/assets/stylesheets/application.scss */
.menu_action:hover {
  color: #039;
  background: transparent;
}

/* line 3505, app/assets/stylesheets/application.scss */
.menu_action {
  transition: 0.5s;
  text-decoration: none;
  color: #626f7f;
}

/* line 3510, app/assets/stylesheets/application.scss */
.sending_message {
  background-color: aliceblue !important;
}

/* line 3513, app/assets/stylesheets/application.scss */
.error {
  line-height: 12px;
  font-size: 10px;
  color: #f31029;
}

/* line 3523, app/assets/stylesheets/application.scss */
.order_item_in_list span {
  color: black;
}

@media (max-width: 900px) {
  /* line 3528, app/assets/stylesheets/application.scss */
  .editor_without_title {
    padding-top: 46px !important;
  }
  /* line 3531, app/assets/stylesheets/application.scss */
  #hide_button {
    position: fixed;
    right: 12px;
    top: 66px;
    background-color: #0b1423;
    z-index: 99;
    padding: 3px 7px;
    border-radius: 5px;
  }
  /* line 3540, app/assets/stylesheets/application.scss */
  #hide_button:hover {
    background-color: #293243;
  }
}

/* line 3544, app/assets/stylesheets/application.scss */
strong {
  font-weight: bold;
}

/* line 3547, app/assets/stylesheets/application.scss */
.fast_answer {
  padding-left: 20px !important;
}

/* line 3549, app/assets/stylesheets/application.scss */
.fast_answer .title {
  color: black;
}

/* line 3552, app/assets/stylesheets/application.scss */
.fast_answer .text {
  font-size: 14px;
  color: #636363;
}

/* line 3558, app/assets/stylesheets/application.scss */
.vk_login_button {
  padding: 4px 16px 8px;
  margin: 0;
  font-size: 12.5px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
  font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;
  vertical-align: top;
  line-height: 15px;
  text-align: center;
  text-decoration: none;
  background: none;
  background-color: #5181b8;
  color: #fff;
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
}

/* line 3580, app/assets/stylesheets/application.scss */
.login_via_big {
  text-align: center;
}

/* line 3582, app/assets/stylesheets/application.scss */
.login_via_big .login_b {
  padding-top: 7px;
  padding-bottom: 5px;
  width: 163px;
  margin: 2px;
}

/* line 3590, app/assets/stylesheets/application.scss */
.fb_login_button img {
  width: 161px;
  margin: 2px;
}

/* line 3599, app/assets/stylesheets/application.scss */
.datepicker-modal input {
  color: black !important;
}

/* line 3602, app/assets/stylesheets/application.scss */
.dropdown-content {
  border-radius: 4px !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  width: 100% !important;
}

/* line 3607, app/assets/stylesheets/application.scss */
.dropdown-content li {
  min-height: 0 !important;
}

/* line 3610, app/assets/stylesheets/application.scss */
.fb-select-group {
  max-height: 400px;
  overflow-y: auto;
}

/* line 3614, app/assets/stylesheets/application.scss */
.dropdown-content li > span {
  font-size: 14px;
  padding: 4px 8px;
  color: #111111 !important;
  overflow: hidden;
}

/* line 3620, app/assets/stylesheets/application.scss */
.dropdown-content li:hover {
  background-color: #f0f6fc !important;
  cursor: pointer;
}

/* line 3624, app/assets/stylesheets/application.scss */
.datepicker-modal {
  width: auto !important;
  max-height: none !important;
}

/* line 3630, app/assets/stylesheets/application.scss */
.integration_in_editor .integration-title {
  font-size: 41px;
  margin-bottom: 18px !important;
}

/* line 3634, app/assets/stylesheets/application.scss */
.integration_in_editor .integration-descr {
  font-size: 18px;
  line-height: 30px;
}

/* line 3638, app/assets/stylesheets/application.scss */
.integration_in_editor .last-p {
  font-size: 18px;
}

/* line 3641, app/assets/stylesheets/application.scss */
.integration_in_editor .integration__text {
  padding: 25px 0 0 !important;
  margin: auto !important;
}

/* line 3646, app/assets/stylesheets/application.scss */
.statistic-main-title {
  text-align: center;
}

/* line 3649, app/assets/stylesheets/application.scss */
.info_block {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
}

/* line 3653, app/assets/stylesheets/application.scss */
.info_block .global-statistic,
.info_block .messengers-statistic {
  max-width: 600px;
  width: 100%;
  background-color: #f9f9f9;
  border-radius: 6px;
  padding: 10px 15px;
}

/* line 3662, app/assets/stylesheets/application.scss */
#editor {
  box-shadow: -1px 0 0 #DFE2E5 !important;
}

/* line 3666, app/assets/stylesheets/application.scss */
.focus_item {
  position: absolute;
  color: white;
  right: 14px;
  margin-top: 7px;
  cursor: pointer;
}

/* line 3674, app/assets/stylesheets/application.scss */
.statistic_container {
  margin-left: 32px;
  margin-right: 32px;
}

/* line 3679, app/assets/stylesheets/application.scss */
#false_button {
  display: none;
}

/* line 3682, app/assets/stylesheets/application.scss */
.webim_circle {
  background-color: #375476;
}

/* line 3686, app/assets/stylesheets/application.scss */
.webim_button, .live_tex_button {
  color: #1a53c6;
  cursor: pointer;
}

/* line 3690, app/assets/stylesheets/application.scss */
.webim_button:hover, .live_tex_button:hover {
  text-shadow: 0 0 #1a53c6;
}

/* line 3693, app/assets/stylesheets/application.scss */
.margin_left {
  margin-left: 10px;
}

/* line 3695, app/assets/stylesheets/application.scss */
.margin_left a {
  color: #039 !important;
}

/* line 3697, app/assets/stylesheets/application.scss */
.margin_left a:hover {
  text-decoration: underline;
}

/* line 3702, app/assets/stylesheets/application.scss */
.snoska {
  display: block;
  font-size: 13px;
  margin-top: -5px;
  color: #7b7b7b;
}

/* line 3709, app/assets/stylesheets/application.scss */
.margin_for_title {
  margin-top: 10px !important;
}

/* line 3712, app/assets/stylesheets/application.scss */
#infinity_paginator {
  text-align: center;
}

/* line 3713, app/assets/stylesheets/application.scss */
#infinity_paginator .pagination {
  display: none;
}

/* line 3719, app/assets/stylesheets/application.scss */
.bottom_action {
  position: absolute;
  bottom: 8px;
  width: 100%;
}

/* line 3724, app/assets/stylesheets/application.scss */
.new_cost {
  text-decoration: line-through;
}

/* line 3728, app/assets/stylesheets/application.scss */
.insta_color {
  background-color: #C13584;
}

/* line 3732, app/assets/stylesheets/application.scss */
.m_top {
  margin-top: 16px !important;
}

/* line 3736, app/assets/stylesheets/application.scss */
.m_bottom {
  margin-bottom: 16px !important;
}

/* line 3740, app/assets/stylesheets/application.scss */
.m_right {
  margin-right: 16px !important;
}

/* line 3743, app/assets/stylesheets/application.scss */
.opasybility {
  opacity: 0;
  visibility: hidden;
}

/* line 3747, app/assets/stylesheets/application.scss */
.heigility {
  height: 0 !important;
  opacity: 0;
  visibility: hidden;
}

/* line 3752, app/assets/stylesheets/application.scss */
.widthibility {
  width: 0 !important;
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 1500px) {
  /* line 3757, app/assets/stylesheets/application.scss */
  .laptop-hidden {
    display: none;
  }
}

/* line 3763, app/assets/stylesheets/application.scss */
.form_border {
  padding: 25px 35px;
  background: white;
  width: 85%;
  position: relative;
  max-width: 900px;
  margin: 25px auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.03);
  border-radius: 6px;
}

@media (max-width: 600px) {
  /* line 3763, app/assets/stylesheets/application.scss */
  .form_border {
    width: calc(100% - 32px);
    margin: 16px;
  }
}

/* line 3779, app/assets/stylesheets/application.scss */
.links-wrapper {
  display: flex;
  flex-direction: column;
}

/* line 3782, app/assets/stylesheets/application.scss */
.links-wrapper .delete-project,
.links-wrapper .delete-employees {
  color: #515251;
  margin-left: auto;
}

/* line 3787, app/assets/stylesheets/application.scss */
.links-wrapper .delete-project:hover,
.links-wrapper .delete-employees:hover {
  color: red;
  text-shadow: 0 0 1px red;
}

/* line 3795, app/assets/stylesheets/application.scss */
.hidden {
  display: none !important;
}

/* line 3798, app/assets/stylesheets/application.scss */
.tariff_planes {
  flex: 1;
}

@media (max-width: 1320px) {
  /* line 3798, app/assets/stylesheets/application.scss */
  .tariff_planes {
    flex: 1.1;
  }
}

@media (max-width: 1130px) {
  /* line 3798, app/assets/stylesheets/application.scss */
  .tariff_planes {
    flex: 1.5;
  }
}

/* line 3807, app/assets/stylesheets/application.scss */
.jc-sb {
  justify-content: space-between;
}

/* line 3810, app/assets/stylesheets/application.scss */
.jc-sa {
  justify-content: space-around;
}

/* line 3813, app/assets/stylesheets/application.scss */
.calc_tariff {
  min-width: 315px;
  height: 38px;
  line-height: 38px;
}

/* line 3817, app/assets/stylesheets/application.scss */
.calc_tariff * {
  font-size: 16px;
}

/* line 3821, app/assets/stylesheets/application.scss */
.first_dot {
  width: 6px;
  height: 6px;
  margin-right: 3px;
  background: #f4b953;
  border-radius: 50%;
}

/* line 3828, app/assets/stylesheets/application.scss */
.second_dot {
  width: 6px;
  height: 6px;
  margin-right: 3px;
  border-radius: 50%;
  background: #f4b953;
}

/* line 3835, app/assets/stylesheets/application.scss */
.third_dot {
  width: 6px;
  height: 6px;
  background: #f4b953;
  border-radius: 50%;
}

/* line 3841, app/assets/stylesheets/application.scss */
.your_tariff {
  margin-bottom: 16px;
  color: white;
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
}

/* line 3848, app/assets/stylesheets/application.scss */
.your_tariff_title, .your_tariff_title_c, .addition_messengers, .additions_employees_text, .speed_limit, .addition_months_count {
  color: white;
  font-size: 16px;
  line-height: 21px;
}

/* line 3853, app/assets/stylesheets/application.scss */
.title-popup-pay {
  font-size: 27px;
  color: #039;
  font-weight: 600;
  text-align: center;
}

/* line 3859, app/assets/stylesheets/application.scss */
.text-popup-pay {
  font-size: 14px;
  margin: 5px 0 15px;
  display: block;
}

/* line 3864, app/assets/stylesheets/application.scss */
.pay-button-popup {
  display: block;
  font-weight: 500;
  color: #039;
  font-size: 18px;
  width: 75%;
  padding: 15px 50px;
  margin: 0 auto;
  background: #f4b953;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition: 0.5s;
}

/* line 3877, app/assets/stylesheets/application.scss */
.pay-button-popup:hover {
  background: #039;
  color: #f4b953;
}

/* line 3882, app/assets/stylesheets/application.scss */
.pay_button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111111;
  font-size: 18px;
  font-weight: 600;
  line-height: 10px;
  width: 100%;
  position: relative;
  height: 59px;
  margin: 30px 0 0;
  background: #f4b953;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.5s;
}

/* line 3899, app/assets/stylesheets/application.scss */
.pay_button:hover {
  background: #ffb400;
}

/* line 3902, app/assets/stylesheets/application.scss */
.pay_button:focus {
  background: #094fd2;
  color: #f4b953 !important;
}

/* line 3907, app/assets/stylesheets/application.scss */
.world_button {
  padding: 10.5px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  position: relative;
  height: 45px;
  background: #00339a;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.5s;
  margin-left: 12px;
}

@media (max-width: 424px) {
  /* line 3907, app/assets/stylesheets/application.scss */
  .world_button {
    margin-top: 12px;
    margin-left: 0px;
  }
}

@media (min-width: 916px) and (max-width: 1350px) {
  /* line 3907, app/assets/stylesheets/application.scss */
  .world_button {
    margin-top: 12px;
    margin-left: 0px;
  }
}

/* line 3935, app/assets/stylesheets/application.scss */
.world_button:hover {
  background: #1A53C6;
}

/* line 3938, app/assets/stylesheets/application.scss */
.world_button:focus {
  background: #1A53C6;
}

/* line 3943, app/assets/stylesheets/application.scss */
.footer-world {
  align-items: center;
  justify-content: space-between;
  display: flex;
  max-width: 913px;
  padding: 12px 12px;
  background: #F6F6F6;
  border: 1px solid rgba(98, 111, 127, 0.3);
  border-radius: 5px;
}

@media (max-width: 424px) {
  /* line 3943, app/assets/stylesheets/application.scss */
  .footer-world {
    flex-direction: column;
  }
}

@media (min-width: 916px) and (max-width: 1350px) {
  /* line 3943, app/assets/stylesheets/application.scss */
  .footer-world {
    flex-direction: column;
  }
}

/* line 3962, app/assets/stylesheets/application.scss */
.mr-12 {
  margin-right: 12px;
}

/* line 3966, app/assets/stylesheets/application.scss */
.footer-world-left {
  display: flex;
  flex-direction: row;
}

/* line 3971, app/assets/stylesheets/application.scss */
.footer_world-text {
  font-size: 15px;
  line-height: 18px;
  margin-top: 3px;
}

/* line 3977, app/assets/stylesheets/application.scss */
.footer-right_world {
  max-width: 377px;
  width: 100%;
  padding: 16px 20px;
}

/* line 3982, app/assets/stylesheets/application.scss */
.tariff_cost {
  font-weight: 600;
  font-size: 66px;
  line-height: 66px;
}

/* line 3987, app/assets/stylesheets/application.scss */
.tariff_cost_rub {
  font-size: 38px;
  font-weight: 600;
  line-height: 42px;
}

/* line 3992, app/assets/stylesheets/application.scss */
.tariff_cost_div {
  position: relative;
  margin-top: auto;
  color: white;
  width: 100%;
}

/* line 3998, app/assets/stylesheets/application.scss */
.max_width_krutilki {
  max-width: 100%;
  position: relative;
}

/* line 4002, app/assets/stylesheets/application.scss */
.absolute-right {
  margin-left: 12px;
}

/* line 4005, app/assets/stylesheets/application.scss */
.check_box_payment {
  position: relative;
  width: 41px;
  height: 20px;
  border-radius: 20px;
  margin-right: 10px;
}

/* line 4011, app/assets/stylesheets/application.scss */
.check_box_payment_text {
  color: #039;
  font-size: 15px;
  line-height: 19px;
}

/* line 4017, app/assets/stylesheets/application.scss */
.on_checkbox_payment {
  position: absolute;
  right: 2px;
  width: 16px;
  height: 16px;
  bottom: 2px;
  border-radius: 10px;
  background: #FFFFFF;
}

/* line 4026, app/assets/stylesheets/application.scss */
.off_checkbox_payment {
  position: absolute;
  left: 2px;
  width: 16px;
  height: 16px;
  bottom: 2px;
  border-radius: 10px;
  background: #FFFFFF;
}

/* line 4035, app/assets/stylesheets/application.scss */
.span_krutilki {
  width: 75%;
  font-size: 16px;
  line-height: 16px;
}

@media (max-width: 1650px) {
  /* line 4035, app/assets/stylesheets/application.scss */
  .span_krutilki {
    font-size: 14px;
  }
}

@media (max-width: 1450px) {
  /* line 4035, app/assets/stylesheets/application.scss */
  .span_krutilki {
    font-size: 12px;
  }
}

/* line 4046, app/assets/stylesheets/application.scss */
.tariff_name {
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  color: #111111;
}

/* line 4052, app/assets/stylesheets/application.scss */
.tariff_name_title {
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 1350px) {
  /* line 4052, app/assets/stylesheets/application.scss */
  .tariff_name_title {
    font-size: 14px;
  }
}

/* line 4059, app/assets/stylesheets/application.scss */
.three_dots {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

/* line 4064, app/assets/stylesheets/application.scss */
.right_side_payment {
  position: relative;
  overflow: hidden;
  flex: 1;
  border-radius: 35px;
  background-color: rgba(0, 51, 153, 0.9);
}

/* line 4070, app/assets/stylesheets/application.scss */
.right_side_payment * {
  z-index: 10 !important;
}

/* line 4073, app/assets/stylesheets/application.scss */
.right_side_payment .three_dots {
  display: flex;
  position: relative;
  top: 8px;
  margin-right: 16px;
}

@media (max-width: 785px) {
  /* line 4064, app/assets/stylesheets/application.scss */
  .right_side_payment {
    display: block;
    width: 90%;
    margin: 15px auto;
    min-height: 400px;
  }
}

/* line 4086, app/assets/stylesheets/application.scss */
.back_zatemnenie {
  width: 100%;
  height: 100%;
  background: linear-gradient(206.86deg, #05279D 1.98%, #093072 97.9%);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  opacity: 0.6;
}

@media (max-width: 785px) {
  /* line 4096, app/assets/stylesheets/application.scss */
  .mobile_hidden {
    display: none;
  }
}

/* line 4101, app/assets/stylesheets/application.scss */
.input_additions {
  margin: 9px 0 0;
  width: 70%;
}

/* line 4105, app/assets/stylesheets/application.scss */
.sliderui .noUi-connect {
  background: #c0392b;
}

/* line 4108, app/assets/stylesheets/application.scss */
.messengers_count, .month_count, .message_count, .employees_count {
  line-height: 35px;
  font-size: 27px;
  color: #000000;
}

/* line 4113, app/assets/stylesheets/application.scss */
.itog_cost {
  font-weight: 600;
  font-size: 17px;
  line-height: 17px;
  margin-bottom: 5px;
}

/* line 4119, app/assets/stylesheets/application.scss */
.auto_change {
  font-size: 14px;
}

/* line 4122, app/assets/stylesheets/application.scss */
.auto_change_box {
  margin-bottom: 8px;
}

/* line 4125, app/assets/stylesheets/application.scss */
.auto_take {
  width: 100%;
  margin-top: 20px;
}

/* line 4129, app/assets/stylesheets/application.scss */
.card-save-text {
  font-size: 13px;
  line-height: 17px;
  color: #626F7F;
}

/* line 4135, app/assets/stylesheets/application.scss */
.margin_right_title + .margin_right_title {
  margin-top: 8px;
}

/* line 4140, app/assets/stylesheets/application.scss */
#toast-container {
  max-width: 700px !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  left: 0;
  right: 0;
  margin: 0 auto;
  min-width: unset !important;
  bottom: unset !important;
  display: inline-block !important;
  border-radius: 6px !important;
}

@media (max-width: 540px) {
  /* line 4140, app/assets/stylesheets/application.scss */
  #toast-container {
    display: inline-block !important;
    max-width: 375px !important;
    left: 15% !important;
  }
}

@media (max-width: 375px) {
  /* line 4140, app/assets/stylesheets/application.scss */
  #toast-container {
    max-width: 340px !important;
    left: 15% !important;
  }
}

@media (max-width: 376px) {
  /* line 4160, app/assets/stylesheets/application.scss */
  .mobile_integration_link {
    width: 100% !important;
  }
}

/* line 4165, app/assets/stylesheets/application.scss */
.message_menu_title {
  white-space: pre-line;
  word-break: break-word;
  line-height: 1.2;
}

/* line 4171, app/assets/stylesheets/application.scss */
.message_menu {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

/* line 4175, app/assets/stylesheets/application.scss */
.display_mobile {
  position: relative;
  display: none !important;
}

/* line 4177, app/assets/stylesheets/application.scss */
.display_mobile .action_list_trigger {
  right: 15px;
  top: 10px;
}

@media (max-width: 900px) {
  /* line 4175, app/assets/stylesheets/application.scss */
  .display_mobile {
    display: block !important;
  }
}

/* line 4186, app/assets/stylesheets/application.scss */
.hide_on_mobile {
  display: block !important;
}

@media (max-width: 900px) {
  /* line 4186, app/assets/stylesheets/application.scss */
  .hide_on_mobile {
    display: none !important;
  }
}

/* line 4192, app/assets/stylesheets/application.scss */
.employs_margin_button {
  margin: 25px 20px 0;
}

@media (max-width: 900px) {
  /* line 4196, app/assets/stylesheets/application.scss */
  .employs_margin_button {
    margin: 5px auto;
  }
  /* line 4199, app/assets/stylesheets/application.scss */
  .full_width_mobile {
    width: 100% !important;
  }
  /* line 4202, app/assets/stylesheets/application.scss */
  .material-tooltip {
    display: none !important;
  }
  /* line 4205, app/assets/stylesheets/application.scss */
  label {
    line-height: 1 !important;
  }
  /* line 4208, app/assets/stylesheets/application.scss */
  #hide_button {
    transition: 0.3s;
  }
  /* line 4211, app/assets/stylesheets/application.scss */
  #editor {
    display: none;
    transition: 0.3s;
  }
}

/* line 4216, app/assets/stylesheets/application.scss */
.width_all {
  width: 100% !important;
}

/* line 4219, app/assets/stylesheets/application.scss */
.alert {
  width: 100% !important;
  position: absolute !important;
}

/* line 4223, app/assets/stylesheets/application.scss */
.tariff_just_adds {
  width: 41px;
  height: 20px;
  border-radius: 10px;
  background: #E0E1E3;
  position: relative;
  cursor: pointer;
  top: 1px;
  left: 12px;
}

/* line 4233, app/assets/stylesheets/application.scss */
.tariff_pointer {
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  position: absolute;
  border-radius: 10px;
  top: 2px;
  left: 2px;
}

/* line 4243, app/assets/stylesheets/application.scss */
.hide_smaller_tariff {
  background: #d0d0d0 !important;
  cursor: default !important;
}

/* line 4247, app/assets/stylesheets/application.scss */
.promo_code {
  display: flex;
  width: 100%;
}

/* line 4250, app/assets/stylesheets/application.scss */
.promo_code .for_inputs {
  width: 100%;
}

/* line 4253, app/assets/stylesheets/application.scss */
.promo_code__input {
  flex: 1;
}

/* line 4255, app/assets/stylesheets/application.scss */
.promo_code__input .input-field {
  margin-bottom: 0;
}

/* line 4259, app/assets/stylesheets/application.scss */
.promo_code__btn {
  padding: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  margin-left: 15px;
  width: 205px;
  text-align: center;
  height: 40px;
  color: #FFFFFF;
  background: linear-gradient(to left, #a8c0ff, #3f2b96, #a8c0ff);
  background-size: 200%;
  border-radius: 5px;
  transition: all 0.7s;
}

/* line 4273, app/assets/stylesheets/application.scss */
.promo_code__btn:hover {
  background-position: right;
}

/* line 4278, app/assets/stylesheets/application.scss */
.list_field #list_name {
  border: 1px solid #8c8c8c;
  border-radius: 4px;
  width: calc(100% - 4px);
}

/* line 4283, app/assets/stylesheets/application.scss */
.emoji {
  width: 1.1em;
  height: 1.1em;
  padding: 0 0 0 0;
  vertical-align: -0.15em;
}

@media (min-width: 2380px) {
  /* line 4289, app/assets/stylesheets/application.scss */
  .landing .main-screen__blue-bg {
    right: 0;
  }
}

/* line 4294, app/assets/stylesheets/application.scss */
.collection-item_no_avatar {
  padding-left: 30px !important;
}

/* line 4297, app/assets/stylesheets/application.scss */
.collection {
  border: none;
}

/* line 4300, app/assets/stylesheets/application.scss */
.modal_window_clear_page {
  border: 1px solid #777777;
  border-radius: 4px;
  width: 90%;
  margin: 30px auto 0;
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.1);
}

/* line 4309, app/assets/stylesheets/application.scss */
.current_tariff li::marker {
  display: none !important;
}

/* line 4313, app/assets/stylesheets/application.scss */
.black_dot {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: black;
  margin: 8.5px;
}

/* line 4320, app/assets/stylesheets/application.scss */
.vk_links {
  margin-left: 10px;
}

/* line 4323, app/assets/stylesheets/application.scss */
.look_diff_link {
  cursor: pointer;
}

/* line 4326, app/assets/stylesheets/application.scss */
.speed_notification {
  display: none;
  z-index: 205;
  width: -webkit-fill-available;
  width: -moz-available;
  background: #ffc0cb;
  line-height: 19px;
  font-size: 15px;
  position: fixed;
  color: #535353;
  padding: 10px 5px;
  box-shadow: 0 0 20px 9px rgba(0, 0, 0, 0.1);
}

/* line 4339, app/assets/stylesheets/application.scss */
.speed_notification_text {
  font-weight: 400;
}

/* line 4342, app/assets/stylesheets/application.scss */
.speed_notification_destroy {
  transform: rotate(45deg);
  line-height: 15px;
  font-size: 28px;
  position: absolute;
  right: 10px;
  cursor: pointer;
}

/* line 4350, app/assets/stylesheets/application.scss */
.check_box {
  position: relative;
  width: 40px;
  height: 20px;
  border-radius: 10px;
  background-color: #E1E6F0;
  transition: 0.3s;
}

/* line 4357, app/assets/stylesheets/application.scss */
.check_box:hover {
  background-color: #d1d3db;
}

/* line 4360, app/assets/stylesheets/application.scss */
.check_box::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
  left: 3px;
}

/* line 4372, app/assets/stylesheets/application.scss */
.check_box_checked {
  background-color: #1a53c6;
}

/* line 4374, app/assets/stylesheets/application.scss */
.check_box_checked:hover {
  background-color: #1a53c6;
}

/* line 4378, app/assets/stylesheets/application.scss */
.check_box_checked.check_box::before {
  left: 21px;
}

/* line 4381, app/assets/stylesheets/application.scss */
.check_box_width {
  width: 60px;
}

/* line 4384, app/assets/stylesheets/application.scss */
.checkbox-wrapper {
  margin-bottom: 12px;
}

/* line 4386, app/assets/stylesheets/application.scss */
.checkbox-wrapper .check_box_container {
  align-items: start;
}

/* line 4389, app/assets/stylesheets/application.scss */
.checkbox-wrapper .check_box_width {
  width: 20px;
  margin-right: 8px;
}

/* line 4393, app/assets/stylesheets/application.scss */
.checkbox-wrapper .check_box_title {
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
  color: #111111;
}

/* line 4399, app/assets/stylesheets/application.scss */
.checkbox-wrapper .check_box {
  border: 1px solid #E0E1E3;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
}

/* line 4406, app/assets/stylesheets/application.scss */
.checkbox-wrapper .check_box::before {
  transform: scale(0);
}

/* line 4410, app/assets/stylesheets/application.scss */
.checkbox-wrapper .check_box_checked {
  background-color: #1a53c6;
  border: none;
}

/* line 4413, app/assets/stylesheets/application.scss */
.checkbox-wrapper .check_box_checked:hover {
  background-color: #1a53c6;
}

/* line 4417, app/assets/stylesheets/application.scss */
.checkbox-wrapper .check_box_checked.check_box::before {
  width: 8px;
  height: 12px;
  top: 2px;
  left: 1px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  z-index: 1;
  border-radius: 0;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  background-color: transparent;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  transform: rotate(40deg) scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform-origin: 100% 100%;
}

/* line 4437, app/assets/stylesheets/application.scss */
#time_start, #time_end {
  margin: 0 0 0 15px;
  height: 50px;
  border: none !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* line 4443, app/assets/stylesheets/application.scss */
.working_title {
  font-weight: 600;
  margin-left: -15px;
}

/* line 4447, app/assets/stylesheets/application.scss */
.day_name {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #111111;
}

/* line 4453, app/assets/stylesheets/application.scss */
.check_box_container {
  cursor: pointer;
  margin-top: 2.5px;
  margin-bottom: 2.5px;
  align-items: center;
}

/* line 4459, app/assets/stylesheets/application.scss */
.project-notification {
  margin-top: 6px;
}

/* line 4462, app/assets/stylesheets/application.scss */
.check_box_title {
  line-height: 14px;
}

/* line 4465, app/assets/stylesheets/application.scss */
.change_working_days {
  background: #039;
  padding: 8px;
  border-radius: 6px;
  color: white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  display: inline-block;
}

/* line 4474, app/assets/stylesheets/application.scss */
.working_time {
  position: relative;
}

/* line 4477, app/assets/stylesheets/application.scss */
.working_time .checkbox-wrapper .check_box_title {
  font-size: 14px;
}

/* line 4483, app/assets/stylesheets/application.scss */
.vk-group__card {
  display: flex;
}

/* line 4486, app/assets/stylesheets/application.scss */
.vk-group__info {
  padding-left: 10px;
}

/* line 4489, app/assets/stylesheets/application.scss */
.vk-group__info .token .vk-group__token {
  word-break: break-all;
}

/* line 4494, app/assets/stylesheets/application.scss */
.vk-group__admin-email {
  margin-bottom: 10px;
}

/* line 4497, app/assets/stylesheets/application.scss */
.edit_vk_group {
  margin-top: 10px;
}

/* line 4500, app/assets/stylesheets/application.scss */
.vk-group__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0 20px;
  width: 100%;
}

/* line 4509, app/assets/stylesheets/application.scss */
.vk-group__list .collection .collection-item {
  margin-bottom: 10px;
  border: 1px solid #d3def4;
}

/* line 4515, app/assets/stylesheets/application.scss */
.instagram_bot_concat_link,
.instagram_bot_answer_story_reaction,
.vk_group_message_reply {
  margin: 0;
}

/* line 4521, app/assets/stylesheets/application.scss */
#accesses.row {
  margin-bottom: 0;
}

/* line 4524, app/assets/stylesheets/application.scss */
.title_access {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

/* line 4529, app/assets/stylesheets/application.scss */
.change_auto_take {
  color: #111111;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

@media (max-width: 640px) {
  /* line 4529, app/assets/stylesheets/application.scss */
  .change_auto_take {
    margin-left: 10px;
  }
}

/* line 4538, app/assets/stylesheets/application.scss */
.working_container {
  margin-top: 0;
}

/* line 4541, app/assets/stylesheets/application.scss */
.days_checkbox_container {
  margin: 5px 0 2px;
}

/* line 4544, app/assets/stylesheets/application.scss */
.days-list {
  margin-right: 20px;
}

/* line 4547, app/assets/stylesheets/application.scss */
.working_title_dang {
  color: #ff7d7d;
  font-size: 12px;
  margin-left: -15px;
}

/* line 4552, app/assets/stylesheets/application.scss */
.access_status_0 {
  color: #ff7d7d;
}

/* line 4555, app/assets/stylesheets/application.scss */
.access_status_1 {
  color: #039;
}

/* line 4558, app/assets/stylesheets/application.scss */
.access_status_2 {
  color: #ffc650;
}

/* line 4561, app/assets/stylesheets/application.scss */
.wrapper-btn {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  gap: 12px 10px;
}

/* line 4567, app/assets/stylesheets/application.scss */
.clear_access_statistic {
  display: inline-block;
  color: #fff;
  border-radius: 6px;
  padding: 8px 12px;
  margin-right: 12px;
}

/* line 4573, app/assets/stylesheets/application.scss */
.clear_access_statistic a {
  color: #111111;
}

/* line 4577, app/assets/stylesheets/application.scss */
.image_container {
  min-width: 50px;
  max-width: 50px;
  min-height: 50px;
  max-height: 50px;
}

/* line 4583, app/assets/stylesheets/application.scss */
.avatar_cover {
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 4586, app/assets/stylesheets/application.scss */
.add_info_work_time {
  margin-left: 5px;
  border: 2px solid #E0E1E3;
  width: 20px;
  height: 20px;
  font-size: 15px;
  text-align: center;
  line-height: 18px;
  color: #a0adc5;
  border-radius: 50%;
  position: relative;
  top: 2px;
  cursor: pointer;
}

/* line 4600, app/assets/stylesheets/application.scss */
.adding_info {
  position: absolute;
  border: 1px solid #E0E1E3;
  border-radius: 6px;
  background: white;
  font-size: 12px;
  z-index: 99;
  width: 300px;
  margin: auto;
  white-space: break-spaces;
  padding: 10px;
  top: 20px;
  display: none;
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
}

/* line 4615, app/assets/stylesheets/application.scss */
.time_input_start, .time_input_end {
  font-size: 20px;
}

/* line 4618, app/assets/stylesheets/application.scss */
.current_time {
  line-height: 50px;
  margin-left: 10px;
  cursor: pointer;
}

/* line 4623, app/assets/stylesheets/application.scss */
.hour_item {
  cursor: pointer;
  padding: 5px 10px;
}

/* line 4626, app/assets/stylesheets/application.scss */
.hour_item:hover {
  background: #e0e0e0;
}

/* line 4630, app/assets/stylesheets/application.scss */
.hours_menu {
  padding: 5px;
  top: 33px;
  left: -6px;
  border: 1px solid #e1e1e1;
  height: 150px;
  text-align: center;
  overflow: auto;
  position: absolute;
  background: #fff;
  z-index: 9999999;
  display: none;
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.1);
}

/* line 4644, app/assets/stylesheets/application.scss */
.hours_menu::-webkit-scrollbar-track {
  background-color: #ECF0F3;
}

/* line 4648, app/assets/stylesheets/application.scss */
.hours_menu::-webkit-scrollbar {
  border-radius: 4px;
  width: 0;
  background-color: transparent;
}

/* line 4654, app/assets/stylesheets/application.scss */
.hours_menu::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 10px;
}

/* line 4658, app/assets/stylesheets/application.scss */
.overclock_tile {
  font-size: 16px;
  color: #039;
  margin: 10px 0;
}

/* line 4663, app/assets/stylesheets/application.scss */
.overclock_work {
  background: #039;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 10px 0 10px 0;
  cursor: pointer;
}

/* line 4673, app/assets/stylesheets/application.scss */
.selected_time {
  background: #039 !important;
  color: white;
  border-radius: 4px;
}

/* line 4678, app/assets/stylesheets/application.scss */
.link_speed_pay {
  margin-left: 10px;
  color: #535353;
  font-weight: 700;
  text-decoration: underline;
}

/* line 4683, app/assets/stylesheets/application.scss */
.link_speed_pay:hover {
  color: #3a7af5;
}

/* line 4687, app/assets/stylesheets/application.scss */
.speed_notification_info {
  margin-right: 10px;
  min-width: 20px;
  height: 20px;
  border: 2px solid #535353;
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
  font-weight: 700;
  cursor: pointer;
}

/* line 4698, app/assets/stylesheets/application.scss */
.speed_notification_info_desc {
  display: none;
  position: absolute;
  top: 35px;
  background: #fff;
  border: 1px solid #c4c4c4;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1), 0 16px 24px rgba(0, 0, 0, 0.1), 0 24px 32px rgba(0, 0, 0, 0.1);
  color: #777;
  font-size: 14px;
  line-height: 1.7;
  padding: 8px 12px;
  border-radius: 4px;
}

/* line 4711, app/assets/stylesheets/application.scss */
.chat-header__actions {
  position: relative;
}

/* line 4714, app/assets/stylesheets/application.scss */
.chat-header__search {
  display: none;
  position: absolute;
  top: 58px;
  right: 106px;
  background: #fff;
  border: 1px solid #9d9d9d;
  border-radius: 4px;
  padding: 0 5px;
  z-index: 9999;
}

/* line 4724, app/assets/stylesheets/application.scss */
.chat-header__search #message_search_by_words_search, .chat-header__search .message_search_by_words_search {
  margin: 0 !important;
  border: none !important;
}

/* line 4729, app/assets/stylesheets/application.scss */
.red_bold_text {
  color: #f31029;
  font-weight: 600;
}

/* line 4735, app/assets/stylesheets/application.scss */
.file-field input[type=file] {
  z-index: 1;
}

/* line 4741, app/assets/stylesheets/application.scss */
.background-color {
  background: #fafcff;
  min-height: calc(100vh - 58px);
  padding: 0 10px 1px;
}

/* line 4746, app/assets/stylesheets/application.scss */
.background-color-task {
  padding: 0;
}

/* line 4749, app/assets/stylesheets/application.scss */
.background-color-list {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  background: #fafcff;
  min-height: calc(100vh - 58px);
  padding: 20px 20px 80px;
}

/* line 4755, app/assets/stylesheets/application.scss */
.background-empty {
  background: #fafcff;
  min-height: calc(100vh - 58px);
  display: flex;
  padding-top: 9%;
  align-items: center;
  flex-direction: column;
}

/* line 4762, app/assets/stylesheets/application.scss */
.background-empty--modal {
  padding-bottom: 14%;
  min-height: unset;
  border-radius: 6px;
}

/* line 4766, app/assets/stylesheets/application.scss */
.background-empty--modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
}

/* line 4772, app/assets/stylesheets/application.scss */
.background-empty--vk {
  position: relative;
  padding: 0;
  min-height: unset;
}

/* line 4777, app/assets/stylesheets/application.scss */
.background-empty--waba {
  padding: 0;
  min-height: unset;
  display: block;
  border-radius: 6px;
}

/* line 4783, app/assets/stylesheets/application.scss */
.background-empty__text {
  margin: 20px 0;
  max-width: 500px;
  text-align: center;
  font-size: 15px;
  line-height: 21px;
  color: #111111;
  font-weight: 400;
}

/* line 4793, app/assets/stylesheets/application.scss */
.background-color-crm {
  background: #fafcff;
  min-height: calc(100vh - 58px);
}

/* line 4798, app/assets/stylesheets/application.scss */
.form_title_new {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
}

/* line 4803, app/assets/stylesheets/application.scss */
.main-container {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  width: 100%;
  margin: 0;
  padding: 20px;
  background: #fafcff;
  min-height: calc(100vh - 58px);
}

/* line 4810, app/assets/stylesheets/application.scss */
.main-container--online-chat {
  padding-bottom: 90px;
}

/* line 4813, app/assets/stylesheets/application.scss */
.main-container .secondary_button {
  font-size: 14px;
}

/* line 4817, app/assets/stylesheets/application.scss */
.container_for_form,
.statistic_container {
  width: 100%;
  margin: 0;
  padding: 1px 15px 1px 1px;
  background: #fafcff;
  min-height: calc(100vh - 58px);
}

/* line 4824, app/assets/stylesheets/application.scss */
.container_for_form__top,
.statistic_container__top {
  padding: 30px 15px 0;
}

/* line 4826, app/assets/stylesheets/application.scss */
.container_for_form__top .tabs-trigger,
.statistic_container__top .tabs-trigger {
  display: flex;
}

/* line 4828, app/assets/stylesheets/application.scss */
.container_for_form__top .tabs-trigger__item,
.statistic_container__top .tabs-trigger__item {
  cursor: pointer;
}

/* line 4835, app/assets/stylesheets/application.scss */
.container_inner {
  padding: 0 15px 50px;
  display: none;
}

/* line 4838, app/assets/stylesheets/application.scss */
.container_inner--active {
  display: block;
}

/* line 4842, app/assets/stylesheets/application.scss */
.container_inner .block_title h1 {
  margin: 0 auto;
}

/* line 4847, app/assets/stylesheets/application.scss */
.chart-box {
  margin-bottom: 15px;
}

/* line 4851, app/assets/stylesheets/application.scss */
.white_box_shadow {
  box-shadow: 0 10px 30px #EFF3F6;
}

/* line 4855, app/assets/stylesheets/application.scss */
.simple_form > .input-field > input, .for_inputs > .input-field > input, .for_inputs > .input-field > textarea, #api_key {
  height: 40px !important;
  min-height: 40px !important;
  border: 1px solid #e1e6f0 !important;
  outline: none;
  border-radius: 6px;
  padding-left: 16px !important;
  box-shadow: none !important;
  margin: 0 !important;
  box-sizing: border-box;
}

/* line 4865, app/assets/stylesheets/application.scss */
.simple_form > .input-field > input:focus, .for_inputs > .input-field > input:focus, .for_inputs > .input-field > textarea:focus, #api_key:focus {
  border: 1px solid #1A53C6 !important;
  box-shadow: none !important;
  background-color: #F7FAFC;
}

/* line 4870, app/assets/stylesheets/application.scss */
.simple_form > .input-field > input::-moz-placeholder, .for_inputs > .input-field > input::-moz-placeholder, .for_inputs > .input-field > textarea::-moz-placeholder, #api_key::-moz-placeholder {
  font-size: 14px;
  color: #95A3BA;
}
.simple_form > .input-field > input:-ms-input-placeholder, .for_inputs > .input-field > input:-ms-input-placeholder, .for_inputs > .input-field > textarea:-ms-input-placeholder, #api_key:-ms-input-placeholder {
  font-size: 14px;
  color: #95A3BA;
}
.simple_form > .input-field > input::placeholder, .for_inputs > .input-field > input::placeholder, .for_inputs > .input-field > textarea::placeholder, #api_key::placeholder {
  font-size: 14px;
  color: #95A3BA;
}

/* line 4875, app/assets/stylesheets/application.scss */
#date_filter_before, #date_filter_after {
  color: #515251 !important;
}

/* line 4878, app/assets/stylesheets/application.scss */
#date_filter_before::-moz-placeholder, #date_filter_after::-moz-placeholder {
  color: #95A3BA;
}
#date_filter_before:-ms-input-placeholder, #date_filter_after:-ms-input-placeholder {
  color: #95A3BA;
}
#date_filter_before::placeholder,
#date_filter_after::placeholder {
  color: #95A3BA;
}

/* line 4883, app/assets/stylesheets/application.scss */
[type="checkbox"] + span:not(.lever):before, [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
  border: 1px solid #E0E1E3;
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

/* line 4889, app/assets/stylesheets/application.scss */
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
  border: 0;
}

/* line 4892, app/assets/stylesheets/application.scss */
[type="checkbox"]:checked + span:not(.lever):before {
  width: 8px;
  height: 12px;
  top: 2px;
  left: 1px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  z-index: 1;
  border-radius: 0;
}

/* line 4902, app/assets/stylesheets/application.scss */
[type="checkbox"]:checked + span:not(.lever):after {
  background-color: #1a53c6;
  transform: scale(1);
}

/* line 4907, app/assets/stylesheets/application.scss */
textarea {
  resize: vertical;
}

/* line 4911, app/assets/stylesheets/application.scss */
textarea.materialize-textarea {
  padding: 10px 16px;
}

/* line 4915, app/assets/stylesheets/application.scss */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #111111;
}

/* line 4933, app/assets/stylesheets/application.scss */
.lists__top-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  margin-bottom: 25px;
}

/* line 4940, app/assets/stylesheets/application.scss */
.lists-title,
.template-title {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
}

/* line 4947, app/assets/stylesheets/application.scss */
#load_clients_by_filter_search {
  min-height: 37px;
}

/* line 4950, app/assets/stylesheets/application.scss */
.for_inputs > .input-field {
  margin-top: 0 !important;
}

/* line 4954, app/assets/stylesheets/application.scss */
.select-wrapper {
  margin-bottom: 15px;
  width: 100%;
}

/* line 4957, app/assets/stylesheets/application.scss */
.select-wrapper::after {
  content: "";
  position: absolute;
  background-image: url(/assets/icon/arrow-206bcf047c94f32ebd45924ca8c7d7af00fbc1e93ce69f214ab04136199550db.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  top: 25%;
  right: 10px;
  transform: rotate(180deg);
}

/* line 4968, app/assets/stylesheets/application.scss */
.select-wrapper input.select-dropdown {
  border: 1px solid #a3a3a3 !important;
  border-radius: 4px !important;
  padding-left: 15px;
  box-sizing: border-box;
  width: 100% !important;
  margin: 0 !important;
}

/* line 4975, app/assets/stylesheets/application.scss */
.select-wrapper input.select-dropdown:focus {
  border: 1px solid #1a53c6 !important;
}

/* line 4979, app/assets/stylesheets/application.scss */
.select-wrapper .caret {
  fill: #3153D4;
  display: none;
}

/* line 4984, app/assets/stylesheets/application.scss */
.main-colorpicker {
  width: 143px;
}

/* line 4986, app/assets/stylesheets/application.scss */
.main-colorpicker .minicolors-swatch {
  cursor: pointer;
  background-image: url(/assets/icon/color-picker-icon-7c3464afdb911c86b36626dc3741f9fc144938934dde84edf9a583dfb3297bca.svg);
  background-position: center;
  border: 1px solid #e1e6f0;
  background-repeat: no-repeat;
  background-color: #F0F2F7;
}

/* line 4994, app/assets/stylesheets/application.scss */
.main-colorpicker .minicolors-input {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  box-sizing: border-box !important;
  margin-left: 42px !important;
  height: 36px !important;
  font-size: 14px !important;
  color: #111111 !important;
  border-radius: 6px !important;
  padding: 0 12px 0 16px !important;
  width: auto !important;
  border: 1px solid #e1e6f0 !important;
  margin-bottom: 0 !important;
}

/* line 5006, app/assets/stylesheets/application.scss */
.main-colorpicker .minicolors-input:focus {
  box-shadow: none !important;
  border-color: #1a53c6 !important;
}

/* line 5010, app/assets/stylesheets/application.scss */
.main-colorpicker .minicolors-input::-moz-placeholder {
  content: '#';
  color: #95A3BA;
  font-size: 14px;
}
.main-colorpicker .minicolors-input:-ms-input-placeholder {
  content: '#';
  color: #95A3BA;
  font-size: 14px;
}
.main-colorpicker .minicolors-input::placeholder {
  content: '#';
  color: #95A3BA;
  font-size: 14px;
}

/* line 5019, app/assets/stylesheets/application.scss */
.main-select .input_value_placeholder span {
  align-items: center;
  font-size: 13px;
  line-height: 16px;
}

/* line 5025, app/assets/stylesheets/application.scss */
.main-select .input_value_placeholder .remove_element {
  font-size: 22px;
}

/* line 5029, app/assets/stylesheets/application.scss */
.main-select .input-field {
  margin-bottom: 0;
}

/* line 5032, app/assets/stylesheets/application.scss */
.main-select .select-wrapper {
  width: 100%;
  margin-bottom: 0;
}

/* line 5035, app/assets/stylesheets/application.scss */
.main-select .select-wrapper::after {
  content: "";
  position: absolute;
  background-image: url(/assets/icon/select-arrow-icon-b4d0279bd8edbab406cda836088803ca03bdec9bc64ad56dc0b406349c77abde.svg);
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: center;
  width: 20px;
  height: 20px;
  top: 25%;
  z-index: 1;
  right: 10px;
  pointer-events: none;
  transform: unset;
}

/* line 5050, app/assets/stylesheets/application.scss */
.main-select .select-wrapper input.select-dropdown {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  border: 1px solid #E1E6F0 !important;
  border-radius: 6px !important;
  padding: 0 28px 0 16px;
  box-sizing: border-box;
  height: 40px;
  min-height: 40px;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
  background-color: #fff;
  width: 100% !important;
  margin: 0 !important;
}

/* line 5064, app/assets/stylesheets/application.scss */
.main-select .select-wrapper input.select-dropdown:focus {
  border: 1px solid #1a53c6 !important;
  box-shadow: none !important;
}

/* line 5068, app/assets/stylesheets/application.scss */
.main-select .select-wrapper input.select-dropdown:hover {
  background: #F7FAFC !important;
}

/* line 5072, app/assets/stylesheets/application.scss */
.main-select .select-wrapper .dropdown-content {
  border: 1px solid #E1E6F0;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
  max-height: 250px;
  top: 100% !important;
}

/* line 5078, app/assets/stylesheets/application.scss */
.main-select .select-wrapper .dropdown-content::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 5083, app/assets/stylesheets/application.scss */
.main-select .select-wrapper .dropdown-content::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 5089, app/assets/stylesheets/application.scss */
.main-select .select-wrapper .dropdown-content::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 5094, app/assets/stylesheets/application.scss */
.main-select .select-wrapper .dropdown-content li {
  line-height: 19px;
}

/* line 5096, app/assets/stylesheets/application.scss */
.main-select .select-wrapper .dropdown-content li span {
  font-size: 14px;
}

/* line 5100, app/assets/stylesheets/application.scss */
.main-select .select-wrapper .dropdown-content li > span {
  padding: 8px 16px;
}

/* line 5103, app/assets/stylesheets/application.scss */
.main-select .select-wrapper .dropdown-content li.selected {
  background-color: #F7FAFC;
}

/* line 5107, app/assets/stylesheets/application.scss */
.main-select .select-wrapper .caret {
  fill: #3153D4;
  display: none;
}

/* line 5114, app/assets/stylesheets/application.scss */
.m-0 {
  margin: 0 !important;
}

/* line 5118, app/assets/stylesheets/application.scss */
.apikey-wrapper {
  margin: 15px 0;
}

/* line 5120, app/assets/stylesheets/application.scss */
.apikey-wrapper .form_title_new {
  margin-bottom: 5px;
}

/* line 5123, app/assets/stylesheets/application.scss */
.apikey-wrapper .key-input_wrapper {
  display: flex;
  gap: 8px;
}

/* line 5129, app/assets/stylesheets/application.scss */
.apikey-wrapper #api_key:focus {
  border: 1px solid #1A53C6 !important;
  box-shadow: none !important;
  background-color: #F7FAFC;
}

/* line 5135, app/assets/stylesheets/application.scss */
.apikey-wrapper .new_button {
  height: unset;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 9px 20px;
}

/* line 5141, app/assets/stylesheets/application.scss */
.copy-api-key-btn {
  width: 50px;
  background-color: #039;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  cursor: pointer;
}

/* line 5149, app/assets/stylesheets/application.scss */
.copy-api-key-btn:hover {
  background-color: #1a53c6;
}

/* line 5152, app/assets/stylesheets/application.scss */
.copy-api-key-btn svg {
  width: 20px;
  height: 20px;
}

/* line 5158, app/assets/stylesheets/application.scss */
.copy-api-key-btn {
  width: 50px;
  background-color: #039;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  cursor: pointer;
  margin-right: 8px;
}

/* line 5167, app/assets/stylesheets/application.scss */
.copy-api-key-btn:hover {
  background-color: #1a53c6;
}

/* line 5170, app/assets/stylesheets/application.scss */
.copy-api-key-btn svg {
  width: 20px;
  height: 20px;
}

/* line 5176, app/assets/stylesheets/application.scss */
.simple_form > .input-field > input, .for_inputs > .input-field > input {
  width: 100% !important;
  box-sizing: border-box;
}

/* line 5182, app/assets/stylesheets/application.scss */
.for_inputs > .input-field > textarea::-moz-placeholder {
  font-size: 14px;
  color: #95A3BA;
}
.for_inputs > .input-field > textarea:-ms-input-placeholder {
  font-size: 14px;
  color: #95A3BA;
}
.for_inputs > .input-field > textarea::placeholder {
  font-size: 14px;
  color: #95A3BA;
}

/* line 5187, app/assets/stylesheets/application.scss */
.wrapper-title-search {
  display: flex;
  align-items: center;
}

/* line 5192, app/assets/stylesheets/application.scss */
.input-search-box {
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* line 5196, app/assets/stylesheets/application.scss */
.input-search-box .search-project {
  box-sizing: border-box !important;
  width: 100% !important;
  border: 1px solid #E0E1E3 !important;
  border-radius: 6px !important;
  background-color: #FFFFFF !important;
  padding: 0 10px !important;
  height: 40px !important;
}

/* line 5204, app/assets/stylesheets/application.scss */
.input-search-box .search-project:focus {
  border-color: #1a53c6 !important;
  box-shadow: none !important;
}

/* line 5209, app/assets/stylesheets/application.scss */
.input-search-box .search-icon-input {
  position: absolute;
  top: 6px;
  right: 10px;
}

/* line 5214, app/assets/stylesheets/application.scss */
.input-search-box .search-project-icon {
  position: absolute;
  top: 7px;
  left: 0;
  cursor: pointer;
}

/* line 5219, app/assets/stylesheets/application.scss */
.input-search-box .search-project-icon svg {
  fill: #004fe1;
}

/* line 5225, app/assets/stylesheets/application.scss */
.for_inputs > .input-field {
  padding: 0 !important;
}

/* line 5230, app/assets/stylesheets/application.scss */
.orange_inputs_container * {
  margin-right: 10px;
}

/* line 5234, app/assets/stylesheets/application.scss */
.input-field {
  margin-top: 0;
  margin-bottom: 20px;
}

/* line 5237, app/assets/stylesheets/application.scss */
.input-field .select-wrapper + label {
  top: -30px;
}

/* line 5243, app/assets/stylesheets/application.scss */
.orange_inputs_container > div > p > label > [type="checkbox"] + span:not(.lever):before {
  transform: none !important;
  border-radius: 18px;
  width: 16px !important;
  height: 16px !important;
  background: white !important;
  border: none !important;
  top: 2px;
  left: -5px;
}

/* line 5254, app/assets/stylesheets/application.scss */
.orange_inputs_container > div > p > label > [type="checkbox"]:checked + span:not(.lever):before {
  transform: none !important;
  border: none !important;
  border-radius: 18px;
  width: 16px !important;
  height: 16px !important;
  background: transparent;
  top: 2px;
  left: 13px !important;
}

/* line 5265, app/assets/stylesheets/application.scss */
.border_for_labels {
  position: relative;
  top: 23px;
  right: 8px;
  width: 40px;
  height: 20px;
  border-radius: 10px;
  background: #dfe1e5;
  transition: 0.3s;
}

/* line 5275, app/assets/stylesheets/application.scss */
p {
  margin: 0;
  word-break: break-word;
}

/* line 5279, app/assets/stylesheets/application.scss */
label {
  color: inherit;
}

/* line 5283, app/assets/stylesheets/application.scss */
.small_title {
  font-size: 14px;
  line-height: 17px;
  color: #021c4e;
}

/* line 5288, app/assets/stylesheets/application.scss */
.mailing_item {
  position: relative;
  border: 1px solid #DCD6D6;
  border-radius: 4px;
  margin-bottom: 10px;
}

/* line 5295, app/assets/stylesheets/application.scss */
.wrapper__for_inputs {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

/* line 5299, app/assets/stylesheets/application.scss */
.wrapper__for_inputs .for_inputs + .for_inputs {
  margin-left: 20px;
}

/* line 5304, app/assets/stylesheets/application.scss */
.sub-title__text {
  margin-bottom: 25px;
}

/* line 5307, app/assets/stylesheets/application.scss */
.form__filter-title {
  margin-bottom: 25px;
}

/* line 5310, app/assets/stylesheets/application.scss */
.form__main-title {
  text-align: center;
  color: #081323;
  margin-top: 0;
  font-size: 1.5em;
  margin-bottom: 10px;
}

/* line 5318, app/assets/stylesheets/application.scss */
.file-field .btn, .file-field .btn-large, .file-field .btn-small {
  background-color: #f8f9fb;
  color: #626F7F;
  border-radius: 6px;
  border: 2px dashed #e6eaf2;
  box-shadow: none;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: auto;
  padding-right: 35px;
  text-align: left;
  position: relative;
}

/* line 5329, app/assets/stylesheets/application.scss */
.file-field .btn::after, .file-field .btn-large::after, .file-field .btn-small::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(/assets/icon/clip-6b4ee2eff6fe1bfc1767bd434f886ab9aaa38411c96877f7ae833d49f30d8583.svg);
  background-repeat: no-repeat;
  width: 21px;
  height: 24px;
}

/* line 5340, app/assets/stylesheets/application.scss */
.file-field .btn span, .file-field .btn-large span, .file-field .btn-small span {
  font-weight: 500;
  margin: 0;
}

/* line 5345, app/assets/stylesheets/application.scss */
.file-field input.file-path {
  border-color: #e0e1e3;
}

/* line 5347, app/assets/stylesheets/application.scss */
.file-field input.file-path:focus {
  border-bottom: 2px solid lightgreen !important;
}

/* line 5352, app/assets/stylesheets/application.scss */
.var-input-wrapper {
  width: 100%;
  margin: 0 auto;
}

/* line 5355, app/assets/stylesheets/application.scss */
.var-input-wrapper .input-field {
  margin-bottom: 10px;
}

/* line 5359, app/assets/stylesheets/application.scss */
.margin-text {
  margin-bottom: 15px;
  display: block;
}

/* line 5363, app/assets/stylesheets/application.scss */
.avito-card__wrapper {
  display: flex;
}

/* line 5366, app/assets/stylesheets/application.scss */
.avito-card__info {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
}

/* line 5371, app/assets/stylesheets/application.scss */
.link-other-vk {
  display: inline-block;
  margin-left: auto;
  color: #039;
  margin-right: 15px;
  font-weight: 400;
}

/* line 5377, app/assets/stylesheets/application.scss */
.link-other-vk:hover {
  color: #1a53c6;
  text-shadow: 0 0 #1a53c6;
}

/* line 5382, app/assets/stylesheets/application.scss */
.vk_group_modal {
  max-width: 800px;
}

/* line 5385, app/assets/stylesheets/application.scss */
.vk-title-group {
  font-size: 20px;
  margin: 0 0 10px 0;
}

/* line 5389, app/assets/stylesheets/application.scss */
.vk-group__connected {
  color: #01246b;
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
}

/* line 5395, app/assets/stylesheets/application.scss */
#show_notifications, #sound_notification {
  color: #000000DE;
}

/* line 5398, app/assets/stylesheets/application.scss */
.tilda-inputs-box {
  width: 100%;
  margin: auto;
  font-size: 15px;
}

/* line 5406, app/assets/stylesheets/application.scss */
.write_first_page--container {
  margin-top: 60px;
}

/* line 5408, app/assets/stylesheets/application.scss */
.write_first_page--container .center {
  font-size: 16px;
}

/* line 5412, app/assets/stylesheets/application.scss */
.position_relative {
  position: relative;
}

/* line 5415, app/assets/stylesheets/application.scss */
.flex-wrap {
  flex-wrap: wrap;
}

/* line 5418, app/assets/stylesheets/application.scss */
.logo-footer-link {
  display: flex;
  align-items: flex-end;
  width: 110px;
  height: 22px;
  font-weight: 900;
  font-size: 22px;
  color: #003399;
  margin-left: 20px;
}

/* line 5428, app/assets/stylesheets/application.scss */
.logo-dots-footer {
  position: relative;
  display: flex;
  right: 29px;
  bottom: 2px;
}

/* line 5437, app/assets/stylesheets/application.scss */
.codes_select {
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
}

/* line 5442, app/assets/stylesheets/application.scss */
.codes_select__trigger {
  line-height: 40px;
  height: 43px;
  border: 1px solid #E0E1E3;
  outline: none;
  border-radius: 6px;
  padding-left: 16px;
  box-shadow: none;
  margin: 0;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 5453, app/assets/stylesheets/application.scss */
.codes_select__trigger::after {
  content: "";
  position: absolute;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  top: 17px;
  right: 10px;
}

/* line 5465, app/assets/stylesheets/application.scss */
.codes_select__box {
  display: none;
  border: 1px solid #E0E1E3;
  border-top: none;
  border-radius: 0 0 6px 6px;
  position: absolute;
  top: 54px;
  background: #fff;
  z-index: 9;
  width: 100%;
  max-height: 200px;
  overflow: auto;
}

/* line 5479, app/assets/stylesheets/application.scss */
.codes_select__item {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 5481, app/assets/stylesheets/application.scss */
.codes_select__item_description {
  padding: 5px 5px 5px 16px;
  cursor: pointer;
}

/* line 5485, app/assets/stylesheets/application.scss */
.codes_select__item_description:hover {
  background: #fafcff;
}

/* line 5491, app/assets/stylesheets/application.scss */
.codes_select__box::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 5495, app/assets/stylesheets/application.scss */
.codes_select__box::-webkit-scrollbar {
  border-radius: 4px;
  width: 8px;
  background-color: transparent;
}

/* line 5501, app/assets/stylesheets/application.scss */
.codes_select__box::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 10px;
}

/* line 5505, app/assets/stylesheets/application.scss */
.selected_code {
  background: #f1f1f1;
  color: #039;
}

/* line 5509, app/assets/stylesheets/application.scss */
.clear_codes {
  margin-bottom: 10px;
  margin-top: 5px;
  color: #039;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 5520, app/assets/stylesheets/application.scss */
body .ui-datepicker {
  width: 15em;
  padding: 0;
}

/* line 5524, app/assets/stylesheets/application.scss */
body .ui-datepicker table {
  font-size: 15px;
  line-height: 19px;
  margin: 0;
}

/* line 5530, app/assets/stylesheets/application.scss */
body .ui-datepicker tr {
  border-bottom: none;
}

/* line 5534, app/assets/stylesheets/application.scss */
body .ui-datepicker tr td a {
  padding: 0;
  text-align: center;
  background-color: transparent;
}

/* line 5541, app/assets/stylesheets/application.scss */
body .ui-datepicker .ui-state-default, body .ui-datepicker .ui-widget-content {
  border: none;
  background-color: transparent;
  margin-bottom: 4px;
  border-radius: 4px;
}

/* line 5547, app/assets/stylesheets/application.scss */
body .ui-datepicker .ui-state-active {
  background-color: #1a53c6;
}

/* line 5550, app/assets/stylesheets/application.scss */
body .ui-datepicker .ui-state-highlight {
  background-color: #FEBA53;
  color: #FFFFFF;
}

/* line 5554, app/assets/stylesheets/application.scss */
body .ui-datepicker .ui-state-hover {
  border: none;
  background-color: #1a53c6;
  color: #FFFFFF;
}

/* line 5559, app/assets/stylesheets/application.scss */
body .ui-datepicker .ui-datepicker-prev-hover,
body .ui-datepicker .ui-datepicker-next-hover {
  background-color: transparent;
  cursor: pointer;
}

/* line 5567, app/assets/stylesheets/application.scss */
body .ui_datepicker_message {
  width: 280px;
  background-color: #fff;
  border-radius: 6px;
  border: none !important;
  box-shadow: 0 8px 24px 10px rgba(39, 58, 97, 0.08);
  padding: 0;
}

/* line 5575, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-widget-header {
  border: none;
  background: #039;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 6px 6px 0 0;
}

/* line 5585, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-datepicker-year {
  font-weight: 400;
  color: #e0e1e3;
}

/* line 5589, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-datepicker-next {
  background-image: url(/assets/icon/arrow-right-401a222b97cb5cd13173c47655a4b5afbb333d3a5b88cdb430748abb4b658145.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}

/* line 5596, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-datepicker-next span {
  display: none;
}

/* line 5600, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-datepicker-prev {
  background-image: url(/assets/icon/arrow-left-feefc48a110262168c235b8995f348cc6b93b78fbbeeb59fd29e73f8ec4adde6.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
}

/* line 5607, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-datepicker-prev span {
  display: none;
}

/* line 5611, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-widget-content {
  border: none;
}

/* line 5614, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-datepicker-calendar {
  border-bottom: 1px solid #e0e1e3;
}

/* line 5616, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-datepicker-calendar thead {
  background-color: #f8f9fb;
}

/* line 5619, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-datepicker-calendar thead tr th {
  font-size: 15px;
  line-height: 19px;
  color: #626f7f;
  font-weight: 400;
  padding: 8px 10.5px;
}

/* line 5630, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-datepicker-calendar tbody tr td {
  font-size: 15px;
  line-height: 19px;
  color: #111111;
  font-weight: 400;
  padding: 0;
  border-radius: 0;
}

/* line 5637, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-datepicker-calendar tbody tr td a {
  padding: 10.5px 11.5px;
  border-radius: 0;
  margin: 0;
}

/* line 5641, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-datepicker-calendar tbody tr td a:hover {
  background-color: #1a53c6;
  color: #FFFFFF;
  border-radius: 0;
  border: none;
}

/* line 5653, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-timepicker-div dl {
  display: flex;
}

/* line 5656, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-timepicker-div .ui_tpicker_hour_label,
body .ui_datepicker_message .ui-timepicker-div .ui_tpicker_minute_label {
  display: none;
}

/* line 5660, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-timepicker-div .ui-spinner-up,
body .ui_datepicker_message .ui-timepicker-div .ui-spinner-down {
  background-image: url(/assets/icon/arrow-top-df59b8ed41fbf294587ff327279c9d2b22fe972b62c274c375be83fde672cac2.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

/* line 5668, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-timepicker-div .ui-spinner-up span,
body .ui_datepicker_message .ui-timepicker-div .ui-spinner-down span {
  display: none;
}

/* line 5672, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-timepicker-div .ui-spinner-down {
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
}

/* line 5675, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-timepicker-div .ui_tpicker_hour {
  margin: 0 10px 0 12px;
}

/* line 5678, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-timepicker-div .ui_tpicker_minute {
  margin: 0 10px 0 12px;
}

/* line 5682, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-datepicker-current {
  display: none;
}

/* line 5685, app/assets/stylesheets/application.scss */
body .ui_datepicker_message .ui-datepicker-close {
  position: absolute;
  bottom: 18px;
  right: 7px;
  border: 1px solid #e0e1e3 !important;
  margin: 0 !important;
  padding: 12px 22px !important;
  border-radius: 6px !important;
}

/* line 5696, app/assets/stylesheets/application.scss */
body .ui-timepicker-div .ui-slider-horizontal {
  background-color: #FFFFFF;
  border: 1px solid #a3a3a3;
}

/* line 5700, app/assets/stylesheets/application.scss */
body .ui-timepicker-div .ui-slider-handle {
  outline: none;
  background-color: #FFFFFF;
  border: 1px solid #a3a3a3;
  top: -6px;
  width: 1.4em;
  height: 1.4em;
}

/* line 5707, app/assets/stylesheets/application.scss */
body .ui-timepicker-div .ui-slider-handle:hover {
  background-color: #1a53c6;
  border-color: #1a53c6;
}

/* line 5712, app/assets/stylesheets/application.scss */
body .ui-timepicker-div .ui_tpicker_time {
  display: none;
  margin: 20px 10px 20px 12px;
}

/* line 5715, app/assets/stylesheets/application.scss */
body .ui-timepicker-div .ui_tpicker_time_label {
  margin: 0;
  font-weight: 600;
}

/* line 5719, app/assets/stylesheets/application.scss */
body .ui-timepicker-div .ui_tpicker_time input {
  height: auto;
  margin: 0;
}

/* line 5724, app/assets/stylesheets/application.scss */
body .ui-timepicker-div .ui_tpicker_hour {
  margin: 20px 10px 20px 40%;
}

/* line 5726, app/assets/stylesheets/application.scss */
body .ui-timepicker-div .ui_tpicker_hour_label {
  margin-top: -5px;
  font-weight: 600;
}

/* line 5731, app/assets/stylesheets/application.scss */
body .ui-timepicker-div .ui_tpicker_minute {
  margin: 20px 10px 20px 40%;
}

/* line 5733, app/assets/stylesheets/application.scss */
body .ui-timepicker-div .ui_tpicker_minute_label {
  font-weight: 600;
  margin-top: -5px;
}

/* line 5738, app/assets/stylesheets/application.scss */
body .ui-timepicker-div .ui-spinner {
  padding: 7px;
  border: 1px solid #e0e1e3;
  width: 60px;
}

/* line 5742, app/assets/stylesheets/application.scss */
body .ui-timepicker-div .ui-spinner input {
  border: none;
  height: 25px !important;
  margin: 0 !important;
}

/* line 5746, app/assets/stylesheets/application.scss */
body .ui-timepicker-div .ui-spinner input:focus {
  border: none !important;
  box-shadow: none;
}

/* line 5754, app/assets/stylesheets/application.scss */
#send_date, #send_time {
  cursor: pointer;
}

/* line 5757, app/assets/stylesheets/application.scss */
#start_time, #end_time {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  cursor: pointer;
  border: 1px solid #E0E1E3;
  box-sizing: border-box;
  outline: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  letter-spacing: 1px;
  color: #111111;
  padding-left: 15px;
  margin-bottom: 0;
  display: inline-block;
  width: 75px;
  height: 36px;
  border-radius: 6px;
}

/* line 5775, app/assets/stylesheets/application.scss */
#start_time:focus, #end_time:focus {
  border-color: #1a53c6;
}

/* line 5781, app/assets/stylesheets/application.scss */
body .minicolors .minicolors-swatch {
  top: 1px;
  left: 0;
  width: 35px;
  height: 35px;
  border-radius: 4px;
}

/* line 5789, app/assets/stylesheets/application.scss */
body .minicolors .minicolors-input {
  margin-left: 15px;
  height: 35px;
}

/* line 5796, app/assets/stylesheets/application.scss */
.vars-wrapper {
  margin: 20px 0;
  border-left: 1px solid #a3a3a3;
  padding-left: 10px;
}

/* line 5800, app/assets/stylesheets/application.scss */
.vars-wrapper .vars-title {
  margin-bottom: 7px;
}

/* line 5803, app/assets/stylesheets/application.scss */
.vars-wrapper .field {
  margin-bottom: 7px;
  line-height: 15px;
  display: block;
}

/* line 5810, app/assets/stylesheets/application.scss */
.select_box_inner {
  display: none;
  position: absolute;
  left: 10%;
  width: 80%;
  max-height: 300px;
  background: #fff;
  border: 1px solid #0000008e;
  margin: auto;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 4px;
  z-index: 9;
}

/* line 5823, app/assets/stylesheets/application.scss */
.select_box_inner::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 5827, app/assets/stylesheets/application.scss */
.select_box_inner::-webkit-scrollbar {
  border-radius: 4px;
  width: 4px;
  background-color: transparent;
}

/* line 5833, app/assets/stylesheets/application.scss */
.select_box_inner::-webkit-scrollbar-thumb {
  background-color: #1a53c6;
  border-radius: 10px;
}

/* line 5838, app/assets/stylesheets/application.scss */
.select_box__item {
  padding: 2px 5px;
  color: #0000008e;
}

/* line 5841, app/assets/stylesheets/application.scss */
.select_box__item:hover {
  background: #e6e6e6;
}

/* line 5846, app/assets/stylesheets/application.scss */
.destroy_online_chat_file {
  position: relative;
  top: -15px;
}

/* line 5850, app/assets/stylesheets/application.scss */
.important-span {
  color: red;
  font-weight: 700;
}

/* line 5854, app/assets/stylesheets/application.scss */
.whatsapp-subtitle-text {
  max-width: 900px;
  margin: 0 auto;
}

/* line 5857, app/assets/stylesheets/application.scss */
.whatsapp-subtitle-text p, .whatsapp-subtitle-text a {
  display: inline-block;
}

/* line 5862, app/assets/stylesheets/application.scss */
.arrow-for-full {
  transition: 0.6s;
  position: absolute;
  top: 65px;
  z-index: 199;
  left: 54px;
  color: black;
  font-size: 30px;
}

/* line 5871, app/assets/stylesheets/application.scss */
.activate_selection,
.deactivate_selection {
  font-weight: 100;
  transition: 0.6s;
  position: absolute;
  top: 95px;
  z-index: 199;
  left: 54px;
  color: black;
  font-size: 30px;
}

/* line 5882, app/assets/stylesheets/application.scss */
.deactivate_selection {
  color: red;
}

/* line 5885, app/assets/stylesheets/application.scss */
.for_transition {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 250px;
  transition: .5s;
  border-radius: 6px;
}

@media (max-width: 640px) {
  /* line 5885, app/assets/stylesheets/application.scss */
  .for_transition {
    left: 10px !important;
    bottom: 65px;
  }
}

@media (max-width: 640px) {
  /* line 5897, app/assets/stylesheets/application.scss */
  #paper-html-elements {
    left: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  /* line 5903, app/assets/stylesheets/application.scss */
  .hide_bars_button,
.select_area_button {
    left: 10px !important;
  }
}

/* line 5909, app/assets/stylesheets/application.scss */
.test_free_btn {
  background-color: #039;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  padding: 8px 5px;
  display: block;
  width: 100%;
  border-radius: 0 0 6px 6px;
}

/* line 5920, app/assets/stylesheets/application.scss */
.test_free_btn:hover {
  background-color: #1a53c6;
}

/* line 5924, app/assets/stylesheets/application.scss */
.wrapper-nav-info {
  box-shadow: 0 3px 13px 5px rgba(39, 58, 97, 0.1), 0 22px 36px 5px rgba(39, 58, 97, 0.1);
  border-radius: 6px;
}

/* line 5928, app/assets/stylesheets/application.scss */
.buttons_menu_redactor {
  justify-content: space-around;
  background-color: #fafcff;
  border-top: 1px solid #E0E1E3;
  border-bottom: 1px solid #E0E1E3;
}

/* line 5933, app/assets/stylesheets/application.scss */
.buttons_menu_redactor--br {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

/* line 5937, app/assets/stylesheets/application.scss */
.buttons_menu_redactor .btn-redactor-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px 0;
}

/* line 5943, app/assets/stylesheets/application.scss */
.buttons_menu_redactor .zoom-box {
  border-left: 1px solid #E0E1E3;
  border-right: 1px solid #E0E1E3;
}

/* line 5947, app/assets/stylesheets/application.scss */
.buttons_menu_redactor .undo_button {
  margin-right: 12px !important;
}

/* line 5950, app/assets/stylesheets/application.scss */
.buttons_menu_redactor .btn-redactor {
  padding: 0 !important;
  margin: 0;
  position: unset;
  opacity: 0.7;
  z-index: 97;
}

/* line 5956, app/assets/stylesheets/application.scss */
.buttons_menu_redactor .btn-redactor:hover {
  opacity: 1;
}

/* line 5960, app/assets/stylesheets/application.scss */
.buttons_menu_redactor .undo_button,
.buttons_menu_redactor .redo_button {
  opacity: 0.4;
  font-size: 15px;
  height: 22px;
  font-weight: 600;
}

/* line 5966, app/assets/stylesheets/application.scss */
.buttons_menu_redactor .undo_button:hover,
.buttons_menu_redactor .redo_button:hover {
  opacity: 0.7;
}

/* line 5971, app/assets/stylesheets/application.scss */
#navigator {
  box-shadow: 0 13px 13px 5px rgba(39, 58, 97, 0.1), 0 22px 36px 0 rgba(39, 58, 97, 0.1);
}

/* line 5974, app/assets/stylesheets/application.scss */
.open_map,
.close_map {
  padding: 15px;
  cursor: pointer;
  z-index: 101;
}

/* line 5980, app/assets/stylesheets/application.scss */
.line_vertical {
  z-index: 101;
  position: relative;
  left: 25px;
}

/* line 5985, app/assets/stylesheets/application.scss */
.zoom_in_button,
.zoom_out_button,
.zoom_info {
  z-index: 101;
  cursor: pointer;
}

/* line 5991, app/assets/stylesheets/application.scss */
.zoom_out_button {
  margin-left: 15px;
}

/* line 5994, app/assets/stylesheets/application.scss */
.zoom_info {
  margin: -5px 12px 0;
  font-weight: 600;
  font-size: 15px;
  color: #626F7F;
  z-index: 97;
}

/* line 6001, app/assets/stylesheets/application.scss */
.cancel-icon,
.to_repeat-icon {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 101;
  cursor: pointer;
  margin-left: 20px;
  position: relative;
  bottom: -2px;
  color: gray;
}

/* line 6011, app/assets/stylesheets/application.scss */
.to_repeat-icon {
  margin-left: 10px;
}

/* line 6014, app/assets/stylesheets/application.scss */
input.auto_input_holder {
  padding-left: 16px;
  box-shadow: none !important;
  border: none !important;
  position: absolute;
  z-index: 99;
  width: 100% !important;
  box-sizing: border-box;
  top: 0;
  left: 0;
}

/* line 6025, app/assets/stylesheets/application.scss */
.show_hidden_ul {
  display: block;
  opacity: 1;
  width: 100%;
  max-height: 300px;
  top: 100%;
}

/* line 6032, app/assets/stylesheets/application.scss */
.question_mark {
  border: 2px solid #E0E1E3;
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  border-radius: 50%;
  line-height: 27px;
  text-align: center;
  font-size: 18px;
  color: #626F7F;
}

/* line 6044, app/assets/stylesheets/application.scss */
.help_desc {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #E0E1E3;
  padding: 5px;
  border-radius: 6px;
  bottom: 34px;
  left: -17px;
  width: 300px;
  box-shadow: 0 0 20px 7px #0000003e;
}

/* line 6056, app/assets/stylesheets/application.scss */
.help_desc_v_t {
  top: 20px;
  right: -17px;
  bottom: unset;
  left: unset;
}

/* line 6062, app/assets/stylesheets/application.scss */
.selectBoxScript {
  display: none;
  position: absolute;
  background: #fff;
  width: calc(100% + 2px);
  left: -1px;
  top: 40px;
  margin: 0;
  z-index: 9;
  border: 1px solid #e0e1e3;
  border-top: none;
  border-radius: 0 0 6px 6px;
}

/* line 6074, app/assets/stylesheets/application.scss */
.selectBoxScriptItem {
  text-align: left;
  padding: 10px 10px 10px 22px;
  font-size: 15px;
  line-height: 19px;
  color: #111111;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 6084, app/assets/stylesheets/application.scss */
.selectBoxScriptItem::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 39px;
  left: 0;
  top: 0;
  background-color: #626f7f;
}

/* line 6093, app/assets/stylesheets/application.scss */
.selectBoxScriptItem:hover {
  background-color: #f0f6fc;
}

/* line 6097, app/assets/stylesheets/application.scss */
.selectBoxScriptItem + .selectBoxScriptItem {
  border-top: 1px solid #e0e1e3;
}

/* line 6101, app/assets/stylesheets/application.scss */
.selectBoxScriptItem:last-child::before {
  border-radius: 0 0 0 6px;
}

/* line 6107, app/assets/stylesheets/application.scss */
.color_item_0::before {
  background-color: #6C7A96;
}

/* line 6110, app/assets/stylesheets/application.scss */
.color_item_1::before {
  background-color: #a329b6;
}

/* line 6113, app/assets/stylesheets/application.scss */
.color_item_2::before {
  background-color: #6366F1;
}

/* line 6116, app/assets/stylesheets/application.scss */
.color_item_3::before {
  background-color: #3B82F6;
}

/* line 6119, app/assets/stylesheets/application.scss */
.color_item_4::before {
  background-color: #8B5CF6;
}

/* line 6122, app/assets/stylesheets/application.scss */
.color_item_5::before {
  background-color: #EB4898;
}

/* line 6125, app/assets/stylesheets/application.scss */
.color_item_6::before {
  background-color: #EF4444;
}

/* line 6128, app/assets/stylesheets/application.scss */
.color_item_7::before {
  background-color: #F59E0B;
}

/* line 6131, app/assets/stylesheets/application.scss */
.color_item_8::before {
  background-color: #10B981;
}

/* line 6137, app/assets/stylesheets/application.scss */
.modal-content-mailings {
  padding: 25px 15px 10px;
}

/* line 6142, app/assets/stylesheets/application.scss */
.list-settings__item {
  display: flex;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}

/* line 6149, app/assets/stylesheets/application.scss */
.list-settings__item-name {
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
  color: #95A3BA;
}

/* line 6158, app/assets/stylesheets/application.scss */
.list-settings_attachment__link__content {
  width: 100%;
  height: 44px;
  padding: 0;
}

/* line 6163, app/assets/stylesheets/application.scss */
.list-settings_attachment__link__text {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #111827;
}

/* line 6173, app/assets/stylesheets/application.scss */
.list-settings_attachment__video__content {
  width: 127px;
  padding: 0;
  border-radius: 6px;
}

/* line 6179, app/assets/stylesheets/application.scss */
.list-settings_attachment__video__image video {
  width: 127px;
  border-radius: 6px;
  border: none;
}

/* line 6187, app/assets/stylesheets/application.scss */
.list-settings_attachment__image__content {
  overflow: hidden;
  width: 127px;
  padding: 0;
}

/* line 6194, app/assets/stylesheets/application.scss */
.list-settings_attachment__image__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}

/* line 6203, app/assets/stylesheets/application.scss */
.list-settings_attachment__file__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 12px;
  width: 100%;
  height: 44px;
}

/* line 6213, app/assets/stylesheets/application.scss */
.list-settings_attachment__file__content__image {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  gap: 10px;
  width: 44px;
  height: 44px;
  background: #F0F2F7;
  border-radius: 6px;
}

/* line 6224, app/assets/stylesheets/application.scss */
.list-settings_attachment__file__content__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  width: 100%;
  height: 70px;
}

/* line 6233, app/assets/stylesheets/application.scss */
.list-settings_attachment__file__content__text-black {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #111827;
}

/* line 6241, app/assets/stylesheets/application.scss */
.list-settings_attachment__file__content__text-gray {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #95A3BA;
}

/* line 6252, app/assets/stylesheets/application.scss */
.list-settings_attachment__audio__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 12px;
  width: 100%;
  height: 44px;
  padding: 0;
}

/* line 6263, app/assets/stylesheets/application.scss */
.list-settings_attachment__audio__text {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  line-height: 19px;
  color: #111827;
}

/* line 6278, app/assets/stylesheets/application.scss */
.variables_help {
  line-height: 18px;
}

/* line 6279, app/assets/stylesheets/application.scss */
.variables_help .main_span {
  position: relative;
  font-size: 14px;
  color: #039;
  cursor: pointer;
}

/* line 6284, app/assets/stylesheets/application.scss */
.variables_help .main_span:hover {
  color: #1a53c6;
}

/* line 6290, app/assets/stylesheets/application.scss */
.variables_help_description {
  font-family: 'Nunito', sans-serif;
  display: none;
  position: absolute;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #d4dff4;
  z-index: 9;
  padding: 8px;
  filter: drop-shadow(0 10px 20px rgba(45, 51, 56, 0.1));
}

/* line 6292, app/assets/stylesheets/application.scss */
.variables_help_description span {
  font-size: 14px;
  line-height: 19px;
  color: #626F7F;
  display: block;
  cursor: text;
  margin-bottom: 6px;
}

/* line 6309, app/assets/stylesheets/application.scss */
.client-tasks-popup {
  margin-left: 13px;
  position: relative;
}

/* line 6313, app/assets/stylesheets/application.scss */
.count-circle {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 800;
  font-size: 9px;
  line-height: 12px;
  text-align: center;
  color: #FFFFFF;
  padding: 2px 0px;
  border-radius: 50px;
  background-color: #EF4444;
}

/* line 6324, app/assets/stylesheets/application.scss */
.count-circle_clients {
  display: none;
  position: absolute;
  top: -6px;
  right: -6px;
  width: 16px;
}

/* line 6331, app/assets/stylesheets/application.scss */
.count-circle_left_bar {
  display: none;
  width: 16px;
  height: 16px;
  z-index: 2;
  margin-left: 6px;
}

@media (min-width: 660px) and (max-width: 992px) {
  /* line 6331, app/assets/stylesheets/application.scss */
  .count-circle_left_bar {
    margin-left: 6px;
  }
}

/* line 6344, app/assets/stylesheets/application.scss */
.tasks_deadlined {
  position: absolute;
  background: #e66b6b;
  line-height: 12px;
  color: #fff;
  border-radius: 12px;
  padding: 2px;
  font-size: 12px;
  margin-left: 15px;
  margin-bottom: 10px;
}

/* line 6356, app/assets/stylesheets/application.scss */
.syntaxhighlighter .line {
  font-size: 14px !important;
}

/* line 6360, app/assets/stylesheets/application.scss */
.modal_body {
  max-height: calc(100vh - 220px);
  overflow: auto;
}

@media (max-height: 1080px) {
  /* line 6360, app/assets/stylesheets/application.scss */
  .modal_body {
    max-height: 760px;
  }
}

@media (max-height: 979px) {
  /* line 6360, app/assets/stylesheets/application.scss */
  .modal_body {
    max-height: 720px;
  }
}

@media (max-height: 933px) {
  /* line 6360, app/assets/stylesheets/application.scss */
  .modal_body {
    max-height: 690px;
  }
}

@media (max-height: 900px) {
  /* line 6360, app/assets/stylesheets/application.scss */
  .modal_body {
    max-height: 665px;
  }
}

@media (max-height: 835px) {
  /* line 6360, app/assets/stylesheets/application.scss */
  .modal_body {
    max-height: 585px;
  }
}

@media (max-height: 769px) {
  /* line 6360, app/assets/stylesheets/application.scss */
  .modal_body {
    max-height: 572px;
  }
}

@media (max-height: 768px) {
  /* line 6360, app/assets/stylesheets/application.scss */
  .modal_body {
    max-height: 500px;
  }
}

@media (max-height: 687px) {
  /* line 6360, app/assets/stylesheets/application.scss */
  .modal_body {
    max-height: 420px;
  }
}

@media (max-height: 600px) {
  /* line 6360, app/assets/stylesheets/application.scss */
  .modal_body {
    max-height: calc(100vh - 130px);
  }
}

@media (max-width: 340px) {
  /* line 6360, app/assets/stylesheets/application.scss */
  .modal_body {
    overflow-x: hidden;
  }
}

@media (max-height: 600px) {
  /* line 6395, app/assets/stylesheets/application.scss */
  .small_top_panel {
    z-index: 1001 !important;
  }
}

/* line 6400, app/assets/stylesheets/application.scss */
.variables_update {
  max-height: 765px;
}

@media (max-height: 900px) {
  /* line 6400, app/assets/stylesheets/application.scss */
  .variables_update {
    max-height: 630px;
  }
}

@media (max-height: 768px) {
  /* line 6400, app/assets/stylesheets/application.scss */
  .variables_update {
    max-height: 500px;
  }
}

/* line 6409, app/assets/stylesheets/application.scss */
.modal_body_tasks {
  max-height: 450px;
}

/* line 6413, app/assets/stylesheets/application.scss */
.modal_body_top {
  display: flex;
  padding: 20px 16px 10px;
  box-shadow: 0 1px 0 0 rgba(224, 225, 227, 0.6);
}

/* line 6418, app/assets/stylesheets/application.scss */
.modal_body_top_name {
  font-size: 15px;
  line-height: 19px;
  color: #626F7F;
}

/* line 6422, app/assets/stylesheets/application.scss */
.modal_body_top_name--id {
  max-width: 125px;
  width: 100%;
}

/* line 6426, app/assets/stylesheets/application.scss */
.modal_body_top_name--text {
  width: 100%;
}

/* line 6429, app/assets/stylesheets/application.scss */
.modal_body_top_name--time {
  margin-left: auto;
  margin-right: 80px;
  max-width: 135px;
  width: 100%;
}

/* line 6436, app/assets/stylesheets/application.scss */
.modal_body_inner {
  display: flex;
  padding: 10px 16px;
}

/* line 6439, app/assets/stylesheets/application.scss */
.modal_body_inner + .modal_body_inner {
  box-shadow: 0 -1px 0 0 rgba(224, 225, 227, 0.6);
}

/* line 6443, app/assets/stylesheets/application.scss */
.modal_body_inner_name {
  font-size: 15px;
  line-height: 19px;
  color: #111111;
}

/* line 6447, app/assets/stylesheets/application.scss */
.modal_body_inner_name--id {
  max-width: 125px;
  width: 100%;
}

/* line 6451, app/assets/stylesheets/application.scss */
.modal_body_inner_name--text {
  width: 100%;
  padding-right: 5px;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 6459, app/assets/stylesheets/application.scss */
.modal_body_inner_name--time {
  margin-left: auto;
  max-width: 135px;
  width: 100%;
}

/* line 6464, app/assets/stylesheets/application.scss */
.modal_body_inner_name--delete {
  color: #FD5D4F;
  max-width: 78px;
  width: 100%;
}

/* line 6471, app/assets/stylesheets/application.scss */
.modal_header {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 20px 13px 16px;
  background: #f8f9fb;
  color: #111111;
  font-size: 16px;
  border-radius: 6px 6px 0 0;
  line-height: 20px;
  font-weight: 400;
  border-bottom: 1px solid #e0e1e3;
}

/* line 6484, app/assets/stylesheets/application.scss */
.modal_header_close {
  transform: rotate(45deg);
  font-size: 25px;
  line-height: 20px;
  color: #626f7f;
  font-weight: 500;
  position: relative;
  right: 0;
}

/* line 6493, app/assets/stylesheets/application.scss */
.modal_header--back {
  justify-content: unset;
}

/* line 6495, app/assets/stylesheets/application.scss */
.modal_header--back .modal-arrow-back {
  margin-right: 15px;
}

/* line 6498, app/assets/stylesheets/application.scss */
.modal_header--back .modal_header_close {
  margin-left: auto;
}

/* line 6503, app/assets/stylesheets/application.scss */
.full_display_modal {
  max-width: 90% !important;
  max-height: calc(100vh - 17%) !important;
  width: 100%;
  overflow: hidden;
  height: 100%;
}

/* line 6510, app/assets/stylesheets/application.scss */
.modal_form_box {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  padding: 16px;
}

/* line 6513, app/assets/stylesheets/application.scss */
.modal_form_box_token {
  padding: 24px 0;
}

/* line 6515, app/assets/stylesheets/application.scss */
.modal_form_box_token .token_modal__token + .token_modal__token {
  border-top: 1px solid #E0E1E3;
}

/* line 6518, app/assets/stylesheets/application.scss */
.modal_form_box_token .token_modal__token {
  padding: 5px 16px;
}

/* line 6522, app/assets/stylesheets/application.scss */
.modal_form_box .for_inputs {
  position: relative;
}

/* line 6524, app/assets/stylesheets/application.scss */
.modal_form_box .for_inputs input,
.modal_form_box .for_inputs textarea {
  border: 1px solid #e0e1e3 !important;
  padding: 10px 39px 10px 16px !important;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #111111;
  box-sizing: border-box;
  width: 100% !important;
  min-height: 40px !important;
  height: 40px;
  margin: 0 !important;
  border-radius: 6px !important;
  background-color: #FFFFFF !important;
}

/* line 6540, app/assets/stylesheets/application.scss */
.modal_form_box .for_inputs textarea {
  padding: 9px 16px !important;
  outline: #626f7f;
}

/* line 6544, app/assets/stylesheets/application.scss */
.modal_form_box .for_inputs .old_type {
  min-height: 120px !important;
  max-height: 300px !important;
}

/* line 6548, app/assets/stylesheets/application.scss */
.modal_form_box .for_inputs .color_button {
  max-width: 100px;
  padding: 0 10px 0 12px !important;
}

/* line 6553, app/assets/stylesheets/application.scss */
.modal_form_box--base {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  padding: 16px 16px 85px;
}

/* line 6556, app/assets/stylesheets/application.scss */
.modal_form_box--base .input-field {
  margin-bottom: 0;
}

/* line 6559, app/assets/stylesheets/application.scss */
.modal_form_box--base input[type=text]:not(.browser-default) {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
}

/* line 6560, app/assets/stylesheets/application.scss */
.modal_form_box--base input[type=text]:not(.browser-default):focus {
  box-shadow: none !important;
}

/* line 6563, app/assets/stylesheets/application.scss */
.modal_form_box--base input[type=text]:not(.browser-default)::-moz-placeholder {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #95A3BA;
}
.modal_form_box--base input[type=text]:not(.browser-default):-ms-input-placeholder {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #95A3BA;
}
.modal_form_box--base input[type=text]:not(.browser-default)::placeholder {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #95A3BA;
}

/* line 6572, app/assets/stylesheets/application.scss */
.modal_form_box--base .input_value_placeholder span {
  align-items: center;
  font-size: 13px;
  line-height: 16px;
}

/* line 6577, app/assets/stylesheets/application.scss */
.modal_form_box--base .input_value_placeholder .remove_element {
  font-size: 22px;
}

/* line 6581, app/assets/stylesheets/application.scss */
.modal_form_box--base .dropdown-content {
  border: 1px solid #E0E1E3;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
}

/* line 6584, app/assets/stylesheets/application.scss */
.modal_form_box--base .dropdown-content::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 6589, app/assets/stylesheets/application.scss */
.modal_form_box--base .dropdown-content::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 6595, app/assets/stylesheets/application.scss */
.modal_form_box--base .dropdown-content::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 6601, app/assets/stylesheets/application.scss */
.modal_form_box--base .dropdown-content li span {
  color: #111111 !important;
  font-size: 14px;
}

/* line 6605, app/assets/stylesheets/application.scss */
.modal_form_box--base .dropdown-content li:hover {
  background-color: #F7FAFC;
}

/* line 6612, app/assets/stylesheets/application.scss */
.modal_form_box .inputs_var_box input.input_var_template,
.modal_form_box .inputs_var_box input.input_val_template,
.modal_form_box .inputs_var_box textarea.input_val_template {
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  padding: 0 10px;
}

/* line 6619, app/assets/stylesheets/application.scss */
.modal_form_box .inputs_var_box textarea.input_val_template {
  padding: 5px 5px 0 5px;
  line-height: 16px;
  min-height: 30px;
  max-height: 550px !important;
  height: 30px;
  outline: none;
  overflow: auto;
  resize: vertical;
  box-sizing: unset;
  width: calc(100% - 17px) !important;
  max-width: unset !important;
  min-width: unset !important;
}

/* line 6632, app/assets/stylesheets/application.scss */
.modal_form_box .inputs_var_box textarea.input_val_template::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 6636, app/assets/stylesheets/application.scss */
.modal_form_box .inputs_var_box textarea.input_val_template::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  background-color: transparent;
}

/* line 6642, app/assets/stylesheets/application.scss */
.modal_form_box .inputs_var_box textarea.input_val_template::-webkit-scrollbar-thumb {
  background-color: #eaebec;
  border-radius: 10px;
}

/* line 6648, app/assets/stylesheets/application.scss */
.modal_form_box .roles_employees_select-box {
  margin-bottom: 15px;
}

/* line 6651, app/assets/stylesheets/application.scss */
.modal_form_box .roles_employees_select-box .update-access .add-employee__content__add__name__bottom__selector {
  padding: 8px 18px 8px 16px;
}

/* line 6656, app/assets/stylesheets/application.scss */
.modal_form_box .select-wrapper {
  margin-bottom: 15px;
  width: 100%;
}

/* line 6660, app/assets/stylesheets/application.scss */
.modal_form_box .select-wrapper::after {
  content: "";
  position: absolute;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  width: 12px;
  height: 10px;
  top: 18px;
  right: 16px;
  transform: unset;
}

/* line 6671, app/assets/stylesheets/application.scss */
.modal_form_box .select-wrapper input.select-dropdown {
  border: 1px solid #e0e1e3 !important;
  border-radius: 6px !important;
  height: 40px;
  background-color: transparent !important;
}

/* line 6679, app/assets/stylesheets/application.scss */
.modal_form_box .list-box-input ul {
  max-height: 400px;
  position: fixed;
}

@media (max-height: 768px) {
  /* line 6679, app/assets/stylesheets/application.scss */
  .modal_form_box .list-box-input ul {
    max-height: 300px;
  }
}

/* line 6686, app/assets/stylesheets/application.scss */
.modal_form_box .list-box-input .input-field {
  margin: 0 !important;
}

/* line 6689, app/assets/stylesheets/application.scss */
.modal_form_box .list-box-input .select-wrapper {
  margin-bottom: 0 !important;
}

/* line 6694, app/assets/stylesheets/application.scss */
.fixed-footer {
  position: fixed;
  display: flex;
  gap: 12px;
  width: 100%;
  background-color: #fff;
  bottom: 0;
  z-index: 200;
  margin-left: -19px;
  padding: 8px 20px;
  border-top: 1px solid #E0E1E3;
}

/* line 6705, app/assets/stylesheets/application.scss */
.fixed-footer::before {
  content: '';
  position: absolute;
  height: 10px;
  left: 0;
  right: 0;
  top: -10px;
  background: linear-gradient(180deg, #CCD4E3 0%, rgba(204, 212, 227, 0) 100%);
  opacity: 0.3;
  transform: matrix(1, 0, 0, -1, 0, 0);
}

/* line 6717, app/assets/stylesheets/application.scss */
.modal_footer--fixed {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  position: fixed;
  border-radius: 0 0 6px 6px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #F8F9FB;
  border-top: 1px solid #E1E6F0;
}

/* line 6728, app/assets/stylesheets/application.scss */
.modal_footer--fixed::before {
  content: '';
  background: linear-gradient(180deg, #CCD4E3 0%, rgba(204, 212, 227, 0) 100%);
  opacity: 0.5;
  transform: matrix(1, 0, 0, -1, 0, 0);
  position: absolute;
  height: 10px;
  left: 0;
  right: 0;
  top: -10px;
}

/* line 6739, app/assets/stylesheets/application.scss */
.modal_footer--fixed .secondary_button {
  font-size: 14px;
  padding: 10px 16px;
  height: unset;
}

/* line 6745, app/assets/stylesheets/application.scss */
.modal_footer {
  background-color: #fff;
  padding: 9px 16px;
  position: relative;
  border-radius: 0 0 6px 6px;
}

/* line 6750, app/assets/stylesheets/application.scss */
.modal_footer--scroll {
  border-top: 1px solid #E0E1E3;
}

/* line 6752, app/assets/stylesheets/application.scss */
.modal_footer--scroll::before {
  content: '';
  position: absolute;
  height: 10px;
  left: 0;
  right: 0;
  top: -10px;
  background: linear-gradient(180deg, #CCD4E3 0%, rgba(204, 212, 227, 0) 100%);
  opacity: 0.3;
  transform: matrix(1, 0, 0, -1, 0, 0);
}

/* line 6764, app/assets/stylesheets/application.scss */
.modal_footer--vkgroup {
  padding: 9px;
  background-color: #fafcff;
}

/* line 6769, app/assets/stylesheets/application.scss */
.tasks_modal {
  max-width: 940px;
  border-radius: 6px;
}

/* line 6773, app/assets/stylesheets/application.scss */
.create_task_modal {
  max-width: 600px;
  border-radius: 6px;
}

/* line 6776, app/assets/stylesheets/application.scss */
.create_task_modal .modal_form {
  padding: 0;
}

/* line 6780, app/assets/stylesheets/application.scss */
.new_label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #324256;
  margin-bottom: 4px;
}

/* line 6787, app/assets/stylesheets/application.scss */
.show-on-medium-and-down {
  display: none;
}

/* line 6791, app/assets/stylesheets/application.scss */
.salebot-alert {
  display: none;
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1002;
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 6801, app/assets/stylesheets/application.scss */
.salebot-alert__container {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #111111;
  max-width: 390px;
  width: 100%;
  border-radius: 6px;
  box-shadow: 0 24px 48px 10px rgba(39, 58, 97, 0.1), 0px 32px 64px 10px rgba(39, 58, 97, 0.1);
  background-color: #fff;
  position: absolute;
  z-index: 1003;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}

@media (max-width: 430px) {
  /* line 6801, app/assets/stylesheets/application.scss */
  .salebot-alert__container {
    top: 20%;
    left: 0;
    max-width: 100%;
    transform: unset;
  }
}

/* line 6825, app/assets/stylesheets/application.scss */
.salebot-alert__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F7FAFC;
  border-bottom: 1px solid #E1E6F0;
  padding: 12px 20px;
  font-size: 16px;
  line-height: 22px;
}

/* line 6835, app/assets/stylesheets/application.scss */
.salebot-alert__close {
  cursor: pointer;
}

/* line 6838, app/assets/stylesheets/application.scss */
.salebot-alert__inner {
  padding: 16px 20px;
  background-color: #fff;
  z-index: 200;
}

/* line 6843, app/assets/stylesheets/application.scss */
.salebot-alert__text {
  color: #626F7F;
  margin-bottom: 16px;
  line-height: 20px;
}

/* line 6848, app/assets/stylesheets/application.scss */
.salebot-alert .important-description {
  font-size: 14px;
}

/* line 6851, app/assets/stylesheets/application.scss */
.salebot-alert__btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 390px) {
  /* line 6851, app/assets/stylesheets/application.scss */
  .salebot-alert__btns {
    flex-direction: column;
    gap: 12px;
  }
  /* line 6858, app/assets/stylesheets/application.scss */
  .salebot-alert__btns * {
    width: 100%;
  }
}

/* line 6863, app/assets/stylesheets/application.scss */
.salebot-alert__btn-delete {
  padding: 10px 16px;
  background-color: #E1E6F0;
  cursor: pointer;
  border-radius: 6px;
  text-align: center;
  color: #111111;
  transition: .3s;
}

/* line 6871, app/assets/stylesheets/application.scss */
.salebot-alert__btn-delete:hover {
  background-color: #e56e86;
  color: #FFFFFF;
}

/* line 6878, app/assets/stylesheets/application.scss */
.language-swap {
  display: flex;
  justify-content: space-between;
  min-width: 70px;
  margin-left: 10px;
  line-height: 1;
}

@media (max-width: 768px) {
  /* line 6878, app/assets/stylesheets/application.scss */
  .language-swap {
    margin-left: 15px;
  }
}

@media (max-width: 540px) {
  /* line 6878, app/assets/stylesheets/application.scss */
  .language-swap {
    min-width: 90px;
  }
}

/* line 6890, app/assets/stylesheets/application.scss */
.language-swap a {
  width: 28px;
  height: 31px;
  display: inline-flex;
}

/* line 6895, app/assets/stylesheets/application.scss */
.language-swap img {
  width: 100%;
  height: 100%;
}

/* line 6899, app/assets/stylesheets/application.scss */
.language-swap__btn {
  border: 2px solid transparent;
}

/* line 6902, app/assets/stylesheets/application.scss */
.language-swap--active {
  border: 2px solid #ffb400;
}

/* line 6906, app/assets/stylesheets/application.scss */
.language-swap-select {
  margin-left: 0;
  padding: 7px 12px;
  position: relative;
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  min-width: 58px;
  flex-direction: column;
  background-color: #FFFFFF;
  z-index: 1000;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 6907, app/assets/stylesheets/application.scss */
.language-swap-select_container {
  display: none;
  position: absolute;
  top: 88%;
  background: #fff;
  width: calc(100% + 2px);
  left: -1px;
  border: 1px solid #e0e1e3;
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 6919, app/assets/stylesheets/application.scss */
.language-swap-select_item {
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  padding: 6px 12px;
}

/* line 6924, app/assets/stylesheets/application.scss */
.language-swap-select_item:hover {
  background: #f0f6fc;
}

/* line 6928, app/assets/stylesheets/application.scss */
.language-swap-select_current {
  font-size: 14px;
  line-height: 17px;
}

/* line 6943, app/assets/stylesheets/application.scss */
.language-swap-select::before {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  width: 14px;
  height: 7px;
  right: 4px;
  top: 12px;
}

/* line 6953, app/assets/stylesheets/application.scss */
.language-swap-select a {
  width: 100%;
  color: #111111;
}

/* line 6957, app/assets/stylesheets/application.scss */
.language-swap-select .language-swap__btn {
  border: none;
  display: none;
}

/* line 6961, app/assets/stylesheets/application.scss */
.language-swap-select .language-swap--active {
  border: none;
  display: block;
}

@media (max-width: 1020px) {
  /* line 6967, app/assets/stylesheets/application.scss */
  .language-swap.language-swap-select.hide_on_small {
    display: none;
  }
}

@media (max-width: 661px) {
  /* line 6973, app/assets/stylesheets/application.scss */
  .language-swap-select-mobile {
    margin: 0;
  }
}

/* line 6979, app/assets/stylesheets/application.scss */
.template_box {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 9;
  margin-top: -4px;
  max-height: 150px;
  overflow: auto;
  background: #fff;
  border: 1px solid #e0e1e3;
  border-top: none;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 8px 0;
}

/* line 6994, app/assets/stylesheets/application.scss */
.template_box_item {
  cursor: pointer;
  padding: 5px 8px;
}

/* line 6997, app/assets/stylesheets/application.scss */
.template_box_item:hover {
  background: #f0f6fc;
}

/* line 7002, app/assets/stylesheets/application.scss */
.green_title {
  display: inline-block;
  color: #111111;
  font-size: 15px;
  line-height: 19px;
  padding: 2px 8px;
  background-color: #daefc9;
  border-radius: 5px;
}

/* line 7012, app/assets/stylesheets/application.scss */
.stats_container .empty_stats {
  max-width: 600px;
  width: 100%;
  height: 100%;
  background: #0000000f;
  text-align: center;
  line-height: 400px;
  font-size: 150px;
  border-radius: 6px;
}

/* line 7022, app/assets/stylesheets/application.scss */
.stats_container > div {
  max-width: 600px;
  width: 100%;
  height: 400px;
  border-radius: 6px;
  overflow: unset !important;
}

@media (max-width: 1440px) {
  /* line 7022, app/assets/stylesheets/application.scss */
  .stats_container > div {
    flex-basis: 48%;
  }
}

/* line 7032, app/assets/stylesheets/application.scss */
.stats_container .select-wrapper {
  display: none !important;
}

/* line 7036, app/assets/stylesheets/application.scss */
.statistic_select {
  border: 1px solid #0000003e;
  padding: 7px;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
}

/* line 7042, app/assets/stylesheets/application.scss */
.statistic_select_box {
  position: absolute;
  background: #fff;
  border: 1px solid #0000003e;
  width: calc(100% + 2px);
  left: -1px;
  border-top: none;
  padding: 5px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 9;
  max-height: 200px;
  overflow: auto;
  display: none;
}

/* line 7056, app/assets/stylesheets/application.scss */
.statistic_select_box_item {
  padding: 5px;
}

/* line 7058, app/assets/stylesheets/application.scss */
.statistic_select_box_item:hover {
  background: #0000001e;
}

/* line 7064, app/assets/stylesheets/application.scss */
.statistic_search_box {
  justify-content: space-around;
  margin-bottom: 15px;
}

/* line 7068, app/assets/stylesheets/application.scss */
.old_type_button {
  color: #626f7f;
  padding: 5px;
  cursor: pointer;
}

/* line 7073, app/assets/stylesheets/application.scss */
.statistic_variables_inputs {
  display: flex;
  justify-content: space-between;
}

/* line 7076, app/assets/stylesheets/application.scss */
.statistic_variables_inputs .stat_var, .statistic_variables_inputs .stat_val {
  width: 48%;
  border: 1px solid #0000003e !important;
  border-radius: 4px !important;
  height: 38px !important;
  box-sizing: border-box;
  padding-left: 15px;
}

/* line 7085, app/assets/stylesheets/application.scss */
.statistic_lists_select,
.statistic_block_select {
  position: relative;
}

/* line 7089, app/assets/stylesheets/application.scss */
.statistic_block_box {
  display: none;
  position: absolute;
  background: #fff;
  width: 100%;
  border: 1px solid #0000003e;
  border-radius: 4px;
  z-index: 9;
  max-height: 200px;
  overflow: auto;
  box-shadow: 0 0 7px 5px #0000003e;
}

/* line 7101, app/assets/stylesheets/application.scss */
.load_button {
  position: relative;
  right: 7px;
}

/* line 7105, app/assets/stylesheets/application.scss */
.load_spinner_butt {
  position: absolute;
  width: 20px;
  top: 10px;
  right: 10px;
}

/* line 7111, app/assets/stylesheets/application.scss */
.stat_succ_btn {
  position: relative;
  width: 120px;
  margin: 0;
  height: 38px;
  background: #039;
  color: #fff;
  line-height: 38px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}

/* line 7122, app/assets/stylesheets/application.scss */
.stat_succ_btn:hover {
  box-shadow: 0 0 10px 2px #0033993e;
}

/* line 7126, app/assets/stylesheets/application.scss */
.loading_container {
  position: relative;
  background: #f9f9f9;
  border-radius: 6px;
  width: 600px;
  height: 100%;
  line-height: 400px;
  color: #039;
  font-size: 30px;
  display: flex;
  justify-content: center;
}

/* line 7137, app/assets/stylesheets/application.scss */
.loading_container img {
  height: 30px;
  position: relative;
  top: 186px;
  left: 10px;
}

/* line 7144, app/assets/stylesheets/application.scss */
.controller_panel {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  max-width: 600px;
  width: 100%;
  padding: 15px;
  box-shadow: 0 0 20px 10px rgba(255, 238, 242, 0.3);
  background-color: #f9f9f9;
  border-radius: 6px;
}

/* line 7156, app/assets/stylesheets/application.scss */
.timezone-text {
  font-size: 13px;
  line-height: 16px;
  margin-left: 10px;
  margin-right: 15px;
  color: #626f7f;
}

@media (max-width: 410px) {
  /* line 7156, app/assets/stylesheets/application.scss */
  .timezone-text {
    margin-left: 4px;
    font-size: 10px;
  }
}

/* line 7166, app/assets/stylesheets/application.scss */
.timezone-text--left-bar {
  display: none;
}

/* line 7170, app/assets/stylesheets/application.scss */
.empty_desc {
  text-align: center;
  position: absolute;
  top: -150px;
  font-size: 18px;
}

/* line 7178, app/assets/stylesheets/application.scss */
.discount-banner {
  position: absolute;
  left: 215px;
  top: 14px;
  padding: 10px;
  background-color: #f7f7ff;
  border-radius: 10px;
}

/* line 7185, app/assets/stylesheets/application.scss */
.discount-banner__main {
  font-size: 17px;
  line-height: 1;
  color: #1a53c6;
}

@media (max-width: 992px) {
  /* line 7178, app/assets/stylesheets/application.scss */
  .discount-banner {
    display: none;
  }
}

/* line 7196, app/assets/stylesheets/application.scss */
.btn-comment .fa-paper-plane {
  color: #FFFFFF;
  margin: 0;
}

/* line 7201, app/assets/stylesheets/application.scss */
.check_count {
  transition: 0.5s;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #111111;
  font-size: 14px;
  line-height: 19px;
  padding: 0 20px;
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  margin-left: 15px;
  height: 48px;
}

/* line 7215, app/assets/stylesheets/application.scss */
.check_count:hover {
  background-color: #e6eaf2;
  border-color: transparent;
}

/* line 7219, app/assets/stylesheets/application.scss */
.check_count_text {
  color: #111111;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}

/* line 7226, app/assets/stylesheets/application.scss */
.check_count svg {
  margin-right: 6px;
}

/* line 7230, app/assets/stylesheets/application.scss */
.check_count span {
  display: flex;
}

/* line 7235, app/assets/stylesheets/application.scss */
.half_size_mailing {
  width: 49%;
}

/* line 7239, app/assets/stylesheets/application.scss */
.load_spinner_mailing {
  height: 22px;
  margin-left: 10px;
}

/* line 7243, app/assets/stylesheets/application.scss */
.desc_help {
  position: absolute;
  left: 3px;
  margin-top: 7px;
  z-index: 99;
  cursor: pointer;
}

/* line 7250, app/assets/stylesheets/application.scss */
.desc_help:hover .desc_help_description {
  display: block;
}

/* line 7254, app/assets/stylesheets/application.scss */
.desc_help_description {
  display: none;
  min-width: 450px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #0000003e;
  font-size: 14px;
  text-align: left;
  padding: 5px;
  line-height: 1.4;
}

/* line 7267, app/assets/stylesheets/application.scss */
.yandex_goal_help {
  z-index: 999;
}

/* line 7271, app/assets/stylesheets/application.scss */
.align-center {
  align-items: center;
}

/* line 7274, app/assets/stylesheets/application.scss */
.time_label {
  z-index: 999;
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  position: relative;
}

/* line 7281, app/assets/stylesheets/application.scss */
.destroy_timer {
  font-size: 25px;
  line-height: 1;
  transform: rotate(45deg);
  color: #e56e86;
  position: absolute;
  right: -16px;
  top: -16px;
}

/* line 7290, app/assets/stylesheets/application.scss */
.delete_var_project {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 14px;
  margin-bottom: 8px;
}

/* line 7296, app/assets/stylesheets/application.scss */
.delete_var_project svg {
  width: 12px;
  height: 14px;
  cursor: pointer;
}

/* line 7303, app/assets/stylesheets/application.scss */
.small_logo_header {
  width: 71px;
  padding: 0;
  background-color: #1A53C6;
}

/* line 7307, app/assets/stylesheets/application.scss */
.small_logo_header .header-top__logo-img {
  padding: 5px 10px;
}

/* line 7309, app/assets/stylesheets/application.scss */
.small_logo_header .header-top__logo-img svg {
  width: 100% !important;
}

@media (min-width: 660px) {
  /* line 7303, app/assets/stylesheets/application.scss */
  .small_logo_header {
    display: none;
  }
}

@media (max-width: 992px) {
  /* line 7303, app/assets/stylesheets/application.scss */
  .small_logo_header {
    display: block;
    width: 71px;
    background-color: #1A53C6;
  }
}

/* line 7324, app/assets/stylesheets/application.scss */
.small_logo_header, .big_logo_header {
  position: absolute;
}

@media (max-width: 660px) {
  /* line 7328, app/assets/stylesheets/application.scss */
  .small_logo_header {
    display: none;
  }
}

/* line 7334, app/assets/stylesheets/application.scss */
.big_logo_header {
  display: none;
}

@media (max-width: 660px) {
  /* line 7334, app/assets/stylesheets/application.scss */
  .big_logo_header {
    padding-bottom: 56px;
    border-right: none;
  }
}

@media (min-width: 661px) and (max-width: 992px) {
  /* line 7334, app/assets/stylesheets/application.scss */
  .big_logo_header {
    display: none;
  }
}

/* line 7345, app/assets/stylesheets/application.scss */
.no_display {
  display: none;
}

/* line 7348, app/assets/stylesheets/application.scss */
.mobile-trigger-menu,
.mobile-trigger-profile {
  position: relative;
  width: 32px;
  height: 32px;
  z-index: 999999;
  transition: .5s;
  cursor: pointer;
  display: none;
}

/* line 7357, app/assets/stylesheets/application.scss */
.mobile-trigger-menu::before, .mobile-trigger-menu::after,
.mobile-trigger-menu span,
.mobile-trigger-profile::before,
.mobile-trigger-profile::after,
.mobile-trigger-profile span {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #4C5D75;
  left: 6px;
  top: 9px;
  transition: .5s;
}

/* line 7369, app/assets/stylesheets/application.scss */
.mobile-trigger-menu::after,
.mobile-trigger-profile::after {
  top: 15px;
}

/* line 7372, app/assets/stylesheets/application.scss */
.mobile-trigger-menu span,
.mobile-trigger-profile span {
  top: 21px;
}

/* line 7378, app/assets/stylesheets/application.scss */
.mobile-trigger-menu--active::before,
.mobile-trigger-profile--active::before {
  transform: rotate(135deg);
  top: 14px;
}

/* line 7382, app/assets/stylesheets/application.scss */
.mobile-trigger-menu--active::after,
.mobile-trigger-profile--active::after {
  transform: rotate(-135deg);
  top: 14px;
}

/* line 7386, app/assets/stylesheets/application.scss */
.mobile-trigger-menu--active span,
.mobile-trigger-profile--active span {
  opacity: 0;
  top: 14px;
  transform: rotate(-135deg);
}

@media (max-width: 660px) {
  /* line 7392, app/assets/stylesheets/application.scss */
  .used_litle_menu {
    margin-left: 0;
  }
}

@media (max-width: 660px) {
  /* line 7398, app/assets/stylesheets/application.scss */
  .used_menu #workflow {
    margin-left: 0;
  }
}

@media (max-width: 640px) {
  /* line 7404, app/assets/stylesheets/application.scss */
  #litle_left_bar {
    display: none;
  }
}

/* line 7410, app/assets/stylesheets/application.scss */
.mobile_logo_profile {
  display: none;
}

/* line 7414, app/assets/stylesheets/application.scss */
.mobile_logo {
  display: none;
  margin-left: 15px;
}

@media (min-width: 640px) {
  /* line 7414, app/assets/stylesheets/application.scss */
  .mobile_logo {
    display: none;
  }
}

@media (max-width: 640px) {
  /* line 7421, app/assets/stylesheets/application.scss */
  .left_bar_container {
    padding-top: 0 !important;
  }
  /* line 7424, app/assets/stylesheets/application.scss */
  .left_bar_container .cat_button_icon.menu {
    display: none !important;
  }
}

@media (max-width: 660px) {
  /* line 7430, app/assets/stylesheets/application.scss */
  #left_bar.left_bar_container.active_mobile {
    display: block;
    width: 240px;
    z-index: 9999;
    top: 59px;
    padding-top: 0px;
    transform: translateX(0%);
    transition: 0.3s;
  }
}

/* line 7442, app/assets/stylesheets/application.scss */
.box-item {
  max-width: 1350px;
  width: 100%;
  margin: 0 auto 15px;
  padding: 0 !important;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  border: 1px solid #d4dff4;
  border-radius: 6px;
  display: flex;
}

/* line 7453, app/assets/stylesheets/application.scss */
.box-item__left {
  width: 100%;
}

/* line 7456, app/assets/stylesheets/application.scss */
.box-item__left-content {
  height: calc(100% - 72px);
  padding: 16px 20px;
  font-size: 14px;
}

@media (max-width: 640px) {
  /* line 7456, app/assets/stylesheets/application.scss */
  .box-item__left-content {
    padding: 16px;
  }
}

/* line 7465, app/assets/stylesheets/application.scss */
.box-item__left-content .multiline {
  color: #111111;
  text-overflow: ellipsis;
  white-space: break-spaces;
  word-break: break-word;
  overflow: hidden;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}

/* line 7479, app/assets/stylesheets/application.scss */
.box-item__left-bottom .list-settings__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}

/* line 7484, app/assets/stylesheets/application.scss */
.box-item__left-bottom .list-settings__item-name {
  font-weight: 500;
}

/* line 7490, app/assets/stylesheets/application.scss */
.box-item-list-settings__left {
  display: flex;
  align-items: center;
  max-width: 123px;
  min-width: 123px;
}

/* line 7496, app/assets/stylesheets/application.scss */
.box-item-list-settings__left-item {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #95A3BA;
}

/* line 7504, app/assets/stylesheets/application.scss */
.box-item__right {
  min-width: 400px;
  max-width: 400px;
  border-left: 1px solid #d4dff4;
}

@media (max-width: 1200px) {
  /* line 7504, app/assets/stylesheets/application.scss */
  .box-item__right {
    min-width: 350px;
    max-width: 350px;
  }
}

@media (max-width: 1023px) {
  /* line 7504, app/assets/stylesheets/application.scss */
  .box-item__right {
    min-width: 100%;
    max-width: 100%;
    border: none;
    padding: 0px 20px !important;
  }
}

@media (max-width: 640px) {
  /* line 7504, app/assets/stylesheets/application.scss */
  .box-item__right {
    padding: 0px 16px !important;
  }
}

/* line 7525, app/assets/stylesheets/application.scss */
.box-item__right-container {
  padding: 16px 20px;
}

/* line 7529, app/assets/stylesheets/application.scss */
.box-item__right-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #111111;
}

/* line 7536, app/assets/stylesheets/application.scss */
.box-item__right-list {
  display: flex;
  gap: 20px;
}

/* line 7541, app/assets/stylesheets/application.scss */
.box-item__title {
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  opacity: 0.6;
  margin-bottom: 12px;
  color: #626f7f;
}

/* line 7549, app/assets/stylesheets/application.scss */
.box-item__right-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px;
  border-bottom: 1px solid #d4dff4;
}

/* line 7556, app/assets/stylesheets/application.scss */
.box-item__right-header a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  width: 48%;
  height: 40px;
  font-size: 15px;
  color: #111111;
  transition: .3s;
}

/* line 7567, app/assets/stylesheets/application.scss */
.box-item__right-header a:hover {
  background-color: #E6EAF2;
  border-color: transparent;
}

/* line 7571, app/assets/stylesheets/application.scss */
.box-item__right-header a .copy-btn-img {
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  display: flex;
  align-items: center;
}

/* line 7579, app/assets/stylesheets/application.scss */
.box-item__right-header a .copy-btn-img svg path {
  fill: #626f7f;
}

/* line 7584, app/assets/stylesheets/application.scss */
.box-item__right-header a span {
  margin-left: 6px;
}

/* line 7588, app/assets/stylesheets/application.scss */
.box-item__right-header .edit-list-btn {
  width: 100%;
  margin-top: 10px;
}

/* line 7593, app/assets/stylesheets/application.scss */
.box-item__right-info {
  padding: 15px;
}

/* line 7596, app/assets/stylesheets/application.scss */
.box-item__info-item {
  display: flex;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 10px;
}

/* line 7602, app/assets/stylesheets/application.scss */
.box-item__info-title {
  flex-basis: 125px;
  margin-right: 10px;
  color: #111111;
}

/* line 7607, app/assets/stylesheets/application.scss */
.box-item__info-descr {
  flex-basis: 165px;
  color: #1a53c6;
}

/* line 7612, app/assets/stylesheets/application.scss */
.title-info {
  font-size: 13px;
}

/* line 7615, app/assets/stylesheets/application.scss */
.mailing-title {
  padding-top: 18px;
  margin: 0 auto 12px;
  max-width: 1350px;
}

/* line 7620, app/assets/stylesheets/application.scss */
.header-page {
  max-width: 1350px;
  margin: 0 auto 15px;
}

/* line 7624, app/assets/stylesheets/application.scss */
.mailing-btn {
  padding: 10px 8px;
  height: 43px;
  white-space: nowrap;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

/* line 7630, app/assets/stylesheets/application.scss */
.mailing_search {
  display: inline-block;
  width: 80% !important;
  box-sizing: border-box;
  padding: 0 15px !important;
  margin: 0 15px 0 0 !important;
  border: 1px solid #e0e1e3 !important;
  background-color: #FFFFFF !important;
  border-radius: 6px !important;
}

/* line 7639, app/assets/stylesheets/application.scss */
.mailing_search:focus {
  border-color: #626f7f !important;
  box-shadow: none !important;
}

/* line 7645, app/assets/stylesheets/application.scss */
.calc_count_changed {
  display: inline-block;
  margin-top: 10px;
  border-radius: 6px;
  padding: 5px 8px;
  background-color: #1a53c6;
}

/* line 7653, app/assets/stylesheets/application.scss */
.container-form {
  position: relative;
  overflow: hidden;
}

/* line 7657, app/assets/stylesheets/application.scss */
.form-box {
  height: calc(100vh - 58px);
  overflow: auto;
}

/* line 7662, app/assets/stylesheets/application.scss */
.form-box .for_inputs .input-field,
.form-box .select-wrapper .input-field {
  margin-bottom: 15px;
}

/* line 7665, app/assets/stylesheets/application.scss */
.form-box .for_inputs input,
.form-box .for_inputs textarea,
.form-box .select-wrapper input,
.form-box .select-wrapper textarea {
  border: 1px solid #e0e1e3 !important;
  border-radius: 6px !important;
  min-height: 45px;
}

/* line 7670, app/assets/stylesheets/application.scss */
.form-box .for_inputs input:focus,
.form-box .for_inputs textarea:focus,
.form-box .select-wrapper input:focus,
.form-box .select-wrapper textarea:focus {
  box-shadow: none !important;
  background-color: #f8f9fb;
}

/* line 7675, app/assets/stylesheets/application.scss */
.form-box .for_inputs #mailing_text,
.form-box .select-wrapper #mailing_text {
  min-height: 125px;
}

/* line 7680, app/assets/stylesheets/application.scss */
.form-box .select-wrapper::after {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  transform: rotate(0);
  width: 11px;
  height: 9px;
  top: 19px;
  right: 15px;
  z-index: 1;
}

/* line 7693, app/assets/stylesheets/application.scss */
.form-box .form__main-title {
  text-align: left;
  margin-bottom: 15px;
}

/* line 7697, app/assets/stylesheets/application.scss */
.form-box__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  color: #626F7F;
  opacity: 0.6;
  margin-bottom: 15px;
}

/* line 7705, app/assets/stylesheets/application.scss */
.form-box__title-mailing {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  color: #111111;
  margin-right: 5px;
}

/* line 7713, app/assets/stylesheets/application.scss */
.form-box__title-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 7718, app/assets/stylesheets/application.scss */
.form-box__title-icon svg {
  width: 19px;
  height: 21px;
}

/* line 7724, app/assets/stylesheets/application.scss */
.form-box__block {
  display: flex;
  position: relative;
}

/* line 7727, app/assets/stylesheets/application.scss */
.form-box__block .form_button_type {
  display: none;
  padding-left: 0;
  margin-bottom: 7px;
}

/* line 7732, app/assets/stylesheets/application.scss */
.form-box__block .form_button_new-button:hover {
  background-color: #dfebf7;
}

/* line 7736, app/assets/stylesheets/application.scss */
.form-box__extended-btn-box {
  display: flex;
  gap: 12px;
}

/* line 7739, app/assets/stylesheets/application.scss */
.form-box__extended-btn-box .for_inputs {
  width: 100%;
}

/* line 7743, app/assets/stylesheets/application.scss */
.form-box__left-block {
  padding: 14px 20px;
  border-bottom: 1px solid #e0e1e3;
  border-right: 1px solid #e0e1e3;
  width: 100%;
}

/* line 7748, app/assets/stylesheets/application.scss */
.form-box__left-block--last {
  padding: 14px 20px 70px;
  border-bottom: none;
}

/* line 7754, app/assets/stylesheets/application.scss */
.form-box .p-0 {
  padding: 0px !important;
}

/* line 7758, app/assets/stylesheets/application.scss */
.form-box .b-none {
  border: none !important;
}

/* line 7762, app/assets/stylesheets/application.scss */
.form-box__attachment-block {
  display: flex;
}

/* line 7764, app/assets/stylesheets/application.scss */
.form-box__attachment-block li + li {
  margin-left: 8px;
}

/* line 7768, app/assets/stylesheets/application.scss */
.form-box__attachment-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #626f7f;
  font-size: 14px;
  line-height: 120%;
  padding: 12px;
  height: 60px;
  width: 100%;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
  transition: .3s;
  cursor: pointer;
}

/* line 7782, app/assets/stylesheets/application.scss */
.form-box__attachment-btn:hover {
  box-shadow: 0px 6px 10px rgba(149, 163, 186, 0.1);
  border: 1px solid #C5D0E0;
}

/* line 7786, app/assets/stylesheets/application.scss */
.form-box__attachment-btn:hover svg path {
  stroke: #626F7F;
}

/* line 7791, app/assets/stylesheets/application.scss */
.form-box__attachment-btn--active {
  border-color: #1a53c6;
  color: #1a53c6;
}

/* line 7795, app/assets/stylesheets/application.scss */
.form-box__attachment-btn--active svg path {
  stroke: #1A53C6 !important;
}

/* line 7799, app/assets/stylesheets/application.scss */
.form-box__attachment-btn--active:hover {
  border-color: #1a53c6;
}

/* line 7803, app/assets/stylesheets/application.scss */
.form-box__attachment-btn--active .clip-icon-svg path {
  fill: #1a53c6;
  stroke: transparent;
}

/* line 7809, app/assets/stylesheets/application.scss */
.form-box__attachment-btn span {
  margin-left: 8px;
  display: inline-block;
}

/* line 7814, app/assets/stylesheets/application.scss */
.form-box__dropzone-area {
  width: 100%;
  background-color: #f7fafc;
  border: 4px dashed #e6eaf2;
  height: 100px;
  border-radius: 6px;
  margin-bottom: 15px;
  display: flex;
}

/* line 7823, app/assets/stylesheets/application.scss */
.form-box__dropzone-center {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 369px;
}

/* line 7830, app/assets/stylesheets/application.scss */
.form-box__dropzone-left {
  flex-basis: 50%;
  align-items: center;
}

/* line 7834, app/assets/stylesheets/application.scss */
.form-box__dropzone-right {
  flex-basis: 50%;
  border-left: 1px solid #e0e1e3;
  padding: 35px 20px 0;
}

/* line 7838, app/assets/stylesheets/application.scss */
.form-box__dropzone-right--online-chat, .form-box__dropzone-right--ml {
  padding: 25px 25px 0;
}

/* line 7842, app/assets/stylesheets/application.scss */
.form-box__dropzone-right input {
  background-color: #fff !important;
}

/* line 7846, app/assets/stylesheets/application.scss */
.form-box__right-block {
  min-width: 400px;
  max-width: 400px;
  padding: 70px 15px 0 15px;
  background-color: #fcfcff;
}

/* line 7851, app/assets/stylesheets/application.scss */
.form-box__right-block--first {
  padding: 110px 15px 0 15px;
}

/* line 7854, app/assets/stylesheets/application.scss */
.form-box__right-block--last {
  padding: 70px 15px 35px 15px;
}

/* line 7858, app/assets/stylesheets/application.scss */
.form-box__description {
  font-size: 14px;
  line-height: 130%;
  font-weight: 400;
  color: #82858A;
  min-height: 45px;
  margin-bottom: 40px;
}

/* line 7865, app/assets/stylesheets/application.scss */
.form-box__description--attachment {
  margin: 55px 0 0 0;
}

/* line 7869, app/assets/stylesheets/application.scss */
.form-box__description--textarea {
  min-height: 128px;
  margin-bottom: 40px;
}

/* line 7873, app/assets/stylesheets/application.scss */
.form-box__footer {
  display: flex;
  align-items: center;
  position: absolute;
  background-color: #f8f9fb;
  padding: 9px 16px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

/* line 7884, app/assets/stylesheets/application.scss */
.form-box__footer::before {
  content: '';
  position: absolute;
  height: 10px;
  left: 0;
  right: 0;
  top: -10px;
  background: linear-gradient(180deg, #CCD4E3 0%, rgba(204, 212, 227, 0) 100%);
  opacity: 0.5;
  transform: matrix(1, 0, 0, -1, 0, 0);
}

/* line 7896, app/assets/stylesheets/application.scss */
.form-box__container {
  height: unset;
  padding: 20px;
}

/* line 7899, app/assets/stylesheets/application.scss */
.form-box__container .form-box__left-block {
  border-right: none;
}

/* line 7902, app/assets/stylesheets/application.scss */
.form-box__container .form-box__footer {
  left: -12px;
  right: 0;
  margin: 0 auto;
  max-width: 900px;
}

/* line 7908, app/assets/stylesheets/application.scss */
.form-box__container__fixed {
  position: fixed;
  width: 100%;
  background-color: #fff;
  bottom: 0;
  z-index: 200;
  padding: 7px 20px 16px;
  border-top: 1px solid #E0E1E3;
}

/* line 7918, app/assets/stylesheets/application.scss */
.form-box__container-block {
  padding: 20px 16px 5px;
}

/* line 7921, app/assets/stylesheets/application.scss */
.form-box__container-text {
  font-size: 14px;
  line-height: 19px;
  color: #626F7F;
  margin-bottom: 10px;
}

/* line 7927, app/assets/stylesheets/application.scss */
.form-box__container-footer {
  display: flex;
  align-items: center;
  padding: 9px 16px 9px;
  z-index: 10;
  position: relative;
}

/* line 7933, app/assets/stylesheets/application.scss */
.form-box__container-footer::before {
  content: '';
  position: absolute;
  height: 10px;
  left: 0;
  right: 0;
  top: -10px;
  background: linear-gradient(180deg, #CCD4E3 0%, rgba(204, 212, 227, 0) 100%);
  opacity: 0.5;
  transform: matrix(1, 0, 0, -1, 0, 0);
}

/* line 7945, app/assets/stylesheets/application.scss */
.form-box__ml {
  box-shadow: none;
  height: unset;
  padding: 28px 115px 25px 45px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  overflow: unset;
}

/* line 7951, app/assets/stylesheets/application.scss */
.form-box__ml .form__main-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #111111;
  margin-bottom: 36px;
}

/* line 7959, app/assets/stylesheets/application.scss */
.form-box__ml-subtitle {
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  color: #324256;
  margin: 33px 0 24px;
}

/* line 7968, app/assets/stylesheets/application.scss */
.form-box__ml .for_inputs .input-field,
.form-box__ml .select-wrapper .input-field {
  margin-bottom: 15px;
}

/* line 7971, app/assets/stylesheets/application.scss */
.form-box__ml .for_inputs .mini_landing_page_description,
.form-box__ml .select-wrapper .mini_landing_page_description {
  margin-bottom: 0;
}

/* line 7974, app/assets/stylesheets/application.scss */
.form-box__ml .for_inputs input,
.form-box__ml .for_inputs textarea,
.form-box__ml .select-wrapper input,
.form-box__ml .select-wrapper textarea {
  box-sizing: border-box;
  width: 100% !important;
  min-height: 41px !important;
  margin: 0 !important;
}

/* line 7980, app/assets/stylesheets/application.scss */
.form-box__ml .for_inputs input::-moz-placeholder, .form-box__ml .for_inputs textarea::-moz-placeholder, .form-box__ml .select-wrapper input::-moz-placeholder, .form-box__ml .select-wrapper textarea::-moz-placeholder {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: rgba(50, 66, 86, 0.6);
}
.form-box__ml .for_inputs input:-ms-input-placeholder, .form-box__ml .for_inputs textarea:-ms-input-placeholder, .form-box__ml .select-wrapper input:-ms-input-placeholder, .form-box__ml .select-wrapper textarea:-ms-input-placeholder {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: rgba(50, 66, 86, 0.6);
}
.form-box__ml .for_inputs input::placeholder,
.form-box__ml .for_inputs textarea::placeholder,
.form-box__ml .select-wrapper input::placeholder,
.form-box__ml .select-wrapper textarea::placeholder {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: rgba(50, 66, 86, 0.6);
}

/* line 7986, app/assets/stylesheets/application.scss */
.form-box__ml .for_inputs #mini_landing_page_description,
.form-box__ml .for_inputs #mini_landing_page_first_message_from_bot,
.form-box__ml .for_inputs #mini_landing_page_vk_description,
.form-box__ml .select-wrapper #mini_landing_page_description,
.form-box__ml .select-wrapper #mini_landing_page_first_message_from_bot,
.form-box__ml .select-wrapper #mini_landing_page_vk_description {
  min-height: 109px !important;
}

/* line 7993, app/assets/stylesheets/application.scss */
.form-box__ml .minicolors .minicolors-swatch {
  width: 39px;
  height: 39px;
}

/* line 7997, app/assets/stylesheets/application.scss */
.form-box__ml .minicolors .minicolors-input {
  margin-left: 20px !important;
  padding-left: 7px;
  width: 110px !important;
}

/* line 8003, app/assets/stylesheets/application.scss */
.form-box__ml .minicolors-position-bottom .minicolors-panel {
  right: -180px;
  top: -2px;
}

/* line 8009, app/assets/stylesheets/application.scss */
#drop_area_online_chat,
#drop_area_mailing,
#drop_area_minilanding,
#drop_area_profile_settings {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f7fafc;
  cursor: pointer;
}

/* line 8021, app/assets/stylesheets/application.scss */
#drop_area_mailing-cover {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  background: #f7fafc;
  cursor: pointer;
}

/* line 8030, app/assets/stylesheets/application.scss */
#drop_area_email_attachment {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  background: #f7fafc;
  cursor: pointer;
}

/* line 8039, app/assets/stylesheets/application.scss */
#drop_area_minilanding {
  background-color: #F7FAFC;
}

/* line 8042, app/assets/stylesheets/application.scss */
.form_dropzone-area {
  background: #F7FAFC;
  border: 4px dashed #E1E6F0;
  border-radius: 6px;
}

/* line 8048, app/assets/stylesheets/application.scss */
.drop_area_description {
  max-width: 57%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  color: #626F7F;
  font-size: 15px;
  line-height: 19px;
}

/* line 8056, app/assets/stylesheets/application.scss */
.drop_area_description span {
  margin-left: 7px;
  width: 215px;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 8064, app/assets/stylesheets/application.scss */
.drop_area_description_online-chat, .drop_area_description_ml {
  max-width: 63%;
  font-size: 13px;
  line-height: 17px;
}

@media (max-width: 1600px) {
  /* line 8064, app/assets/stylesheets/application.scss */
  .drop_area_description_online-chat, .drop_area_description_ml {
    max-width: calc(100% - 32px);
  }
}

/* line 8073, app/assets/stylesheets/application.scss */
.drop_area_description_online-chat_text span, .drop_area_description_ml_text span {
  width: unset;
}

/* line 8078, app/assets/stylesheets/application.scss */
.drop_area_description__text {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #626F7F;
}

/* line 8087, app/assets/stylesheets/application.scss */
.drop_area_description__minilanding-text-large {
  text-align: start;
  margin-left: 16px;
  width: 212px;
  height: 38px;
}

/* line 8093, app/assets/stylesheets/application.scss */
.drop_area_description__minilanding-text-small {
  text-align: start;
  margin-left: 16px;
  margin-top: 4px;
  width: 205px;
  height: 32px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #626F7F;
  opacity: 0.7;
}

/* line 8105, app/assets/stylesheets/application.scss */
.drop_area_description__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  width: 37px;
  height: 37px;
}

/* line 8114, app/assets/stylesheets/application.scss */
.highlight {
  background: #0000ff14 !important;
}

/* line 8117, app/assets/stylesheets/application.scss */
.drop_area_description .remove_file {
  display: none;
  cursor: pointer;
  color: blue;
}

/* line 8122, app/assets/stylesheets/application.scss */
.for_shortener_link {
  display: none;
}

/* line 8125, app/assets/stylesheets/application.scss */
.wrapper__for_inputs--half {
  display: flex;
  justify-content: space-between;
}

/* line 8128, app/assets/stylesheets/application.scss */
.wrapper__for_inputs--half .width_half {
  width: 48%;
}

/* line 8132, app/assets/stylesheets/application.scss */
.modal_description {
  background-color: #e9f3e2;
  padding: 8px 12px;
  color: green;
  border-radius: 6px;
  margin-bottom: 15px;
}

/* line 8139, app/assets/stylesheets/application.scss */
.drop_zone_display {
  display: none;
}

/* line 8142, app/assets/stylesheets/application.scss */
.fb_login_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
  color: #FFFFFF;
  padding: 7px 12px;
  background-color: #3b5998;
  border-radius: 6px;
}

/* line 8153, app/assets/stylesheets/application.scss */
.fb_login_btn span {
  display: inline-block;
  margin-left: 12px;
}

/* line 8159, app/assets/stylesheets/application.scss */
.card-bot {
  background: #FFFFFF;
  border: 1px solid #D4DFF4;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  border-radius: 6px;
  padding: 0 !important;
  max-width: 1300px !important;
  width: 100% !important;
  margin-bottom: 20px;
}

/* line 8168, app/assets/stylesheets/application.scss */
.card-bot * {
  font-family: 'Nunito', sans-serif !important;
  margin: 0;
}

/* line 8172, app/assets/stylesheets/application.scss */
.card-bot .main-switch {
  margin: 0;
}

/* line 8174, app/assets/stylesheets/application.scss */
.card-bot .main-switch + .main-switch {
  margin-top: 8px;
}

/* line 8177, app/assets/stylesheets/application.scss */
.card-bot .main-switch .switch + .switch {
  margin-top: 8px;
}

/* line 8181, app/assets/stylesheets/application.scss */
.card-bot__left {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  max-width: 320px;
  padding: 20px 20px;
  border-right: 1px solid #e1e6f0;
}

/* line 8189, app/assets/stylesheets/application.scss */
.card-bot__left-part {
  display: flex;
  margin-bottom: 20px;
}

/* line 8193, app/assets/stylesheets/application.scss */
.card-bot__icon {
  min-width: 48px;
  min-height: 48px;
  max-width: 48px;
  max-height: 48px;
  border-radius: 12px;
  overflow: hidden;
  margin-right: 20px;
}

/* line 8201, app/assets/stylesheets/application.scss */
.card-bot__icon img {
  width: 100%;
}

/* line 8204, app/assets/stylesheets/application.scss */
.card-bot__icon--vkgroup {
  min-width: 49px;
  min-height: 49px;
  max-width: 49px;
  max-height: 49px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #E0E1E3;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
}

/* line 8214, app/assets/stylesheets/application.scss */
.card-bot__icon--vkgroup img {
  width: 100%;
}

/* line 8218, app/assets/stylesheets/application.scss */
.card-bot__icon--tg {
  background-color: #2DA4D7;
}

/* line 8221, app/assets/stylesheets/application.scss */
.card-bot__icon--ok {
  background-color: #f68634;
}

/* line 8224, app/assets/stylesheets/application.scss */
.card-bot__icon--insta {
  background: radial-gradient(47.51% 47.51% at 28.56% 100%, #FDDB86 1%, rgba(240, 105, 66, 0) 100%), radial-gradient(74.61% 74.61% at 22.02% 100%, #FFAD05 13%, rgba(255, 63, 0, 0) 100%), linear-gradient(159.86deg, #4263DF 5.92%, rgba(213, 53, 133, 0) 77.32%), #E11B7E;
}

/* line 8229, app/assets/stylesheets/application.scss */
.card-bot__icon--whatsapp {
  background-color: #25d366;
}

/* line 8232, app/assets/stylesheets/application.scss */
.card-bot__icon--email {
  background-color: #E1E6F0;
}

/* line 8235, app/assets/stylesheets/application.scss */
.card-bot__icon--vb {
  background-color: #7F4DA0;
}

/* line 8238, app/assets/stylesheets/application.scss */
.card-bot__icon--jivo {
  background-color: #00be57;
}

/* line 8241, app/assets/stylesheets/application.scss */
.card-bot__icon--vk {
  background-color: #4680c2;
}

/* line 8244, app/assets/stylesheets/application.scss */
.card-bot__icon--fb {
  background-color: #385998;
}

/* line 8247, app/assets/stylesheets/application.scss */
.card-bot__icon--talkme {
  background-color: #FD5D4F;
}

/* line 8250, app/assets/stylesheets/application.scss */
.card-bot__icon--online-chat {
  background-color: #1a53c6;
}

/* line 8254, app/assets/stylesheets/application.scss */
.card-bot__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 8259, app/assets/stylesheets/application.scss */
.card-bot__messenger {
  font-size: 13px;
  line-height: 18px;
  color: #95A3BA;
}

/* line 8264, app/assets/stylesheets/application.scss */
.card-bot__name {
  font-size: 15px;
  line-height: 20px;
  color: #111111;
}

/* line 8268, app/assets/stylesheets/application.scss */
.card-bot__name--link {
  display: flex;
  gap: 2px;
  position: relative;
  transition: .3s;
  word-break: break-all;
}

/* line 8275, app/assets/stylesheets/application.scss */
.card-bot__name svg {
  transition: .3s;
}

/* line 8276, app/assets/stylesheets/application.scss */
.card-bot__name svg path {
  transition: .3s;
}

/* line 8283, app/assets/stylesheets/application.scss */
.card-bot__name:hover svg path {
  stroke: #1a53c6;
}

/* line 8289, app/assets/stylesheets/application.scss */
.card-bot__info-id {
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  color: #95A3BA;
}

/* line 8294, app/assets/stylesheets/application.scss */
.card-bot__info-id b {
  font-weight: 700;
}

/* line 8298, app/assets/stylesheets/application.scss */
.card-bot__status-wrapper {
  margin-top: auto;
}

/* line 8302, app/assets/stylesheets/application.scss */
.card-bot__title {
  margin-top: auto;
  position: relative;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
}

/* line 8310, app/assets/stylesheets/application.scss */
.card-bot__sender-name {
  position: relative;
  font-size: 14px;
  line-height: 19px;
}

/* line 8316, app/assets/stylesheets/application.scss */
.card-bot__status {
  margin-top: auto;
  position: relative;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  padding-left: 13px;
}

/* line 8326, app/assets/stylesheets/application.scss */
.card-bot__status--on::before, .card-bot__status--off::before, .card-bot__status--sleep::before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #25d366;
  left: 0;
  top: 6px;
}

/* line 8338, app/assets/stylesheets/application.scss */
.card-bot__status--off::before {
  background-color: #f94b28;
}

/* line 8343, app/assets/stylesheets/application.scss */
.card-bot__status--sleep::before {
  background-color: #ffb100;
}

/* line 8348, app/assets/stylesheets/application.scss */
.card-bot__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

/* line 8354, app/assets/stylesheets/application.scss */
.card-bot__right-top {
  padding: 20px 50px 20px 24px;
}

/* line 8357, app/assets/stylesheets/application.scss */
.card-bot__right-top .switches-wrapper .main-switch {
  margin: 0;
}

/* line 8362, app/assets/stylesheets/application.scss */
.card-bot__content {
  display: flex;
  font-size: 15px;
  line-height: 19px;
  color: #111111;
}

/* line 8368, app/assets/stylesheets/application.scss */
.card-bot__content-info {
  color: #1a53c6;
  margin-left: 5px;
}

/* line 8372, app/assets/stylesheets/application.scss */
.card-bot__links-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}

/* line 8377, app/assets/stylesheets/application.scss */
.card-bot__token {
  display: flex;
  font-size: 15px;
  line-height: 19px;
  color: #111111;
}

/* line 8383, app/assets/stylesheets/application.scss */
.card-bot__token-title {
  margin-right: 4px;
}

/* line 8386, app/assets/stylesheets/application.scss */
.card-bot__token-length {
  color: #1a53c6;
  margin-right: 15px;
}

/* line 8390, app/assets/stylesheets/application.scss */
.card-bot__token-link {
  color: #626F7F;
  position: relative;
  padding-bottom: 1px;
  cursor: pointer;
  border-bottom: 1px dashed #626F7F;
}

/* line 8397, app/assets/stylesheets/application.scss */
.card-bot__right-bot {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px 24px 16px;
  border-top: 1px solid #e1e6f0;
}

/* line 8405, app/assets/stylesheets/application.scss */
.card-bot__right-bot--action {
  display: flex;
  gap: 8px;
  margin-left: auto;
}

/* line 8410, app/assets/stylesheets/application.scss */
.card-bot .main-btn {
  padding: 8px 16px;
}

/* line 8413, app/assets/stylesheets/application.scss */
.card-bot__copy-btn {
  position: absolute;
  right: 20px;
  top: 16px;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}

/* line 8422, app/assets/stylesheets/application.scss */
.card-bot__copy-btn:hover {
  background-color: #e6eaf2;
}

/* line 8426, app/assets/stylesheets/application.scss */
.card-bot__btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8.5px 16px;
  border: 1px solid #e1e6f0;
  border-radius: 6px;
  font-size: 14px;
  color: #111111;
  height: 40px;
  transition: .3s;
}

/* line 8437, app/assets/stylesheets/application.scss */
.card-bot__btn:hover {
  border-color: transparent;
  background-color: #e6eaf2;
}

/* line 8441, app/assets/stylesheets/application.scss */
.card-bot__btn--delete {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 40px;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
}

/* line 8452, app/assets/stylesheets/application.scss */
.card-bot__btn--delete:hover {
  background-color: #e6eaf2;
}

/* line 8455, app/assets/stylesheets/application.scss */
.card-bot__btn--delete span {
  display: none;
}

/* line 8459, app/assets/stylesheets/application.scss */
.card-bot__btn--authorize {
  font-weight: 700;
  background-color: #039;
  color: #FFFFFF;
  border: none;
}

/* line 8464, app/assets/stylesheets/application.scss */
.card-bot__btn--authorize:hover {
  background-color: #1a53c6;
}

/* line 8468, app/assets/stylesheets/application.scss */
.card-bot__btn--vkgroup {
  background-color: #039;
  color: #FFFFFF;
  position: absolute;
  right: 20px;
  top: 24px;
  margin: 0;
}

/* line 8475, app/assets/stylesheets/application.scss */
.card-bot__btn--vkgroup:hover {
  background-color: #1a53c6;
}

/* line 8480, app/assets/stylesheets/application.scss */
.card-bot__info--vkgroup {
  width: 100%;
}

/* line 8483, app/assets/stylesheets/application.scss */
.card-bot__vkgroup {
  padding: 24px 20px;
  position: relative;
}

/* line 8487, app/assets/stylesheets/application.scss */
.card-bot .whatsapp-unauthorized {
  padding: 5px 12px;
  background: #F6F6F6;
  border-radius: 5px;
  max-width: 800px;
}

/* line 8492, app/assets/stylesheets/application.scss */
.card-bot .whatsapp-unauthorized span {
  font-size: 15px;
  line-height: 19px;
  color: #626F7F;
}

/* line 8497, app/assets/stylesheets/application.scss */
.card-bot .whatsapp-unauthorized a {
  font-size: 15px;
  line-height: 19px;
  color: #1a53c6;
}

/* line 8501, app/assets/stylesheets/application.scss */
.card-bot .whatsapp-unauthorized a span {
  color: #1a53c6;
}

/* line 8506, app/assets/stylesheets/application.scss */
.card-bot__margin {
  margin-bottom: 10px;
}

/* line 8509, app/assets/stylesheets/application.scss */
.card-bot__vkgroup-link {
  margin-bottom: 10px;
  display: inline-block;
}

/* line 8514, app/assets/stylesheets/application.scss */
.copy-code-box {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  background: #F8F9FB;
  border: 1px solid #E0E1E3;
  border-radius: 6px;
  font-size: 14px;
  line-height: 19px;
  white-space: pre;
  padding: 6px 6px 6px 16px;
  margin-bottom: 16px;
}

/* line 8525, app/assets/stylesheets/application.scss */
.wrapper-title-bot {
  display: flex;
  margin-bottom: 16px;
}

/* line 8529, app/assets/stylesheets/application.scss */
.connect-bot-link {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  margin-left: 20px;
  margin-right: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #1A53C6;
  cursor: pointer;
  padding-bottom: 1px;
  border-bottom: 1px dashed #1a53c6;
}

/* line 8541, app/assets/stylesheets/application.scss */
.connect-bot-price {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #626F7F;
}

/* line 8548, app/assets/stylesheets/application.scss */
.vkgroup-list {
  padding: 0 !important;
  margin: 0 !important;
}

/* line 8552, app/assets/stylesheets/application.scss */
.token_modal__token {
  word-break: break-all;
}

/* line 8555, app/assets/stylesheets/application.scss */
.context-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 6px;
  position: absolute;
  top: 10px;
  right: 10px;
}

/* line 8564, app/assets/stylesheets/application.scss */
.context-btn--pipeline {
  position: relative;
  top: unset;
  right: unset;
}

/* line 8569, app/assets/stylesheets/application.scss */
.context-btn:hover {
  background-color: #e6eaf2;
}

/* line 8573, app/assets/stylesheets/application.scss */
.context-menu {
  position: absolute;
  display: none;
  z-index: 99999;
  background: white;
  border: 1px solid #d4dff4;
  border-radius: 6px;
  top: 35px;
  left: -75px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 8px 0;
  filter: drop-shadow(0 10px 20px rgba(45, 51, 56, 0.1));
}

/* line 8585, app/assets/stylesheets/application.scss */
.context-menu--active {
  display: block;
}

/* line 8589, app/assets/stylesheets/application.scss */
.context-menu::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #fff;
  top: -8px;
  right: 15px;
  z-index: -1;
  transform: rotate(45deg);
  border-top: 1px solid #d4dff4;
  border-left: 1px solid #d4dff4;
  border-radius: 2px;
}

/* line 8603, app/assets/stylesheets/application.scss */
.context-menu--task {
  left: unset;
  right: -5px;
}

/* line 8606, app/assets/stylesheets/application.scss */
.context-menu--task::before {
  right: 10px;
}

/* line 8610, app/assets/stylesheets/application.scss */
.context-menu--pipeline {
  left: unset;
  right: -35px;
  top: 41px;
}

/* line 8614, app/assets/stylesheets/application.scss */
.context-menu--pipeline::before {
  right: 39px;
}

/* line 8618, app/assets/stylesheets/application.scss */
.context-menu__item {
  font-size: 14px;
  padding: 6px 8px;
  color: #626F7F;
  display: block;
}

/* line 8623, app/assets/stylesheets/application.scss */
.context-menu__item:hover {
  background-color: #f0f6fc;
}

/* line 8630, app/assets/stylesheets/application.scss */
.landing .integration-new-page * {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* line 8633, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration-container {
  max-width: 1300px;
  width: 100% !important;
  margin: 0 auto !important;
}

/* line 8638, app/assets/stylesheets/application.scss */
.landing .integration-new-page .center-wrap {
  margin: 0 auto;
  max-width: 1300px !important;
  width: 95%;
}

/* line 8643, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__wrap-btn {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  grid-gap: 16px;
  padding: 0 0 16px !important;
}

/* line 8650, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-telegram {
  background-color: #2DA4D7;
}

/* line 8653, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-telegram:hover {
  box-shadow: 0 8px 20px rgba(29, 177, 226, 0.5);
}

/* line 8658, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-vk {
  background-color: #4680C2;
}

/* line 8661, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-vk:hover {
  box-shadow: 0 8px 20px rgba(50, 120, 166, 0.5);
}

/* line 8666, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-facebook {
  background-color: #3B5998;
}

/* line 8669, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-facebook:hover {
  box-shadow: 0 8px 20px rgba(10, 84, 152, 0.5);
}

/* line 8674, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-talk_me {
  background-color: #FD5D4F;
}

/* line 8677, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-talk_me img {
  background-color: #FD5D4F;
}

/* line 8681, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-talk_me .talk_me_img {
  padding: 6px;
}

/* line 8685, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-talk_me:hover {
  box-shadow: 0 8px 20px rgba(226, 41, 1, 0.5);
}

/* line 8690, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-viber {
  background-color: #7F4DA0;
}

/* line 8693, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-viber:hover {
  box-shadow: 0 8px 20px rgba(137, 83, 157, 0.5);
}

/* line 8698, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-wahtsapp {
  background-color: #25D366;
}

/* line 8701, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-wahtsapp img {
  background-color: #25D366;
}

/* line 8705, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-wahtsapp:hover {
  box-shadow: 0 8px 20px rgba(18, 140, 126, 0.5);
}

/* line 8710, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-jivo {
  background-color: #00BE57;
  padding-left: 15px;
}

/* line 8714, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-jivo:hover {
  box-shadow: 0 8px 20px #01c95d;
}

/* line 8719, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-youla {
  background-color: #62439a;
}

/* line 8722, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-youla img {
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 8726, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-youla:hover {
  box-shadow: 0 8px 20px #473b89;
}

/* line 8731, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-livetex {
  background-color: #3c6f82;
}

/* line 8734, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-livetex img {
  height: 32px;
}

/* line 8738, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-livetex:hover {
  box-shadow: 0 8px 20px rgba(73, 120, 187, 0.5);
}

/* line 8744, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-avito {
  background-color: #97cf26;
}

/* line 8748, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-avito:hover {
  box-shadow: 0 8px 20px rgba(151, 255, 38, 0.5);
}

/* line 8754, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-ok {
  background-color: #F68634;
}

/* line 8758, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-ok:hover {
  box-shadow: 0 8px 20px rgba(239, 127, 26, 0.5);
}

/* line 8763, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-inst {
  background: radial-gradient(47.51% 47.51% at 28.56% 100%, #FDDB86 1%, rgba(240, 105, 66, 0) 100%), radial-gradient(74.61% 74.61% at 22.02% 100%, #FFAD05 13%, rgba(255, 63, 0, 0) 100%), linear-gradient(159.86deg, #4263DF 5.92%, rgba(213, 53, 133, 0) 77.32%), linear-gradient(0deg, #E11B7E, #E11B7E), #4680C2;
}

/* line 8769, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-inst img {
  margin-top: 6px;
  margin-left: 6px;
}

/* line 8774, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-inst .insta_integration_img {
  margin: 0;
}

/* line 8778, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-inst .insta_img {
  margin: 0;
}

/* line 8782, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-inst:hover {
  box-shadow: 0 8px 20px rgba(225, 48, 108, 0.5);
}

/* line 8787, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-webim {
  background-color: #375476;
}

/* line 8790, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-webim img {
  width: 49px;
  height: 49px;
  background-color: #375476;
  padding: 13px 0 13px 0;
}

@media (max-width: 575px) {
  /* line 8790, app/assets/stylesheets/application.scss */
  .landing .integration-new-page .integration__btn-webim img {
    padding: 13px;
  }
}

/* line 8800, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-webim:hover {
  box-shadow: 0px 8px 20px rgba(18, 140, 126, 0.5);
}

/* line 8805, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-online_chat {
  background-color: #1a53c6;
}

/* line 8808, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-online_chat:hover {
  box-shadow: 0 8px 20px rgba(26, 83, 198, 0.5);
}

/* line 8812, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-online_chat img {
  background-color: #1a53c6;
}

/* line 8817, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-email {
  background-color: #6C7A96;
}

/* line 8820, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-email:hover {
  box-shadow: 0 8px 20px rgba(26, 83, 198, 0.5);
}

/* line 8824, app/assets/stylesheets/application.scss */
.landing .integration-new-page .integration__btn-email img {
  background-color: #6C7A96;
}

/* line 8829, app/assets/stylesheets/application.scss */
.landing .integration-new-page .link-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  border-radius: 6px;
  height: 60px;
  padding: 0 20px 0 10px;
  transition: 0.5s;
}

/* line 8840, app/assets/stylesheets/application.scss */
.landing .integration-new-page .link-btn span {
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 600;
}

/* line 8871, app/assets/stylesheets/application.scss */
.bots_container {
  max-width: 1300px;
  width: 95%;
  margin: 0 auto;
  margin-top: 20px;
}

/* line 8877, app/assets/stylesheets/application.scss */
.title-page {
  font-family: 'Nunito', sans-serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  color: #111111;
  margin: 0 0 16px;
  display: none;
}

@media (max-width: 1250px) {
  /* line 8877, app/assets/stylesheets/application.scss */
  .title-page {
    display: block;
  }
}

/* line 8889, app/assets/stylesheets/application.scss */
.subtitle-block {
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  color: #626F7F;
  opacity: 0.6;
}

/* line 8897, app/assets/stylesheets/application.scss */
.important-description,
.accent-description,
.success-description {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  background: rgba(229, 110, 134, 0.08);
  border-radius: 5px;
  font-size: 14px;
  line-height: 19px;
  color: #E56E86;
  padding: 6px 12px;
  margin-bottom: 16px;
}

/* line 8909, app/assets/stylesheets/application.scss */
.success-referral {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px 12px;
  gap: 8px;
  width: 100%;
  height: 36px;
  background: #D1FAE5;
  border-radius: 5px;
}

/* line 8919, app/assets/stylesheets/application.scss */
.success-referral span {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #047857;
}

/* line 8929, app/assets/stylesheets/application.scss */
.payments-suspended {
  background: rgba(255, 231, 230, 0.5);
  color: #111111;
  border-radius: 5px;
  font-size: 15px;
  line-height: 19px;
  padding: 6px 12px;
  margin-bottom: 16px;
}

/* line 8938, app/assets/stylesheets/application.scss */
.accent-description {
  background: #F0F2F7;
  border-radius: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #626F7F;
}

/* line 8945, app/assets/stylesheets/application.scss */
.accent-description-link {
  color: #1a53c6;
  display: block;
}

/* line 8948, app/assets/stylesheets/application.scss */
.accent-description-link:hover {
  color: #2c6bea;
}

/* line 8953, app/assets/stylesheets/application.scss */
.default-description {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  background: #F0F2F7;
  border-radius: 5px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 19px;
  color: #626F7F;
  font-weight: 400;
  margin-bottom: 8px;
}

/* line 8963, app/assets/stylesheets/application.scss */
.default-description p + p {
  margin-top: 8px;
}

/* line 8966, app/assets/stylesheets/application.scss */
.default-description a {
  color: #1a53c6;
  transition: .3s;
}

/* line 8969, app/assets/stylesheets/application.scss */
.default-description a:hover {
  -webkit-text-decoration: dashed;
          text-decoration: dashed;
}

/* line 8974, app/assets/stylesheets/application.scss */
.instruction-box {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}

/* line 8979, app/assets/stylesheets/application.scss */
.instruction-box__text {
  margin-bottom: 10px;
}

/* line 8982, app/assets/stylesheets/application.scss */
.instruction-box__list {
  margin: 0;
  padding: 0 0 0 18px;
}

/* line 8987, app/assets/stylesheets/application.scss */
.instruction-box__list-item + .instruction-box__list-item {
  margin-top: 5px;
}

/* line 8996, app/assets/stylesheets/application.scss */
.description-text {
  font-size: 15px;
  line-height: 19px;
  color: #626F7F;
  margin-bottom: 16px;
}

/* line 9002, app/assets/stylesheets/application.scss */
.emoji_area {
  width: 100%;
  min-height: 125px;
  border: 1px solid #e0e1e3;
  border-radius: 4px;
  outline: none;
  padding: 5px 30px 5px 5px;
  overflow-wrap: anywhere;
}

/* line 9011, app/assets/stylesheets/application.scss */
.library_picker {
  z-index: 99;
  position: absolute;
  right: -8px;
  top: 0;
}

/* line 9016, app/assets/stylesheets/application.scss */
.library_picker .emojis {
  position: absolute;
  top: 5px;
  right: 115%;
  background: #fff;
}

/* line 9024, app/assets/stylesheets/application.scss */
.mailing_states .hide-select {
  overflow: unset;
}

/* line 9028, app/assets/stylesheets/application.scss */
.input_value_placeholder {
  top: 0;
  position: absolute;
  z-index: 9;
  padding-left: 14px;
  padding-top: 8px;
  margin-left: 1px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  max-width: 100%;
  gap: 7px 0;
}

/* line 9042, app/assets/stylesheets/application.scss */
.input_value_placeholder::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 9046, app/assets/stylesheets/application.scss */
.input_value_placeholder::-webkit-scrollbar {
  border-radius: 4px;
  width: 0;
  height: 0;
  background-color: transparent;
}

/* line 9053, app/assets/stylesheets/application.scss */
.input_value_placeholder::-webkit-scrollbar-thumb {
  background-color: #eaebec;
  border-radius: 10px;
}

/* line 9057, app/assets/stylesheets/application.scss */
.input_value_placeholder span {
  background: #dfebf7;
  padding: 2px 4px 2px 4px;
  border-radius: 5px;
  color: #111111;
  font-size: 13px;
  line-height: 20px;
  display: flex;
  flex-wrap: nowrap;
  margin-right: 10px;
}

/* line 9068, app/assets/stylesheets/application.scss */
.input_value_placeholder .remove_element {
  margin: 0 2px 0 0;
  transform: rotate(45deg);
  padding: 0;
  line-height: 20px;
  font-weight: 400;
  font-size: 24px;
  color: #626F7F;
  opacity: 0.7;
}

/* line 9077, app/assets/stylesheets/application.scss */
.input_value_placeholder .remove_element:hover {
  opacity: 1;
}

/* line 9081, app/assets/stylesheets/application.scss */
.input_value_placeholder .string_value {
  margin-right: 5px;
  width: -moz-max-content;
  max-width: 130px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  white-space: nowrap;
  -webkit-box-orient: vertical;
}

/* line 9092, app/assets/stylesheets/application.scss */
.select-wrapper input.auto_input_holder {
  box-shadow: none !important;
  border: none !important;
}

/* line 9095, app/assets/stylesheets/application.scss */
.select-wrapper input.auto_input_holder:focus {
  background-color: transparent;
}

/* line 9101, app/assets/stylesheets/application.scss */
.template-select ul {
  max-height: 400px;
}

/* line 9106, app/assets/stylesheets/application.scss */
.vk-group__list {
  width: 100% !important;
}

/* line 9109, app/assets/stylesheets/application.scss */
.header_title_text {
  z-index: 999;
  position: fixed;
  top: 0;
  margin-left: 22px;
  line-height: 60px;
  display: block;
  transition: 0.3s;
}

@media (max-width: 1250px) {
  /* line 9109, app/assets/stylesheets/application.scss */
  .header_title_text {
    display: none;
  }
}

/* line 9122, app/assets/stylesheets/application.scss */
.comment_token .modal_form_box {
  padding-top: 0;
}

/* line 9126, app/assets/stylesheets/application.scss */
.comment_token_box {
  display: flex;
}

/* line 9128, app/assets/stylesheets/application.scss */
.comment_token_box .for_inputs {
  width: 80%;
}

/* line 9132, app/assets/stylesheets/application.scss */
.add_comment_token {
  margin-left: 3%;
  height: 40px;
  text-align: center;
  padding: 0 20px;
  line-height: 40px;
  width: 17%;
}

/* line 9140, app/assets/stylesheets/application.scss */
.qr-code-box {
  max-width: 365px;
  max-height: 365px;
  margin: 0 auto;
}

/* line 9145, app/assets/stylesheets/application.scss */
.check_account {
  cursor: pointer;
  color: #039;
}

/* line 9148, app/assets/stylesheets/application.scss */
.check_account :hover {
  color: #396fde;
}

/* line 9152, app/assets/stylesheets/application.scss */
.length_counter {
  position: absolute;
  bottom: 0;
  right: 10px;
}

/* line 9156, app/assets/stylesheets/application.scss */
.length_counter_max {
  color: #c0392b;
}

/* line 9160, app/assets/stylesheets/application.scss */
.salebot_color {
  color: #039;
}

/* line 9164, app/assets/stylesheets/application.scss */
#workflow .bitrix {
  background: #fafcff;
  min-height: calc(100vh - 58px);
  padding: 25px 10px 1px;
}

/* line 9168, app/assets/stylesheets/application.scss */
#workflow .bitrix__container {
  max-width: 900px;
  margin: 25px auto;
  border: 1px solid #d4dff4;
  border-radius: 6px;
  background-color: #FFFFFF;
  padding: 15px 7px;
}

@media (max-width: 768px) {
  /* line 9168, app/assets/stylesheets/application.scss */
  #workflow .bitrix__container {
    margin: 0 auto;
    padding: 15px 0;
  }
}

/* line 9179, app/assets/stylesheets/application.scss */
#workflow .bitrix__container .modal_header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 13px 0 13px;
  background: #FFFFFF;
  color: #111111;
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-bottom: none;
  text-align: center;
}

/* line 9192, app/assets/stylesheets/application.scss */
#workflow .bitrix__container .modal_body {
  max-height: unset;
}

/* line 9196, app/assets/stylesheets/application.scss */
#workflow .bitrix__header-close {
  display: none;
}

/* line 9202, app/assets/stylesheets/application.scss */
.modal .bitrix {
  background: unset;
  min-height: unset;
  padding: 0;
}

/* line 9206, app/assets/stylesheets/application.scss */
.modal .bitrix__container {
  max-width: 100%;
  margin: 0;
  border: none;
  border-radius: 6px;
  background-color: #FFFFFF;
  padding: 0;
}

@media (max-width: 768px) {
  /* line 9206, app/assets/stylesheets/application.scss */
  .modal .bitrix__container {
    margin: 0;
    padding: 0;
  }
}

/* line 9217, app/assets/stylesheets/application.scss */
.modal .bitrix__container .modal_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 20px 13px 16px;
  background: #f8f9fb;
  color: #111111;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  border-bottom: 1px solid #e0e1e3;
  text-align: left;
}

/* line 9231, app/assets/stylesheets/application.scss */
.modal .bitrix__header-close {
  display: block;
}

/* line 9237, app/assets/stylesheets/application.scss */
.multiline_without_html::-moz-selection {
  background: #e67523;
}
.multiline_without_html::selection {
  background: #e67523;
}

/* line 9240, app/assets/stylesheets/application.scss */
.multiline_without_html a::-moz-selection {
  background: #e67523;
}
.multiline_without_html a::selection {
  background: #e67523;
}

/* line 9245, app/assets/stylesheets/application.scss */
.attachment-list {
  display: flex;
  justify-content: space-between;
}

/* line 9248, app/assets/stylesheets/application.scss */
.attachment-list__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #626f7f;
  font-size: 15px;
  line-height: 120%;
  padding: 7px 12px;
  border: 1px solid #d4dff4;
  border-radius: 6px;
  transition: .3s;
  cursor: pointer;
  width: 19%;
}

/* line 9262, app/assets/stylesheets/application.scss */
.attachment-list__btn:hover {
  background-color: #dfebf7;
  border-color: transparent;
}

/* line 9267, app/assets/stylesheets/application.scss */
.attachment-list__btn--active {
  background-color: #dfebf7;
  border-color: #1a53c6;
  color: #1a53c6;
}

/* line 9272, app/assets/stylesheets/application.scss */
.attachment-list__btn--active:hover {
  border-color: #1a53c6;
}

/* line 9277, app/assets/stylesheets/application.scss */
.attachment-list__btn--active svg path {
  stroke: #1a53c6;
}

/* line 9283, app/assets/stylesheets/application.scss */
.attachment-list__btn--active .clip-icon-svg path {
  fill: #1a53c6;
  stroke: transparent;
}

/* line 9291, app/assets/stylesheets/application.scss */
.dropzone-area {
  width: 100%;
  background-color: #f8f9fb;
  border: 2px dashed #e6eaf2;
  border-radius: 6px;
  margin-bottom: 15px;
  display: none;
}

/* line 9298, app/assets/stylesheets/application.scss */
.dropzone-area__drop {
  cursor: pointer;
  align-items: center;
}

/* line 9301, app/assets/stylesheets/application.scss */
.dropzone-area__drop .drop_area_description {
  padding: 12px 16px;
  max-width: 100%;
  cursor: pointer;
}

/* line 9305, app/assets/stylesheets/application.scss */
.dropzone-area__drop .drop_area_description span {
  font-size: 14px;
}

/* line 9311, app/assets/stylesheets/application.scss */
.dropzone-area__input {
  border-top: 1px solid #e0e1e3;
  padding: 12px 16px;
}

/* line 9316, app/assets/stylesheets/application.scss */
.dropzone-area__input .for_inputs input {
  box-sizing: border-box;
  width: 100% !important;
  background-color: #fff !important;
}

/* line 9324, app/assets/stylesheets/application.scss */
.mnl-btn {
  color: #696969;
  border-bottom: 1px dashed transparent;
  margin-left: 12px;
}

/* line 9328, app/assets/stylesheets/application.scss */
.mnl-btn:hover {
  color: #1a53c6;
  border-color: #1a53c6;
}

/* line 9334, app/assets/stylesheets/application.scss */
.template {
  padding: 20px 10px 0;
}

@media (max-width: 640px) {
  /* line 9334, app/assets/stylesheets/application.scss */
  .template {
    padding: 20px 0 0;
  }
}

/* line 9339, app/assets/stylesheets/application.scss */
.template__collection {
  margin: 0 !important;
}

/* line 9342, app/assets/stylesheets/application.scss */
.template__collection-item {
  padding: 0 !important;
  border: 1px solid #d4dff4 !important;
  border-radius: 6px !important;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  margin-bottom: 15px !important;
}

/* line 9349, app/assets/stylesheets/application.scss */
.template__item-top {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(224, 225, 227, 0.5);
}

@media (max-width: 640px) {
  /* line 9349, app/assets/stylesheets/application.scss */
  .template__item-top {
    padding: 12px 15px;
  }
}

/* line 9356, app/assets/stylesheets/application.scss */
.template__item-bottom {
  padding: 16px 20px;
}

@media (max-width: 640px) {
  /* line 9356, app/assets/stylesheets/application.scss */
  .template__item-bottom {
    padding: 12px 15px;
  }
}

/* line 9362, app/assets/stylesheets/application.scss */
.template__item-name {
  margin: 0 0 12px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 20px !important;
}

/* line 9368, app/assets/stylesheets/application.scss */
.template__item-description {
  margin: 0 !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 21px !important;
}

/* line 9374, app/assets/stylesheets/application.scss */
.template__item-info {
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #626F7F;
}

/* line 9380, app/assets/stylesheets/application.scss */
.template__item-btns {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}

/* line 9384, app/assets/stylesheets/application.scss */
.template__item-btns .secondary_button {
  margin-left: 12px;
}

@media (max-width: 520px) {
  /* line 9380, app/assets/stylesheets/application.scss */
  .template__item-btns {
    flex-direction: column-reverse;
  }
  /* line 9389, app/assets/stylesheets/application.scss */
  .template__item-btns .secondary_button {
    margin-left: 0;
    margin-bottom: 12px;
    width: 100%;
  }
  /* line 9394, app/assets/stylesheets/application.scss */
  .template__item-btns .new_button {
    width: 100%;
    text-align: center;
  }
}

/* line 9401, app/assets/stylesheets/application.scss */
.backup {
  padding: 20px 10px 0;
  max-width: 1540px;
  margin: 0 auto;
}

@media (max-width: 640px) {
  /* line 9401, app/assets/stylesheets/application.scss */
  .backup {
    padding: 20px 0 0;
  }
}

/* line 9408, app/assets/stylesheets/application.scss */
.backup__item {
  border: 1px solid #d4dff4;
  border-radius: 6px;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  margin-bottom: 15px;
  background-color: #fff;
}

/* line 9414, app/assets/stylesheets/application.scss */
.backup__item .modal_form_box {
  padding: 0;
}

/* line 9417, app/assets/stylesheets/application.scss */
.backup__item .important-description {
  margin: 0;
}

/* line 9420, app/assets/stylesheets/application.scss */
.backup__item .dropzone-area {
  margin: 20px 0;
}

/* line 9422, app/assets/stylesheets/application.scss */
.backup__item .dropzone-area .drop_area_description {
  justify-content: center;
  padding: 20px 16px;
}

/* line 9428, app/assets/stylesheets/application.scss */
.backup__item-top {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(224, 225, 227, 0.5);
}

@media (max-width: 640px) {
  /* line 9428, app/assets/stylesheets/application.scss */
  .backup__item-top {
    padding: 12px 15px;
  }
}

/* line 9435, app/assets/stylesheets/application.scss */
.backup__item-bottom {
  padding: 16px 20px;
}

@media (max-width: 640px) {
  /* line 9435, app/assets/stylesheets/application.scss */
  .backup__item-bottom {
    padding: 12px 15px;
  }
}

/* line 9441, app/assets/stylesheets/application.scss */
.backup__item-title {
  margin: 0 0 12px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

/* line 9447, app/assets/stylesheets/application.scss */
.backup__item-text {
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #626F7F;
}

/* line 9453, app/assets/stylesheets/application.scss */
.backup .new_button {
  padding: 12px 16px;
  height: unset;
}

/* line 9457, app/assets/stylesheets/application.scss */
.backup__item-btns {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
  margin-bottom: 16px;
}

/* line 9462, app/assets/stylesheets/application.scss */
.backup__item-btns .secondary_button {
  margin-left: 12px;
}

/* line 9465, app/assets/stylesheets/application.scss */
.backup__item-btns .new_button {
  padding: 9px 16px;
  height: unset;
}

@media (max-width: 520px) {
  /* line 9457, app/assets/stylesheets/application.scss */
  .backup__item-btns {
    flex-direction: column-reverse;
  }
  /* line 9471, app/assets/stylesheets/application.scss */
  .backup__item-btns .secondary_button {
    margin-left: 0;
    margin-bottom: 12px;
    width: 100%;
  }
  /* line 9476, app/assets/stylesheets/application.scss */
  .backup__item-btns .new_button {
    width: 100%;
    text-align: center;
    padding: 9px 16px;
    height: unset;
  }
}

/* line 9486, app/assets/stylesheets/application.scss */
.pt-o {
  padding-top: 0;
}

/* line 9489, app/assets/stylesheets/application.scss */
.pb-o {
  padding-bottom: 0;
}

/* line 9493, app/assets/stylesheets/application.scss */
.list-projects {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
  grid-gap: 12px;
  padding: 10px 20px 10px 10px;
}

/* line 9501, app/assets/stylesheets/application.scss */
.profile-settings {
  gap: 24px;
  width: 100%;
  padding: 0 20px;
}

/* line 9506, app/assets/stylesheets/application.scss */
.profile-settings__title {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #111111;
}

/* line 9514, app/assets/stylesheets/application.scss */
.profile-settings__text {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #324256;
  margin-top: 16px;
}

/* line 9525, app/assets/stylesheets/application.scss */
.profile-settings__avatar-text .rec-format,
.profile-settings__avatar-text .rec-size {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #626F7F;
}

/* line 9534, app/assets/stylesheets/application.scss */
.profile-settings__avatar-text .drag_n_click {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #626F7F;
}

/* line 9543, app/assets/stylesheets/application.scss */
.profile-settings__list {
  padding: 0;
  max-width: 813px;
  width: 100%;
}

/* line 9548, app/assets/stylesheets/application.scss */
.profile-settings__list-person_info__field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 4px;
  max-width: 813px;
  height: 50px;
  border-radius: 6px;
}

/* line 9558, app/assets/stylesheets/application.scss */
.profile-settings__list-person_info__field input {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #111111;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 10.5px 16px !important;
  gap: 16px;
  background: #FFFFFF !important;
  border: 1px solid #E1E6F0 !important;
  border-radius: 6px !important;
}

/* line 9574, app/assets/stylesheets/application.scss */
.profile-settings__notifications-item {
  max-width: 813px;
}

/* line 9576, app/assets/stylesheets/application.scss */
.profile-settings__notifications-item .check_box_container {
  margin-top: 17px;
}

/* line 9579, app/assets/stylesheets/application.scss */
.profile-settings__notifications-item .change_auto_take {
  margin: 0;
}

/* line 9586, app/assets/stylesheets/application.scss */
.profile {
  display: flex;
  min-height: calc(100vh - 58px);
  overflow: hidden;
}

/* line 9591, app/assets/stylesheets/application.scss */
.profile-no-flex {
  background-color: #fafcff;
  min-height: calc(100vh - 58px);
}

/* line 9597, app/assets/stylesheets/application.scss */
.profile-bar {
  background-color: #fff;
  min-width: 240px;
  border-right: 1px solid #E0E1E3;
  position: fixed;
  height: 100%;
}

@media (max-width: 1600px) {
  /* line 9597, app/assets/stylesheets/application.scss */
  .profile-bar {
    min-width: 241px;
  }
}

/* line 9606, app/assets/stylesheets/application.scss */
.profile-bar__info {
  padding: 20px 20px 40px 20px;
  display: flex;
  justify-content: left;
  align-items: start;
  flex-direction: column;
}

/* line 9613, app/assets/stylesheets/application.scss */
.profile-bar__avatar {
  margin-bottom: 20px;
}

/* line 9615, app/assets/stylesheets/application.scss */
.profile-bar__avatar img {
  max-width: 80px;
  min-width: 80px;
  min-height: 80px;
  max-height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 500px;
}

/* line 9624, app/assets/stylesheets/application.scss */
.profile-bar__settings {
  padding: 40px 20px;
}

/* line 9627, app/assets/stylesheets/application.scss */
.profile-bar__settings-item {
  margin-bottom: 12px;
}

/* line 9629, app/assets/stylesheets/application.scss */
.profile-bar__settings-item .check_box_container {
  justify-content: space-between;
}

/* line 9632, app/assets/stylesheets/application.scss */
.profile-bar__settings-item .change_auto_take {
  margin: 0;
}

/* line 9636, app/assets/stylesheets/application.scss */
.profile-bar__email-text {
  font-size: 14px;
  line-height: 18px;
  color: #82858A;
  margin-bottom: 2px;
}

/* line 9642, app/assets/stylesheets/application.scss */
.profile-bar__name {
  width: 199px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  color: #111111;
  margin-bottom: 8px;
}

/* line 9653, app/assets/stylesheets/application.scss */
.profile-bar__email {
  width: 199px;
  height: 19px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #1A53C6;
}

/* line 9663, app/assets/stylesheets/application.scss */
.profile-bar__side-nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  position: relative;
  width: 239px;
  height: 180px;
}

/* line 9672, app/assets/stylesheets/application.scss */
.profile-bar__hr {
  width: 4px;
  height: 36px;
  background: #1A53C6;
  border-radius: 0 2px 2px 0;
}

/* line 9678, app/assets/stylesheets/application.scss */
.profile-bar__icon {
  display: flex;
  align-items: center;
  font-size: 0;
  width: 24px;
  height: 24px;
  margin: 10px 0 9px 20px;
}

/* line 9685, app/assets/stylesheets/application.scss */
.profile-bar__icon svg {
  font-size: 0;
}

/* line 9689, app/assets/stylesheets/application.scss */
.profile-bar__link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 239px;
  height: 36px;
}

/* line 9695, app/assets/stylesheets/application.scss */
.profile-bar__link:hover {
  background: linear-gradient(90deg, rgba(26, 83, 198, 0.06) 0%, rgba(26, 83, 198, 0) 100%);
}

/* line 9698, app/assets/stylesheets/application.scss */
.profile-bar__link--active {
  background: linear-gradient(90deg, rgba(26, 83, 198, 0.06) 0%, rgba(26, 83, 198, 0) 100%);
}

/* line 9700, app/assets/stylesheets/application.scss */
.profile-bar__link--active .profile-bar__icon {
  margin: 10px 0 9px 16px;
}

/* line 9703, app/assets/stylesheets/application.scss */
.profile-bar__link--active .profile-bar__link-text {
  color: #1A53C6;
}

/* line 9708, app/assets/stylesheets/application.scss */
.profile-bar__link-text {
  display: flex;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #4C5D75;
  padding: 9px 0 9px 18px;
}

/* line 9719, app/assets/stylesheets/application.scss */
.profile-workflow {
  width: calc(100% - 240px);
  padding: 24px 0;
  margin-left: auto;
}

/* line 9723, app/assets/stylesheets/application.scss */
.profile-workflow--empty {
  display: flex;
  align-items: center;
  flex-direction: column;
}

/* line 9728, app/assets/stylesheets/application.scss */
.profile-workflow__projects-top {
  gap: 20px;
  display: flex;
  justify-content: space-between;
  padding: 0 20px 0 0;
}

/* line 9733, app/assets/stylesheets/application.scss */
.profile-workflow__projects-top .new_button {
  height: 39px;
  padding: 9px 14px;
  text-align: center;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

/* line 9739, app/assets/stylesheets/application.scss */
.profile-workflow__projects-top .secondary_button {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

/* line 9744, app/assets/stylesheets/application.scss */
.profile-referrals {
  margin: 0 20px;
}

/* line 9746, app/assets/stylesheets/application.scss */
.profile-referrals .payments-suspended {
  margin-bottom: 0;
}

/* line 9749, app/assets/stylesheets/application.scss */
.profile-referrals__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  max-width: 813px;
}

/* line 9757, app/assets/stylesheets/application.scss */
.profile-referrals__title {
  width: 287px;
  height: 22px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #111827;
}

/* line 9767, app/assets/stylesheets/application.scss */
.profile-referrals__link {
  color: #1a53c6;
}

/* line 9770, app/assets/stylesheets/application.scss */
.profile-referrals__accent-text {
  background: #F6F6F6;
  border-radius: 5px;
  padding: 5px 12px;
  color: #626F7F;
}

/* line 9775, app/assets/stylesheets/application.scss */
.profile-referrals__accent-text a {
  color: #1a53c6;
}

/* line 9779, app/assets/stylesheets/application.scss */
.profile-referrals__help-info-text {
  padding: 8px 12px;
  gap: 8px;
  background: #F0F2F7;
  border-radius: 5px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #626F7F;
}

/* line 9791, app/assets/stylesheets/application.scss */
.profile-referrals__statistic {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  max-width: 813px;
  height: 100%;
}

/* line 9800, app/assets/stylesheets/application.scss */
.profile-referrals__statistic-list {
  display: flex;
}

/* line 9803, app/assets/stylesheets/application.scss */
.profile-referrals__statistic-item {
  flex-basis: 33%;
}

/* line 9806, app/assets/stylesheets/application.scss */
.profile-referrals__statistic-count {
  width: 257.67px;
  height: 65px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 65px;
  color: #1A53C6;
}

/* line 9816, app/assets/stylesheets/application.scss */
.profile-referrals__statistic-name {
  margin-top: 5px;
  width: 257.67px;
  height: 19px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #111827;
}

/* line 9827, app/assets/stylesheets/application.scss */
.profile-referrals__statistic-info {
  width: 126px;
  height: 19px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #6C7A96;
  display: inline-block;
  border-bottom: 1px dashed #626F7F;
  cursor: pointer;
}

/* line 9840, app/assets/stylesheets/application.scss */
.profile-referrals__promo {
  padding: 0;
}

/* line 9843, app/assets/stylesheets/application.scss */
.profile-referrals__promo-code {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 15px;
}

/* line 9848, app/assets/stylesheets/application.scss */
.profile-referrals__promo-code-box {
  flex-basis: calc(100% - 130px);
}

/* line 9851, app/assets/stylesheets/application.scss */
.profile-referrals__promo-code-create {
  width: 100%;
}

/* line 9853, app/assets/stylesheets/application.scss */
.profile-referrals__promo-code-create input.field__input[type=text]:not(.browser-default):invalid,
.profile-referrals__promo-code-create input.field__input[type=text]:not(.browser-default):required:valid {
  border-color: #e1e6f0;
  background-image: unset;
}

/* line 9860, app/assets/stylesheets/application.scss */
.profile-referrals__promo-code .for_inputs .input-field {
  margin-bottom: 0;
}

/* line 9862, app/assets/stylesheets/application.scss */
.profile-referrals__promo-code .for_inputs .input-field input {
  border: 1px solid #E0E1E3 !important;
  border-radius: 6px !important;
  height: 40px !important;
  color: #111111 !important;
}

/* line 9867, app/assets/stylesheets/application.scss */
.profile-referrals__promo-code .for_inputs .input-field input:focus {
  box-shadow: none;
  background-color: #fff;
}

/* line 9874, app/assets/stylesheets/application.scss */
.profile-referrals__promo-code .new_button {
  padding: 9px 12px;
  height: 40px;
  text-align: center;
}

/* line 9882, app/assets/stylesheets/application.scss */
.tabs-trigger {
  margin-bottom: 24px;
}

/* line 9884, app/assets/stylesheets/application.scss */
.tabs-trigger__item {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #626F7F;
  opacity: 0.6;
}

/* line 9891, app/assets/stylesheets/application.scss */
.tabs-trigger__item + .tabs-trigger__item {
  margin-left: 20px;
}

/* line 9895, app/assets/stylesheets/application.scss */
.tabs-trigger__item--mini {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

/* line 9900, app/assets/stylesheets/application.scss */
.tabs-trigger__item--mini + .tabs-trigger__item--mini {
  margin-left: 24px;
}

@media (max-width: 900px) {
  /* line 9895, app/assets/stylesheets/application.scss */
  .tabs-trigger__item--mini {
    display: none;
  }
}

/* line 9907, app/assets/stylesheets/application.scss */
.tabs-trigger__item--active {
  color: #111111;
  opacity: 1;
}

/* line 9913, app/assets/stylesheets/application.scss */
.tabs-content__minilanding, .tabs-content__online-chat {
  display: flex;
  padding-bottom: 75px;
}

/* line 9918, app/assets/stylesheets/application.scss */
.tabs-content__item {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: none;
}

/* line 9923, app/assets/stylesheets/application.scss */
.tabs-content__item--active {
  display: block;
}

/* line 9926, app/assets/stylesheets/application.scss */
.tabs-content__footer {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  padding: 16px 0 0;
  border-top: 1px solid #e1e6f0;
}

/* line 9934, app/assets/stylesheets/application.scss */
.tabs-content__online-chat {
  border: 1px solid #D4DFF4;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  border-radius: 6px;
  padding: 16px 20px;
  background-color: #fff;
}

/* line 9941, app/assets/stylesheets/application.scss */
.tabs-content__online-chat--auto-action {
  border: none;
  box-shadow: none;
  padding: 0 !important;
  background-color: transparent;
  max-width: 1024px;
}

/* line 9947, app/assets/stylesheets/application.scss */
.tabs-content__online-chat--auto-action .preview-container {
  display: none;
}

/* line 9951, app/assets/stylesheets/application.scss */
.mb-15 {
  margin-bottom: 15px;
}

/* line 9954, app/assets/stylesheets/application.scss */
.mt-15 {
  margin-top: 15px;
}

/* line 9958, app/assets/stylesheets/application.scss */
.mb-16 {
  margin-bottom: 16px;
}

/* line 9962, app/assets/stylesheets/application.scss */
.mb-18 {
  margin-bottom: 18px;
}

/* line 9966, app/assets/stylesheets/application.scss */
.mb-24 {
  margin-bottom: 24px;
}

/* line 9970, app/assets/stylesheets/application.scss */
.mt-8 {
  margin-top: 8px;
}

/* line 9974, app/assets/stylesheets/application.scss */
.mb-0 {
  margin-bottom: 0;
}

/* line 9978, app/assets/stylesheets/application.scss */
.p-0 {
  padding: 0;
}

/* line 9981, app/assets/stylesheets/application.scss */
.mt-20 {
  margin-top: 20px;
}

/* line 9985, app/assets/stylesheets/application.scss */
.mb-20 {
  margin-bottom: 20px;
}

/* line 9990, app/assets/stylesheets/application.scss */
.projects_list-project {
  margin-bottom: 12px;
}

/* line 9992, app/assets/stylesheets/application.scss */
.projects_list-project span {
  font-size: 15px;
  line-height: 19px;
  color: #111111;
}

/* line 9999, app/assets/stylesheets/application.scss */
.modal-create_folder {
  margin-left: auto;
  margin-right: 12px;
  font-weight: 400;
  color: #1a53c6;
  opacity: 0.8;
}

/* line 10005, app/assets/stylesheets/application.scss */
.modal-create_folder:hover {
  opacity: 1;
}

/* line 10009, app/assets/stylesheets/application.scss */
.folder-project {
  font-size: 16px;
  line-height: 20px;
  color: #111111;
  margin-bottom: 15px;
}

/* line 10015, app/assets/stylesheets/application.scss */
.folder-card {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  padding: 13px 16px;
  background: white;
}

/* line 10021, app/assets/stylesheets/application.scss */
.folder-card:last-child {
  border-radius: 0 0 6px 6px;
}

/* line 10024, app/assets/stylesheets/application.scss */
.folder-card + .folder-card {
  border-top: 1px solid rgba(224, 225, 227, 0.52);
}

/* line 10028, app/assets/stylesheets/application.scss */
.folder-name {
  font-size: 15px;
  line-height: 19px;
  color: #111111;
  margin-left: 12px;
}

/* line 10034, app/assets/stylesheets/application.scss */
.folder-edit,
.folder-remove {
  display: flex;
  margin-right: 12px;
  margin-left: auto;
  opacity: 0.6;
}

/* line 10040, app/assets/stylesheets/application.scss */
.folder-edit:hover,
.folder-remove:hover {
  opacity: 1;
}

/* line 10044, app/assets/stylesheets/application.scss */
.folder-remove {
  margin: 0;
}

/* line 10047, app/assets/stylesheets/application.scss */
.folder-number_changer {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* line 10051, app/assets/stylesheets/application.scss */
.custom-help-modal {
  display: none;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  max-width: 651px;
  width: 100%;
  z-index: 200;
  padding: 16px 32px 16px 20px;
  position: fixed;
  background: #FFFFFF;
  box-shadow: 0 24px 48px 10px rgba(39, 58, 97, 0.1), 0 32px 64px 10px rgba(39, 58, 97, 0.1);
  border-radius: 6px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #111111;
}

/* line 10070, app/assets/stylesheets/application.scss */
.custom-help-modal--3 {
  top: 86%;
  left: 0px;
  transform: translateX(0%);
  position: absolute;
}

/* line 10076, app/assets/stylesheets/application.scss */
.custom-help-modal__title, .custom-help-modal__subtitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
}

/* line 10083, app/assets/stylesheets/application.scss */
.custom-help-modal__description {
  color: #626F7F;
}

/* line 10086, app/assets/stylesheets/application.scss */
.custom-help-modal__subtitle {
  color: #626F7F;
  margin-bottom: 8px;
  margin-top: 16px;
}

/* line 10091, app/assets/stylesheets/application.scss */
.custom-help-modal__item + .custom-help-modal__item {
  margin-top: 6px;
}

/* line 10094, app/assets/stylesheets/application.scss */
.custom-help-modal__close {
  cursor: pointer;
  position: absolute;
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 16px;
  right: 8px;
}

/* line 10107, app/assets/stylesheets/application.scss */
.secondary_button {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 7px 16px;
  border-radius: 6px;
  border: 1px solid #e1e6f0;
  color: #111111;
  background-color: transparent;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  text-align: center;
  transition: .3s;
  cursor: pointer;
}

/* line 10123, app/assets/stylesheets/application.scss */
.secondary_button:hover {
  border-color: transparent;
  background-color: #E6EAF2;
}

/* line 10127, app/assets/stylesheets/application.scss */
.secondary_button img {
  margin-right: 6px;
}

/* line 10130, app/assets/stylesheets/application.scss */
.secondary_button svg {
  margin-right: 6px;
}

/* line 10133, app/assets/stylesheets/application.scss */
.secondary_button_whatsapp {
  padding: 7px 10px;
  order: -1;
  margin-left: 12px;
}

@media (max-width: 1100px) {
  /* line 10133, app/assets/stylesheets/application.scss */
  .secondary_button_whatsapp {
    display: none;
  }
}

/* line 10145, app/assets/stylesheets/application.scss */
.message_message_type ul li {
  position: relative;
  padding-left: 20px !important;
}

/* line 10148, app/assets/stylesheets/application.scss */
.message_message_type ul li::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: 5px;
  top: 12px;
  box-shadow: 0 0 0 1px #E0E1E3;
  background-color: #059669;
}

/* line 10161, app/assets/stylesheets/application.scss */
.message_message_type ul li:nth-child(2)::before {
  background-color: #FFFFFF;
}

/* line 10166, app/assets/stylesheets/application.scss */
.message_message_type ul li:nth-child(3)::before {
  background-color: #FCD34D;
}

/* line 10171, app/assets/stylesheets/application.scss */
.message_message_type ul li:nth-child(4)::before {
  background-color: #9C174D;
}

/* line 10176, app/assets/stylesheets/application.scss */
.message_message_type ul li:nth-child(5)::before {
  background-color: #03B44D;
}

/* line 10181, app/assets/stylesheets/application.scss */
.message_message_type ul li:nth-child(6)::before {
  background-color: #3B82F6;
}

/* line 10186, app/assets/stylesheets/application.scss */
.message_message_type ul li:nth-child(7)::before {
  background-color: #4C5D75;
}

/* line 10191, app/assets/stylesheets/application.scss */
.message_message_type ul li:nth-child(8)::before {
  background-color: #6C7A96;
}

/* line 10196, app/assets/stylesheets/application.scss */
.message_message_type ul li:nth-child(9)::before {
  background-color: #FFFFFF;
}

/* line 10202, app/assets/stylesheets/application.scss */
.folder_placeholder {
  width: 100%;
  height: 50px;
  background: #e3e3e3;
}

/* line 10207, app/assets/stylesheets/application.scss */
.delete-profile {
  font-size: 15px;
  line-height: 19px;
  color: #626F7F;
}

/* line 10212, app/assets/stylesheets/application.scss */
.edit-profile-form {
  width: calc(100% - 116px);
  margin-left: auto;
}

/* line 10215, app/assets/stylesheets/application.scss */
.edit-profile-form #user_about {
  min-height: 90px !important;
}

/* line 10218, app/assets/stylesheets/application.scss */
.edit-profile-form .new_button:hover {
  box-shadow: none;
}

/* line 10222, app/assets/stylesheets/application.scss */
.title-profile {
  margin-left: 260px;
}

/* line 10225, app/assets/stylesheets/application.scss */
.edit-profile-avatar {
  padding-top: 20px;
  padding-left: 16px;
  height: 125px;
  position: relative;
}

/* line 10230, app/assets/stylesheets/application.scss */
.edit-profile-avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

/* line 10236, app/assets/stylesheets/application.scss */
.edit-profile-avatar--link {
  width: 28px;
  height: 28px;
  background-color: #fff;
  position: absolute;
  bottom: 10px;
  top: unset;
  right: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #E0E1E3;
  box-shadow: 0 6px 10px -1px rgba(6, 25, 56, 0.07);
  border-radius: 6px;
  left: 50px;
}

/* line 10251, app/assets/stylesheets/application.scss */
.edit-profile-avatar--link img {
  width: 20px;
  height: 20px;
}

/* line 10255, app/assets/stylesheets/application.scss */
.edit-profile-avatar--link .context-menu {
  top: 42px;
  left: -20px;
}

/* line 10258, app/assets/stylesheets/application.scss */
.edit-profile-avatar--link .context-menu::before {
  right: unset;
  left: 26px;
}

/* line 10266, app/assets/stylesheets/application.scss */
.create-project .background-color,
.create-project .container_for_form,
.create-project .form_border {
  min-height: unset;
  padding: 0;
  background-color: unset;
  width: unset;
  position: unset;
  max-width: unset;
  margin: unset;
  border: none;
  box-shadow: none;
  border-radius: 0;
}

/* line 10280, app/assets/stylesheets/application.scss */
.create-project .form__main-title {
  display: none !important;
}

/* line 10283, app/assets/stylesheets/application.scss */
.create-project .simple_form {
  overflow: visible;
}

/* line 10289, app/assets/stylesheets/application.scss */
.project_timezone ul,
.project_create_from_template ul {
  max-height: 300px;
}

/* line 10294, app/assets/stylesheets/application.scss */
.message_list_id ul {
  max-height: 370px;
}

/* line 10299, app/assets/stylesheets/application.scss */
.mb-0 {
  margin-bottom: 0;
}

/* line 10303, app/assets/stylesheets/application.scss */
.margin_bottom_none {
  margin-bottom: 10px !important;
}

/* line 10307, app/assets/stylesheets/application.scss */
.input-filter-box {
  margin-bottom: 10px !important;
  position: relative;
}

/* line 10310, app/assets/stylesheets/application.scss */
.input-filter-box::before {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  transform: rotate(0);
  width: 11px;
  height: 9px;
  top: 19px;
  right: 15px;
}

/* line 10322, app/assets/stylesheets/application.scss */
.input-filter-box input::-moz-placeholder {
  color: #111111;
}
.input-filter-box input:-ms-input-placeholder {
  color: #111111;
}
.input-filter-box input::placeholder {
  color: #111111;
}

/* line 10325, app/assets/stylesheets/application.scss */
.input-filter-box input:focus {
  box-shadow: none !important;
}

/* line 10330, app/assets/stylesheets/application.scss */
.smart_select {
  position: absolute;
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  top: 41px;
  z-index: 99;
  overflow: auto;
  max-height: 370px;
}

/* line 10340, app/assets/stylesheets/application.scss */
.smart_select::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 10344, app/assets/stylesheets/application.scss */
.smart_select::-webkit-scrollbar {
  border-radius: 4px;
  width: 5px;
  background-color: transparent;
}

/* line 10350, app/assets/stylesheets/application.scss */
.smart_select::-webkit-scrollbar-thumb {
  background-color: #eaebec;
  border-radius: 10px;
}

/* line 10354, app/assets/stylesheets/application.scss */
.smart_select_items {
  padding: 4px 8px;
  color: #1c1c1c !important;
  overflow: hidden;
  cursor: pointer;
}

/* line 10359, app/assets/stylesheets/application.scss */
.smart_select_items:hover {
  background-color: #f0f6fc;
}

/* line 10365, app/assets/stylesheets/application.scss */
#navigator {
  background: #fff;
}

/* line 10369, app/assets/stylesheets/application.scss */
.statistic-add_field {
  display: flex;
  margin-bottom: 16px;
}

/* line 10372, app/assets/stylesheets/application.scss */
.statistic-add_field input.field_name {
  width: 100% !important;
  box-sizing: border-box;
  border: 1px solid #E0E1E3;
  background-color: #fff;
  border-radius: 6px !important;
  padding: 0 16px;
}

/* line 10379, app/assets/stylesheets/application.scss */
.statistic-add_field input.field_name:focus {
  box-shadow: none !important;
  border-color: #1a53c6 !important;
}

/* line 10384, app/assets/stylesheets/application.scss */
.statistic-add_field .new_button {
  margin-left: 12px;
  height: 44px;
}

/* line 10388, app/assets/stylesheets/application.scss */
.statistic-add_field .add_field_button {
  width: 110px;
}

/* line 10391, app/assets/stylesheets/application.scss */
.statistic-add_field .load_fields_button {
  width: 182px;
  white-space: nowrap;
}

/* line 10397, app/assets/stylesheets/application.scss */
.statistic-table {
  border: 1px solid #d4dff4;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  border-radius: 6px;
  overflow: hidden;
}

/* line 10402, app/assets/stylesheets/application.scss */
.statistic-table__container {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  background-color: #fff;
}

/* line 10407, app/assets/stylesheets/application.scss */
.statistic-table__container th {
  width: 19%;
}

/* line 10411, app/assets/stylesheets/application.scss */
.statistic-table__row:last-child {
  border-bottom: none;
}

/* line 10414, app/assets/stylesheets/application.scss */
.statistic-table__header-name {
  color: #626F7F;
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
}

/* line 10420, app/assets/stylesheets/application.scss */
.statistic-table__row-name {
  color: #111111;
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 640px) {
  /* line 10420, app/assets/stylesheets/application.scss */
  .statistic-table__row-name {
    margin: 0 auto;
  }
}

/* line 10432, app/assets/stylesheets/application.scss */
.statistic-table__header-name, .statistic-table__header-delete, .statistic-table__row-delete, .statistic-table__row-name {
  padding: 10px 8px;
}

/* line 10437, app/assets/stylesheets/application.scss */
.statistic-table__header-name svg, .statistic-table__header-delete svg, .statistic-table__row-delete svg, .statistic-table__row-name svg {
  vertical-align: middle;
  opacity: 0.6;
  cursor: pointer;
}

/* line 10441, app/assets/stylesheets/application.scss */
.statistic-table__header-name svg:hover, .statistic-table__header-delete svg:hover, .statistic-table__row-delete svg:hover, .statistic-table__row-name svg:hover {
  cursor: pointer;
  opacity: 1;
}

/* line 10447, app/assets/stylesheets/application.scss */
.statistic-table__row-delete {
  text-align: center;
}

@media screen and (max-width: 600px) {
  /* line 10455, app/assets/stylesheets/application.scss */
  .statistic-table__container th {
    width: unset;
  }
  /* line 10459, app/assets/stylesheets/application.scss */
  .statistic-table__header-name,
.statistic-table__row-delete,
.statistic-table__row-name {
    display: block;
    text-align: center;
  }
  /* line 10465, app/assets/stylesheets/application.scss */
  .statistic-table__header-delete {
    display: none;
  }
}

/* line 10470, app/assets/stylesheets/application.scss */
.fields_loading {
  font-size: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  line-height: 40px;
}

/* line 10476, app/assets/stylesheets/application.scss */
.fields_loading img {
  width: 40px;
  height: 40px;
  margin-left: 10px;
}

/* line 10484, app/assets/stylesheets/application.scss */
.statistic_fields_filter {
  position: absolute;
  right: 0;
  width: 320px;
  background: white;
  border: 1px solid #d4dff4;
  padding: 20px 16px;
  filter: drop-shadow(0px 10px 20px rgba(45, 51, 56, 0.1));
  border-radius: 6px;
  top: 105%;
  display: none;
  z-index: 2;
}

/* line 10496, app/assets/stylesheets/application.scss */
.statistic_fields_filter input {
  box-sizing: border-box;
  padding: 0 16px;
  width: 100%;
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  height: 40px;
}

/* line 10504, app/assets/stylesheets/application.scss */
.statistic_fields_filter .change_period {
  padding: 9px 12px;
  height: 40px;
  width: 100%;
  margin: 0 0 12px;
}

/* line 10510, app/assets/stylesheets/application.scss */
.statistic_fields_filter .new_label {
  font-size: 13px;
}

/* line 10513, app/assets/stylesheets/application.scss */
.statistic_fields_filter .label-help-description {
  color: #111111 !important;
  font-size: 14px;
  font-weight: 400;
}

/* line 10519, app/assets/stylesheets/application.scss */
.statistic-add_field {
  position: relative;
}

/* line 10523, app/assets/stylesheets/application.scss */
.no_variables_show {
  position: absolute;
  width: 320px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 25%;
  text-align: center;
  display: flex;
  flex-direction: column;
}

/* line 10533, app/assets/stylesheets/application.scss */
.no_variables_show img {
  width: 220px;
  margin: 0 auto;
}

/* line 10538, app/assets/stylesheets/application.scss */
.show_statistic_filters {
  height: 45px;
  margin-left: 12px;
}

/* line 10542, app/assets/stylesheets/application.scss */
.for_load img {
  width: 15px;
  height: 15px;
}

/* line 10546, app/assets/stylesheets/application.scss */
.statistic_load_spinner {
  font-size: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}

/* line 10552, app/assets/stylesheets/application.scss */
.statistic_load_spinner img {
  height: 40px;
  width: 40px;
  margin: 0 0 0 13px;
}

/* line 10558, app/assets/stylesheets/application.scss */
.state_context_menu, .new_cost_for_order, .edit_user_fields_box {
  display: none;
}

/* line 10562, app/assets/stylesheets/application.scss */
.edit_user_fields_box input {
  border: 1px solid rgba(76, 121, 211, 0.6) !important;
  width: 45%;
  font-size: 12px;
  height: 24px;
  background: rgba(26, 83, 198, 0.1);
  border-radius: 4px;
  padding-left: 5px;
  margin: 0 !important;
}

/* line 10572, app/assets/stylesheets/application.scss */
.edit_user_fields_box input:focus {
  box-shadow: none !important;
  border: 1px solid #4c79d3 !important;
  color: #4c79d3;
}

/* line 10579, app/assets/stylesheets/application.scss */
.edit_user_fields_box_plus {
  width: 100%;
}

/* line 10582, app/assets/stylesheets/application.scss */
.plus_new_row {
  height: 26px;
  border-radius: 6px;
  color: #626F7F;
  border: 1px solid #E0E1E3;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  width: 100%;
  cursor: pointer;
}

/* line 10592, app/assets/stylesheets/application.scss */
.plus_new_row:hover {
  background-color: #E6EAF2;
  border-color: transparent;
}

/* line 10597, app/assets/stylesheets/application.scss */
.order__cost {
  display: flex;
}

/* line 10599, app/assets/stylesheets/application.scss */
.order__cost b {
  margin-left: 3px;
}

/* line 10602, app/assets/stylesheets/application.scss */
.order__cost input {
  border: 1px solid transparent !important;
  width: 50px;
  font-size: 12px;
  height: 18px;
  background: rgba(26, 83, 198, 0.1);
  border-radius: 4px;
  padding-left: 5px;
  margin: 0 !important;
}

/* line 10611, app/assets/stylesheets/application.scss */
.order__cost input:focus {
  box-shadow: none !important;
  border: 1px solid #4c79d3 !important;
  color: #4c79d3;
}

/* line 10618, app/assets/stylesheets/application.scss */
.avatar-box {
  min-width: 26px;
  min-height: 26px;
  max-height: 26px;
  max-width: 26px;
  border-radius: 50%;
  overflow: hidden;
  color: black;
}

/* line 10626, app/assets/stylesheets/application.scss */
.avatar-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 10633, app/assets/stylesheets/application.scss */
#news_popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1050;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* line 10643, app/assets/stylesheets/application.scss */
.modal_news_container {
  position: relative;
  max-width: 768px;
  margin: 10% auto 0;
  background-color: #fff;
  z-index: 1006;
  color: #111111;
  border-radius: 6px;
}

/* line 10652, app/assets/stylesheets/application.scss */
.modal_close_news_popup {
  position: absolute;
  display: flex;
  right: 15px;
  top: 15px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  opacity: 0.8;
  transition: 0.3s;
}

/* line 10664, app/assets/stylesheets/application.scss */
.modal_close_news_popup:hover {
  opacity: 1;
}

/* line 10668, app/assets/stylesheets/application.scss */
.modal_news_box {
  display: block;
  justify-content: space-between;
}

/* line 10672, app/assets/stylesheets/application.scss */
.news_popup_text {
  width: 96%;
}

/* line 10675, app/assets/stylesheets/application.scss */
.news_popup_description {
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 16px;
}

/* line 10680, app/assets/stylesheets/application.scss */
.news_popup_title {
  font-size: 17px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* line 10686, app/assets/stylesheets/application.scss */
.news_popup_accent {
  font-size: 17px;
  line-height: 25px;
  color: #1a53c6;
}

/* line 10692, app/assets/stylesheets/application.scss */
.news_popup_img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

/* line 10701, app/assets/stylesheets/application.scss */
.select-wrapper .hide-select {
  width: 100% !important;
  height: 100% !important;
  z-index: unset;
}

/* line 10707, app/assets/stylesheets/application.scss */
.orders_in_popup .order_state_changer_popup {
  display: block !important;
  max-width: 90%;
}

/* line 10711, app/assets/stylesheets/application.scss */
.order_state_changer_popup {
  display: none;
}

/* line 10714, app/assets/stylesheets/application.scss */
.order_state_changer_popup .crm_state_changer {
  position: relative;
  border: none;
  margin: 0 0 10px;
  border-radius: 4px;
  padding: 2px 25px 2px 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #FFFFFF;
  cursor: pointer;
  background-color: #6C7A96;
  max-width: 280px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* line 10729, app/assets/stylesheets/application.scss */
.order_state_changer_popup .crm_state_changer::before {
  display: none;
}

/* line 10732, app/assets/stylesheets/application.scss */
.order_state_changer_popup .crm_state_changer .select-icon {
  display: none;
}

/* line 10735, app/assets/stylesheets/application.scss */
.order_state_changer_popup .crm_state_changer::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 14px;
  background-image: url(/assets/icon/crm/down-icon-139d862d5a74b37bd63f3c9cc4d88e5c69e9b2335342b55ddb49c3a561d11237.svg);
  right: 8px;
  top: 2px;
}

/* line 10745, app/assets/stylesheets/application.scss */
.order_state_changer_popup .selectBoxScript {
  display: none;
  position: absolute;
  background: #fff;
  width: calc(100% + 0px);
  left: 0;
  top: 23px;
  margin: 0;
  z-index: 9;
  border: none;
}

/* line 10755, app/assets/stylesheets/application.scss */
.order_state_changer_popup .selectBoxScriptItem {
  text-align: left;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #FFFFFF;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4px;
}

/* line 10767, app/assets/stylesheets/application.scss */
.order_state_changer_popup .selectBoxScriptItem + .selectBoxScriptItem {
  margin-top: 1px;
}

/* line 10770, app/assets/stylesheets/application.scss */
.order_state_changer_popup .selectBoxScriptItem::before {
  display: none;
}

/* line 10775, app/assets/stylesheets/application.scss */
.order_state_changer_popup .color_item_null {
  background-color: #6C7A96;
}

/* line 10778, app/assets/stylesheets/application.scss */
.order_state_changer_popup .color_item_0 {
  background-color: #6C7A96;
}

/* line 10781, app/assets/stylesheets/application.scss */
.order_state_changer_popup .color_item_1 {
  background-color: #a329b6;
}

/* line 10784, app/assets/stylesheets/application.scss */
.order_state_changer_popup .color_item_2 {
  background-color: #6366F1;
}

/* line 10787, app/assets/stylesheets/application.scss */
.order_state_changer_popup .color_item_3 {
  background-color: #3B82F6;
}

/* line 10790, app/assets/stylesheets/application.scss */
.order_state_changer_popup .color_item_4 {
  background-color: #8B5CF6;
}

/* line 10793, app/assets/stylesheets/application.scss */
.order_state_changer_popup .color_item_5 {
  background-color: #EB4898;
}

/* line 10796, app/assets/stylesheets/application.scss */
.order_state_changer_popup .color_item_6 {
  background-color: #EF4444;
}

/* line 10799, app/assets/stylesheets/application.scss */
.order_state_changer_popup .color_item_7 {
  background-color: #F59E0B;
}

/* line 10802, app/assets/stylesheets/application.scss */
.order_state_changer_popup .color_item_8 {
  background-color: #10B981;
}

/* line 10808, app/assets/stylesheets/application.scss */
.was-validated .custom-select {
  opacity: inherit !important;
}

/* line 10811, app/assets/stylesheets/application.scss */
.was-validated .custom-select:valid {
  opacity: inherit !important;
}

/* line 10816, app/assets/stylesheets/application.scss */
.page-payment {
  padding: 20px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* line 10819, app/assets/stylesheets/application.scss */
.page-payment__container {
  display: flex;
  gap: 20px;
  width: 100%;
  position: relative;
}

/* line 10825, app/assets/stylesheets/application.scss */
.page-payment__left {
  border: 1px solid #d4dff4;
  border-radius: 6px;
  width: 100%;
  display: flex;
  overflow: hidden;
}

/* line 10832, app/assets/stylesheets/application.scss */
.page-payment__tariffs-box {
  max-width: 393px;
  width: 100%;
  border-right: 1px solid #d4dff4;
}

/* line 10837, app/assets/stylesheets/application.scss */
.page-payment__tariff-item {
  padding: 24px 20px 18px 24px;
  background-color: #F7FAFF;
  height: calc(100% / 4);
  cursor: pointer;
}

/* line 10842, app/assets/stylesheets/application.scss */
.page-payment__tariff-item + .page-payment__tariff-item {
  border-top: 1px solid #d4dff4;
}

/* line 10845, app/assets/stylesheets/application.scss */
.page-payment__tariff-item .item_cost {
  display: flex;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 300;
  font-size: 38px;
  line-height: 100%;
  color: #00339A;
}

/* line 10852, app/assets/stylesheets/application.scss */
.page-payment__tariff-item .item_cost div {
  margin-left: 7px;
  font-size: 15px;
  font-weight: 400;
  line-height: 180%;
  opacity: 0.6;
}

/* line 10860, app/assets/stylesheets/application.scss */
.page-payment__tariff-item .func_title {
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 6px;
  margin-left: 5px;
  color: #111111;
}

/* line 10868, app/assets/stylesheets/application.scss */
.page-payment__tariff-item--active {
  background-color: #00339A;
}

/* line 10870, app/assets/stylesheets/application.scss */
.page-payment__tariff-item--active .item_cost *,
.page-payment__tariff-item--active .tariff_name,
.page-payment__tariff-item--active .func_title {
  color: #FFFFFF;
}

/* line 10875, app/assets/stylesheets/application.scss */
.page-payment__tariff-item--active .svg-bg {
  fill: #FFFFFF;
}

/* line 10878, app/assets/stylesheets/application.scss */
.page-payment__tariff-item--active .svg-check {
  fill: #00339A;
}

/* line 10881, app/assets/stylesheets/application.scss */
.page-payment__tariff-item--active g {
  opacity: 1;
}

/* line 10885, app/assets/stylesheets/application.scss */
.page-payment__right {
  display: flex;
  flex-direction: column;
  min-width: 377px;
  max-width: 377px;
  position: relative;
  background-color: #1a53c6;
  padding: 34px 36px 31px;
  overflow: hidden;
  border-radius: 6px;
}

/* line 10895, app/assets/stylesheets/application.scss */
.page-payment__right * {
  z-index: 10;
}

/* line 10899, app/assets/stylesheets/application.scss */
.page-payment__right-bg {
  position: absolute;
  bottom: 0;
  top: 0;
  right: -255px;
  height: 100%;
  z-index: 0 !important;
}

/* line 10906, app/assets/stylesheets/application.scss */
.page-payment__right-bg img {
  height: 100%;
}

@media (max-width: 785px) {
  /* line 10899, app/assets/stylesheets/application.scss */
  .page-payment__right-bg {
    right: -100px;
  }
}

@media (max-width: 500px) {
  /* line 10899, app/assets/stylesheets/application.scss */
  .page-payment__right-bg {
    right: -200px;
  }
}

/* line 10916, app/assets/stylesheets/application.scss */
.page-payment__footer {
  margin-top: 20px;
  display: flex;
  gap: 20px;
}

/* line 10921, app/assets/stylesheets/application.scss */
.page-payment__footer-left {
  width: 100%;
}

/* line 10924, app/assets/stylesheets/application.scss */
.page-payment__footer-right {
  max-width: 377px;
  width: 100%;
  border-radius: 6px;
  background-color: #F7FAFF;
  padding: 16px 20px;
}

/* line 10931, app/assets/stylesheets/application.scss */
.page-payment__footer-world {
  display: inline-block;
  width: 100%;
  border-radius: 6px;
  background-color: #F7FAFF;
  padding: 16px 20px;
}

/* line 10940, app/assets/stylesheets/application.scss */
.page-payment__footer-text {
  font-size: 15px;
  line-height: 18px;
}

/* line 10943, app/assets/stylesheets/application.scss */
.page-payment__footer-text b {
  font-weight: 600;
}

/* line 10947, app/assets/stylesheets/application.scss */
.page-payment__footer-text a {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #1A53C6;
}

/* line 10953, app/assets/stylesheets/application.scss */
.page-payment__footer-text + .page-payment__footer-text {
  margin-top: 12px;
}

/* line 10958, app/assets/stylesheets/application.scss */
.box-for-contacts {
  width: 100%;
  display: flex;
  margin-top: 8px;
}

/* line 10962, app/assets/stylesheets/application.scss */
.box-for-contacts__info {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  width: 140px;
  color: #111111;
}

/* line 10968, app/assets/stylesheets/application.scss */
.box-for-contacts__info span {
  margin-bottom: 2px;
}

/* line 10972, app/assets/stylesheets/application.scss */
.box-for-contacts__info-name {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  width: 123px;
}

/* line 10977, app/assets/stylesheets/application.scss */
.box-for-contacts__info-name span {
  margin-bottom: 2px;
}

/* line 10982, app/assets/stylesheets/application.scss */
.free_tariff_description_info {
  font-size: 15px;
  color: #626F7F;
}

/* line 10986, app/assets/stylesheets/application.scss */
.accent-color {
  color: #039;
}

/* line 10989, app/assets/stylesheets/application.scss */
.link-color {
  color: #1a53c6;
}

/* line 10992, app/assets/stylesheets/application.scss */
.discount-20 {
  margin-left: 8px;
}

/* line 10995, app/assets/stylesheets/application.scss */
.tariff_adds {
  width: 100%;
  padding: 20px 24px 20px 36px;
}

/* line 10998, app/assets/stylesheets/application.scss */
.tariff_adds__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

/* line 11003, app/assets/stylesheets/application.scss */
.tariff_adds__title {
  font-size: 20px;
  line-height: 25px;
  color: #111111;
  font-weight: 400;
}

/* line 11009, app/assets/stylesheets/application.scss */
.tariff_adds__docs {
  font-size: 16px;
  line-height: 21px;
  color: #1a53c6;
}

/* line 11013, app/assets/stylesheets/application.scss */
.tariff_adds__docs:hover {
  color: #039;
}

/* line 11017, app/assets/stylesheets/application.scss */
.tariff_adds__add-checkbox {
  margin-bottom: 15px;
  display: flex;
}

/* line 11020, app/assets/stylesheets/application.scss */
.tariff_adds__add-checkbox span {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
}

/* line 11026, app/assets/stylesheets/application.scss */
.tariff_adds__subtitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  color: #111111;
  margin-bottom: 6px;
}

/* line 11033, app/assets/stylesheets/application.scss */
.tariff_adds .label-help-icon {
  margin-bottom: 4px;
}

/* line 11036, app/assets/stylesheets/application.scss */
.tariff_adds__subtitle-info {
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: #626F7F;
  margin-bottom: 8px;
}

/* line 11042, app/assets/stylesheets/application.scss */
.tariff_adds__subtitle-info b {
  font-weight: 600;
}

/* line 11046, app/assets/stylesheets/application.scss */
.tariff_adds__more-messengers {
  margin-bottom: 20px;
}

/* line 11049, app/assets/stylesheets/application.scss */
.tariff_adds__amount-messages {
  margin-bottom: 20px;
}

/* line 11052, app/assets/stylesheets/application.scss */
.tariff_adds__amount-payed-months--hide * {
  opacity: 0;
  pointer-events: none;
}

/* line 11057, app/assets/stylesheets/application.scss */
.support_salebot {
  display: inline-block;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #FFFFFF;
  padding: 1px 6px 2px;
  background-color: #039;
  border-radius: 4px;
}

/* line 11069, app/assets/stylesheets/application.scss */
.display_none_free_tariff {
  display: none;
}

/* line 11073, app/assets/stylesheets/application.scss */
.extended_btns_box {
  width: 170px;
}

/* line 11076, app/assets/stylesheets/application.scss */
.create_extended_btn {
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
  align-items: center;
  color: #626f7f;
  min-width: 165px;
  font-size: 14px;
  line-height: 120%;
  padding: 12px;
  border: 1px solid #d4dff4;
  border-radius: 6px;
  transition: .3s;
  cursor: pointer;
}

/* line 11090, app/assets/stylesheets/application.scss */
.create_extended_btn:hover {
  background-color: #dfebf7;
  border-color: transparent;
}

/* line 11096, app/assets/stylesheets/application.scss */
.pay-integration,
.crm-integration {
  padding: 32px 20px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* line 11100, app/assets/stylesheets/application.scss */
.pay-integration__title,
.crm-integration__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  margin: 0 0 24px;
  color: #111111;
}

/* line 11107, app/assets/stylesheets/application.scss */
.pay-integration__description,
.crm-integration__description {
  max-width: 791px;
  font-size: 18px;
  line-height: 140%;
  color: #626F7F;
  margin-bottom: 42px;
}

/* line 11114, app/assets/stylesheets/application.scss */
.pay-integration__items-box,
.crm-integration__items-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 16px;
}

@media (max-width: 470px) {
  /* line 11114, app/assets/stylesheets/application.scss */
  .pay-integration__items-box,
.crm-integration__items-box {
    justify-content: center;
  }
}

/* line 11122, app/assets/stylesheets/application.scss */
.pay-integration__item,
.crm-integration__item {
  border: 1px solid #D4DFF4;
  border-radius: 6px;
  padding: 16px 20px;
  width: 205px;
}

/* line 11128, app/assets/stylesheets/application.scss */
.pay-integration__item-info,
.crm-integration__item-info {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

/* line 11133, app/assets/stylesheets/application.scss */
.pay-integration__item-img,
.crm-integration__item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #E0E1E3;
  margin-right: 12px;
  overflow: hidden;
}

/* line 11143, app/assets/stylesheets/application.scss */
.pay-integration__item-img img,
.crm-integration__item-img img {
  -o-object-fit: unset;
     object-fit: unset;
}

/* line 11147, app/assets/stylesheets/application.scss */
.pay-integration__item-name,
.crm-integration__item-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #111111;
}

/* line 11153, app/assets/stylesheets/application.scss */
.pay-integration__item-btn,
.crm-integration__item-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 11px 24px;
  background-color: #039;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  border-radius: 6px;
  color: #FFFFFF;
  transition: 0.3s;
}

/* line 11165, app/assets/stylesheets/application.scss */
.pay-integration__item-btn:hover,
.crm-integration__item-btn:hover {
  background-color: #1a53c6;
}

/* line 11169, app/assets/stylesheets/application.scss */
.pay-integration__item-btn--connect,
.crm-integration__item-btn--connect {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 11px 24px;
  background-color: #FFFFFF;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid #039;
  line-height: 18px;
  border-radius: 6px;
  color: #039;
  transition: 0.3s;
}

/* line 11182, app/assets/stylesheets/application.scss */
.pay-integration__item-btn--connect:hover,
.crm-integration__item-btn--connect:hover {
  color: #FFFFFF;
  background-color: #1a53c6;
  border-color: #1a53c6;
}

/* line 11190, app/assets/stylesheets/application.scss */
.crm-integration__item-img img {
  width: 100%;
}

/* line 11194, app/assets/stylesheets/application.scss */
.crm-integration__item-img--amo img {
  width: 55px;
}

/* line 11198, app/assets/stylesheets/application.scss */
.crm-integration__item-img--bluesalescrm {
  position: relative;
}

/* line 11200, app/assets/stylesheets/application.scss */
.crm-integration__item-img--bluesalescrm img {
  position: absolute;
  left: -7px;
  width: 180px;
  top: -62px;
}

/* line 11208, app/assets/stylesheets/application.scss */
.templated {
  background-color: #dfebf7;
}

/* line 11210, app/assets/stylesheets/application.scss */
.templated:hover {
  background-color: #b5ceff !important;
}

/* line 11214, app/assets/stylesheets/application.scss */
#new_notification {
  left: 281px;
  position: absolute;
  top: 59px;
  right: 0;
  z-index: 999;
}

@media (max-width: 1600px) {
  /* line 11214, app/assets/stylesheets/application.scss */
  #new_notification {
    left: 221px;
  }
}

/* line 11224, app/assets/stylesheets/application.scss */
.new_notification_container {
  background: rgba(243, 210, 48, 0.9);
  font-size: 15px;
  line-height: 19px;
  color: #111111;
  font-weight: 400;
  padding: 6px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 11235, app/assets/stylesheets/application.scss */
.new_notification_close {
  transform: rotate(45deg);
  font-size: 28px;
  cursor: pointer;
  opacity: 0.7;
}

/* line 11240, app/assets/stylesheets/application.scss */
.new_notification_close:hover {
  opacity: 1;
}

/* line 11245, app/assets/stylesheets/application.scss */
.telephony-integration {
  padding: 32px 20px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* line 11248, app/assets/stylesheets/application.scss */
.telephony-integration__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  margin: 0 0 24px;
  color: #111111;
}

/* line 11255, app/assets/stylesheets/application.scss */
.telephony-integration__description {
  max-width: 791px;
  font-size: 18px;
  line-height: 140%;
  color: #626F7F;
  margin-bottom: 42px;
}

/* line 11262, app/assets/stylesheets/application.scss */
.telephony-integration__items-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 16px;
}

@media (max-width: 470px) {
  /* line 11262, app/assets/stylesheets/application.scss */
  .telephony-integration__items-box {
    justify-content: center;
  }
}

/* line 11270, app/assets/stylesheets/application.scss */
.telephony-integration__item {
  border: 1px solid #D4DFF4;
  border-radius: 6px;
  padding: 16px 20px;
  width: 205px;
}

/* line 11276, app/assets/stylesheets/application.scss */
.telephony-integration__item-info {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

/* line 11281, app/assets/stylesheets/application.scss */
.telephony-integration__item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #E0E1E3;
  margin-right: 12px;
  overflow: hidden;
}

/* line 11291, app/assets/stylesheets/application.scss */
.telephony-integration__item-img img {
  -o-object-fit: unset;
     object-fit: unset;
}

/* line 11295, app/assets/stylesheets/application.scss */
.telephony-integration__item-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #111111;
}

/* line 11301, app/assets/stylesheets/application.scss */
.telephony-integration__item-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 11px 24px;
  background-color: #039;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  border-radius: 6px;
  color: #FFFFFF;
  transition: 0.3s;
}

/* line 11313, app/assets/stylesheets/application.scss */
.telephony-integration__item-btn:hover {
  background-color: #1a53c6;
}

/* line 11317, app/assets/stylesheets/application.scss */
.telephony-integration__item-btn--connect {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 11px 24px;
  background-color: #FFFFFF;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid #039;
  line-height: 18px;
  border-radius: 6px;
  color: #039;
  transition: 0.3s;
}

/* line 11330, app/assets/stylesheets/application.scss */
.telephony-integration__item-btn--connect:hover {
  color: #FFFFFF;
  background-color: #1a53c6;
  border-color: #1a53c6;
}

/* line 11338, app/assets/stylesheets/application.scss */
.select-sheet, .from_sheet_id_select, .triple_action_select {
  border: 1px solid #e0e1e3;
  border-radius: 4px;
  font-size: 16px;
  padding: 5px 0;
  margin-bottom: 20px;
  width: 100%;
  position: relative;
}

/* line 11346, app/assets/stylesheets/application.scss */
.select-sheet .client_state_title, .from_sheet_id_select .client_state_title, .triple_action_select .client_state_title {
  padding: 0 15px;
}

/* line 11350, app/assets/stylesheets/application.scss */
.simple_select_salebot {
  display: none;
  position: absolute;
  background: white;
  width: calc(100% + 2px);
  z-index: 9;
  border: 1px solid #e0e1e3;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: none;
  left: -1px;
}

/* line 11361, app/assets/stylesheets/application.scss */
.simple_select_salebotItem {
  padding: 0 15px;
  cursor: pointer;
}

/* line 11364, app/assets/stylesheets/application.scss */
.simple_select_salebotItem:hover {
  background: #d8d8dc;
}

/* line 11370, app/assets/stylesheets/application.scss */
.trigger-btn {
  position: relative;
  border: 1px solid #e0e1e3;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 35px;
  cursor: pointer;
}

/* line 11380, app/assets/stylesheets/application.scss */
.trigger-btn span, .trigger-btn::before, .trigger-btn::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 2px;
  background-color: #111111;
  border-radius: 1px;
  left: 50%;
  transform: translateX(-50%);
}

/* line 11392, app/assets/stylesheets/application.scss */
.trigger-btn::before {
  top: 10px;
}

/* line 11395, app/assets/stylesheets/application.scss */
.trigger-btn span {
  top: 15px;
}

/* line 11398, app/assets/stylesheets/application.scss */
.trigger-btn::after {
  top: 20px;
}

@media (max-width: 1700px) {
  /* line 2, app/assets/stylesheets/media.scss */
  .page-payment__footer-text {
    font-size: 14px;
  }
}

@media (max-width: 1600px) {
  /* line 8, app/assets/stylesheets/media.scss */
  #left_bar.active_left_menu {
    display: block;
  }
  /* line 12, app/assets/stylesheets/media.scss */
  #left_bar.left_bar_container .menu_item {
    padding-bottom: 9px;
  }
  /* line 19, app/assets/stylesheets/media.scss */
  .left-bar__tarif {
    max-width: 190px;
    margin: 25px auto 0;
  }
  /* line 24, app/assets/stylesheets/media.scss */
  .right_sidebar-form {
    max-width: 300px;
    margin-left: 0;
  }
  /* line 27, app/assets/stylesheets/media.scss */
  .right_sidebar-form .add-employee__content__add__name__bottom {
    margin-bottom: 10px;
  }
  /* line 30, app/assets/stylesheets/media.scss */
  .right_sidebar-form .right_sidebar-form_wrapper_access,
.right_sidebar-form .right_sidebar-form_wrapper_key {
    margin-top: 19px;
  }
}

@media (max-width: 1368px) {
  /* line 51, app/assets/stylesheets/media.scss */
  .client_owner_buttons {
    width: 100%;
  }
  /* line 54, app/assets/stylesheets/media.scss */
  .client-change-wrapper {
    gap: 0 8px;
  }
  /* line 57, app/assets/stylesheets/media.scss */
  .change_client_group {
    justify-content: center;
    width: 100%;
    margin: 0;
  }
  /* line 62, app/assets/stylesheets/media.scss */
  .take_client_link,
.transfer_toggle,
.refuse_client_link {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  /* line 68, app/assets/stylesheets/media.scss */
  .take_client_link svg,
.transfer_toggle svg,
.refuse_client_link svg {
    max-width: 24px;
    width: 100%;
  }
  /* line 72, app/assets/stylesheets/media.scss */
  .take_client_link span,
.transfer_toggle span,
.refuse_client_link span {
    line-height: 26px;
  }
}

@media (max-width: 1350px) {
  /* line 80, app/assets/stylesheets/media.scss */
  .page-payment__left {
    flex-direction: column;
  }
  /* line 83, app/assets/stylesheets/media.scss */
  .page-payment__tariffs-box {
    max-width: 100%;
    border-right: none;
  }
  /* line 87, app/assets/stylesheets/media.scss */
  .page-payment__tariff-item {
    height: auto;
  }
  /* line 90, app/assets/stylesheets/media.scss */
  .page-payment__right {
    height: 555px;
  }
  /* line 93, app/assets/stylesheets/media.scss */
  .page-payment__footer {
    position: absolute;
    flex-direction: column-reverse;
    right: 20px;
    top: 575px;
  }
  /* line 99, app/assets/stylesheets/media.scss */
  .page-payment__footer-left {
    max-width: 377px;
    width: 100%;
  }
}

@media (max-width: 1320px) {
  /* line 107, app/assets/stylesheets/media.scss */
  .right_sidebar-form {
    margin-top: 15px;
  }
  /* line 110, app/assets/stylesheets/media.scss */
  .form-box__attachment-block {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 7px;
  }
  /* line 114, app/assets/stylesheets/media.scss */
  .form-box__attachment-block li + li {
    margin-left: 0;
  }
  /* line 118, app/assets/stylesheets/media.scss */
  .form-box__attachment-btn {
    width: 150px;
    margin-bottom: 8px;
  }
  /* line 122, app/assets/stylesheets/media.scss */
  .form-box__dropzone-area {
    flex-direction: column;
    height: 220px;
  }
  /* line 126, app/assets/stylesheets/media.scss */
  .form-box__dropzone-right {
    border-left: none;
    border-top: 1px solid #e0e1e3;
  }
  /* line 130, app/assets/stylesheets/media.scss */
  .tasks-container__top-time,
.tasks-container__top-responsible {
    display: none;
  }
  /* line 134, app/assets/stylesheets/media.scss */
  .task-card__wrapper-content {
    flex-direction: column;
  }
  /* line 137, app/assets/stylesheets/media.scss */
  .task-card__time,
.task-card__action,
.task-card__avatar {
    min-width: 100%;
    max-width: 100%;
  }
  /* line 143, app/assets/stylesheets/media.scss */
  .task-card__time {
    margin-bottom: 8px;
  }
  /* line 146, app/assets/stylesheets/media.scss */
  .task-card__avatar-client {
    margin-bottom: 8px;
  }
  /* line 149, app/assets/stylesheets/media.scss */
  #piplines {
    padding: 10px 15px;
    position: relative;
    top: 1px;
    justify-content: flex-start;
    z-index: auto;
  }
}

@media (max-width: 1024px) {
  /* line 195, app/assets/stylesheets/media.scss */
  .pipeline-current-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 250px;
    overflow: hidden;
  }
  /* line 201, app/assets/stylesheets/media.scss */
  .hopper_name {
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    margin-left: 0;
  }
  /* line 207, app/assets/stylesheets/media.scss */
  .header-btns-wrapper {
    flex-wrap: wrap-reverse;
    align-items: flex-start;
  }
  /* statistic*/
  /* line 212, app/assets/stylesheets/media.scss */
  .info_block {
    justify-content: space-between;
  }
  /* line 214, app/assets/stylesheets/media.scss */
  .info_block .global-statistic,
.info_block .messengers-statistic {
    flex-basis: 47%;
  }
  /* line 219, app/assets/stylesheets/media.scss */
  .chart-box,
.statistic_search_box {
    margin: 0 auto;
    flex-direction: column;
  }
  /* line 225, app/assets/stylesheets/media.scss */
  .stats_container > div {
    margin-bottom: 15px;
  }
  /* line 229, app/assets/stylesheets/media.scss */
  .controller_panel {
    height: 400px;
    margin-bottom: 15px;
  }
  /* line 233, app/assets/stylesheets/media.scss */
  .form-box__attachment-btn {
    width: 49%;
  }
  /* line 236, app/assets/stylesheets/media.scss */
  .client-deal__btn-bar {
    display: inline-block;
  }
  /* line 239, app/assets/stylesheets/media.scss */
  .client-deal__inner-bar {
    height: 100%;
    position: absolute;
    right: -100%;
    box-shadow: 6px 18px 13px 8px #E0E1E3;
    transition: .3s;
  }
  /* line 245, app/assets/stylesheets/media.scss */
  .client-deal__inner-bar--active {
    right: 0;
  }
  /* line 249, app/assets/stylesheets/media.scss */
  .client-deal__content-footer {
    width: 100%;
  }
}

@media (max-width: 992px) {
  /* line 255, app/assets/stylesheets/media.scss */
  .mobile-trigger-profile {
    display: block;
    margin-left: 15px;
  }
  /* line 259, app/assets/stylesheets/media.scss */
  .mobile_logo_profile {
    height: 50px;
    margin-left: 15px;
    display: block;
  }
  /* line 264, app/assets/stylesheets/media.scss */
  .logo-profile {
    display: none;
  }
  /* line 267, app/assets/stylesheets/media.scss */
  .profile-bar {
    left: -100%;
    z-index: 2;
    transition: .3s;
  }
  /* line 271, app/assets/stylesheets/media.scss */
  .profile-bar--active {
    left: 0;
    box-shadow: 0 0 12px rgba(45, 51, 56, 0.1);
  }
  /* line 276, app/assets/stylesheets/media.scss */
  .profile-workflow {
    width: 100%;
  }
  /* line 279, app/assets/stylesheets/media.scss */
  .task-rightbar {
    padding: 40px 13px !important;
  }
  /* line 284, app/assets/stylesheets/media.scss */
  .card-bot__right-top .switches-wrapper .main-switch {
    margin: 0 0 8px;
  }
  /* line 286, app/assets/stylesheets/media.scss */
  .card-bot__right-top .switches-wrapper .main-switch:last-child {
    margin: 0;
  }
  /* line 291, app/assets/stylesheets/media.scss */
  .card-bot__right-top .main-switch {
    margin: 0 0 8px;
  }
  /* line 293, app/assets/stylesheets/media.scss */
  .card-bot__right-top .main-switch .switch + .switch {
    margin-top: 8px;
  }
  /* line 298, app/assets/stylesheets/media.scss */
  .main-container--online-chat {
    padding: 20px 16px;
  }
  /* line 301, app/assets/stylesheets/media.scss */
  .tabs-content__online-chat {
    padding: 16px;
  }
  /* line 304, app/assets/stylesheets/media.scss */
  .preview-container {
    display: none;
  }
  /* line 307, app/assets/stylesheets/media.scss */
  .online_chat_script {
    padding: 6px;
    font-size: 12px;
  }
}

@media (max-width: 915px) {
  /* line 315, app/assets/stylesheets/media.scss */
  .page-payment__container {
    flex-direction: column;
  }
  /* line 318, app/assets/stylesheets/media.scss */
  .page-payment__right {
    max-width: unset;
    min-width: unset;
    width: 100%;
    height: 450px;
  }
  /* line 324, app/assets/stylesheets/media.scss */
  .page-payment__right-bg {
    right: unset;
    left: 0;
  }
  /* line 328, app/assets/stylesheets/media.scss */
  .page-payment__footer {
    width: 100%;
    position: unset;
  }
  /* line 332, app/assets/stylesheets/media.scss */
  .page-payment__footer-left {
    max-width: unset;
    width: 100%;
  }
  /* line 336, app/assets/stylesheets/media.scss */
  .page-payment__footer-right {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 900px) {
  /* line 345, app/assets/stylesheets/media.scss */
  .employees__wrapper-add {
    flex-direction: column;
    align-items: flex-start;
    max-width: 400px;
  }
  /* line 349, app/assets/stylesheets/media.scss */
  .employees__wrapper-add .add-employee__content__add__email__bottom {
    width: 100%;
  }
  /* line 352, app/assets/stylesheets/media.scss */
  .employees__wrapper-add .employs_margin_button {
    margin: 10px 0 0;
    width: 100%;
  }
  /* line 357, app/assets/stylesheets/media.scss */
  .access_email {
    margin: 0 9px 0 0;
  }
  /* line 360, app/assets/stylesheets/media.scss */
  .accesses__titles-wrapper {
    display: none;
  }
  /* line 363, app/assets/stylesheets/media.scss */
  .accesses__title-employee {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }
  /* line 373, app/assets/stylesheets/media.scss */
  #accesses .small_display {
    width: 100%;
  }
  /* line 376, app/assets/stylesheets/media.scss */
  #accesses .add-employee__content__employees__item {
    display: flex;
  }
  /* line 379, app/assets/stylesheets/media.scss */
  #accesses .add-employee__content__employees__item__name-group {
    flex-direction: column;
  }
  /* line 382, app/assets/stylesheets/media.scss */
  #accesses .employee-wrapper--name-role {
    display: flex;
    position: relative;
    flex-direction: column;
  }
  /* line 387, app/assets/stylesheets/media.scss */
  #accesses .employee-item--name {
    max-width: 200px;
  }
  /* line 390, app/assets/stylesheets/media.scss */
  #accesses .add-employee__content__employees__item__online {
    left: 50px;
    top: -13px;
  }
  /* line 394, app/assets/stylesheets/media.scss */
  #accesses .add-employee__content__employees__item__email {
    padding: 0;
  }
  /* line 400, app/assets/stylesheets/media.scss */
  .spisok_header {
    flex-direction: column;
    align-items: center;
    padding: 15px 0 10px;
  }
  /* line 404, app/assets/stylesheets/media.scss */
  .spisok_header h1, .spisok_header h4 {
    line-height: 24px;
    text-align: center;
    margin-bottom: 10px;
  }
  /* line 410, app/assets/stylesheets/media.scss */
  .wrapper-title-search {
    flex-direction: column;
  }
  /* line 413, app/assets/stylesheets/media.scss */
  .drop_area_description {
    max-width: 100%;
    margin: 0 15px;
  }
  /* line 416, app/assets/stylesheets/media.scss */
  .drop_area_description span {
    width: 100%;
  }
  /* line 420, app/assets/stylesheets/media.scss */
  .form-box__right-block {
    min-width: 330px;
    max-width: 330px;
    padding: 70px 5px 0 10px;
  }
  /* line 424, app/assets/stylesheets/media.scss */
  .form-box__right-block--first {
    padding: 110px 5px 0 10px;
  }
  /* line 427, app/assets/stylesheets/media.scss */
  .form-box__right-block--last {
    padding: 70px 5px 35px 10px;
  }
}

@media (max-width: 768px) {
  /* line 434, app/assets/stylesheets/media.scss */
  .background_spisok {
    padding: 8px 5px 90px !important;
  }
  /* line 437, app/assets/stylesheets/media.scss */
  .stylish_item_new {
    width: 95%;
  }
  /* line 440, app/assets/stylesheets/media.scss */
  .delete-project,
.delete-employees {
    display: block;
    text-align: right;
    position: relative;
    bottom: 0;
    right: 0;
  }
  /* line 448, app/assets/stylesheets/media.scss */
  .order_filter_total_list {
    right: -65px;
  }
  /* line 451, app/assets/stylesheets/media.scss */
  .edit-btns-wrapper {
    flex-direction: column;
  }
  /* line 453, app/assets/stylesheets/media.scss */
  .edit-btns-wrapper a {
    display: inline-flex;
  }
  /* line 457, app/assets/stylesheets/media.scss */
  .edit-top-wrapper {
    margin-bottom: 10px;
  }
  /* line 460, app/assets/stylesheets/media.scss */
  .title_crm_pipeline {
    font-size: 18px;
    line-height: 20px;
  }
  /* line 464, app/assets/stylesheets/media.scss */
  #edit_state_form {
    margin-bottom: 45px;
  }
  /* line 467, app/assets/stylesheets/media.scss */
  .delete_all_tasks {
    bottom: 5px;
    right: 15px;
  }
  /* line 471, app/assets/stylesheets/media.scss */
  .title_crm_states {
    font-size: 18px;
  }
  /* line 474, app/assets/stylesheets/media.scss */
  .loading_container {
    max-width: 600px;
    width: 100%;
  }
  /* line 478, app/assets/stylesheets/media.scss */
  .box-item {
    flex-direction: column;
    width: 100%;
  }
  /* line 481, app/assets/stylesheets/media.scss */
  .box-item__right {
    min-width: unset;
    max-width: unset;
    width: 100%;
    border: none;
  }
  /* line 488, app/assets/stylesheets/media.scss */
  .profile-referrals__statistic-item {
    flex-basis: unset;
  }
  /* line 491, app/assets/stylesheets/media.scss */
  .modal_news_box {
    flex-direction: column-reverse;
  }
  /* line 494, app/assets/stylesheets/media.scss */
  .news_popup_text {
    width: 100%;
  }
  /* line 497, app/assets/stylesheets/media.scss */
  .news_popup_description {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  /* line 502, app/assets/stylesheets/media.scss */
  .news_popup_title {
    font-size: 17px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 14px;
    margin-top: 14px;
  }
  /* line 509, app/assets/stylesheets/media.scss */
  .news_popup_accent {
    font-size: 16px;
    line-height: 25px;
    color: #1a53c6;
  }
  /* line 514, app/assets/stylesheets/media.scss */
  .news_popup_img {
    width: 100%;
  }
  /* line 516, app/assets/stylesheets/media.scss */
  .news_popup_img img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 640px) {
  /* line 525, app/assets/stylesheets/media.scss */
  .employees__main-title {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 15px 0;
  }
  /* line 530, app/assets/stylesheets/media.scss */
  #accesses {
    display: block;
  }
  /* line 533, app/assets/stylesheets/media.scss */
  #accesses .small_display {
    margin-right: 0;
    width: 100%;
  }
  /* line 539, app/assets/stylesheets/media.scss */
  .btn-dropdown-list {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  /* line 546, app/assets/stylesheets/media.scss */
  .spisok_header h1, .spisok_header h4, .spisok_header p {
    line-height: 24px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
  }
  /* line 552, app/assets/stylesheets/media.scss */
  .spisok_header .new_button {
    padding: 9px 15px;
    height: 39px;
  }
  /* line 558, app/assets/stylesheets/media.scss */
  .block_title {
    margin: 0;
    flex-direction: column;
  }
  /* line 561, app/assets/stylesheets/media.scss */
  .block_title .new_button {
    padding: 9px 15px;
    height: 39px;
  }
  /* line 567, app/assets/stylesheets/media.scss */
  .form_border {
    padding: 20px 15px;
  }
  /* line 571, app/assets/stylesheets/media.scss */
  .working_time {
    padding: 10px;
  }
  /* line 574, app/assets/stylesheets/media.scss */
  .working_title {
    margin-left: 0;
  }
  /* line 577, app/assets/stylesheets/media.scss */
  .check_box_container {
    margin: 6px 0;
  }
  /* line 583, app/assets/stylesheets/media.scss */
  .check_box_title {
    margin-left: 10px;
  }
  /* line 587, app/assets/stylesheets/media.scss */
  .fast_answer_overflow .wrapper__for_inputs {
    flex-direction: column;
  }
  /* line 590, app/assets/stylesheets/media.scss */
  .fast_answer_overflow .attachment-input-wrapper {
    margin-right: 0;
    width: 100%;
  }
  /* line 595, app/assets/stylesheets/media.scss */
  .header-btns-wrapper {
    gap: 8px;
  }
  /* line 598, app/assets/stylesheets/media.scss */
  .pipeline-current-name {
    width: 240px;
    font-size: 18px;
  }
  /* line 602, app/assets/stylesheets/media.scss */
  .toggle_variables, .order_filter_total, .drop_box_trigger_crm, .archive_box {
    margin: 0;
  }
  /* line 604, app/assets/stylesheets/media.scss */
  .toggle_variables .new_button,
.toggle_variables #archive_trigger,
.toggle_variables .order_filter_toggle,
.toggle_variables .toggle_variables, .order_filter_total .new_button,
.order_filter_total #archive_trigger,
.order_filter_total .order_filter_toggle,
.order_filter_total .toggle_variables, .drop_box_trigger_crm .new_button,
.drop_box_trigger_crm #archive_trigger,
.drop_box_trigger_crm .order_filter_toggle,
.drop_box_trigger_crm .toggle_variables, .archive_box .new_button,
.archive_box #archive_trigger,
.archive_box .order_filter_toggle,
.archive_box .toggle_variables {
    width: 100%;
  }
  /* line 611, app/assets/stylesheets/media.scss */
  .order_filter_total {
    margin-left: auto;
    margin-right: 8px;
  }
  /* line 615, app/assets/stylesheets/media.scss */
  .archive_box {
    margin-left: 8px;
  }
  /* line 618, app/assets/stylesheets/media.scss */
  .order_filter_total_list,
.drop_box_crm {
    right: 135px;
  }
  /* line 621, app/assets/stylesheets/media.scss */
  .order_filter_total_list .project__list-topcut,
.drop_box_crm .project__list-topcut {
    right: 27px;
  }
  /* line 625, app/assets/stylesheets/media.scss */
  .context-menu--pipeline {
    right: -8px;
  }
  /* line 627, app/assets/stylesheets/media.scss */
  .context-menu--pipeline::before {
    right: 11px;
  }
  /* line 631, app/assets/stylesheets/media.scss */
  .archive_orders_container {
    left: unset;
    right: 5px;
    top: 45px;
  }
  /* line 635, app/assets/stylesheets/media.scss */
  .archive_orders_container .project__list-topcut {
    left: unset;
    right: 12px;
  }
  /* line 640, app/assets/stylesheets/media.scss */
  .state__action {
    opacity: 1 !important;
  }
  /* line 660, app/assets/stylesheets/media.scss */
  #workflow {
    margin: 0;
  }
  /* line 663, app/assets/stylesheets/media.scss */
  .container_for_form,
.statistic_container {
    padding: 1px;
  }
  /* line 667, app/assets/stylesheets/media.scss */
  .form-box__right-block {
    display: none;
  }
  /* line 670, app/assets/stylesheets/media.scss */
  .form-box__block {
    padding: 14px 15px;
    border-bottom: 1px solid #e0e1e3;
  }
  /* line 674, app/assets/stylesheets/media.scss */
  .form-box__left-block {
    padding: 0;
    border-right: none;
    border-bottom: none;
  }
  /* line 678, app/assets/stylesheets/media.scss */
  .form-box__left-block--last {
    padding: 0 0 75px;
  }
  /* line 682, app/assets/stylesheets/media.scss */
  .check_count {
    font-size: 14px;
    padding: 0 10px;
    margin-left: 12px;
  }
  /* line 687, app/assets/stylesheets/media.scss */
  .check_count_text {
    display: none;
    position: absolute;
    bottom: 85px;
    left: 55%;
    transform: translateX(-50%);
    padding: 8px 16px;
    background-color: #fff;
    border: 1px solid #d4dff4;
    border-radius: 6px;
    margin-left: 0;
    text-align: center;
    filter: drop-shadow(0 10px 20px rgba(45, 51, 56, 0.1));
  }
  /* line 700, app/assets/stylesheets/media.scss */
  .check_count_text::before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #fff;
    bottom: -13px;
    right: 45%;
    z-index: -1;
    transform: rotate(45deg);
    border-bottom: 1px solid #d4dff4;
    border-right: 1px solid #d4dff4;
    border-radius: 2px;
  }
  /* line 715, app/assets/stylesheets/media.scss */
  .card-bot {
    display: block;
  }
  /* line 717, app/assets/stylesheets/media.scss */
  .card-bot__left {
    margin: 0;
    min-width: 100%;
    max-width: 100%;
    border-right: none;
    border-bottom: 1px solid #E0E1E3;
    padding: 17px 12px;
  }
  /* line 725, app/assets/stylesheets/media.scss */
  .card-bot__left-part {
    margin: 0 0 15px;
  }
  /* line 728, app/assets/stylesheets/media.scss */
  .card-bot__right-top, .card-bot__right-bot {
    padding: 17px 12px;
  }
  /* line 732, app/assets/stylesheets/media.scss */
  .card-bot__right-bot {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  /* line 736, app/assets/stylesheets/media.scss */
  .card-bot__right-bot--action {
    width: 100%;
    margin-left: unset;
  }
  /* line 740, app/assets/stylesheets/media.scss */
  .card-bot__right-bot .main-btn {
    width: 100%;
  }
  /* line 744, app/assets/stylesheets/media.scss */
  .card-bot__btn {
    width: 100%;
    text-align: center;
  }
  /* line 747, app/assets/stylesheets/media.scss */
  .card-bot__btn--delete {
    width: 100%;
  }
  /* line 749, app/assets/stylesheets/media.scss */
  .card-bot__btn--delete span {
    display: block;
  }
  /* line 755, app/assets/stylesheets/media.scss */
  .card-bot__btn--vkgroup {
    position: unset;
    width: 100%;
  }
  /* line 759, app/assets/stylesheets/media.scss */
  .mobile_logo_profile {
    display: none;
  }
  /* line 762, app/assets/stylesheets/media.scss */
  .profile-workflow {
    padding: 25px 15px;
  }
  /* line 765, app/assets/stylesheets/media.scss */
  .project-card__info {
    flex-direction: column;
  }
  /* line 768, app/assets/stylesheets/media.scss */
  .project-card__name {
    margin-bottom: 8px;
  }
  /* line 771, app/assets/stylesheets/media.scss */
  .project-card__access,
.project-card__before,
.project-card__date-on {
    margin: 0;
  }
  /* line 776, app/assets/stylesheets/media.scss */
  .profile-bar__avatar img {
    max-width: 130px;
    min-width: 130px;
    min-height: 130px;
    max-height: 130px;
  }
  /* line 783, app/assets/stylesheets/media.scss */
  .profile-referrals__statistic-list {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  /* line 793, app/assets/stylesheets/media.scss */
  .profile-referrals__statistic-item:nth-child(3), .profile-referrals__statistic-item:nth-child(2) {
    margin-top: 15px;
  }
  /* line 798, app/assets/stylesheets/media.scss */
  .profile-referrals__statistic-count {
    font-size: 34px;
    line-height: 40px;
  }
  /* line 803, app/assets/stylesheets/media.scss */
  #tasks {
    max-height: unset;
  }
  /* line 806, app/assets/stylesheets/media.scss */
  .task-card__inner {
    padding: 12px 14px 12px 10px;
  }
  /* line 809, app/assets/stylesheets/media.scss */
  .task-workflow {
    padding: 20px 13px 0;
  }
  /* line 812, app/assets/stylesheets/media.scss */
  .statistic-add_field {
    flex-wrap: wrap;
  }
  /* line 814, app/assets/stylesheets/media.scss */
  .statistic-add_field .add_field_button,
.statistic-add_field .load_fields_button {
    margin: 0;
    width: unset;
  }
  /* line 819, app/assets/stylesheets/media.scss */
  .statistic-add_field .load_fields_button {
    width: 160px;
    padding: 11px 12px;
  }
  /* line 824, app/assets/stylesheets/media.scss */
  .statistic_fields_buttons {
    margin-left: auto;
  }
  /* line 827, app/assets/stylesheets/media.scss */
  .big_main_popup-container {
    max-width: 100%;
    width: 100%;
  }
  /* line 831, app/assets/stylesheets/media.scss */
  .client-deal__modal-close {
    z-index: 1;
    left: 0;
    border-radius: 0 6px 6px 0;
  }
  /* line 836, app/assets/stylesheets/media.scss */
  .rosters {
    padding: 10px 20px !important;
  }
  /* line 838, app/assets/stylesheets/media.scss */
  .rosters__wrapper-info {
    display: flex;
    align-items: unset;
    flex-direction: column;
    width: 100%;
  }
  /* line 844, app/assets/stylesheets/media.scss */
  .rosters__title-num {
    padding: 0;
    margin-bottom: 14px;
    justify-content: unset;
  }
  /* line 848, app/assets/stylesheets/media.scss */
  .rosters__title-num::after {
    display: none;
  }
  /* line 852, app/assets/stylesheets/media.scss */
  .rosters__info {
    margin: 0;
  }
}

@media (max-width: 660px) {
  /* line 859, app/assets/stylesheets/media.scss */
  #litle_left_bar {
    display: none !important;
  }
  /* line 863, app/assets/stylesheets/media.scss */
  .mobile-trigger-menu {
    display: block;
  }
  /* line 867, app/assets/stylesheets/media.scss */
  .header-top__logo-img {
    margin-left: 50px;
    padding-top: 8px;
  }
}

@media (max-height: 850px) {
  /* line 874, app/assets/stylesheets/media.scss */
  .pay-integration {
    padding: 25px 20px 5px;
  }
  /* line 876, app/assets/stylesheets/media.scss */
  .pay-integration__title {
    margin: 0;
  }
  /* line 879, app/assets/stylesheets/media.scss */
  .pay-integration__description {
    margin: 12px 0 18px;
  }
  /* line 882, app/assets/stylesheets/media.scss */
  .pay-integration__items-box {
    gap: 15px;
  }
}

@media (max-height: 625px) {
  /* line 889, app/assets/stylesheets/media.scss */
  .profile-bar__settings,
.profile-bar__info {
    padding: 15px 15px;
  }
  /* line 893, app/assets/stylesheets/media.scss */
  .profile-bar__avatar,
.profile-bar__email {
    margin-bottom: 15px;
  }
}

@media (max-width: 538px) {
  /* line 900, app/assets/stylesheets/media.scss */
  .clear_access_statistic {
    margin: 15px 0 0 0;
    text-align: center;
  }
  /* line 904, app/assets/stylesheets/media.scss */
  .lists__top-wrapper {
    flex-direction: column;
    padding-top: 15px;
    margin-bottom: 20px;
  }
  /* line 908, app/assets/stylesheets/media.scss */
  .lists__top-wrapper .new_button {
    margin-top: 5px;
    padding: 8px 15px;
    height: 40px;
  }
  /* line 915, app/assets/stylesheets/media.scss */
  .rosters .btn-dropdown-list {
    right: 10px;
    top: 10px;
  }
  /* line 920, app/assets/stylesheets/media.scss */
  .circle {
    height: 32px;
    width: 32px;
  }
  /* line 924, app/assets/stylesheets/media.scss */
  .profile-block {
    margin: 15px auto 10px;
    width: 95%;
  }
  /* line 927, app/assets/stylesheets/media.scss */
  .profile-block .back_text {
    display: none;
  }
  /* line 930, app/assets/stylesheets/media.scss */
  .profile-block__info-box {
    align-items: flex-start;
    flex-direction: column;
  }
  /* line 934, app/assets/stylesheets/media.scss */
  .profile-block_about {
    margin: 10px 0 0;
  }
  /* line 938, app/assets/stylesheets/media.scss */
  .info_block {
    flex-direction: column;
  }
  /* line 940, app/assets/stylesheets/media.scss */
  .info_block .global-statistic {
    border-radius: 6px 6px 0 0;
  }
  /* line 943, app/assets/stylesheets/media.scss */
  .info_block .messengers-statistic {
    border-radius: 0 0 6px 6px;
  }
  /* line 947, app/assets/stylesheets/media.scss */
  .profile-workflow__projects-top {
    flex-direction: column;
  }
  /* line 949, app/assets/stylesheets/media.scss */
  .profile-workflow__projects-top .new_button {
    margin: 0px 0px;
  }
  /* line 953, app/assets/stylesheets/media.scss */
  .edit-profile-wrapper {
    flex-direction: column;
  }
  /* line 956, app/assets/stylesheets/media.scss */
  .edit-profile-form {
    margin-left: unset;
    width: 100%;
  }
  /* line 960, app/assets/stylesheets/media.scss */
  .page-payment__right-bg {
    left: unset;
    right: -210px;
  }
  /* line 966, app/assets/stylesheets/media.scss */
  .landing .menu .logo {
    height: 31px;
  }
  /* line 970, app/assets/stylesheets/media.scss */
  .landing .menu__sing-in {
    height: 31px;
  }
}

@media (max-width: 440px) {
  /* line 978, app/assets/stylesheets/media.scss */
  .profile-referrals__statistic-list {
    display: block;
  }
  /* line 982, app/assets/stylesheets/media.scss */
  .profile-referrals__statistic-item:nth-child(2) {
    margin-top: 15px;
  }
  /* line 987, app/assets/stylesheets/media.scss */
  .page-payment {
    padding: 20px 15px;
  }
}

@media (max-width: 400px) {
  /* line 993, app/assets/stylesheets/media.scss */
  .archive_box {
    order: 1;
  }
  /* line 997, app/assets/stylesheets/media.scss */
  .qr-code-box svg {
    width: 310px !important;
    height: 310px !important;
  }
  /* line 1000, app/assets/stylesheets/media.scss */
  .qr-code-box svg path {
    transform: scale(4) !important;
  }
  /* line 1005, app/assets/stylesheets/media.scss */
  .tabs-trigger__item {
    font-size: 16px;
  }
}

@media (max-width: 350px) {
  /* line 1010, app/assets/stylesheets/media.scss */
  .tabs-trigger__item {
    font-size: 16px;
  }
}

@media (max-height: 840px) {
  /* line 1018, app/assets/stylesheets/media.scss */
  .page-payment {
    padding: 15px 20px;
  }
  /* line 1020, app/assets/stylesheets/media.scss */
  .page-payment .important-description {
    margin-bottom: 10px;
  }
  /* line 1023, app/assets/stylesheets/media.scss */
  .page-payment__footer {
    margin-top: 10px;
  }
  /* line 1027, app/assets/stylesheets/media.scss */
  .tariff_adds {
    padding: 13px 24px 13px 36px;
  }
  /* line 1029, app/assets/stylesheets/media.scss */
  .tariff_adds__top, .tariff_adds__add-checkbox, .tariff_adds__amount-messages, .tariff_adds__more-messengers {
    margin-bottom: 12px;
  }
  /* line 1035, app/assets/stylesheets/media.scss */
  .tariff_adds__subtitle-info {
    margin-bottom: 4px;
  }
  /* line 1039, app/assets/stylesheets/media.scss */
  .auto_take {
    margin-top: 12px;
  }
  /* line 1042, app/assets/stylesheets/media.scss */
  .page-payment__footer-right {
    padding: 8px 16px;
  }
}

/* line 1047, app/assets/stylesheets/media.scss */
.employees__workflow {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: visible;
}

/* line 11404, app/assets/stylesheets/application.scss */
.for_label {
  font-size: initial;
}

/* line 11407, app/assets/stylesheets/application.scss */
.field__switch {
  margin-bottom: 16px;
}

/* line 11409, app/assets/stylesheets/application.scss */
.field__switch .switch {
  display: flex;
  align-items: center;
}

/* line 11412, app/assets/stylesheets/application.scss */
.field__switch .switch + .switch {
  margin-top: 8px;
}

/* line 11415, app/assets/stylesheets/application.scss */
.field__switch .switch .lever.boolean {
  margin-right: 12px;
}

/* line 11418, app/assets/stylesheets/application.scss */
.field__switch .switch .for_label {
  font-size: 14px;
  line-height: 19px;
}

/* line 11425, app/assets/stylesheets/application.scss */
.quiz {
  margin-bottom: 10px;
  position: relative;
  background: #F7FAFC;
  padding: 2px 16px 20px;
  border-radius: 6px;
}

/* line 11431, app/assets/stylesheets/application.scss */
.quiz__drop-handle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  height: 24px;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* line 11437, app/assets/stylesheets/application.scss */
.quiz_remove {
  display: flex;
  margin-left: auto;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

/* line 11445, app/assets/stylesheets/application.scss */
.quiz_remove:hover svg path {
  fill: #c00d0f;
}

/* line 11453, app/assets/stylesheets/application.scss */
.quiz_inputs_box {
  display: flex;
  gap: 16px;
  margin: 15px 0;
}

@media (max-width: 1024px) {
  /* line 11453, app/assets/stylesheets/application.scss */
  .quiz_inputs_box {
    flex-direction: column;
  }
}

/* line 11461, app/assets/stylesheets/application.scss */
.quiz_input_box {
  width: 100%;
}

/* line 11464, app/assets/stylesheets/application.scss */
.quiz_input {
  box-sizing: border-box !important;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid #E1E6F0 !important;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #111;
  background-color: #fff !important;
  border-radius: 6px !important;
  outline: none;
  transition: all 200ms ease-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media (hover: hover) and (pointer: fine) {
  /* line 11488, app/assets/stylesheets/application.scss */
  .quiz_input:hover {
    border: none;
    background-color: #F7FAFC !important;
  }
}

/* line 11494, app/assets/stylesheets/application.scss */
.quiz_input:focus {
  border-color: #1A53C6 !important;
  background-color: #F7FAFC !important;
  box-shadow: none !important;
}

/* line 11500, app/assets/stylesheets/application.scss */
.quiz_input::-moz-placeholder {
  color: #95A3BA;
}
.quiz_input:-ms-input-placeholder {
  color: #95A3BA;
}
.quiz_input::placeholder {
  color: #95A3BA;
}

/* line 11504, app/assets/stylesheets/application.scss */
.quiz_input::-moz-focus-inner {
  border: 0;
}

/* line 11508, app/assets/stylesheets/application.scss */
.quiz_input::-webkit-outer-spin-button, .quiz_input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

/* line 11514, app/assets/stylesheets/application.scss */
.quiz .for_inputs {
  width: 100%;
}

/* line 11516, app/assets/stylesheets/application.scss */
.quiz .for_inputs .quiz_input {
  font-size: 14px;
}

/* line 11518, app/assets/stylesheets/application.scss */
.quiz .for_inputs .quiz_input:focus {
  border-color: #1a53c6 !important;
}

/* line 11523, app/assets/stylesheets/application.scss */
.quiz_answer_free, .quiz_answer_important, .quiz_auto_ip, .quiz_answer_popular_phones {
  opacity: 1 !important;
  pointer-events: inherit !important;
}

/* line 11527, app/assets/stylesheets/application.scss */
.quiz_answers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 11531, app/assets/stylesheets/application.scss */
.quiz_answers_desc {
  margin-right: 5px;
}

/* line 11535, app/assets/stylesheets/application.scss */
.quiz_add_more {
  cursor: pointer;
}

/* line 11537, app/assets/stylesheets/application.scss */
.quiz_add_more:hover {
  color: #039;
}

/* line 11541, app/assets/stylesheets/application.scss */
.quiz__answers {
  margin-bottom: 30px;
  position: relative;
}

/* line 11545, app/assets/stylesheets/application.scss */
.quiz__answers-box {
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: answer-counter;
}

/* line 11550, app/assets/stylesheets/application.scss */
.quiz__answers-box li + li {
  margin-top: 8px;
}

/* line 11554, app/assets/stylesheets/application.scss */
.quiz__answers-item {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 26px;
  counter-increment: answer-counter;
}

/* line 11560, app/assets/stylesheets/application.scss */
.quiz__answers-item::before {
  content: counter(answer-counter) ".";
  font-family: 'Nunito', sans-serif;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #324256;
}

/* line 11573, app/assets/stylesheets/application.scss */
.quiz_answer_remove {
  display: flex;
  transform: scale(1.2);
  margin-left: 8px;
  cursor: pointer;
}

/* line 11580, app/assets/stylesheets/application.scss */
.quiz_answer_remove:hover svg path {
  fill: #626F7F;
}

/* line 11586, app/assets/stylesheets/application.scss */
.quiz__answer-add {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #1A53C6;
  display: inline-flex;
  gap: 6px;
  cursor: pointer;
  margin-top: 16px;
}

/* line 11596, app/assets/stylesheets/application.scss */
.quiz_footer {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 15px;
}

/* line 11604, app/assets/stylesheets/application.scss */
.radio-container .field__label {
  margin-bottom: 12px;
}

/* line 11609, app/assets/stylesheets/application.scss */
.salebot-select {
  position: relative;
  font-family: 'Nunito', sans-serif;
  width: 100%;
}

/* line 11613, app/assets/stylesheets/application.scss */
.salebot-select__btn {
  display: flex;
  align-items: center;
  height: 40px;
  position: relative;
  border: 1px solid #E1E6F0;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 35px 0 16px;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
  font-weight: 400;
  cursor: pointer;
}

/* line 11630, app/assets/stylesheets/application.scss */
.salebot-select__btn::after {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  width: 11px;
  height: 9px;
  pointer-events: none;
  top: 17px;
  right: 15px;
}

/* line 11642, app/assets/stylesheets/application.scss */
.salebot-select__list {
  display: none;
  position: absolute;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  left: 0;
  top: 101%;
  max-height: 275px;
  width: 100%;
  z-index: 99;
  overflow: auto;
}

/* line 11655, app/assets/stylesheets/application.scss */
.salebot-select__list::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 11660, app/assets/stylesheets/application.scss */
.salebot-select__list::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 11666, app/assets/stylesheets/application.scss */
.salebot-select__list::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 11672, app/assets/stylesheets/application.scss */
.salebot-select__list-item {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  padding: 8px 16px;
  transition: .3s;
  cursor: pointer;
}

/* line 11679, app/assets/stylesheets/application.scss */
.salebot-select__list-item:hover {
  background-color: #F7FAFC;
}

/* line 11685, app/assets/stylesheets/application.scss */
.send_self {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

/* line 11688, app/assets/stylesheets/application.scss */
.send_self_btn {
  padding: 0 35px 0 46px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

/* line 11692, app/assets/stylesheets/application.scss */
.send_self_btn:hover {
  border-color: transparent;
  background-color: #E6EAF2;
}

/* line 11696, app/assets/stylesheets/application.scss */
.send_self_btn::before {
  content: '';
  position: absolute;
  background-image: url(/assets/new_icons/self_send-95f672d9bf9a321152881284cddb2376b9b103974954a4521c08878d871a06b1.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  pointer-events: none;
  top: 7px;
  left: 16px;
}

/* line 11708, app/assets/stylesheets/application.scss */
.send_self_list {
  overflow: visible;
  left: unset;
  right: 0;
  max-height: 175px;
  top: calc(100% + 12px);
  min-width: 230px;
}

/* line 11715, app/assets/stylesheets/application.scss */
.send_self_list::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #fff;
  top: -8px;
  right: 15px;
  z-index: -1;
  transform: rotate(45deg);
  border-top: 1px solid #d4dff4;
  border-left: 1px solid #d4dff4;
  border-radius: 2px;
}

/* line 11730, app/assets/stylesheets/application.scss */
.send_self_list_container {
  overflow: auto;
  max-height: 175px;
}

/* line 11733, app/assets/stylesheets/application.scss */
.send_self_list_container::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 11738, app/assets/stylesheets/application.scss */
.send_self_list_container::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 11744, app/assets/stylesheets/application.scss */
.send_self_list_container::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 11752, app/assets/stylesheets/application.scss */
.send_self + .send_self_loader,
.send_self_loader + .send_self,
.send_self + .send_self_success {
  margin-top: 16px;
}

/* line 11759, app/assets/stylesheets/application.scss */
.send_message_to {
  position: relative;
  order: -1;
}

@media (max-width: 1100px) {
  /* line 11759, app/assets/stylesheets/application.scss */
  .send_message_to {
    display: none;
  }
}

/* line 11765, app/assets/stylesheets/application.scss */
.send_message_to_btn {
  display: flex;
  align-items: center;
  height: 36px;
  position: relative;
  border: 1px solid #E1E6F0;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 35px 0 16px;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
  font-weight: 400;
  cursor: pointer;
}

/* line 11782, app/assets/stylesheets/application.scss */
.send_message_to_btn:hover {
  border-color: transparent;
  background-color: #E6EAF2;
}

/* line 11786, app/assets/stylesheets/application.scss */
.send_message_to_btn::after {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  width: 11px;
  height: 9px;
  pointer-events: none;
  top: 15px;
  right: 15px;
}

/* line 11798, app/assets/stylesheets/application.scss */
.send_message_to_list {
  display: none;
  position: absolute;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  z-index: 99;
  overflow: visible;
  left: unset;
  right: 0;
  max-height: 175px;
  top: calc(100% + 12px);
}

/* line 11811, app/assets/stylesheets/application.scss */
.send_message_to_list::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #fff;
  top: -8px;
  right: 15px;
  z-index: -1;
  transform: rotate(45deg);
  border-top: 1px solid #d4dff4;
  border-left: 1px solid #d4dff4;
  border-radius: 2px;
}

/* line 11826, app/assets/stylesheets/application.scss */
.send_message_to_container {
  overflow: auto;
  max-height: 175px;
}

/* line 11829, app/assets/stylesheets/application.scss */
.send_message_to_container::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 11834, app/assets/stylesheets/application.scss */
.send_message_to_container::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 11840, app/assets/stylesheets/application.scss */
.send_message_to_container::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 11845, app/assets/stylesheets/application.scss */
.send_message_to_container .write_to_whatsapp {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  padding: 8px 16px;
  transition: .3s;
  white-space: nowrap;
  color: #111111;
  display: block;
  cursor: pointer;
}

/* line 11855, app/assets/stylesheets/application.scss */
.send_message_to_container .write_to_whatsapp:hover {
  background-color: #F7FAFC;
}

/* line 11862, app/assets/stylesheets/application.scss */
.salebot-radio {
  display: flex;
  margin-bottom: 12px;
  cursor: pointer;
}

/* line 11866, app/assets/stylesheets/application.scss */
.salebot-radio input[type="radio"] {
  position: relative !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #FFFFFF;
  margin: 0;
  border: none;
  box-shadow: 0 0 0 1px #E1E6F0;
  box-sizing: border-box;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  opacity: 1;
  transition: .3s;
  pointer-events: unset !important;
  cursor: pointer;
}

/* line 11881, app/assets/stylesheets/application.scss */
.salebot-radio input[type="radio"]:hover {
  box-shadow: 0 0 0 1px #1a53c6;
}

/* line 11885, app/assets/stylesheets/application.scss */
.salebot-radio input[type="radio"]:checked {
  background-color: #1A53C6;
  box-shadow: 0 0 0 1px #1a53c6;
}

/* line 11889, app/assets/stylesheets/application.scss */
.salebot-radio [type="radio"]:not(:checked) {
  pointer-events: unset !important;
}

/* line 11892, app/assets/stylesheets/application.scss */
.salebot-radio input[type="radio"]::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .3s;
}

/* line 11906, app/assets/stylesheets/application.scss */
.salebot-radio input[type="radio"]:checked::before {
  opacity: 1;
}

/* line 11910, app/assets/stylesheets/application.scss */
.salebot-radio span {
  font-size: 14px !important;
  line-height: 20px !important;
  height: unset !important;
  padding-left: 0 !important;
  color: #111111 !important;
  font-weight: 400;
  margin-left: 12px;
}

/* line 11918, app/assets/stylesheets/application.scss */
.salebot-radio span::before, .salebot-radio span::after {
  display: none;
}

/* line 11925, app/assets/stylesheets/application.scss */
.salebot-checkbox {
  display: flex;
  margin-bottom: 12px;
  cursor: pointer;
}

/* line 11929, app/assets/stylesheets/application.scss */
.salebot-checkbox input[type="checkbox"] {
  position: relative !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  background: #FFFFFF;
  border: none;
  box-shadow: 0 0 0 1px #E1E6F0;
  box-sizing: border-box;
  border-radius: 5px;
  width: 20px;
  opacity: 1;
  height: 20px;
  transition: .3s;
  cursor: pointer;
}

/* line 11943, app/assets/stylesheets/application.scss */
.salebot-checkbox input[type="checkbox"]:hover {
  box-shadow: 0 0 0 1px #1a53c6;
  background-color: transparent;
}

/* line 11948, app/assets/stylesheets/application.scss */
.salebot-checkbox input[type="checkbox"]:checked {
  background-color: #1A53C6;
  box-shadow: 0 0 0 1px #1a53c6;
}

/* line 11952, app/assets/stylesheets/application.scss */
.salebot-checkbox input[type="checkbox"]::before {
  content: '';
  position: absolute;
  background-image: url(/assets/new_icons/checkbox-icon-48f42a9a51674722a41f5c5eb9480ab9cd96232609d019d440effc3d15c021fa.svg);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .3s;
}

/* line 11966, app/assets/stylesheets/application.scss */
.salebot-checkbox input[type="checkbox"]:checked::before {
  opacity: 1;
  background-color: unset;
  border-radius: 0;
  left: 50%;
}

/* line 11973, app/assets/stylesheets/application.scss */
.salebot-checkbox span {
  font-size: 14px !important;
  line-height: 20px !important;
  padding-left: 0 !important;
  height: unset !important;
  color: #111111 !important;
  font-weight: 400;
  margin-left: 12px;
}

/* line 11981, app/assets/stylesheets/application.scss */
.salebot-checkbox span::before, .salebot-checkbox span::after {
  display: none;
}

/* line 11986, app/assets/stylesheets/application.scss */
.salebot-checkbox__link {
  margin-left: 12px;
  font-size: 14px;
}

/* line 12057, app/assets/stylesheets/application.scss */
.salebot-switch {
  display: flex;
}

/* line 12059, app/assets/stylesheets/application.scss */
.salebot-switch label {
  display: flex;
  font-size: 14px;
  cursor: pointer;
}

/* line 12064, app/assets/stylesheets/application.scss */
.salebot-switch input[type="checkbox"] {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #E1E6F0;
  border-radius: 20px;
  width: 40px;
  min-width: 40px;
  height: 20px;
  transition: .3s;
  cursor: pointer;
}

/* line 12074, app/assets/stylesheets/application.scss */
.salebot-switch input[type="checkbox"]:hover {
  background-color: #C5D0E0;
}

/* line 12078, app/assets/stylesheets/application.scss */
.salebot-switch input[type="checkbox"]:checked {
  background-color: #1A53C6;
}

/* line 12081, app/assets/stylesheets/application.scss */
.salebot-switch input[type="checkbox"]::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  top: 2px;
  left: 2px;
  z-index: 1;
  transition: .3s;
}

/* line 12093, app/assets/stylesheets/application.scss */
.salebot-switch input[type="checkbox"]:checked::before {
  left: 22px;
}

/* line 12097, app/assets/stylesheets/application.scss */
.salebot-switch__label {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  margin-left: 12px;
}

/* line 12104, app/assets/stylesheets/application.scss */
.answer_variant {
  display: inline-flex;
  gap: 2px;
  background: #DFEBF7;
  border-radius: 5px;
  padding: 2px 2px 2px 8px;
}

/* line 12110, app/assets/stylesheets/application.scss */
.answer_variant_text {
  color: #111111;
  font-size: 15px;
  line-height: 19px;
}

/* line 12115, app/assets/stylesheets/application.scss */
.answer_variant_close {
  width: 20px;
  height: 20px;
  background-image: url(/assets/new_icons/close-icon-8734df8eac902f30f8171589b0d28c841d14bf02bea60a6c1562133bc0d5853f.svg);
  background-repeat: no-repeat;
  z-index: 2;
  cursor: pointer;
  opacity: 0.8;
  transition: .2s;
}

/* line 12124, app/assets/stylesheets/application.scss */
.answer_variant_close:hover {
  opacity: 1;
}

/* line 12129, app/assets/stylesheets/application.scss */
.answer_variant:hover {
  color: red;
}

/* line 12132, app/assets/stylesheets/application.scss */
.quiz_free_answers {
  display: none;
}

/* line 12136, app/assets/stylesheets/application.scss */
.cover-type {
  display: flex;
  margin: 0;
}

/* line 12139, app/assets/stylesheets/application.scss */
.cover-type li + li {
  margin-left: 16px;
}

@media (max-width: 570px) {
  /* line 12139, app/assets/stylesheets/application.scss */
  .cover-type li + li {
    margin-left: 8px;
  }
}

/* line 12145, app/assets/stylesheets/application.scss */
.cover-type__item {
  max-width: 149px;
}

/* line 12148, app/assets/stylesheets/application.scss */
.cover-type__item-radio {
  cursor: pointer;
}

/* line 12150, app/assets/stylesheets/application.scss */
.cover-type__item-radio svg {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: 1px solid #E1E6F0;
  transition: .3s;
}

/* line 12156, app/assets/stylesheets/application.scss */
.cover-type__item-radio svg .cover-type-border {
  fill: transparent;
}

/* line 12160, app/assets/stylesheets/application.scss */
.cover-type__item-radio input[type="radio"]:checked + svg {
  border-color: #1a53c6;
}

/* line 12164, app/assets/stylesheets/application.scss */
.cover-type__item-radio:hover svg {
  border-color: #C5D0E0;
  box-shadow: 0 6px 10px rgba(149, 163, 186, 0.1);
}

/* line 12175, app/assets/stylesheets/application.scss */
.online-chat__field-box,
.minilanding__field-box {
  margin-bottom: 16px;
}

/* line 12177, app/assets/stylesheets/application.scss */
.online-chat__field-box .quiz__select-preview,
.minilanding__field-box .quiz__select-preview {
  height: 40px;
}

/* line 12179, app/assets/stylesheets/application.scss */
.online-chat__field-box .quiz__select-preview::before,
.minilanding__field-box .quiz__select-preview::before {
  top: 17px;
}

/* line 12182, app/assets/stylesheets/application.scss */
.online-chat__field-box .quiz__select-preview .quiz_select_title,
.minilanding__field-box .quiz__select-preview .quiz_select_title {
  line-height: 40px;
  height: 40px;
}

/* line 12188, app/assets/stylesheets/application.scss */
.online-chat__field-box--last,
.minilanding__field-box--last {
  margin: 0;
}

/* line 12190, app/assets/stylesheets/application.scss */
.online-chat__field-box--last .main-switch--checkbox,
.minilanding__field-box--last .main-switch--checkbox {
  margin: 0;
}

/* line 12194, app/assets/stylesheets/application.scss */
.online-chat .tabs-trigger,
.minilanding .tabs-trigger {
  overflow-x: auto;
  display: flex;
  position: relative;
}

/* line 12198, app/assets/stylesheets/application.scss */
.online-chat .tabs-trigger::before,
.minilanding .tabs-trigger::before {
  content: '';
  position: absolute;
  opacity: 0.3;
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  width: 50px;
  height: 22px;
  top: 0;
  z-index: 10;
  right: 0;
}

/* line 12209, app/assets/stylesheets/application.scss */
.online-chat .tabs-trigger::-webkit-scrollbar,
.minilanding .tabs-trigger::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}

/* line 12215, app/assets/stylesheets/application.scss */
.online-chat .tabs-trigger::-webkit-scrollbar-track,
.minilanding .tabs-trigger::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 12221, app/assets/stylesheets/application.scss */
.online-chat .tabs-trigger::-webkit-scrollbar-thumb,
.minilanding .tabs-trigger::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 12226, app/assets/stylesheets/application.scss */
.online-chat .tabs-trigger__item,
.minilanding .tabs-trigger__item {
  white-space: nowrap;
}

/* line 12230, app/assets/stylesheets/application.scss */
.online-chat__tab-title,
.minilanding__tab-title {
  font-weight: 600;
  font-size: 16px;
  color: #111111;
  margin: 24px 0 16px;
}

/* line 12236, app/assets/stylesheets/application.scss */
.online-chat__quiz-label,
.minilanding__quiz-label {
  margin-bottom: 8px;
}

/* line 12239, app/assets/stylesheets/application.scss */
.online-chat__quiz-btns,
.minilanding__quiz-btns {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

/* line 12244, app/assets/stylesheets/application.scss */
.online-chat__attach,
.minilanding__attach {
  display: flex;
  align-items: center;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
  max-width: 324px;
  width: 100%;
  padding: 10px;
}

/* line 12253, app/assets/stylesheets/application.scss */
.online-chat__fill-block,
.minilanding__fill-block {
  width: 100%;
}

/* line 12255, app/assets/stylesheets/application.scss */
.online-chat__fill-block--12px,
.minilanding__fill-block--12px {
  height: 12px;
}

/* line 12259, app/assets/stylesheets/application.scss */
.online-chat__attach-img,
.minilanding__attach-img {
  max-width: 70px;
  min-width: 70px;
  min-height: 70px;
  max-height: 70px;
  width: 70px;
  height: 70px;
  margin-right: 12px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  box-shadow: 0 0 0 1px #E1E6F0;
}

/* line 12271, app/assets/stylesheets/application.scss */
.online-chat__attach-img img,
.minilanding__attach-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 12277, app/assets/stylesheets/application.scss */
.online-chat__atach-info,
.minilanding__atach-info {
  width: 185px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 14px;
  font-size: 14px;
  font-weight: 400;
  color: #626F7F;
  line-height: 19px;
}

/* line 12288, app/assets/stylesheets/application.scss */
.online-chat__attach-name,
.minilanding__attach-name {
  color: #1a53c6;
  overflow: hidden;
}

/* line 12292, app/assets/stylesheets/application.scss */
.online-chat__attach-remove,
.minilanding__attach-remove {
  cursor: pointer;
  margin-left: auto;
}

/* line 12297, app/assets/stylesheets/application.scss */
.online-chat__attach-remove:hover svg path,
.minilanding__attach-remove:hover svg path {
  fill: #c00d0f;
}

/* line 12306, app/assets/stylesheets/application.scss */
.svg_prevew svg {
  width: 24px;
  height: 24px;
}

/* line 12312, app/assets/stylesheets/application.scss */
.minilanding-file-dropzone {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px 10px 10px;
  gap: 12px;
  width: 324px;
  height: 60px;
  background: #FFFFFF;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
}

/* line 12324, app/assets/stylesheets/application.scss */
.minilanding-file-dropzone__image {
  display: flex;
  width: 24px;
  height: 24px;
}

/* line 12329, app/assets/stylesheets/application.scss */
.minilanding-file-dropzone__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
}

/* line 12336, app/assets/stylesheets/application.scss */
.minilanding-file-dropzone__icon-close {
  position: absolute;
  top: 74px;
  left: 312px;
  cursor: pointer;
}

/* line 12342, app/assets/stylesheets/application.scss */
.minilanding-file-dropzone__text-blue {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #1A53C6;
  width: 260px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* line 12353, app/assets/stylesheets/application.scss */
.minilanding-file-dropzone__text-blue a {
  color: #1A53C6;
  white-space: nowrap;
}

/* line 12359, app/assets/stylesheets/application.scss */
.minilanding-file-dropzone__text-gray {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #626F7F;
}

/* line 12368, app/assets/stylesheets/application.scss */
.minilanding-video-dropzone {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px 10px 10px;
  gap: 12px;
  width: 322px;
  height: 90px;
  background: #FFFFFF;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
}

/* line 12381, app/assets/stylesheets/application.scss */
.minilanding-video-dropzone .video-fon {
  width: 100%;
}

/* line 12385, app/assets/stylesheets/application.scss */
.minilanding-video-dropzone .list-settings_attachment__video__content {
  width: 90px;
}

/* line 12389, app/assets/stylesheets/application.scss */
.minilanding-video-dropzone__image {
  display: flex;
  width: 70px;
  height: 70px;
}

/* line 12393, app/assets/stylesheets/application.scss */
.minilanding-video-dropzone__image img {
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #C5D0E0;
  border-radius: 70px;
  max-width: 100% !important;
}

/* line 12400, app/assets/stylesheets/application.scss */
.minilanding-video-dropzone__image-magnifier {
  position: absolute;
  top: 86px;
  left: 63px;
  cursor: pointer;
}

/* line 12405, app/assets/stylesheets/application.scss */
.minilanding-video-dropzone__image-magnifier svg {
  width: 25px;
  height: 25px;
}

/* line 12410, app/assets/stylesheets/application.scss */
.minilanding-video-dropzone__video {
  display: flex;
  width: 90px;
  height: 70px;
}

/* line 12414, app/assets/stylesheets/application.scss */
.minilanding-video-dropzone__video img {
  border: 1px solid #C5D0E0;
  border-radius: 70px;
  max-width: 100% !important;
}

/* line 12420, app/assets/stylesheets/application.scss */
.minilanding-video-dropzone__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
}

/* line 12427, app/assets/stylesheets/application.scss */
.minilanding-video-dropzone__icon-close {
  position: absolute;
  top: 88px;
  left: 312px;
  cursor: pointer;
}

/* line 12433, app/assets/stylesheets/application.scss */
.minilanding-video-dropzone__text-blue {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #1A53C6;
  width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* line 12446, app/assets/stylesheets/application.scss */
.minilanding-video-dropzone__text-gray {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #626F7F;
}

/* line 12455, app/assets/stylesheets/application.scss */
.mailing__attach-name {
  color: #1a53c6;
  overflow: hidden;
}

/* line 12459, app/assets/stylesheets/application.scss */
.quiz_select {
  font-family: 'Nunito', sans-serif;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
  position: relative;
}

/* line 12465, app/assets/stylesheets/application.scss */
.quiz_select::before {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  transform: rotate(0);
  width: 11px;
  height: 9px;
  pointer-events: none;
  top: 17px;
  right: 15px;
}

/* line 12477, app/assets/stylesheets/application.scss */
.quiz_select_value {
  padding: 10px 12px;
  cursor: pointer;
}

/* line 12480, app/assets/stylesheets/application.scss */
.quiz_select_value:hover {
  background: #F7FAFC;
}

/* line 12484, app/assets/stylesheets/application.scss */
.quiz_select_container {
  display: none;
  position: absolute;
  background: #fff;
  overflow: hidden;
  width: 100%;
  top: 102%;
  z-index: 9;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
  border: 1px solid #e1e6f0;
}

/* line 12496, app/assets/stylesheets/application.scss */
.quiz_select_container--top {
  top: -382%;
}

/* line 12499, app/assets/stylesheets/application.scss */
.quiz_select_title {
  cursor: pointer;
  border: 1px solid #E1E6F0;
  height: 41px;
  border-radius: 6px;
  background: white;
  line-height: 41px;
  padding: 0 35px 0 15px;
  white-space: nowrap;
}

/* line 12508, app/assets/stylesheets/application.scss */
.quiz_select_title:hover {
  background-color: #F7FAFC;
}

/* line 12513, app/assets/stylesheets/application.scss */
.header_title_text.employees_header_title_text {
  margin-left: 22px;
  transition: 0.3s;
}

/* line 12518, app/assets/stylesheets/application.scss */
.tabs-trigger.accesses-tabs-trigger {
  margin-bottom: 16px;
}

/* line 12521, app/assets/stylesheets/application.scss */
.destroy_current_image {
  position: relative;
  top: -15px;
  cursor: pointer;
}

/* line 12525, app/assets/stylesheets/application.scss */
.destroy_current_image:hover {
  color: #039;
}

/* line 12530, app/assets/stylesheets/application.scss */
.modal__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px 16px;
  flex-wrap: wrap;
}

/* line 12538, app/assets/stylesheets/application.scss */
.send_button_arrow {
  background: #1A53C6;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* line 12550, app/assets/stylesheets/application.scss */
.voice_timer {
  color: #1A53C6;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 4px;
  margin-right: 16px;
  width: 43px;
}

/* line 12567, app/assets/stylesheets/application.scss */
.main-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  line-height: 19px;
  cursor: pointer;
  font-weight: 700;
  padding: 10.5px 25px 10.5px 25px;
  border: none;
  outline: none;
  border-radius: 6px;
  background-color: #039;
  color: #FFFFFF;
  transition: .3s;
}

/* line 12583, app/assets/stylesheets/application.scss */
.main-btn:hover {
  background-color: #1a53c6;
}

/* line 12586, app/assets/stylesheets/application.scss */
.main-btn svg {
  margin-right: 6px;
}

/* line 12591, app/assets/stylesheets/application.scss */
.minilanding-card {
  background-color: #fff;
  border: 1px solid #D4DFF4;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  border-radius: 6px;
  margin-bottom: 16px;
}

/* line 12597, app/assets/stylesheets/application.scss */
.minilanding-card__list {
  padding-bottom: 60px;
}

/* line 12600, app/assets/stylesheets/application.scss */
.minilanding-card__inner {
  padding: 15px 20px 15px;
  border-bottom: 1px solid #f0f3f7;
}

/* line 12604, app/assets/stylesheets/application.scss */
.minilanding-card__header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

@media (max-width: 570px) {
  /* line 12604, app/assets/stylesheets/application.scss */
  .minilanding-card__header {
    flex-wrap: wrap;
    gap: 4px 16px;
  }
  /* line 12611, app/assets/stylesheets/application.scss */
  .minilanding-card__header .minilanding-card__title {
    margin-right: unset;
  }
}

/* line 12616, app/assets/stylesheets/application.scss */
.minilanding-card__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #111111;
  margin-right: 16px;
}

/* line 12623, app/assets/stylesheets/application.scss */
.minilanding-card__tag {
  background: #DFEBF7;
  border-radius: 5px;
  padding: 2px 8px;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #111111;
}

/* line 12632, app/assets/stylesheets/application.scss */
.minilanding-card__info {
  display: flex;
  gap: 16px;
}

@media (max-width: 570px) {
  /* line 12632, app/assets/stylesheets/application.scss */
  .minilanding-card__info {
    flex-direction: column;
    gap: 10px;
  }
  /* line 12638, app/assets/stylesheets/application.scss */
  .minilanding-card__info .minilanding-card__info-item {
    width: 100%;
  }
}

/* line 12643, app/assets/stylesheets/application.scss */
.minilanding-card__info-item {
  border: 1px solid #D4DFF4;
  border-radius: 6px;
  width: 45%;
  overflow: hidden;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

/* line 12649, app/assets/stylesheets/application.scss */
.minilanding-card__info-item--active {
  height: auto;
}

/* line 12653, app/assets/stylesheets/application.scss */
.minilanding-card__info-item--links {
  width: 55%;
}

/* line 12656, app/assets/stylesheets/application.scss */
.minilanding-card__info-link {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #111111;
}

/* line 12661, app/assets/stylesheets/application.scss */
.minilanding-card__info-link + .minilanding-card__info-link {
  margin-top: 6px;
}

/* line 12664, app/assets/stylesheets/application.scss */
.minilanding-card__info-link a {
  color: #1a53c6;
}

/* line 12666, app/assets/stylesheets/application.scss */
.minilanding-card__info-link a:hover {
  text-decoration: underline;
}

/* line 12671, app/assets/stylesheets/application.scss */
.minilanding-card__accordion-trigger {
  display: block;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #626F7F;
  padding: 13px 16px;
  background-color: #F8F9FB;
}

/* line 12679, app/assets/stylesheets/application.scss */
.minilanding-card__accordion-trigger::after {
  background-image: url(/assets/new_icons/dropdown-icon-bb4bf44557b3364691b32b0de847e2fa5ed8a877027155e6f55b42da8b766c30.svg);
  background-repeat: no-repeat;
  right: 16px;
  top: 12px;
}

/* line 12686, app/assets/stylesheets/application.scss */
.minilanding-card__accordion-content {
  padding: 12px 16px;
  border-top: 1px solid rgba(225, 230, 240, 0.5);
}

/* line 12690, app/assets/stylesheets/application.scss */
.minilanding-card__statistic-redirect {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
}

/* line 12696, app/assets/stylesheets/application.scss */
.minilanding-card__statistic-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #626F7F;
  margin: 16px 0 0;
}

/* line 12703, app/assets/stylesheets/application.scss */
.minilanding-card__statistic-info {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  margin-top: 4px;
  color: #111111;
}

/* line 12710, app/assets/stylesheets/application.scss */
.minilanding-card__footer {
  padding: 16px 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 570px) {
  /* line 12710, app/assets/stylesheets/application.scss */
  .minilanding-card__footer {
    flex-direction: column;
  }
  /* line 12718, app/assets/stylesheets/application.scss */
  .minilanding-card__footer .main-btn,
.minilanding-card__footer .secondary_button {
    width: 100%;
  }
}

/* line 12724, app/assets/stylesheets/application.scss */
.minilanding-card__edit-btn {
  padding: 8px 16px;
}

/* line 12729, app/assets/stylesheets/application.scss */
.copy-ml-btn {
  margin-left: auto;
}

@media (max-width: 1320px) {
  /* line 12729, app/assets/stylesheets/application.scss */
  .copy-ml-btn {
    margin-left: unset;
  }
}

/* line 12736, app/assets/stylesheets/application.scss */
#cod_tab,
#decor_tab,
#settings_tab,
#quality_control_tab,
#auto_actions_tab {
  width: 100%;
}

/* line 12744, app/assets/stylesheets/application.scss */
#main_info_tab,
#messengers_tab,
#chat_site_tab,
#set_form_tab,
#analytics_tab,
#code_tab,
#share_post {
  background-color: #fff;
  border: 1px solid #D4DFF4;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  border-radius: 6px;
  width: 100%;
  padding: 16px 20px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

/* line 12762, app/assets/stylesheets/application.scss */
#main_info_tab .form-box__dropzone-area, #share_post .form-box__dropzone-area {
  background-color: #F7FAFC;
  border: 4px dashed #E1E6F0;
}

/* line 12767, app/assets/stylesheets/application.scss */
#main_info_tab .drop_area_description .span, #share_post .drop_area_description .span {
  font-size: 14px;
  width: unset !important;
}

/* line 12771, app/assets/stylesheets/application.scss */
#main_info_tab .drop_area_description .rec-size, #share_post .drop_area_description .rec-size {
  font-size: 12px;
  opacity: 0.7;
  display: flex;
}

/* line 12775, app/assets/stylesheets/application.scss */
#main_info_tab .drop_area_description .rec-size--hidden, #share_post .drop_area_description .rec-size--hidden {
  display: none;
}

/* line 12783, app/assets/stylesheets/application.scss */
.text-dropdown_center span {
  margin: 0 !important;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-align: center !important;
  color: #626F7F !important;
}

/* line 12794, app/assets/stylesheets/application.scss */
.dropdown_size {
  height: 166px;
}

/* line 12798, app/assets/stylesheets/application.scss */
.mobile-trigger-box {
  display: none;
  align-items: center;
  gap: 16px;
  margin-left: 20px;
}

/* line 12803, app/assets/stylesheets/application.scss */
.mobile-trigger-box svg {
  width: 83px;
  height: 23px;
}

@media (max-width: 660px) {
  /* line 12798, app/assets/stylesheets/application.scss */
  .mobile-trigger-box {
    display: flex;
  }
}

/* line 12812, app/assets/stylesheets/application.scss */
.back-page {
  display: inline-flex;
  align-items: center;
  margin-bottom: 16px;
}

/* line 12816, app/assets/stylesheets/application.scss */
.back-page span {
  margin-left: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #626F7F;
}

/* line 12825, app/assets/stylesheets/application.scss */
.tilda-code {
  font-family: 'Nunito', sans-serif;
  margin: 0 0 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  background: #F8F9FB;
  border: 1px solid #E0E1E3;
  white-space: pre;
  border-radius: 6px;
  padding: 5px 16px;
  color: #111111;
}

@media (max-width: 570px) {
  /* line 12825, app/assets/stylesheets/application.scss */
  .tilda-code {
    white-space: pre-wrap;
  }
}

/* line 12842, app/assets/stylesheets/application.scss */
.recurring-popup {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* line 12844, app/assets/stylesheets/application.scss */
.recurring-popup__close {
  top: -5px;
  right: 12px;
  color: rgba(0, 0, 0, 0.5);
}

/* line 12848, app/assets/stylesheets/application.scss */
.recurring-popup__close:hover {
  color: #111111;
}

/* line 12852, app/assets/stylesheets/application.scss */
.recurring-popup__box {
  padding: 20px;
  color: #111111;
}

/* line 12856, app/assets/stylesheets/application.scss */
.recurring-popup__title {
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 8px;
  text-align: center;
}

/* line 12862, app/assets/stylesheets/application.scss */
.recurring-popup__text {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
}

/* line 12867, app/assets/stylesheets/application.scss */
.recurring-popup__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 240px;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  padding: 10px 13px;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #1a53c6;
  color: #FFFFFF;
  transition: .3s;
}

/* line 12881, app/assets/stylesheets/application.scss */
.recurring-popup__btn:hover {
  background-color: #2665e5;
}

/* line 12886, app/assets/stylesheets/application.scss */
.quiz_phone_container {
  display: none;
}

/* line 12889, app/assets/stylesheets/application.scss */
#set_form_tab {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 12892, app/assets/stylesheets/application.scss */
.drop_placeholder {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 6px;
  background: #fdfdff;
}

/* line 12899, app/assets/stylesheets/application.scss */
.left_menu_arrow_trigger {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  left: 224px;
  top: 14px;
  cursor: pointer;
  z-index: 9999999;
  background: #E1E6F0;
  border: 1px solid #C5D0E0;
  box-shadow: 0px 6px 10px -1px rgba(6, 25, 56, 0.07);
  border-radius: 50px;
  transition: 0.2s;
}

@media (min-width: 800px) {
  /* line 12899, app/assets/stylesheets/application.scss */
  .left_menu_arrow_trigger {
    opacity: 0;
  }
}

/* line 12918, app/assets/stylesheets/application.scss */
.left_menu_arrow_trigger--active {
  opacity: 1;
}

@media (min-width: 800px) {
  /* line 12922, app/assets/stylesheets/application.scss */
  .left_menu_arrow_trigger:hover {
    opacity: 1;
    transition: 0.2s;
  }
}

@media (max-width: 660px) {
  /* line 12899, app/assets/stylesheets/application.scss */
  .left_menu_arrow_trigger {
    display: none;
  }
}

@media (min-width: 1600px) {
  /* line 12899, app/assets/stylesheets/application.scss */
  .left_menu_arrow_trigger {
    left: 285px;
  }
}

@media (min-width: 993px) {
  /* line 12944, app/assets/stylesheets/application.scss */
  .left_menu_arrow_trigger svg {
    transform: rotate(180deg);
  }
}

/* line 12951, app/assets/stylesheets/application.scss */
.dropdown_language_timezone {
  display: flex;
  align-items: center;
}

/* line 12956, app/assets/stylesheets/application.scss */
.dropdown_profile_content {
  margin-bottom: 16px;
}

/* line 12960, app/assets/stylesheets/application.scss */
.dropdown_profile_title_border {
  width: 267px;
  height: 1px;
  background-color: #E1E6F0;
}

/* line 12967, app/assets/stylesheets/application.scss */
.header-top__subscription-status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* line 12976, app/assets/stylesheets/application.scss */
.header-top__red-text a {
  color: #E56E86;
}

/* line 12982, app/assets/stylesheets/application.scss */
.header-top-info {
  display: flex;
  flex-direction: row;
  position: relative;
}

/* line 12986, app/assets/stylesheets/application.scss */
.header-top-info__content {
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* line 12992, app/assets/stylesheets/application.scss */
.header-top-info__text-red {
  margin-left: 16px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #EF4444;
}

/* line 13000, app/assets/stylesheets/application.scss */
.header-top-info__text-red--no-margin {
  margin-left: 0;
}

/* line 13004, app/assets/stylesheets/application.scss */
.header-top-info__text-black {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #111827;
}

/* line 13013, app/assets/stylesheets/application.scss */
.header-top__icon {
  display: flex;
  align-items: center;
  font-size: 0;
  width: 20px;
  height: 20px;
  margin-left: 16px;
}

/* line 13020, app/assets/stylesheets/application.scss */
.header-top__icon svg {
  font-size: 0;
  width: 10px;
  height: 9px;
}

/* line 13024, app/assets/stylesheets/application.scss */
.header-top__icon svg path {
  stroke: #626F7F;
}

/* line 13030, app/assets/stylesheets/application.scss */
.header-top__dropdown-inner li {
  height: unset;
  line-height: 20px;
  padding: 0 0 16px 0;
  margin-bottom: 23px;
  border-bottom: 1px solid #E1E6F0;
}

/* line 13038, app/assets/stylesheets/application.scss */
.header-top__profile-inner {
  display: flex;
  flex-direction: column;
  height: 58px;
  transition: .5s;
}

@media (min-width: 993px) {
  /* line 13038, app/assets/stylesheets/application.scss */
  .header-top__profile-inner {
    display: none;
  }
}

/* line 13048, app/assets/stylesheets/application.scss */
.dropdown_profile_content_item {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #4C5D75;
  transition: background-color 0.2s ease-in;
}

/* line 13060, app/assets/stylesheets/application.scss */
.dropdown_profile_content_item:first-child {
  padding-top: 0;
}

/* line 13065, app/assets/stylesheets/application.scss */
.dropdown_profile_content_item a {
  text-decoration: none;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #4C5D75;
}

/* line 13075, app/assets/stylesheets/application.scss */
.dropdown_profile_content_item svg {
  margin-right: 15px;
}

/* line 13079, app/assets/stylesheets/application.scss */
.mobile_subscribe_title {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
}

/* line 13087, app/assets/stylesheets/application.scss */
.mobile_subscribe_desc {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #626F7F;
}

/* line 13178, app/assets/stylesheets/application.scss */
.users-vars {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* line 13180, app/assets/stylesheets/application.scss */
.users-vars__title {
  font-size: 14px;
  line-height: 19px;
  color: #324256;
  margin-bottom: 16px;
}

/* line 13186, app/assets/stylesheets/application.scss */
.users-vars__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* line 13191, app/assets/stylesheets/application.scss */
.users-vars__item {
  border: 1px solid #E1E6F0;
  border-radius: 5px;
  padding: 10px 6px;
  cursor: pointer;
  transition: .3s;
  max-width: 460px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 13201, app/assets/stylesheets/application.scss */
.users-vars__item:hover {
  border: 1px solid #C5D0E0;
}

/* line 13205, app/assets/stylesheets/application.scss */
.users-vars__item-descr {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #111111;
}

/* line 13211, app/assets/stylesheets/application.scss */
.users-vars__item-name {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #626F7F;
}

/* line 13218, app/assets/stylesheets/application.scss */
.mt-0 {
  margin-top: 0;
}

/* line 13221, app/assets/stylesheets/application.scss */
.field__span-cover {
  color: #95A3BA;
}

/* line 13225, app/assets/stylesheets/application.scss */
.custom_phones_select {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
  position: relative;
  margin-bottom: 16px;
}

/* line 13233, app/assets/stylesheets/application.scss */
.custom_phones_selected {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  background-color: #fff;
  min-height: 40px;
  max-height: 150px;
  gap: 4px;
  border: 1px solid #E1E6F0;
  padding: 6px 35px 6px 15px;
  border-radius: 6px;
  overflow: auto;
  cursor: pointer;
  transition: .3s;
}

/* line 13248, app/assets/stylesheets/application.scss */
.custom_phones_selected::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 13253, app/assets/stylesheets/application.scss */
.custom_phones_selected::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 13259, app/assets/stylesheets/application.scss */
.custom_phones_selected::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 13264, app/assets/stylesheets/application.scss */
.custom_phones_selected:hover {
  background-color: #F7FAFC;
}

/* line 13267, app/assets/stylesheets/application.scss */
.custom_phones_selected::after {
  content: '';
  position: absolute;
  background-image: url(/assets/icon/select-icon-61346c8ea34ec675aed9a64045234a068be39a65a4607ee9a7ca8cf8b0ac1324.svg);
  background-repeat: no-repeat;
  width: 11px;
  height: 9px;
  top: 17px;
  right: 15px;
}

/* line 13277, app/assets/stylesheets/application.scss */
.custom_phones_selected_code {
  background: #f4fffd;
}

/* line 13281, app/assets/stylesheets/application.scss */
.custom_phones_item {
  padding: 8px 14px;
  cursor: pointer;
}

/* line 13284, app/assets/stylesheets/application.scss */
.custom_phones_item.salebot-checkbox {
  margin-bottom: 0;
}

/* line 13287, app/assets/stylesheets/application.scss */
.custom_phones_item:hover {
  background: #F7FAFC;
}

/* line 13291, app/assets/stylesheets/application.scss */
.custom_phones_box {
  position: absolute;
  z-index: 99;
  background: white;
  max-height: 200px;
  width: 100%;
  overflow: auto;
  display: none;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
  border: 1px solid #e1e6f0;
}

/* line 13302, app/assets/stylesheets/application.scss */
.custom_phones_box::-webkit-scrollbar {
  width: 11px;
  background-color: transparent;
}

/* line 13307, app/assets/stylesheets/application.scss */
.custom_phones_box::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 13313, app/assets/stylesheets/application.scss */
.custom_phones_box::-webkit-scrollbar-thumb {
  border: 3px solid #FFFFFF;
  background-color: #E1E6F0;
  border-radius: 6px;
}

/* line 13321, app/assets/stylesheets/application.scss */
.salebot-notification {
  position: fixed;
  top: 10%;
  left: 50%;
  transform: translate(-50%);
  border-radius: 5px;
  padding: 8px 12px;
  max-width: 768px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* line 13330, app/assets/stylesheets/application.scss */
.salebot-notification span {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

/* line 13335, app/assets/stylesheets/application.scss */
.salebot-notification--warning {
  background-color: #FEF2F2;
}

/* line 13337, app/assets/stylesheets/application.scss */
.salebot-notification--warning span {
  color: #EF4444;
}

/* line 13341, app/assets/stylesheets/application.scss */
.salebot-notification--succes {
  background-color: #ECFDF5;
}

/* line 13343, app/assets/stylesheets/application.scss */
.salebot-notification--succes span {
  color: #10B981;
}

/* line 13347, app/assets/stylesheets/application.scss */
.salebot-notification--default {
  background-color: #F0F2F7;
}

/* line 13349, app/assets/stylesheets/application.scss */
.salebot-notification--default span {
  color: #626F7F;
}

/* line 13356, app/assets/stylesheets/application.scss */
.lever:active::before {
  background-color: #fff;
  transform: rotate(40deg) scale(1) !important;
}

/* line 13363, app/assets/stylesheets/application.scss */
.lever:active::after {
  background-color: #fff;
  transform: rotate(40deg) scale(1) !important;
}

/* line 13370, app/assets/stylesheets/application.scss */
.mini_landing_title_editor .ck-editor__editable {
  min-height: 52px !important;
  max-height: 52px !important;
}

/* line 13376, app/assets/stylesheets/application.scss */
.subscription_color_1 {
  color: #1A53C6;
}

/* line 13380, app/assets/stylesheets/application.scss */
.subscription_color_2 {
  color: #6D28D9;
}

/* line 13384, app/assets/stylesheets/application.scss */
.subscription_color_3 {
  color: #D97706;
}

/* line 13388, app/assets/stylesheets/application.scss */
.subscription_color_4 {
  color: #10B981;
}

/* line 13393, app/assets/stylesheets/application.scss */
.domain {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 20px 0 0;
  gap: 10px;
  max-width: 813px;
  left: 20px;
  top: 20px;
  margin: 0;
}

/* line 13403, app/assets/stylesheets/application.scss */
.domain__title {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #111827;
}

/* line 13410, app/assets/stylesheets/application.scss */
.domain__text {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #6C7A96;
}

/* line 13418, app/assets/stylesheets/application.scss */
.domain__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 16px;
  max-width: 813px;
  width: 100%;
  height: 40px;
}

/* line 13428, app/assets/stylesheets/application.scss */
.domain__input {
  max-width: 636px;
  width: 100%;
  height: 40px;
}

/* line 13433, app/assets/stylesheets/application.scss */
.domain__button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 0;
  width: 161px;
  height: 40px;
  background: #00339A;
  border-radius: 6px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #FFFFFF;
}

/* line 13453, app/assets/stylesheets/application.scss */
.domains {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* line 13458, app/assets/stylesheets/application.scss */
.back-icon-blue {
  display: none;
}

/* line 13461, app/assets/stylesheets/application.scss */
.domains-confirmation {
  padding: 0;
  gap: 24px;
  max-width: 813px;
  margin: 0 20px;
}

/* line 13466, app/assets/stylesheets/application.scss */
.domains-confirmation__title {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #111827;
}

/* line 13474, app/assets/stylesheets/application.scss */
.domains-confirmation__back_button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 8px;
  width: 144px;
  height: 19px;
}

/* line 13483, app/assets/stylesheets/application.scss */
.domains-confirmation__back_button:hover .domains-confirmation__back_button__text {
  color: #1A53C6;
}

/* line 13487, app/assets/stylesheets/application.scss */
.domains-confirmation__back_button__icon {
  display: flex;
  align-items: center;
  font-size: 0;
  width: 18px;
  height: 18px;
}

/* line 13493, app/assets/stylesheets/application.scss */
.domains-confirmation__back_button__icon svg {
  font-size: 0;
}

/* line 13497, app/assets/stylesheets/application.scss */
.domains-confirmation__back_button__text {
  display: flex;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #95A3BA;
}

/* line 13507, app/assets/stylesheets/application.scss */
.domains-confirmation__paragraph {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 12px;
}

/* line 13514, app/assets/stylesheets/application.scss */
.domains-confirmation__DNS {
  padding: 0;
  gap: 12px;
  max-width: 545px;
}

/* line 13519, app/assets/stylesheets/application.scss */
.domains-confirmation__info {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 0 4px 36px;
  gap: 12px;
}

/* line 13527, app/assets/stylesheets/application.scss */
.domains-confirmation__info-input__small {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 7px 16px;
  width: 46px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
}

/* line 13538, app/assets/stylesheets/application.scss */
.domains-confirmation__info-input__small__input input[type=text][readonly="readonly"]:not(.browser-default) {
  color: #111111 !important;
  border: none !important;
}

/* line 13543, app/assets/stylesheets/application.scss */
.domains-confirmation__info-input__big {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 7px 10px 7px 16px;
  gap: 16px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
  width: 100%;
}

/* line 13556, app/assets/stylesheets/application.scss */
.domains-confirmation__info-input__big__input input[type=text][readonly="readonly"]:not(.browser-default) {
  color: #111111 !important;
  border: none !important;
}

/* line 13563, app/assets/stylesheets/application.scss */
.domains-confirmation__DNS-input__small {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 7px 16px;
  max-width: 235px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
}

/* line 13574, app/assets/stylesheets/application.scss */
.domains-confirmation__DNS-input__small__input input[type=text][readonly="readonly"]:not(.browser-default) {
  color: #111111 !important;
  border: none !important;
}

/* line 13579, app/assets/stylesheets/application.scss */
.domains-confirmation__DNS-input__big {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 7px 10px 7px 16px;
  gap: 16px;
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E1E6F0;
  border-radius: 6px;
}

/* line 13592, app/assets/stylesheets/application.scss */
.domains-confirmation__DNS-input__big__input input[type=text][readonly="readonly"]:not(.browser-default) {
  color: #111111 !important;
  border: none !important;
}

/* line 13598, app/assets/stylesheets/application.scss */
.domains-confirmation__number {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: 10px;
  min-width: 24px;
  min-height: 24px;
  background: #F0F2F7;
  border-radius: 4px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #6C7A96;
}

/* line 13618, app/assets/stylesheets/application.scss */
.domains-confirmation__text {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #111827;
  max-width: 500px;
}

/* line 13627, app/assets/stylesheets/application.scss */
.domains-confirmation__text-gray {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #95A3BA;
  min-width: 78px;
  min-height: 20px;
}

/* line 13637, app/assets/stylesheets/application.scss */
.domains-confirmation__icon {
  display: flex;
  align-items: center;
  font-size: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

/* line 13644, app/assets/stylesheets/application.scss */
.domains-confirmation__icon svg {
  font-size: 0;
}

/* line 13648, app/assets/stylesheets/application.scss */
.domains-confirmation__mail-text {
  position: absolute;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
  right: 16px;
  top: 10px;
}

/* line 13660, app/assets/stylesheets/application.scss */
.warning-hide {
  display: none !important;
}

/* line 13664, app/assets/stylesheets/application.scss */
.domains-list__content {
  box-sizing: border-box;
  padding: 16px 20px 20px;
  gap: 2px;
  max-width: 813px;
  background: #FFFFFF;
  border: 1px solid #E1E6F0;
  box-shadow: 0 3px 6px rgba(45, 51, 56, 0.08);
  border-radius: 6px;
}

/* line 13674, app/assets/stylesheets/application.scss */
.domains-list__button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 24px;
  width: 157px;
  height: 40px;
  background: #E1E6F0;
  border-radius: 6px;
}

/* line 13686, app/assets/stylesheets/application.scss */
.domains-list__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

/* line 13692, app/assets/stylesheets/application.scss */
.domains-list__title {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #111111;
}

/* line 13700, app/assets/stylesheets/application.scss */
.domains-list__text-main {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #111827;
}

/* line 13708, app/assets/stylesheets/application.scss */
.domains-list__text-gray {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #626F7F;
}

/* line 13716, app/assets/stylesheets/application.scss */
.domains-list__text-mail {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #6C7A96;
}

/* line 13724, app/assets/stylesheets/application.scss */
.domains-list__warning {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 12px;
  gap: 8px;
  max-width: 813px;
  min-height: 56px;
  right: 0;
  top: 0;
  background: #FEF2F2;
  border-radius: 5px;
}

/* line 13736, app/assets/stylesheets/application.scss */
.domains-list__warning__input {
  display: flex;
  flex-direction: column;
  align-items: start;
}

/* line 13741, app/assets/stylesheets/application.scss */
.domains-list__warning__icon {
  display: flex;
  align-items: center;
  font-size: 0;
  width: 20px;
  height: 20px;
}

/* line 13747, app/assets/stylesheets/application.scss */
.domains-list__warning__icon svg {
  font-size: 0;
}

/* line 13751, app/assets/stylesheets/application.scss */
.domains-list__warning__title {
  display: flex;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #DC2626;
}

/* line 13760, app/assets/stylesheets/application.scss */
.domains-list__warning__text {
  display: flex;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #DC2626;
}

/* line 13770, app/assets/stylesheets/application.scss */
.domains-list__success {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px 12px;
  gap: 8px;
  width: 174px;
  height: 36px;
  right: 0;
  top: 0;
  background: #D1FAE5;
  border-radius: 5px;
}

/* line 13782, app/assets/stylesheets/application.scss */
.domains-list__success__icon {
  display: flex;
  align-items: center;
  font-size: 0;
  width: 20px;
  height: 20px;
}

/* line 13788, app/assets/stylesheets/application.scss */
.domains-list__success__icon svg {
  font-size: 0;
}

/* line 13792, app/assets/stylesheets/application.scss */
.domains-list__success__text {
  display: flex;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #047857;
}

/* line 13802, app/assets/stylesheets/application.scss */
.domains-list__caution {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px 12px;
  gap: 8px;
  max-width: 771px;
  min-height: 36px;
  background: #FEF3C7;
  border-radius: 5px;
  right: 0;
  top: 0;
}

/* line 13815, app/assets/stylesheets/application.scss */
.domains-list__caution__icon {
  display: flex;
  align-items: center;
  font-size: 0;
  width: 20px;
  height: 20px;
}

/* line 13821, app/assets/stylesheets/application.scss */
.domains-list__caution__icon svg {
  font-size: 0;
}

/* line 13825, app/assets/stylesheets/application.scss */
.domains-list__caution__text {
  display: flex;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #B45309;
}

/* line 13837, app/assets/stylesheets/application.scss */
.create-mail {
  width: 430px !important;
}

/* line 13840, app/assets/stylesheets/application.scss */
.dropdown-domain {
  display: inline-block;
  position: relative;
}

/* line 13844, app/assets/stylesheets/application.scss */
.dropdown-domain-content {
  box-sizing: border-box;
  padding: 8px 1px;
  width: 215px;
  height: 53px;
  background: #FFFFFF;
  border: 1px solid #D4DFF4;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
}

/* line 13853, app/assets/stylesheets/application.scss */
.dropdown-domain-content__link {
  display: flex;
  align-items: center;
}

/* line 13857, app/assets/stylesheets/application.scss */
.dropdown-domain-content__icon {
  display: flex;
  align-items: center;
  font-size: 0;
  width: 24px;
  height: 24px;
}

/* line 13863, app/assets/stylesheets/application.scss */
.dropdown-domain-content__icon svg {
  font-size: 0;
}

/* line 13867, app/assets/stylesheets/application.scss */
.dropdown-domain-content__text {
  display: flex;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #111111;
  width: 149px;
}

/* line 13878, app/assets/stylesheets/application.scss */
.btn-dropdown {
  position: static !important;
}

/* line 13882, app/assets/stylesheets/application.scss */
.btn-dropdown-domainhover .dropdown-domain {
  display: block;
}

/* line 13887, app/assets/stylesheets/application.scss */
.email-output-header {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 0 8px;
  gap: 16px;
  max-width: 773px;
  min-height: 40px;
  border-bottom: 1px solid #E1E6F0;
}

/* line 13898, app/assets/stylesheets/application.scss */
.email-output {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  gap: 16px;
  max-width: 773px;
  min-height: 52px;
  background: #FFFFFF;
  border-bottom: 1px solid #E1E6F0;
}

/* line 13910, app/assets/stylesheets/application.scss */
.email-output__title {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #626F7F;
}

/* line 13918, app/assets/stylesheets/application.scss */
.email-output__text {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #111111;
}

/* line 13926, app/assets/stylesheets/application.scss */
.email-output__gray {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #6C7A96;
}

/* line 13935, app/assets/stylesheets/application.scss */
.email-output__icon {
  display: flex;
  align-items: center;
  font-size: 0;
  width: 24px;
  height: 24px;
}

/* line 13941, app/assets/stylesheets/application.scss */
.email-output__icon svg {
  font-size: 0;
}

/* line 13948, app/assets/stylesheets/application.scss */
.my_storage_btn {
  margin-top: 30px;
}

/* line 13951, app/assets/stylesheets/application.scss */
.quiz_reserved_title {
  display: none;
}

/* line 13955, app/assets/stylesheets/application.scss */
.project-link-project {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

/* line 13962, app/assets/stylesheets/application.scss */
.folder-title {
  display: flex;
  flex-direction: row;
  padding: 0;
  gap: 2px;
  height: 24px;
  margin-bottom: 6px;
}

/* line 13970, app/assets/stylesheets/application.scss */
.pointer {
  cursor: pointer;
}

/* line 13975, app/assets/stylesheets/application.scss */
.user-dropdown-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 0;
  position: relative;
  width: 253px;
  background: #FFFFFF;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
}

/* line 13985, app/assets/stylesheets/application.scss */
.user-dropdown-bar__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 16px 6px 12px;
  gap: 12px;
  width: 253px;
  height: 36px;
  background: #FFFFFF;
}

/* line 13994, app/assets/stylesheets/application.scss */
.user-dropdown-bar__link:hover {
  background: linear-gradient(90deg, rgba(26, 83, 198, 0.06) 0%, rgba(26, 83, 198, 0) 100%);
}

/* line 13998, app/assets/stylesheets/application.scss */
.user-dropdown-bar__icon {
  display: flex;
  align-items: center;
  font-size: 0;
  width: 24px;
  height: 24px;
}

/* line 14004, app/assets/stylesheets/application.scss */
.user-dropdown-bar__icon svg {
  font-size: 0;
}

/* line 14008, app/assets/stylesheets/application.scss */
.user-dropdown-bar__text {
  display: flex;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #4C5D75;
}

/* line 14018, app/assets/stylesheets/application.scss */
.user-dropdown-bar-hide {
  position: absolute;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  gap: 12px;
  background: #FFFFFF;
  box-shadow: 0 10px 20px rgba(45, 51, 56, 0.1);
  border-radius: 6px;
  top: 50px;
  right: 3px;
  transform: translateX(120%);
}

/* line 14031, app/assets/stylesheets/application.scss */
.player audio {
  display: block;
}

/* line 14036, app/assets/stylesheets/application.scss */
.hide_on_medium {
  display: block;
  z-index: 999999;
}

@media (max-width: 1400px) {
  /* line 14036, app/assets/stylesheets/application.scss */
  .hide_on_medium {
    display: none;
  }
}

/* line 14044, app/assets/stylesheets/application.scss */
.mobile-profile-bar {
  display: block;
  z-index: 999999;
}

@media (max-width: 560px) {
  /* line 14044, app/assets/stylesheets/application.scss */
  .mobile-profile-bar {
    display: none;
  }
}

@media (max-width: 560px) {
  /* line 14051, app/assets/stylesheets/application.scss */
  .header-top__user-avatar {
    margin-left: 10px;
    margin-right: 10px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
  }
}

@media (max-width: 560px) {
  /* line 14061, app/assets/stylesheets/application.scss */
  .header-top__icon {
    margin: 0;
  }
}

@media (max-width: 400px) {
  /* line 14067, app/assets/stylesheets/application.scss */
  .header-top__dropdown-trigger {
    padding: 0;
  }
}

@media (max-width: 560px) {
  /* line 14073, app/assets/stylesheets/application.scss */
  .user-dropdown-bar-hide {
    width: 240px;
    height: 100%;
    z-index: 9999;
    top: 59px;
    right: 0;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: none;
    border-radius: 0;
    border: none;
    background: #FFFFFF;
    transition: .3s;
  }
}

@media (max-width: 560px) {
  /* line 14090, app/assets/stylesheets/application.scss */
  .user-dropdown-bar {
    padding-left: 8px;
    height: 100%;
    box-shadow: none;
    border-radius: 0;
  }
}

/* line 14098, app/assets/stylesheets/application.scss */
.project-info-right-bar {
  padding-left: 12px;
  padding-top: 12px;
  display: none;
}

@media (max-width: 560px) {
  /* line 14098, app/assets/stylesheets/application.scss */
  .project-info-right-bar {
    display: block;
  }
}

/* line 14107, app/assets/stylesheets/application.scss */
.project-info-hr {
  margin: 14px 0 14px 8px;
  height: 1px;
  width: 225px;
  background: #E1E6F0;
  display: none;
}

@media (max-width: 560px) {
  /* line 14107, app/assets/stylesheets/application.scss */
  .project-info-hr {
    display: block;
  }
}

/* line 14118, app/assets/stylesheets/application.scss */
.user-dropdown-bar-hide-active {
  transform: translateX(0%);
}

/* line 14121, app/assets/stylesheets/application.scss */
.ck-source-editing-button {
  display: none !important;
}

/* line 14125, app/assets/stylesheets/application.scss */
.hiddendiv {
  display: none !important;
}

/* line 14128, app/assets/stylesheets/application.scss */
.remove_file {
  display: block;
}

/* line 14131, app/assets/stylesheets/application.scss */
.text_field_textarea textarea {
  resize: none;
}

/*# sourceMappingURL=application.css-5a758dceae24499073dcfaa1fe8a9bea7c4952093e6c0dbf541ae1acea827974.map */