@charset "UTF-8";
*, *:after, *:before {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

audio[controls],
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

html {
  font-size: 100%;
  overflow-y: scroll; }

html,
body {
  height: 100%; }

button,
input,
select,
textarea {
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  font: inherit;
  color: inherit; }

abbr[title] {
  cursor: help; }

b,
strong,
th,
dt {
  font-weight: 500; }

blockquote {
  margin: 20px 0; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

pre,
code,
kbd,
samp {
  font-family: "Roboto Mono", monospace;
  font-size: 1rem; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before,
q:after {
  content: "";
  content: none; }

small {
  font-size: 0.8rem; }

sub,
sup {
  font-size: 0.8rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul,
ol {
  padding: 0 0 0 20px;
  margin: 10px 0; }

dd {
  margin: 0 0 0 40px; }

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

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

button,
input.button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  cursor: pointer;
  -webkit-appearance: button; }

label[for],
label.checkbox,
label.radio {
  cursor: pointer; }

fieldset {
  border: none; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0; }

button,
input {
  line-height: normal;
  *overflow: visible; }

table button,
table input {
  *overflow: auto; }

input[type="search"] {
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input:invalid,
textarea:invalid {
  background-color: #f0dddd; }

@keyframes progress-loading {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 20px 0; } }
html,
body {
  text-align: left;
  font-size: 14px;
  font-family: Roboto, Sans-serif;
  font-weight: 400;
  background: #f1eee7;
  color: #383632; }

a, a:visited, a:active {
  text-decoration: none;
  color: #009ba9;
  cursor: pointer; }
a:hover, a:focus {
  color: #0e7b89;
  text-decoration: underline;
  outline: none; }

h1,
h2,
h3 {
  font-weight: 400; }

b,
strong,
th,
h4,
h5,
h6 {
  font-weight: 500; }

h1 {
  font-size: 2rem; }

h2 {
  font-size: 1.7rem; }

h3 {
  font-size: 1.4rem; }

h4 {
  font-size: 1.2rem; }

h5 {
  font-size: 1.1rem; }

h6 {
  font-size: 1rem; }

h2,
h3 {
  margin: 40px 0 20px 0; }

h4,
h5 {
  margin: 20px 0 10px 0; }

h1:first-child:not(.keep-margin),
h2:first-child:not(.keep-margin),
h3:first-child:not(.keep-margin),
h4:first-child:not(.keep-margin),
h5:first-child:not(.keep-margin),
h6:first-child:not(.keep-margin) {
  margin-top: 0px; }

header h1,
header h2,
header h3,
header h4,
header h5,
header h6 {
  margin: 0; }
header.with-icon {
  margin: 40px 0 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  header.with-icon:first-child {
    margin-top: 0; }
  header.with-icon .popup.hint {
    margin: 0 !important; }

@media (max-width: 960px) {
  h1 {
    font-size: 1.6rem; }

  h2 {
    font-size: 1.5rem; }

  h3 {
    font-size: 1.3rem; }

  h4 {
    font-size: 1.2rem; }

  h5 {
    font-size: 1.1rem; }

  h6 {
    font-size: 1rem; } }
.text-block {
  margin: 20px 0 40px 0; }
  .text-block:last-child {
    margin-bottom: 0; }

.text-block p,
.text-content p {
  margin: 10px 0 20px 0;
  font-size: 1.1rem;
  text-align: justify; }
  .text-block p.left,
  .text-content p.left {
    text-align: left; }
  .text-block p.center,
  .text-content p.center {
    text-align: center; }
  .text-block p.right,
  .text-content p.right {
    text-align: right; }
.text-block ul,
.text-block ol,
.text-block blockquote,
.text-content ul,
.text-content ol,
.text-content blockquote {
  margin: 20px 0; }
.text-block p,
.text-block li,
.text-content p,
.text-content li {
  line-height: 150%; }
.text-block blockquote,
.text-content blockquote {
  background: #ccc7c2;
  padding: 10px; }
  .text-block blockquote > *:last-child,
  .text-content blockquote > *:last-child {
    margin-bottom: 0 !important; }
.text-block img,
.text-content img {
  max-width: 100%; }
.text-block .video-container,
.text-content .video-container {
  position: relative;
  width: 100%;
  height: 0;
  margin-top: 20px;
  padding-bottom: 56.25%; }
.text-block .video,
.text-content .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
svg.icon,
.icon svg {
  pointer-events: none; }

.icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  fill: #383632; }
  .icon .icon {
    display: block; }
  .icon.small, .icon.small .icon {
    width: 10px;
    height: 10px; }
  .icon.big, .icon.big .icon {
    width: 24px;
    height: 24px; }
  .icon.large, .icon.large .icon {
    width: 36px;
    height: 36px; }
  .icon.disabled {
    opacity: 0.2;
    cursor: default; }
  thead th .icon {
    fill: #fff; }

a.icon:not(.disabled):hover svg, a.icon:not(.disabled):focus svg, a.icon:not(.disabled).active svg, a.icon:not(.disabled).highlight svg {
  fill: #009ba9; }
a.icon.positive:not(.disabled):hover svg, a.icon.positive:not(.disabled):focus svg, a.icon.positive:not(.disabled).active svg {
  fill: #69a120; }
a.icon.negative:not(.disabled):hover svg, a.icon.negative:not(.disabled):focus svg, a.icon.negative:not(.disabled).active svg {
  fill: #ea4e4b; }

.status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%; }
  .status-dot.ok {
    background-color: #69a120; }
  .status-dot.warning {
    background-color: #ff9500; }
  .status-dot.failed {
    background-color: #ea4e4b; }

.icon,
.status-dot {
  margin: 0 10px; }
  .icon.small,
  .status-dot.small {
    margin: 0 5px; }
  .icon:first-child,
  .status-dot:first-child {
    margin-left: 0; }
  .icon:last-child,
  .status-dot:last-child {
    margin-right: 0; }

.icon + .icon {
  margin-left: 0; }

.icon-loading {
  opacity: 0.5;
  animation: spin 0.75s linear infinite; }

.w1p {
  width: 1%; }

.w2p {
  width: 2%; }

.w3p {
  width: 3%; }

.w4p {
  width: 4%; }

.w5p {
  width: 5%; }

.w6p {
  width: 6%; }

.w7p {
  width: 7%; }

.w8p {
  width: 8%; }

.w9p {
  width: 9%; }

.w10p {
  width: 10%; }

.w11p {
  width: 11%; }

.w12p {
  width: 12%; }

.w13p {
  width: 13%; }

.w14p {
  width: 14%; }

.w15p {
  width: 15%; }

.w16p {
  width: 16%; }

.w17p {
  width: 17%; }

.w18p {
  width: 18%; }

.w19p {
  width: 19%; }

.w20p {
  width: 20%; }

.w21p {
  width: 21%; }

.w22p {
  width: 22%; }

.w23p {
  width: 23%; }

.w24p {
  width: 24%; }

.w25p {
  width: 25%; }

.w26p {
  width: 26%; }

.w27p {
  width: 27%; }

.w28p {
  width: 28%; }

.w29p {
  width: 29%; }

.w30p {
  width: 30%; }

.w31p {
  width: 31%; }

.w32p {
  width: 32%; }

.w33p {
  width: 33%; }

.w34p {
  width: 34%; }

.w35p {
  width: 35%; }

.w36p {
  width: 36%; }

.w37p {
  width: 37%; }

.w38p {
  width: 38%; }

.w39p {
  width: 39%; }

.w40p {
  width: 40%; }

.w41p {
  width: 41%; }

.w42p {
  width: 42%; }

.w43p {
  width: 43%; }

.w44p {
  width: 44%; }

.w45p {
  width: 45%; }

.w46p {
  width: 46%; }

.w47p {
  width: 47%; }

.w48p {
  width: 48%; }

.w49p {
  width: 49%; }

.w50p {
  width: 50%; }

.w51p {
  width: 51%; }

.w52p {
  width: 52%; }

.w53p {
  width: 53%; }

.w54p {
  width: 54%; }

.w55p {
  width: 55%; }

.w56p {
  width: 56%; }

.w57p {
  width: 57%; }

.w58p {
  width: 58%; }

.w59p {
  width: 59%; }

.w60p {
  width: 60%; }

.w61p {
  width: 61%; }

.w62p {
  width: 62%; }

.w63p {
  width: 63%; }

.w64p {
  width: 64%; }

.w65p {
  width: 65%; }

.w66p {
  width: 66%; }

.w67p {
  width: 67%; }

.w68p {
  width: 68%; }

.w69p {
  width: 69%; }

.w70p {
  width: 70%; }

.w71p {
  width: 71%; }

.w72p {
  width: 72%; }

.w73p {
  width: 73%; }

.w74p {
  width: 74%; }

.w75p {
  width: 75%; }

.w76p {
  width: 76%; }

.w77p {
  width: 77%; }

.w78p {
  width: 78%; }

.w79p {
  width: 79%; }

.w80p {
  width: 80%; }

.w81p {
  width: 81%; }

.w82p {
  width: 82%; }

.w83p {
  width: 83%; }

.w84p {
  width: 84%; }

.w85p {
  width: 85%; }

.w86p {
  width: 86%; }

.w87p {
  width: 87%; }

.w88p {
  width: 88%; }

.w89p {
  width: 89%; }

.w90p {
  width: 90%; }

.w91p {
  width: 91%; }

.w92p {
  width: 92%; }

.w93p {
  width: 93%; }

.w94p {
  width: 94%; }

.w95p {
  width: 95%; }

.w96p {
  width: 96%; }

.w97p {
  width: 97%; }

.w98p {
  width: 98%; }

.w99p {
  width: 99%; }

.w100p {
  width: 100%; }

.w10x {
  width: 10px;
  min-width: 10px; }

.w20x {
  width: 20px;
  min-width: 20px; }

.w30x {
  width: 30px;
  min-width: 30px; }

.w40x {
  width: 40px;
  min-width: 40px; }

.w50x {
  width: 50px;
  min-width: 50px; }

.w60x {
  width: 60px;
  min-width: 60px; }

.w70x {
  width: 70px;
  min-width: 70px; }

.w80x {
  width: 80px;
  min-width: 80px; }

.w90x {
  width: 90px;
  min-width: 90px; }

.w100x {
  width: 100px;
  min-width: 100px; }

.w110x {
  width: 110px;
  min-width: 110px; }

.w120x {
  width: 120px;
  min-width: 120px; }

.w130x {
  width: 130px;
  min-width: 130px; }

.w140x {
  width: 140px;
  min-width: 140px; }

.w150x {
  width: 150px;
  min-width: 150px; }

.w160x {
  width: 160px;
  min-width: 160px; }

.w170x {
  width: 170px;
  min-width: 170px; }

.w180x {
  width: 180px;
  min-width: 180px; }

.w190x {
  width: 190px;
  min-width: 190px; }

.w200x {
  width: 200px;
  min-width: 200px; }

.w210x {
  width: 210px;
  min-width: 210px; }

.w220x {
  width: 220px;
  min-width: 220px; }

.w230x {
  width: 230px;
  min-width: 230px; }

.w240x {
  width: 240px;
  min-width: 240px; }

.w250x {
  width: 250px;
  min-width: 250px; }

.w260x {
  width: 260px;
  min-width: 260px; }

.w270x {
  width: 270px;
  min-width: 270px; }

.w280x {
  width: 280px;
  min-width: 280px; }

.w290x {
  width: 290px;
  min-width: 290px; }

.w300x {
  width: 300px;
  min-width: 300px; }

.w310x {
  width: 310px;
  min-width: 310px; }

.w320x {
  width: 320px;
  min-width: 320px; }

.w330x {
  width: 330px;
  min-width: 330px; }

.w340x {
  width: 340px;
  min-width: 340px; }

.w350x {
  width: 350px;
  min-width: 350px; }

.w360x {
  width: 360px;
  min-width: 360px; }

.w370x {
  width: 370px;
  min-width: 370px; }

.w380x {
  width: 380px;
  min-width: 380px; }

.w390x {
  width: 390px;
  min-width: 390px; }

.w400x {
  width: 400px;
  min-width: 400px; }

.w410x {
  width: 410px;
  min-width: 410px; }

.w420x {
  width: 420px;
  min-width: 420px; }

.w430x {
  width: 430px;
  min-width: 430px; }

.w440x {
  width: 440px;
  min-width: 440px; }

.w450x {
  width: 450px;
  min-width: 450px; }

.w460x {
  width: 460px;
  min-width: 460px; }

.w470x {
  width: 470px;
  min-width: 470px; }

.w480x {
  width: 480px;
  min-width: 480px; }

.w490x {
  width: 490px;
  min-width: 490px; }

.w500x {
  width: 500px;
  min-width: 500px; }

.w510x {
  width: 510px;
  min-width: 510px; }

.w520x {
  width: 520px;
  min-width: 520px; }

.w530x {
  width: 530px;
  min-width: 530px; }

.w540x {
  width: 540px;
  min-width: 540px; }

.w550x {
  width: 550px;
  min-width: 550px; }

.w560x {
  width: 560px;
  min-width: 560px; }

.w570x {
  width: 570px;
  min-width: 570px; }

.w580x {
  width: 580px;
  min-width: 580px; }

.w590x {
  width: 590px;
  min-width: 590px; }

.w600x {
  width: 600px;
  min-width: 600px; }

.w610x {
  width: 610px;
  min-width: 610px; }

.w620x {
  width: 620px;
  min-width: 620px; }

.w630x {
  width: 630px;
  min-width: 630px; }

.w640x {
  width: 640px;
  min-width: 640px; }

.w650x {
  width: 650px;
  min-width: 650px; }

.w660x {
  width: 660px;
  min-width: 660px; }

.w670x {
  width: 670px;
  min-width: 670px; }

.w680x {
  width: 680px;
  min-width: 680px; }

.w690x {
  width: 690px;
  min-width: 690px; }

.w700x {
  width: 700px;
  min-width: 700px; }

.w710x {
  width: 710px;
  min-width: 710px; }

.w720x {
  width: 720px;
  min-width: 720px; }

.w730x {
  width: 730px;
  min-width: 730px; }

.w740x {
  width: 740px;
  min-width: 740px; }

.w750x {
  width: 750px;
  min-width: 750px; }

.w760x {
  width: 760px;
  min-width: 760px; }

.w770x {
  width: 770px;
  min-width: 770px; }

.w780x {
  width: 780px;
  min-width: 780px; }

.w790x {
  width: 790px;
  min-width: 790px; }

.w800x {
  width: 800px;
  min-width: 800px; }

.w810x {
  width: 810px;
  min-width: 810px; }

.w820x {
  width: 820px;
  min-width: 820px; }

.w830x {
  width: 830px;
  min-width: 830px; }

.w840x {
  width: 840px;
  min-width: 840px; }

.w850x {
  width: 850px;
  min-width: 850px; }

.w860x {
  width: 860px;
  min-width: 860px; }

.w870x {
  width: 870px;
  min-width: 870px; }

.w880x {
  width: 880px;
  min-width: 880px; }

.w890x {
  width: 890px;
  min-width: 890px; }

.w900x {
  width: 900px;
  min-width: 900px; }

.w910x {
  width: 910px;
  min-width: 910px; }

.w920x {
  width: 920px;
  min-width: 920px; }

.w930x {
  width: 930px;
  min-width: 930px; }

.w940x {
  width: 940px;
  min-width: 940px; }

.w950x {
  width: 950px;
  min-width: 950px; }

.w960x {
  width: 960px;
  min-width: 960px; }

.w970x {
  width: 970px;
  min-width: 970px; }

.w980x {
  width: 980px;
  min-width: 980px; }

.w990x {
  width: 990px;
  min-width: 990px; }

.w1000x {
  width: 1000px;
  min-width: 1000px; }

.max-w100x {
  max-width: 100px; }

.max-w200x {
  max-width: 200px; }

.max-w300x {
  max-width: 300px; }

.max-w400x {
  max-width: 400px; }

.max-w500x {
  max-width: 500px; }

.max-w600x {
  max-width: 600px; }

.max-w700x {
  max-width: 700px; }

.max-w800x {
  max-width: 800px; }

.max-w900x {
  max-width: 900px; }

.max-w1000x {
  max-width: 1000px; }

.max-w1100x {
  max-width: 1100px; }

.max-w1200x {
  max-width: 1200px; }

.max-w1300x {
  max-width: 1300px; }

.max-w1400x {
  max-width: 1400px; }

.max-w1500x {
  max-width: 1500px; }

.max-w1600x {
  max-width: 1600px; }

.max-w1700x {
  max-width: 1700px; }

.max-w1800x {
  max-width: 1800px; }

.max-w1900x {
  max-width: 1900px; }

.max-w2000x {
  max-width: 2000px; }

.capitalize {
  text-transform: capitalize; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.break-long-words {
  word-wrap: break-word;
  white-space: normal !important; }

.nowrap {
  white-space: nowrap; }

.monospace {
  font-family: "Roboto Mono", monospace; }

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

.root-only {
  position: relative;
  box-shadow: 0 0 3px 2px #8a2be2; }
  .root-only.offset-outline {
    box-shadow: 0 0 0 10px #f1eee7, 0 0 3px 12px #8a2be2; }
    .white-block .root-only.offset-outline {
      box-shadow: 0 0 0 10px #fff, 0 0 5px 13px #8a2be2; }
  .root-only:hover:after {
    position: absolute;
    font-weight: 500;
    bottom: 3px;
    right: 5px;
    content: "root";
    line-height: 20px;
    text-align: center;
    color: rgba(138, 43, 226, 0.75); }
  .root-only .root-only:after {
    content: none; }

.root-only-color {
  color: #8a2be2; }
  .root-only-color .icon {
    fill: #8a2be2; }

.left {
  text-align: left; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.center-xy {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap; }

.negative {
  color: #ea4e4b; }

.positive {
  color: #69a120; }

.danger {
  color: #ea4e4b; }

.warning {
  color: #ff9500; }

.caution {
  color: #0e7b89; }

.drab,
.light {
  color: #9a9998; }
  .drab .icon,
  .light .icon {
    fill: #9a9998; }

.big-line-breaks br {
  content: "A" !important;
  display: block !important;
  margin-bottom: 0.5em !important; }

.cron-syntax {
  display: inline-block;
  margin: 0px 5px;
  padding: 4px 6px;
  border: 1px solid #ccc7c2;
  border-radius: 4px;
  background: #fcfaf9;
  color: #383632; }

.tooltip {
  cursor: help;
  border-bottom: 1px dotted #ccc7c2; }

a[target='_blank']:not(.icon):not(.no-icon):after {
  vertical-align: text-bottom;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  opacity: 0.5;
  transition: opacity 0.2s;
  background: url("../img/icons/target-blank.svg") 50% 50% no-repeat;
  background-size: 10px 10px; }
a[target='_blank']:not(.icon):not(.no-icon):hover:after {
  opacity: 1; }

.invisible {
  display: block;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-width: 0; }

.hidden {
  display: none; }

.eshop-avatar img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 4px; }

button, button:visited,
.button,
.button:visited,
input[type="button"],
input[type="button"]:visited,
input[type="submit"],
input[type="submit"]:visited {
  display: inline-block;
  padding: 10px 20px;
  min-width: 100px;
  line-height: 22px;
  border: 1px solid #0e7b89;
  border-radius: 4px;
  outline: none;
  text-align: center;
  text-decoration: none;
  font-size: 1.1rem;
  color: #fff;
  background-color: #009ba9; }
  button .icon, button:visited .icon,
  .button .icon,
  .button:visited .icon,
  input[type="button"] .icon,
  input[type="button"]:visited .icon,
  input[type="submit"] .icon,
  input[type="submit"]:visited .icon {
    fill: #fff; }
  button:last-child, button:visited:last-child,
  .button:last-child,
  .button:visited:last-child,
  input[type="button"]:last-child,
  input[type="button"]:visited:last-child,
  input[type="submit"]:last-child,
  input[type="submit"]:visited:last-child {
    margin-right: 0; }
  button.small, button:visited.small,
  .button.small,
  .button:visited.small,
  input[type="button"].small,
  input[type="button"]:visited.small,
  input[type="submit"].small,
  input[type="submit"]:visited.small {
    line-height: 14px;
    font-size: 1rem; }
  button.big, button:visited.big,
  .button.big,
  .button:visited.big,
  input[type="button"].big,
  input[type="button"]:visited.big,
  input[type="submit"].big,
  input[type="submit"]:visited.big {
    line-height: 30px; }
  button:hover, button:focus, button.active, button:visited:hover, button:visited:focus, button:visited.active,
  .button:hover,
  .button:focus,
  .button.active,
  .button:visited:hover,
  .button:visited:focus,
  .button:visited.active,
  input[type="button"]:hover,
  input[type="button"]:focus,
  input[type="button"].active,
  input[type="button"]:visited:hover,
  input[type="button"]:visited:focus,
  input[type="button"]:visited.active,
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  input[type="submit"].active,
  input[type="submit"]:visited:hover,
  input[type="submit"]:visited:focus,
  input[type="submit"]:visited.active {
    text-decoration: none;
    color: #fff;
    background-color: #0e7b89; }
  button.danger, button:visited.danger,
  .button.danger,
  .button:visited.danger,
  input[type="button"].danger,
  input[type="button"]:visited.danger,
  input[type="submit"].danger,
  input[type="submit"]:visited.danger {
    background-color: #ea4e4b;
    border-color: #bb3e3c; }
    button.danger:hover, button.danger:focus, button.danger.active, button:visited.danger:hover, button:visited.danger:focus, button:visited.danger.active,
    .button.danger:hover,
    .button.danger:focus,
    .button.danger.active,
    .button:visited.danger:hover,
    .button:visited.danger:focus,
    .button:visited.danger.active,
    input[type="button"].danger:hover,
    input[type="button"].danger:focus,
    input[type="button"].danger.active,
    input[type="button"]:visited.danger:hover,
    input[type="button"]:visited.danger:focus,
    input[type="button"]:visited.danger.active,
    input[type="submit"].danger:hover,
    input[type="submit"].danger:focus,
    input[type="submit"].danger.active,
    input[type="submit"]:visited.danger:hover,
    input[type="submit"]:visited.danger:focus,
    input[type="submit"]:visited.danger.active {
      background-color: #bb3e3c; }
  button.disabled, button[disabled], button:visited.disabled, button:visited[disabled],
  .button.disabled,
  .button[disabled],
  .button:visited.disabled,
  .button:visited[disabled],
  input[type="button"].disabled,
  input[type="button"][disabled],
  input[type="button"]:visited.disabled,
  input[type="button"]:visited[disabled],
  input[type="submit"].disabled,
  input[type="submit"][disabled],
  input[type="submit"]:visited.disabled,
  input[type="submit"]:visited[disabled] {
    border-color: #ccc7c2;
    background-color: #ccc7c2; }
    button.disabled .icon, button[disabled] .icon, button:visited.disabled .icon, button:visited[disabled] .icon,
    .button.disabled .icon,
    .button[disabled] .icon,
    .button:visited.disabled .icon,
    .button:visited[disabled] .icon,
    input[type="button"].disabled .icon,
    input[type="button"][disabled] .icon,
    input[type="button"]:visited.disabled .icon,
    input[type="button"]:visited[disabled] .icon,
    input[type="submit"].disabled .icon,
    input[type="submit"][disabled] .icon,
    input[type="submit"]:visited.disabled .icon,
    input[type="submit"]:visited[disabled] .icon {
      fill: #fff; }
    button.disabled:not(.keep-clickable), button[disabled]:not(.keep-clickable), button:visited.disabled:not(.keep-clickable), button:visited[disabled]:not(.keep-clickable),
    .button.disabled:not(.keep-clickable),
    .button[disabled]:not(.keep-clickable),
    .button:visited.disabled:not(.keep-clickable),
    .button:visited[disabled]:not(.keep-clickable),
    input[type="button"].disabled:not(.keep-clickable),
    input[type="button"][disabled]:not(.keep-clickable),
    input[type="button"]:visited.disabled:not(.keep-clickable),
    input[type="button"]:visited[disabled]:not(.keep-clickable),
    input[type="submit"].disabled:not(.keep-clickable),
    input[type="submit"][disabled]:not(.keep-clickable),
    input[type="submit"]:visited.disabled:not(.keep-clickable),
    input[type="submit"]:visited[disabled]:not(.keep-clickable) {
      pointer-events: none; }
  button.green, button:visited.green,
  .button.green,
  .button:visited.green,
  input[type="button"].green,
  input[type="button"]:visited.green,
  input[type="submit"].green,
  input[type="submit"]:visited.green {
    background-color: #69a120;
    border-color: #51850d; }
    button.green.active, button.green:hover, button.green:hover, button.green.active, button:visited.green.active, button:visited.green:hover, button:visited.green:hover, button:visited.green.active,
    .button.green.active,
    .button.green:hover,
    .button.green:hover,
    .button.green.active,
    .button:visited.green.active,
    .button:visited.green:hover,
    .button:visited.green:hover,
    .button:visited.green.active,
    input[type="button"].green.active,
    input[type="button"].green:hover,
    input[type="button"].green:hover,
    input[type="button"].green.active,
    input[type="button"]:visited.green.active,
    input[type="button"]:visited.green:hover,
    input[type="button"]:visited.green:hover,
    input[type="button"]:visited.green.active,
    input[type="submit"].green.active,
    input[type="submit"].green:hover,
    input[type="submit"].green:hover,
    input[type="submit"].green.active,
    input[type="submit"]:visited.green.active,
    input[type="submit"]:visited.green:hover,
    input[type="submit"]:visited.green:hover,
    input[type="submit"]:visited.green.active {
      background-color: #51850d; }
    button.green.disabled, button.green[disabled], button:visited.green.disabled, button:visited.green[disabled],
    .button.green.disabled,
    .button.green[disabled],
    .button:visited.green.disabled,
    .button:visited.green[disabled],
    input[type="button"].green.disabled,
    input[type="button"].green[disabled],
    input[type="button"]:visited.green.disabled,
    input[type="button"]:visited.green[disabled],
    input[type="submit"].green.disabled,
    input[type="submit"].green[disabled],
    input[type="submit"]:visited.green.disabled,
    input[type="submit"]:visited.green[disabled] {
      border-color: #ccc7c2;
      background-color: #ccc7c2; }
  button.white, button:visited.white,
  .button.white,
  .button:visited.white,
  input[type="button"].white,
  input[type="button"]:visited.white,
  input[type="submit"].white,
  input[type="submit"]:visited.white {
    background-color: #fff;
    border-color: #ccc7c2;
    color: #383632; }
    button.white .icon, button:visited.white .icon,
    .button.white .icon,
    .button:visited.white .icon,
    input[type="button"].white .icon,
    input[type="button"]:visited.white .icon,
    input[type="submit"].white .icon,
    input[type="submit"]:visited.white .icon {
      fill: #383632; }
    button.white:hover, button.white:hover, button.white.active, button:visited.white:hover, button:visited.white:hover, button:visited.white.active,
    .button.white:hover,
    .button.white:hover,
    .button.white.active,
    .button:visited.white:hover,
    .button:visited.white:hover,
    .button:visited.white.active,
    input[type="button"].white:hover,
    input[type="button"].white:hover,
    input[type="button"].white.active,
    input[type="button"]:visited.white:hover,
    input[type="button"]:visited.white:hover,
    input[type="button"]:visited.white.active,
    input[type="submit"].white:hover,
    input[type="submit"].white:hover,
    input[type="submit"].white.active,
    input[type="submit"]:visited.white:hover,
    input[type="submit"]:visited.white:hover,
    input[type="submit"]:visited.white.active {
      color: #0e7b89; }
      button.white:hover .icon, button.white:hover .icon, button.white.active .icon, button:visited.white:hover .icon, button:visited.white:hover .icon, button:visited.white.active .icon,
      .button.white:hover .icon,
      .button.white:hover .icon,
      .button.white.active .icon,
      .button:visited.white:hover .icon,
      .button:visited.white:hover .icon,
      .button:visited.white.active .icon,
      input[type="button"].white:hover .icon,
      input[type="button"].white:hover .icon,
      input[type="button"].white.active .icon,
      input[type="button"]:visited.white:hover .icon,
      input[type="button"]:visited.white:hover .icon,
      input[type="button"]:visited.white.active .icon,
      input[type="submit"].white:hover .icon,
      input[type="submit"].white:hover .icon,
      input[type="submit"].white.active .icon,
      input[type="submit"]:visited.white:hover .icon,
      input[type="submit"]:visited.white:hover .icon,
      input[type="submit"]:visited.white.active .icon {
        fill: #0e7b89; }
    button.white.disabled, button.white[disabled], button:visited.white.disabled, button:visited.white[disabled],
    .button.white.disabled,
    .button.white[disabled],
    .button:visited.white.disabled,
    .button:visited.white[disabled],
    input[type="button"].white.disabled,
    input[type="button"].white[disabled],
    input[type="button"]:visited.white.disabled,
    input[type="button"]:visited.white[disabled],
    input[type="submit"].white.disabled,
    input[type="submit"].white[disabled],
    input[type="submit"]:visited.white.disabled,
    input[type="submit"]:visited.white[disabled] {
      border-color: #ccc7c2;
      background-color: transparent;
      color: #ccc7c2; }
      button.white.disabled .icon, button.white[disabled] .icon, button:visited.white.disabled .icon, button:visited.white[disabled] .icon,
      .button.white.disabled .icon,
      .button.white[disabled] .icon,
      .button:visited.white.disabled .icon,
      .button:visited.white[disabled] .icon,
      input[type="button"].white.disabled .icon,
      input[type="button"].white[disabled] .icon,
      input[type="button"]:visited.white.disabled .icon,
      input[type="button"]:visited.white[disabled] .icon,
      input[type="submit"].white.disabled .icon,
      input[type="submit"].white[disabled] .icon,
      input[type="submit"]:visited.white.disabled .icon,
      input[type="submit"]:visited.white[disabled] .icon {
        fill: #ccc7c2; }
  button.secondary, button:visited.secondary,
  .button.secondary,
  .button:visited.secondary,
  input[type="button"].secondary,
  input[type="button"]:visited.secondary,
  input[type="submit"].secondary,
  input[type="submit"]:visited.secondary {
    background-color: transparent;
    color: #009ba9; }
    button.secondary .icon, button:visited.secondary .icon,
    .button.secondary .icon,
    .button:visited.secondary .icon,
    input[type="button"].secondary .icon,
    input[type="button"]:visited.secondary .icon,
    input[type="submit"].secondary .icon,
    input[type="submit"]:visited.secondary .icon {
      fill: #009ba9; }
    button.secondary.active, button.secondary:hover, button.secondary:focus, button.secondary.active, button:visited.secondary.active, button:visited.secondary:hover, button:visited.secondary:focus, button:visited.secondary.active,
    .button.secondary.active,
    .button.secondary:hover,
    .button.secondary:focus,
    .button.secondary.active,
    .button:visited.secondary.active,
    .button:visited.secondary:hover,
    .button:visited.secondary:focus,
    .button:visited.secondary.active,
    input[type="button"].secondary.active,
    input[type="button"].secondary:hover,
    input[type="button"].secondary:focus,
    input[type="button"].secondary.active,
    input[type="button"]:visited.secondary.active,
    input[type="button"]:visited.secondary:hover,
    input[type="button"]:visited.secondary:focus,
    input[type="button"]:visited.secondary.active,
    input[type="submit"].secondary.active,
    input[type="submit"].secondary:hover,
    input[type="submit"].secondary:focus,
    input[type="submit"].secondary.active,
    input[type="submit"]:visited.secondary.active,
    input[type="submit"]:visited.secondary:hover,
    input[type="submit"]:visited.secondary:focus,
    input[type="submit"]:visited.secondary.active {
      color: #fff;
      background-color: #0e7b89; }
      button.secondary.active .icon, button.secondary:hover .icon, button.secondary:focus .icon, button.secondary.active .icon, button:visited.secondary.active .icon, button:visited.secondary:hover .icon, button:visited.secondary:focus .icon, button:visited.secondary.active .icon,
      .button.secondary.active .icon,
      .button.secondary:hover .icon,
      .button.secondary:focus .icon,
      .button.secondary.active .icon,
      .button:visited.secondary.active .icon,
      .button:visited.secondary:hover .icon,
      .button:visited.secondary:focus .icon,
      .button:visited.secondary.active .icon,
      input[type="button"].secondary.active .icon,
      input[type="button"].secondary:hover .icon,
      input[type="button"].secondary:focus .icon,
      input[type="button"].secondary.active .icon,
      input[type="button"]:visited.secondary.active .icon,
      input[type="button"]:visited.secondary:hover .icon,
      input[type="button"]:visited.secondary:focus .icon,
      input[type="button"]:visited.secondary.active .icon,
      input[type="submit"].secondary.active .icon,
      input[type="submit"].secondary:hover .icon,
      input[type="submit"].secondary:focus .icon,
      input[type="submit"].secondary.active .icon,
      input[type="submit"]:visited.secondary.active .icon,
      input[type="submit"]:visited.secondary:hover .icon,
      input[type="submit"]:visited.secondary:focus .icon,
      input[type="submit"]:visited.secondary.active .icon {
        fill: #fff; }
    button.secondary.danger, button:visited.secondary.danger,
    .button.secondary.danger,
    .button:visited.secondary.danger,
    input[type="button"].secondary.danger,
    input[type="button"]:visited.secondary.danger,
    input[type="submit"].secondary.danger,
    input[type="submit"]:visited.secondary.danger {
      color: #ea4e4b; }
      button.secondary.danger .icon, button:visited.secondary.danger .icon,
      .button.secondary.danger .icon,
      .button:visited.secondary.danger .icon,
      input[type="button"].secondary.danger .icon,
      input[type="button"]:visited.secondary.danger .icon,
      input[type="submit"].secondary.danger .icon,
      input[type="submit"]:visited.secondary.danger .icon {
        fill: #ea4e4b; }
      button.secondary.danger.active, button.secondary.danger:hover, button.secondary.danger:focus, button.secondary.danger.active, button:visited.secondary.danger.active, button:visited.secondary.danger:hover, button:visited.secondary.danger:focus, button:visited.secondary.danger.active,
      .button.secondary.danger.active,
      .button.secondary.danger:hover,
      .button.secondary.danger:focus,
      .button.secondary.danger.active,
      .button:visited.secondary.danger.active,
      .button:visited.secondary.danger:hover,
      .button:visited.secondary.danger:focus,
      .button:visited.secondary.danger.active,
      input[type="button"].secondary.danger.active,
      input[type="button"].secondary.danger:hover,
      input[type="button"].secondary.danger:focus,
      input[type="button"].secondary.danger.active,
      input[type="button"]:visited.secondary.danger.active,
      input[type="button"]:visited.secondary.danger:hover,
      input[type="button"]:visited.secondary.danger:focus,
      input[type="button"]:visited.secondary.danger.active,
      input[type="submit"].secondary.danger.active,
      input[type="submit"].secondary.danger:hover,
      input[type="submit"].secondary.danger:focus,
      input[type="submit"].secondary.danger.active,
      input[type="submit"]:visited.secondary.danger.active,
      input[type="submit"]:visited.secondary.danger:hover,
      input[type="submit"]:visited.secondary.danger:focus,
      input[type="submit"]:visited.secondary.danger.active {
        color: #fff;
        background-color: #bb3e3c; }
        button.secondary.danger.active .icon, button.secondary.danger:hover .icon, button.secondary.danger:focus .icon, button.secondary.danger.active .icon, button:visited.secondary.danger.active .icon, button:visited.secondary.danger:hover .icon, button:visited.secondary.danger:focus .icon, button:visited.secondary.danger.active .icon,
        .button.secondary.danger.active .icon,
        .button.secondary.danger:hover .icon,
        .button.secondary.danger:focus .icon,
        .button.secondary.danger.active .icon,
        .button:visited.secondary.danger.active .icon,
        .button:visited.secondary.danger:hover .icon,
        .button:visited.secondary.danger:focus .icon,
        .button:visited.secondary.danger.active .icon,
        input[type="button"].secondary.danger.active .icon,
        input[type="button"].secondary.danger:hover .icon,
        input[type="button"].secondary.danger:focus .icon,
        input[type="button"].secondary.danger.active .icon,
        input[type="button"]:visited.secondary.danger.active .icon,
        input[type="button"]:visited.secondary.danger:hover .icon,
        input[type="button"]:visited.secondary.danger:focus .icon,
        input[type="button"]:visited.secondary.danger.active .icon,
        input[type="submit"].secondary.danger.active .icon,
        input[type="submit"].secondary.danger:hover .icon,
        input[type="submit"].secondary.danger:focus .icon,
        input[type="submit"].secondary.danger.active .icon,
        input[type="submit"]:visited.secondary.danger.active .icon,
        input[type="submit"]:visited.secondary.danger:hover .icon,
        input[type="submit"]:visited.secondary.danger:focus .icon,
        input[type="submit"]:visited.secondary.danger.active .icon {
          fill: #fff; }
    button.secondary.disabled, button.secondary[disabled], button:visited.secondary.disabled, button:visited.secondary[disabled],
    .button.secondary.disabled,
    .button.secondary[disabled],
    .button:visited.secondary.disabled,
    .button:visited.secondary[disabled],
    input[type="button"].secondary.disabled,
    input[type="button"].secondary[disabled],
    input[type="button"]:visited.secondary.disabled,
    input[type="button"]:visited.secondary[disabled],
    input[type="submit"].secondary.disabled,
    input[type="submit"].secondary[disabled],
    input[type="submit"]:visited.secondary.disabled,
    input[type="submit"]:visited.secondary[disabled] {
      border-color: #ccc7c2;
      color: #ccc7c2; }
      button.secondary.disabled .icon, button.secondary[disabled] .icon, button:visited.secondary.disabled .icon, button:visited.secondary[disabled] .icon,
      .button.secondary.disabled .icon,
      .button.secondary[disabled] .icon,
      .button:visited.secondary.disabled .icon,
      .button:visited.secondary[disabled] .icon,
      input[type="button"].secondary.disabled .icon,
      input[type="button"].secondary[disabled] .icon,
      input[type="button"]:visited.secondary.disabled .icon,
      input[type="button"]:visited.secondary[disabled] .icon,
      input[type="submit"].secondary.disabled .icon,
      input[type="submit"].secondary[disabled] .icon,
      input[type="submit"]:visited.secondary.disabled .icon,
      input[type="submit"]:visited.secondary[disabled] .icon {
        fill: #ccc7c2; }
  button.text, button:visited.text,
  .button.text,
  .button:visited.text,
  input[type="button"].text,
  input[type="button"]:visited.text,
  input[type="submit"].text,
  input[type="submit"]:visited.text {
    color: #009ba9;
    border-color: transparent;
    background-color: transparent; }
    button.text .icon, button:visited.text .icon,
    .button.text .icon,
    .button:visited.text .icon,
    input[type="button"].text .icon,
    input[type="button"]:visited.text .icon,
    input[type="submit"].text .icon,
    input[type="submit"]:visited.text .icon {
      fill: #009ba9; }
    button.text.active, button.text:hover, button.text:focus, button.text.active, button:visited.text.active, button:visited.text:hover, button:visited.text:focus, button:visited.text.active,
    .button.text.active,
    .button.text:hover,
    .button.text:focus,
    .button.text.active,
    .button:visited.text.active,
    .button:visited.text:hover,
    .button:visited.text:focus,
    .button:visited.text.active,
    input[type="button"].text.active,
    input[type="button"].text:hover,
    input[type="button"].text:focus,
    input[type="button"].text.active,
    input[type="button"]:visited.text.active,
    input[type="button"]:visited.text:hover,
    input[type="button"]:visited.text:focus,
    input[type="button"]:visited.text.active,
    input[type="submit"].text.active,
    input[type="submit"].text:hover,
    input[type="submit"].text:focus,
    input[type="submit"].text.active,
    input[type="submit"]:visited.text.active,
    input[type="submit"]:visited.text:hover,
    input[type="submit"]:visited.text:focus,
    input[type="submit"]:visited.text.active {
      color: #0e7b89; }
      button.text.active .icon, button.text:hover .icon, button.text:focus .icon, button.text.active .icon, button:visited.text.active .icon, button:visited.text:hover .icon, button:visited.text:focus .icon, button:visited.text.active .icon,
      .button.text.active .icon,
      .button.text:hover .icon,
      .button.text:focus .icon,
      .button.text.active .icon,
      .button:visited.text.active .icon,
      .button:visited.text:hover .icon,
      .button:visited.text:focus .icon,
      .button:visited.text.active .icon,
      input[type="button"].text.active .icon,
      input[type="button"].text:hover .icon,
      input[type="button"].text:focus .icon,
      input[type="button"].text.active .icon,
      input[type="button"]:visited.text.active .icon,
      input[type="button"]:visited.text:hover .icon,
      input[type="button"]:visited.text:focus .icon,
      input[type="button"]:visited.text.active .icon,
      input[type="submit"].text.active .icon,
      input[type="submit"].text:hover .icon,
      input[type="submit"].text:focus .icon,
      input[type="submit"].text.active .icon,
      input[type="submit"]:visited.text.active .icon,
      input[type="submit"]:visited.text:hover .icon,
      input[type="submit"]:visited.text:focus .icon,
      input[type="submit"]:visited.text.active .icon {
        fill: #0e7b89; }
    button.text.danger, button:visited.text.danger,
    .button.text.danger,
    .button:visited.text.danger,
    input[type="button"].text.danger,
    input[type="button"]:visited.text.danger,
    input[type="submit"].text.danger,
    input[type="submit"]:visited.text.danger {
      color: #ea4e4b; }
      button.text.danger .icon, button:visited.text.danger .icon,
      .button.text.danger .icon,
      .button:visited.text.danger .icon,
      input[type="button"].text.danger .icon,
      input[type="button"]:visited.text.danger .icon,
      input[type="submit"].text.danger .icon,
      input[type="submit"]:visited.text.danger .icon {
        fill: #ea4e4b; }
      button.text.danger:hover, button.text.danger:focus, button.text.danger.active, button:visited.text.danger:hover, button:visited.text.danger:focus, button:visited.text.danger.active,
      .button.text.danger:hover,
      .button.text.danger:focus,
      .button.text.danger.active,
      .button:visited.text.danger:hover,
      .button:visited.text.danger:focus,
      .button:visited.text.danger.active,
      input[type="button"].text.danger:hover,
      input[type="button"].text.danger:focus,
      input[type="button"].text.danger.active,
      input[type="button"]:visited.text.danger:hover,
      input[type="button"]:visited.text.danger:focus,
      input[type="button"]:visited.text.danger.active,
      input[type="submit"].text.danger:hover,
      input[type="submit"].text.danger:focus,
      input[type="submit"].text.danger.active,
      input[type="submit"]:visited.text.danger:hover,
      input[type="submit"]:visited.text.danger:focus,
      input[type="submit"]:visited.text.danger.active {
        background-color: transparent;
        color: #bb3e3c; }
        button.text.danger:hover .icon, button.text.danger:focus .icon, button.text.danger.active .icon, button:visited.text.danger:hover .icon, button:visited.text.danger:focus .icon, button:visited.text.danger.active .icon,
        .button.text.danger:hover .icon,
        .button.text.danger:focus .icon,
        .button.text.danger.active .icon,
        .button:visited.text.danger:hover .icon,
        .button:visited.text.danger:focus .icon,
        .button:visited.text.danger.active .icon,
        input[type="button"].text.danger:hover .icon,
        input[type="button"].text.danger:focus .icon,
        input[type="button"].text.danger.active .icon,
        input[type="button"]:visited.text.danger:hover .icon,
        input[type="button"]:visited.text.danger:focus .icon,
        input[type="button"]:visited.text.danger.active .icon,
        input[type="submit"].text.danger:hover .icon,
        input[type="submit"].text.danger:focus .icon,
        input[type="submit"].text.danger.active .icon,
        input[type="submit"]:visited.text.danger:hover .icon,
        input[type="submit"]:visited.text.danger:focus .icon,
        input[type="submit"]:visited.text.danger.active .icon {
          fill: #bb3e3c; }
    button.text.disabled, button.text[disabled], button:visited.text.disabled, button:visited.text[disabled],
    .button.text.disabled,
    .button.text[disabled],
    .button:visited.text.disabled,
    .button:visited.text[disabled],
    input[type="button"].text.disabled,
    input[type="button"].text[disabled],
    input[type="button"]:visited.text.disabled,
    input[type="button"]:visited.text[disabled],
    input[type="submit"].text.disabled,
    input[type="submit"].text[disabled],
    input[type="submit"]:visited.text.disabled,
    input[type="submit"]:visited.text[disabled] {
      color: #ccc7c2;
      pointer-events: none; }
      button.text.disabled .icon, button.text[disabled] .icon, button:visited.text.disabled .icon, button:visited.text[disabled] .icon,
      .button.text.disabled .icon,
      .button.text[disabled] .icon,
      .button:visited.text.disabled .icon,
      .button:visited.text[disabled] .icon,
      input[type="button"].text.disabled .icon,
      input[type="button"].text[disabled] .icon,
      input[type="button"]:visited.text.disabled .icon,
      input[type="button"]:visited.text[disabled] .icon,
      input[type="submit"].text.disabled .icon,
      input[type="submit"].text[disabled] .icon,
      input[type="submit"]:visited.text.disabled .icon,
      input[type="submit"]:visited.text[disabled] .icon {
        fill: #ccc7c2; }

.buttons-row {
  margin: -4px;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .buttons-row.center {
    justify-content: center; }
  .buttons-row.right {
    justify-content: flex-end; }
  .buttons-row.split {
    justify-content: space-between; }
  .buttons-row.even {
    justify-content: space-around; }
  .buttons-row button,
  .buttons-row .button,
  .buttons-row .button-wrapper,
  .buttons-row input[type="button"],
  .buttons-row input[type="submit"] {
    display: block;
    margin: 4px; }
  .buttons-row .separator {
    display: block;
    margin: 4px;
    height: 22px;
    border-left: 1px solid #ccc7c2; }

.grouped-buttons {
  display: flex; }
  .grouped-buttons .button {
    flex: 1; }

.content-block {
  margin: 40px 0; }
  .content-block:first-child {
    margin-top: 0; }
  .content-block:last-child {
    margin-bottom: 0; }

.content-block-header,
.content-block > header {
  margin: 40px 0; }
  .content-block-header:first-child,
  .content-block > header:first-child {
    margin-top: 0; }
  .content-block-header:last-child,
  .content-block > header:last-child {
    margin-bottom: 0; }
  .content-block-header h2,
  .content-block-header h3,
  .content-block > header h2,
  .content-block > header h3 {
    line-height: 44px; }
  .content-block-header.with-subtitle,
  .content-block > header.with-subtitle {
    border-bottom: 2px solid #ccc7c2;
    padding-bottom: 8px; }
    .content-block-header.with-subtitle h2,
    .content-block-header.with-subtitle h3,
    .content-block > header.with-subtitle h2,
    .content-block > header.with-subtitle h3 {
      line-height: 34px;
      padding: 5px 0; }
    .content-block-header.with-subtitle .header-subtitle,
    .content-block > header.with-subtitle .header-subtitle {
      margin: 0;
      font-size: 1rem;
      color: #696866; }
  .content-block-header + .scroll-highlight-wrapper,
  .content-block > header + .scroll-highlight-wrapper {
    margin-top: 20px; }

.dashboard-tiles {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 0 -19px; }
  .dashboard-tiles .tile {
    flex: 0 0 100%;
    margin: 20px 0;
    padding: 0 20px;
    max-width: 100%;
    border-right: 1px solid #ccc7c2; }
    .dashboard-tiles .tile:last-child {
      border: none; }
    .dashboard-tiles .tile.half {
      flex-basis: 50%;
      max-width: 50%; }
    .dashboard-tiles .tile.quarter {
      flex-basis: 25%;
      max-width: 25%; }
@media(max-width: $tabletWidth) {
  .dashboard-tiles .tile.half {
    flex-basis: 100%;
    max-width: 100%; }
  .dashboard-tiles .tile.quarter {
    flex-basis: 50%;
    max-width: 50%; }
    .dashboard-tiles .tile.quarter:nth-child(even) {
      border-right: none; } }
@media(max-width: $mobileWidth) {
  .dashboard-tiles .tile.half, .dashboard-tiles .tile.quarter {
    flex-basis: 100%;
    max-width: 100%;
    border-right: none; } }
.grid-controls {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-flow: row wrap;
  margin: -5px -10px; }
  .grid-controls .controls-block {
    margin: 10px; }
  .grid-controls .controls-group {
    margin: 5px; }
    .grid-controls .controls-group.buttons-row, .grid-controls .controls-group.horizontal-form {
      margin: 0; }
  .grid-controls .controls-block {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: 10px 5px; }
    .grid-controls .controls-block:first-child,
    .grid-controls .controls-block:first-child .controls-group {
      justify-content: flex-start; }
    .grid-controls .controls-block:last-child,
    .grid-controls .controls-block:last-child .controls-group {
      justify-content: flex-end; }
  .grid-controls .controls-group:only-child {
    flex: 1; }
  @media (max-width: 960px) {
    .grid-controls {
      flex-direction: column-reverse; }
      .grid-controls .controls-block {
        width: calc(100% - 10px); }
        .grid-controls .controls-block.push-back {
          order: -1; }
      .grid-controls .grid-results-count {
        display: none; } }
  @media (max-width: 480px) {
    .grid-controls .buttons-row {
      flex-direction: column-reverse;
      align-items: stretch;
      width: 100%; } }

.grid-results-count {
  line-height: 44px;
  white-space: nowrap;
  text-align: right; }

.datagrid-wrapper {
  width: 100%;
  overflow-x: auto; }
  .datagrid-wrapper .datagrid {
    margin: 0;
    width: auto; }
    .datagrid-wrapper .datagrid td,
    .datagrid-wrapper .datagrid th {
      white-space: nowrap; }

.long-table-wrapper {
  max-height: calc(100vh - 150px);
  overflow-y: auto; }

.datagrid {
  box-sizing: border-box;
  position: relative;
  min-width: 100%;
  margin: 0 0 20px 0;
  border-collapse: separate; }
  .datagrid thead td,
  .datagrid thead th,
  .datagrid tfoot td,
  .datagrid tfoot th {
    color: #fff;
    background: #383632; }
  .datagrid thead a,
  .datagrid tfoot a {
    color: inherit; }
  .datagrid thead:first-child > tr > th:first-child {
    border-radius: 4px 0 0; }
  .datagrid thead:first-child > tr > th:last-child {
    border-radius: 0 4px 0 0; }
  .datagrid tfoot:last-child {
    z-index: 10; }
    .datagrid tfoot:last-child:after {
      display: none; }
    .datagrid tfoot:last-child > tr > td:first-child, .datagrid tfoot:last-child > tr > th:first-child {
      border-radius: 0 0 0 4px; }
    .datagrid tfoot:last-child > tr > td:last-child, .datagrid tfoot:last-child > tr > th:last-child {
      border-radius: 0 0 4px; }
  .datagrid.fixed {
    table-layout: fixed; }
  .datagrid tbody > tr {
    background: #fff; }
    .datagrid tbody > tr:hover:not(.no-hover) {
      background: #fff9e3; }
    .datagrid tbody > tr.highlight td:first-child, .datagrid tbody > tr.highlight-negative td:first-child {
      position: relative; }
      .datagrid tbody > tr.highlight td:first-child:before, .datagrid tbody > tr.highlight-negative td:first-child:before {
        content: "";
        top: 0px;
        left: 0px;
        position: absolute;
        width: 3px;
        height: 100%; }
    .datagrid tbody > tr td:first-child,
    .datagrid tbody > tr th:first-child {
      border-left: 1px solid #ccc7c2; }
    .datagrid tbody > tr td:last-child,
    .datagrid tbody > tr th:last-child {
      border-right: 1px solid #ccc7c2; }
    .datagrid tbody > tr.highlight td:first-child:before {
      background: #009ba9; }
    .datagrid tbody > tr.highlight-negative td:first-child:before {
      background: #ea4e4b; }
    .datagrid tbody > tr.checked {
      background: #e1f6f6;
      color: #0e7b89; }
      .datagrid tbody > tr.checked:hover {
        background: #c2eded; }
      .datagrid tbody > tr.checked .icon:not(.disabled) {
        fill: #0e7b89; }
      .datagrid tbody > tr.checked a {
        color: inherit; }
      .datagrid tbody > tr.checked td {
        border-bottom: 1px solid #009ba9; }
    .datagrid tbody > tr.turned-off {
      color: #9a9998; }
      .datagrid tbody > tr.turned-off .icon:not(.disabled) {
        fill: #9a9998; }
      .datagrid tbody > tr.turned-off a {
        color: inherit; }
      .datagrid tbody > tr.turned-off:hover .actions .icon:not(.disabled) {
        fill: #383632; }
  .datagrid td,
  .datagrid th {
    height: 44px;
    line-height: 24px;
    padding: 10px; }
    .datagrid td.w1,
    .datagrid th.w1 {
      width: 1%; }
    .datagrid td.w2,
    .datagrid th.w2 {
      width: 2%; }
    .datagrid td.w3,
    .datagrid th.w3 {
      width: 3%; }
    .datagrid td.w4,
    .datagrid th.w4 {
      width: 4%; }
    .datagrid td.w5,
    .datagrid th.w5 {
      width: 5%; }
    .datagrid td.w6,
    .datagrid th.w6 {
      width: 6%; }
    .datagrid td.w7,
    .datagrid th.w7 {
      width: 7%; }
    .datagrid td.w8,
    .datagrid th.w8 {
      width: 8%; }
    .datagrid td.w9,
    .datagrid th.w9 {
      width: 9%; }
    .datagrid td.w10,
    .datagrid th.w10 {
      width: 10%; }
    .datagrid td.w11,
    .datagrid th.w11 {
      width: 11%; }
    .datagrid td.w12,
    .datagrid th.w12 {
      width: 12%; }
    .datagrid td.w13,
    .datagrid th.w13 {
      width: 13%; }
    .datagrid td.w14,
    .datagrid th.w14 {
      width: 14%; }
    .datagrid td.w15,
    .datagrid th.w15 {
      width: 15%; }
    .datagrid td.w16,
    .datagrid th.w16 {
      width: 16%; }
    .datagrid td.w17,
    .datagrid th.w17 {
      width: 17%; }
    .datagrid td.w18,
    .datagrid th.w18 {
      width: 18%; }
    .datagrid td.w19,
    .datagrid th.w19 {
      width: 19%; }
    .datagrid td.w20,
    .datagrid th.w20 {
      width: 20%; }
    .datagrid td.w21,
    .datagrid th.w21 {
      width: 21%; }
    .datagrid td.w22,
    .datagrid th.w22 {
      width: 22%; }
    .datagrid td.w23,
    .datagrid th.w23 {
      width: 23%; }
    .datagrid td.w24,
    .datagrid th.w24 {
      width: 24%; }
    .datagrid td.w25,
    .datagrid th.w25 {
      width: 25%; }
    .datagrid td.w26,
    .datagrid th.w26 {
      width: 26%; }
    .datagrid td.w27,
    .datagrid th.w27 {
      width: 27%; }
    .datagrid td.w28,
    .datagrid th.w28 {
      width: 28%; }
    .datagrid td.w29,
    .datagrid th.w29 {
      width: 29%; }
    .datagrid td.w30,
    .datagrid th.w30 {
      width: 30%; }
    .datagrid td.w31,
    .datagrid th.w31 {
      width: 31%; }
    .datagrid td.w32,
    .datagrid th.w32 {
      width: 32%; }
    .datagrid td.w33,
    .datagrid th.w33 {
      width: 33%; }
    .datagrid td.w34,
    .datagrid th.w34 {
      width: 34%; }
    .datagrid td.w35,
    .datagrid th.w35 {
      width: 35%; }
    .datagrid td.w36,
    .datagrid th.w36 {
      width: 36%; }
    .datagrid td.w37,
    .datagrid th.w37 {
      width: 37%; }
    .datagrid td.w38,
    .datagrid th.w38 {
      width: 38%; }
    .datagrid td.w39,
    .datagrid th.w39 {
      width: 39%; }
    .datagrid td.w40,
    .datagrid th.w40 {
      width: 40%; }
    .datagrid td.w41,
    .datagrid th.w41 {
      width: 41%; }
    .datagrid td.w42,
    .datagrid th.w42 {
      width: 42%; }
    .datagrid td.w43,
    .datagrid th.w43 {
      width: 43%; }
    .datagrid td.w44,
    .datagrid th.w44 {
      width: 44%; }
    .datagrid td.w45,
    .datagrid th.w45 {
      width: 45%; }
    .datagrid td.w46,
    .datagrid th.w46 {
      width: 46%; }
    .datagrid td.w47,
    .datagrid th.w47 {
      width: 47%; }
    .datagrid td.w48,
    .datagrid th.w48 {
      width: 48%; }
    .datagrid td.w49,
    .datagrid th.w49 {
      width: 49%; }
    .datagrid td.w50,
    .datagrid th.w50 {
      width: 50%; }
    .datagrid td.w51,
    .datagrid th.w51 {
      width: 51%; }
    .datagrid td.w52,
    .datagrid th.w52 {
      width: 52%; }
    .datagrid td.w53,
    .datagrid th.w53 {
      width: 53%; }
    .datagrid td.w54,
    .datagrid th.w54 {
      width: 54%; }
    .datagrid td.w55,
    .datagrid th.w55 {
      width: 55%; }
    .datagrid td.w56,
    .datagrid th.w56 {
      width: 56%; }
    .datagrid td.w57,
    .datagrid th.w57 {
      width: 57%; }
    .datagrid td.w58,
    .datagrid th.w58 {
      width: 58%; }
    .datagrid td.w59,
    .datagrid th.w59 {
      width: 59%; }
    .datagrid td.w60,
    .datagrid th.w60 {
      width: 60%; }
    .datagrid td.w61,
    .datagrid th.w61 {
      width: 61%; }
    .datagrid td.w62,
    .datagrid th.w62 {
      width: 62%; }
    .datagrid td.w63,
    .datagrid th.w63 {
      width: 63%; }
    .datagrid td.w64,
    .datagrid th.w64 {
      width: 64%; }
    .datagrid td.w65,
    .datagrid th.w65 {
      width: 65%; }
    .datagrid td.w66,
    .datagrid th.w66 {
      width: 66%; }
    .datagrid td.w67,
    .datagrid th.w67 {
      width: 67%; }
    .datagrid td.w68,
    .datagrid th.w68 {
      width: 68%; }
    .datagrid td.w69,
    .datagrid th.w69 {
      width: 69%; }
    .datagrid td.w70,
    .datagrid th.w70 {
      width: 70%; }
    .datagrid td.w71,
    .datagrid th.w71 {
      width: 71%; }
    .datagrid td.w72,
    .datagrid th.w72 {
      width: 72%; }
    .datagrid td.w73,
    .datagrid th.w73 {
      width: 73%; }
    .datagrid td.w74,
    .datagrid th.w74 {
      width: 74%; }
    .datagrid td.w75,
    .datagrid th.w75 {
      width: 75%; }
    .datagrid td.w76,
    .datagrid th.w76 {
      width: 76%; }
    .datagrid td.w77,
    .datagrid th.w77 {
      width: 77%; }
    .datagrid td.w78,
    .datagrid th.w78 {
      width: 78%; }
    .datagrid td.w79,
    .datagrid th.w79 {
      width: 79%; }
    .datagrid td.w80,
    .datagrid th.w80 {
      width: 80%; }
    .datagrid td.w81,
    .datagrid th.w81 {
      width: 81%; }
    .datagrid td.w82,
    .datagrid th.w82 {
      width: 82%; }
    .datagrid td.w83,
    .datagrid th.w83 {
      width: 83%; }
    .datagrid td.w84,
    .datagrid th.w84 {
      width: 84%; }
    .datagrid td.w85,
    .datagrid th.w85 {
      width: 85%; }
    .datagrid td.w86,
    .datagrid th.w86 {
      width: 86%; }
    .datagrid td.w87,
    .datagrid th.w87 {
      width: 87%; }
    .datagrid td.w88,
    .datagrid th.w88 {
      width: 88%; }
    .datagrid td.w89,
    .datagrid th.w89 {
      width: 89%; }
    .datagrid td.w90,
    .datagrid th.w90 {
      width: 90%; }
    .datagrid td.w91,
    .datagrid th.w91 {
      width: 91%; }
    .datagrid td.w92,
    .datagrid th.w92 {
      width: 92%; }
    .datagrid td.w93,
    .datagrid th.w93 {
      width: 93%; }
    .datagrid td.w94,
    .datagrid th.w94 {
      width: 94%; }
    .datagrid td.w95,
    .datagrid th.w95 {
      width: 95%; }
    .datagrid td.w96,
    .datagrid th.w96 {
      width: 96%; }
    .datagrid td.w97,
    .datagrid th.w97 {
      width: 97%; }
    .datagrid td.w98,
    .datagrid th.w98 {
      width: 98%; }
    .datagrid td.w99,
    .datagrid th.w99 {
      width: 99%; }
    .datagrid td.w100,
    .datagrid th.w100 {
      width: 100%; }
    .datagrid td.w-icon,
    .datagrid th.w-icon {
      width: 44px; }
    .datagrid td.top,
    .datagrid th.top {
      vertical-align: top; }
    .datagrid td.bottom,
    .datagrid th.bottom {
      vertical-align: bottom; }
    .datagrid td.highlight,
    .datagrid th.highlight {
      background: #fcfaf9; }
    .datagrid td.toggle-arrow-wrapper,
    .datagrid th.toggle-arrow-wrapper {
      padding: 0; }
      .datagrid td.toggle-arrow-wrapper .up-arrow,
      .datagrid td.toggle-arrow-wrapper .down-arrow,
      .datagrid th.toggle-arrow-wrapper .up-arrow,
      .datagrid th.toggle-arrow-wrapper .down-arrow {
        width: 100%;
        min-width: 44px;
        height: 44px; }
    .datagrid td.link-wrapper,
    .datagrid th.link-wrapper {
      padding: 0; }
      .datagrid td.link-wrapper a,
      .datagrid th.link-wrapper a {
        display: block;
        padding: 5px 10px;
        line-height: inherit;
        text-decoration: none; }
        .datagrid td.link-wrapper a .icon,
        .datagrid th.link-wrapper a .icon {
          fill: #009ba9; }
        .datagrid td.link-wrapper a:hover .icon,
        .datagrid th.link-wrapper a:hover .icon {
          fill: #0e7b89; }
  .datagrid tbody td,
  .datagrid tbody th {
    border-bottom: 1px solid #ccc7c2; }
  .datagrid tbody.fade {
    background-color: #f3f2f1; }
  .datagrid .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .datagrid a {
    text-decoration: none; }
  .datagrid th:first-child .checkbox,
  .datagrid td:first-child .checkbox {
    display: block;
    margin: 0 auto; }
  .datagrid textarea {
    width: 100%; }
  .datagrid .long-text {
    padding: 0;
    line-height: 24px;
    text-align: justify; }
    .datagrid .long-text.one-line {
      overflow: hidden;
      text-overflow: ellipsis;
      max-height: 24px; }
  .datagrid .eshop-logo,
  .datagrid .user-avatar {
    max-width: 32px;
    max-height: 32px;
    margin: -4px 0; }
    .datagrid .eshop-logo.small,
    .datagrid .user-avatar.small {
      max-width: 16px;
      max-height: 16px; }
  .datagrid .flex-sb {
    padding-right: 10px; }
  .datagrid table {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px); }
    .datagrid table thead th {
      background: #fff;
      color: #383632;
      border-bottom: 1px solid #ccc7c2; }
      .datagrid table thead th:first-child {
        border-left: 1px solid #ccc7c2; }
      .datagrid table thead th:last-child {
        border-right: 1px solid #ccc7c2; }
    .datagrid table:first-child {
      margin-top: -10px; }
    .datagrid table:last-child {
      margin-bottom: -10px; }

.datagrid-note {
  margin-top: 10px; }

.datagrid thead .actions:not(.always-show) .icon {
  visibility: hidden; }
  .datagrid thead .actions:not(.always-show) .icon:hover {
    background: #0e7b89; }
    .datagrid thead .actions:not(.always-show) .icon:hover .icon {
      fill: #fff; }
.datagrid .actions {
  text-align: right;
  white-space: nowrap; }
.datagrid tbody tr .actions .icon:not(.disabled) {
  opacity: 0.95; }
.datagrid tbody tr:hover .actions .icon:not(.disabled) {
  opacity: 1; }
.datagrid.batch-actions-active .datagrid-sort {
  pointer-events: none; }
  .datagrid.batch-actions-active .datagrid-sort i {
    display: none; }
.datagrid.batch-actions-active thead th,
.datagrid.batch-actions-active thead td {
  background-color: #009ba9; }
.datagrid.batch-actions-active thead .actions .icon {
  visibility: visible; }
.datagrid.batch-actions-active thead .batch-action-action {
  margin: -17px 0;
  padding: 13px 6px;
  width: 30px;
  height: 44px; }
  .datagrid.batch-actions-active thead .batch-action-action:last-child {
    margin-right: -5px; }
.datagrid.batch-actions-active tbody .actions a.icon {
  visibility: hidden; }
  .datagrid.batch-actions-active tbody .actions a.icon.batch-action-warn {
    visibility: visible; }
    .datagrid.batch-actions-active tbody .actions a.icon.batch-action-warn .icon {
      fill: #ea4e4b; }

.datagrid .sort-handle {
  user-select: none; }
.datagrid .ui-sortable-helper {
  display: flex;
  height: 44px;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
  border: 1px solid #ccc7c2; }
  .datagrid .ui-sortable-helper td {
    padding: 0 10px;
    margin: 0;
    line-height: 44px; }
  .datagrid .ui-sortable-helper .link-wrapper a {
    margin: -10px;
    padding: 10px; }
  .datagrid .ui-sortable-helper .actions .icon,
  .datagrid .ui-sortable-helper .checkbox {
    visibility: hidden; }

.datagrid-sort {
  display: block;
  margin: -10px;
  padding: 10px;
  line-height: 24px;
  white-space: nowrap; }
  .datagrid-sort .sort-icon {
    position: relative;
    display: inline-block;
    margin: -5px 5px;
    width: 12px;
    height: 20px; }
    .datagrid-sort .sort-icon:after, .datagrid-sort .sort-icon:before {
      content: "";
      position: absolute;
      left: 0;
      width: 0;
      height: 0;
      border: solid transparent;
      border-width: 8px 6px; }
    .datagrid-sort .sort-icon:before {
      border-bottom-color: #696866;
      top: -8px; }
    .datagrid-sort .sort-icon:after {
      border-top-color: #696866;
      bottom: -8px; }
    .datagrid-sort .sort-icon.current-asc:before {
      border-bottom-color: #fff; }
    .datagrid-sort .sort-icon.current-desc:after {
      border-top-color: #fff; }
  .datagrid-sort:hover .sort-icon.target-asc:before {
    border-bottom-color: #fff; }
  .datagrid-sort:hover .sort-icon.target-asc:after {
    border-top-color: #696866; }
  .datagrid-sort:hover .sort-icon.target-desc:after {
    border-top-color: #fff; }
  .datagrid-sort:hover .sort-icon.target-desc:before {
    border-bottom-color: #696866; }

.dotted-list {
  margin: 20px 0;
  padding: 0;
  list-style: none; }
  .dotted-list li,
  .dotted-list .row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-flow: row nowrap;
    padding: 5px 0;
    min-height: 28px;
    background-image: linear-gradient(to right, #9a9998 20%, rgba(255, 255, 255, 0) 0%);
    background-position: 0% 70%;
    background-size: 5px 1px;
    background-repeat: repeat-x; }
  .dotted-list .side {
    background: #fff; }
    .dotted-list .side:first-child {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-flow: row nowrap;
      margin-right: 5px;
      padding-right: 5px; }
    .dotted-list .side:last-child {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex-flow: row nowrap;
      margin-left: 5px;
      padding-left: 5px; }
      .dotted-list .side:last-child .popup.hint {
        top: 0; }
        .dotted-list .side:last-child .popup.hint:not(:only-child) {
          margin-left: 10px; }
  @media (max-width: 480px) {
    .dotted-list li,
    .dotted-list .row {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      flex-flow: column nowrap;
      padding: 10px 0;
      background: none; } }

.input-group {
  margin: 20px 0 10px 0; }
  .input-group.invalid label,
  .input-group.invalid .input-note {
    color: #ea4e4b; }
  .input-group.invalid input[type="email"],
  .input-group.invalid input[type="number"],
  .input-group.invalid input[type="password"],
  .input-group.invalid input[type="search"],
  .input-group.invalid input[type="text"],
  .input-group.invalid textarea,
  .input-group.invalid select {
    color: #ea4e4b;
    border-color: #ea4e4b; }
    .input-group.invalid input[type="email"].hover, .input-group.invalid input[type="email"]:hover, .input-group.invalid input[type="email"]:focus,
    .input-group.invalid input[type="number"].hover,
    .input-group.invalid input[type="number"]:hover,
    .input-group.invalid input[type="number"]:focus,
    .input-group.invalid input[type="password"].hover,
    .input-group.invalid input[type="password"]:hover,
    .input-group.invalid input[type="password"]:focus,
    .input-group.invalid input[type="search"].hover,
    .input-group.invalid input[type="search"]:hover,
    .input-group.invalid input[type="search"]:focus,
    .input-group.invalid input[type="text"].hover,
    .input-group.invalid input[type="text"]:hover,
    .input-group.invalid input[type="text"]:focus,
    .input-group.invalid textarea.hover,
    .input-group.invalid textarea:hover,
    .input-group.invalid textarea:focus,
    .input-group.invalid select.hover,
    .input-group.invalid select:hover,
    .input-group.invalid select:focus {
      border-color: #ea4e4b;
      box-shadow: inset 0px 0px 0px 1px #ea4e4b; }
  .input-group.valid label,
  .input-group.valid .input-note {
    color: #69a120; }
  .input-group.valid input[type="email"],
  .input-group.valid input[type="number"],
  .input-group.valid input[type="password"],
  .input-group.valid input[type="search"],
  .input-group.valid input[type="text"],
  .input-group.valid textarea,
  .input-group.valid select {
    color: #69a120;
    border-color: #69a120; }
    .input-group.valid input[type="email"].hover, .input-group.valid input[type="email"]:hover, .input-group.valid input[type="email"]:focus,
    .input-group.valid input[type="number"].hover,
    .input-group.valid input[type="number"]:hover,
    .input-group.valid input[type="number"]:focus,
    .input-group.valid input[type="password"].hover,
    .input-group.valid input[type="password"]:hover,
    .input-group.valid input[type="password"]:focus,
    .input-group.valid input[type="search"].hover,
    .input-group.valid input[type="search"]:hover,
    .input-group.valid input[type="search"]:focus,
    .input-group.valid input[type="text"].hover,
    .input-group.valid input[type="text"]:hover,
    .input-group.valid input[type="text"]:focus,
    .input-group.valid textarea.hover,
    .input-group.valid textarea:hover,
    .input-group.valid textarea:focus,
    .input-group.valid select.hover,
    .input-group.valid select:hover,
    .input-group.valid select:focus {
      border-color: #69a120;
      box-shadow: inset 0px 0px 0px 1px #69a120; }
  .input-group input[type="email"],
  .input-group input[type="number"],
  .input-group input[type="password"],
  .input-group input[type="search"],
  .input-group input[type="text"],
  .input-group textarea,
  .input-group select {
    display: block;
    width: 100%; }
  .input-group label {
    padding: 5px 0;
    line-height: 20px; }
  .input-group .input-note {
    margin-top: 5px;
    color: #696866; }

.input-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  .input-list.vertical {
    flex-direction: column;
    align-items: flex-start; }
  .input-list label {
    width: auto;
    padding: 10px 20px 10px 0;
    line-height: 24px; }

.submit-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 40px 0 10px 0; }
  .submit-area > button, .submit-area > .button, .submit-area > input[type="button"], .submit-area > input[type="submit"], .submit-area > .buttons-row {
    margin-bottom: 10px; }
    .submit-area > button:last-child, .submit-area > .button:last-child, .submit-area > input[type="button"]:last-child, .submit-area > input[type="submit"]:last-child, .submit-area > .buttons-row:last-child {
      margin-bottom: 0; }

.compound-selects {
  display: flex; }
  .compound-selects .separator {
    width: 44px;
    line-height: 44px;
    text-align: center; }
  .compound-selects.two-selects > div {
    width: calc((100% - 44px) / 2); }
  .compound-selects.three-selects > div {
    width: calc((100% - (2 * 44px)) / 3); }
  .compound-selects.four-selects > div {
    width: calc((100% - (3 * 44px)) / 4); }

.clearable-wrapper {
  position: relative; }
  .clearable-wrapper.show-clear .clearable-clear {
    opacity: 1; }
  .clearable-wrapper input {
    position: relative;
    z-index: 10;
    padding-right: 30px !important; }
  .clearable-wrapper .clearable-clear {
    position: absolute;
    top: 50%;
    right: 5px;
    z-index: 20;
    margin: -10px 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    color: #999;
    opacity: 0; }
    .clearable-wrapper .clearable-clear:hover {
      color: #009ba9; }

.styled-input {
  position: relative;
  display: inline-block;
  margin: -5px 10px -5px 0;
  width: 20px;
  height: 20px; }
  .styled-input i,
  .styled-input input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .styled-input input {
    opacity: 0;
    cursor: pointer; }
    .styled-input input:disabled {
      cursor: default; }
    .styled-input input + i {
      pointer-events: none;
      border: 1px solid #ccc7c2;
      background: #fff; }
      .styled-input input + i.input-checkbox {
        border-radius: 4px; }
      .styled-input input + i.input-radio {
        border-radius: 50%; }
    .styled-input input:hover + i, label:hover .styled-input input + i {
      border-color: #009ba9;
      border-width: 2px; }
    .styled-input input:checked + i {
      border-color: #009ba9; }
      .styled-input input:checked + i.input-checkbox {
        background: #009ba9 url('data:image/svg+xml;utf8,<svg viewBox="0 0 40 32" xmlns="http://www.w3.org/2000/svg"><path d="M15.385 19.2l-9.23-9.6L0 16l15.385 16L40 6.4 33.846 0" fill="%23fff"/></svg>') 50% 50% no-repeat;
        background-size: 14px 14px; }
      .styled-input input:checked + i.input-radio {
        border-width: 4px;
        background-color: #fff; }
    .styled-input input:indeterminate + i.input-checkbox {
      border-color: #009ba9;
      background: #009ba9 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><rect width="30" height="10" x="5" y="15" rx="1" fill="%23fff" /></svg>') 50% 50% no-repeat;
      background-size: 14px 14px; }
    .styled-input input:disabled + i, .styled-input input:disabled:hover + i, label:hover .styled-input input:disabled + i {
      background-color: #f3f2f1;
      border-color: #cdcccb;
      border-width: 1px; }
    .styled-input input:checked:disabled + i, .styled-input input:checked:disabled:hover + i, label:hover .styled-input input:checked:disabled + i {
      border-color: #ccc7c2; }
      .styled-input input:checked:disabled + i.input-checkbox, .styled-input input:checked:disabled:hover + i.input-checkbox, label:hover .styled-input input:checked:disabled + i.input-checkbox {
        background-color: #ccc7c2; }
      .styled-input input:checked:disabled + i.input-radio, .styled-input input:checked:disabled:hover + i.input-radio, label:hover .styled-input input:checked:disabled + i.input-radio {
        background-color: #fff;
        border-width: 4px; }
    .styled-input input:indeterminate:disabled + i.input-checkbox, .styled-input input:indeterminate:disabled:hover + i.input-checkbox, label:hover .styled-input input:indeterminate:disabled + i.input-checkbox {
      border-color: #ccc7c2;
      background-color: #ccc7c2; }
    .styled-input input.invert + i {
      pointer-events: none;
      border: 1px solid #f3f2f1;
      background: #434343; }
      .styled-input input.invert + i.input-checkbox {
        border-radius: 4px; }
      .styled-input input.invert + i.input-radio {
        border-radius: 50%; }
    .styled-input input.invert:hover + i, label:hover .styled-input input.invert + i {
      border-color: #009ba9;
      border-width: 2px; }
    .styled-input input.invert:checked + i {
      border-color: #009ba9; }
      .styled-input input.invert:checked + i.input-checkbox {
        background: #009ba9 url('data:image/svg+xml;utf8,<svg viewBox="0 0 40 32" xmlns="http://www.w3.org/2000/svg"><path d="M15.385 19.2l-9.23-9.6L0 16l15.385 16L40 6.4 33.846 0" fill="%23fff"/></svg>') 50% 50% no-repeat;
        background-size: 14px 14px; }
      .styled-input input.invert:checked + i.input-radio {
        border-width: 4px;
        background-color: #fff; }
    .styled-input input.invert:indeterminate + i.input-checkbox {
      border-color: #009ba9;
      background: #009ba9 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><rect width="30" height="10" x="5" y="15" rx="1" fill="%23fff" /></svg>') 50% 50% no-repeat;
      background-size: 14px 14px; }
    .styled-input input.invert:disabled + i, .styled-input input.invert:disabled:hover + i, label:hover .styled-input input.invert:disabled + i {
      background-color: transparent;
      border-color: #696866;
      border-width: 1px; }
    .styled-input input.invert:checked:disabled + i, .styled-input input.invert:checked:disabled:hover + i, label:hover .styled-input input.invert:checked:disabled + i {
      border-color: #696866; }
      .styled-input input.invert:checked:disabled + i.input-checkbox, .styled-input input.invert:checked:disabled:hover + i.input-checkbox, label:hover .styled-input input.invert:checked:disabled + i.input-checkbox {
        background-color: #696866; }
      .styled-input input.invert:checked:disabled + i.input-radio, .styled-input input.invert:checked:disabled:hover + i.input-radio, label:hover .styled-input input.invert:checked:disabled + i.input-radio {
        background-color: transparent;
        border-width: 4px; }
    .styled-input input.invert:indeterminate:disabled + i.input-checkbox, .styled-input input.invert:indeterminate:disabled:hover + i.input-checkbox, label:hover .styled-input input.invert:indeterminate:disabled + i.input-checkbox {
      border-color: #696866;
      background-color: #696866; }
    .styled-input input.negative + i {
      pointer-events: none;
      border: 1px solid #ccc7c2;
      background: #fff; }
      .styled-input input.negative + i.input-checkbox {
        border-radius: 4px; }
      .styled-input input.negative + i.input-radio {
        border-radius: 50%; }
    .styled-input input.negative:hover + i, label:hover .styled-input input.negative + i {
      border-color: #ea4e4b;
      border-width: 2px; }
    .styled-input input.negative:checked + i {
      border-color: #ea4e4b; }
      .styled-input input.negative:checked + i.input-checkbox {
        background: #ea4e4b url('data:image/svg+xml;utf8,<svg viewBox="0 0 40 32" xmlns="http://www.w3.org/2000/svg"><path d="M15.385 19.2l-9.23-9.6L0 16l15.385 16L40 6.4 33.846 0" fill="%23fff"/></svg>') 50% 50% no-repeat;
        background-size: 14px 14px; }
      .styled-input input.negative:checked + i.input-radio {
        border-width: 4px;
        background-color: #fff; }
    .styled-input input.negative:indeterminate + i.input-checkbox {
      border-color: #ea4e4b;
      background: #ea4e4b url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><rect width="30" height="10" x="5" y="15" rx="1" fill="%23fff" /></svg>') 50% 50% no-repeat;
      background-size: 14px 14px; }
    .styled-input input.negative:disabled + i, .styled-input input.negative:disabled:hover + i, label:hover .styled-input input.negative:disabled + i {
      background-color: #f3f2f1;
      border-color: #cdcccb;
      border-width: 1px; }
    .styled-input input.negative:checked:disabled + i, .styled-input input.negative:checked:disabled:hover + i, label:hover .styled-input input.negative:checked:disabled + i {
      border-color: #ccc7c2; }
      .styled-input input.negative:checked:disabled + i.input-checkbox, .styled-input input.negative:checked:disabled:hover + i.input-checkbox, label:hover .styled-input input.negative:checked:disabled + i.input-checkbox {
        background-color: #ccc7c2; }
      .styled-input input.negative:checked:disabled + i.input-radio, .styled-input input.negative:checked:disabled:hover + i.input-radio, label:hover .styled-input input.negative:checked:disabled + i.input-radio {
        background-color: #fff;
        border-width: 4px; }
    .styled-input input.negative:indeterminate:disabled + i.input-checkbox, .styled-input input.negative:indeterminate:disabled:hover + i.input-checkbox, label:hover .styled-input input.negative:indeterminate:disabled + i.input-checkbox {
      border-color: #ccc7c2;
      background-color: #ccc7c2; }
    .styled-input input.invert.negative + i {
      pointer-events: none;
      border: 1px solid #f3f2f1;
      background: #434343; }
      .styled-input input.invert.negative + i.input-checkbox {
        border-radius: 4px; }
      .styled-input input.invert.negative + i.input-radio {
        border-radius: 50%; }
    .styled-input input.invert.negative:hover + i, label:hover .styled-input input.invert.negative + i {
      border-color: #ea4e4b;
      border-width: 2px; }
    .styled-input input.invert.negative:checked + i {
      border-color: #ea4e4b; }
      .styled-input input.invert.negative:checked + i.input-checkbox {
        background: #ea4e4b url('data:image/svg+xml;utf8,<svg viewBox="0 0 40 32" xmlns="http://www.w3.org/2000/svg"><path d="M15.385 19.2l-9.23-9.6L0 16l15.385 16L40 6.4 33.846 0" fill="%23fff"/></svg>') 50% 50% no-repeat;
        background-size: 14px 14px; }
      .styled-input input.invert.negative:checked + i.input-radio {
        border-width: 4px;
        background-color: #fff; }
    .styled-input input.invert.negative:indeterminate + i.input-checkbox {
      border-color: #ea4e4b;
      background: #ea4e4b url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><rect width="30" height="10" x="5" y="15" rx="1" fill="%23fff" /></svg>') 50% 50% no-repeat;
      background-size: 14px 14px; }
    .styled-input input.invert.negative:disabled + i, .styled-input input.invert.negative:disabled:hover + i, label:hover .styled-input input.invert.negative:disabled + i {
      background-color: transparent;
      border-color: #696866;
      border-width: 1px; }
    .styled-input input.invert.negative:checked:disabled + i, .styled-input input.invert.negative:checked:disabled:hover + i, label:hover .styled-input input.invert.negative:checked:disabled + i {
      border-color: #696866; }
      .styled-input input.invert.negative:checked:disabled + i.input-checkbox, .styled-input input.invert.negative:checked:disabled:hover + i.input-checkbox, label:hover .styled-input input.invert.negative:checked:disabled + i.input-checkbox {
        background-color: #696866; }
      .styled-input input.invert.negative:checked:disabled + i.input-radio, .styled-input input.invert.negative:checked:disabled:hover + i.input-radio, label:hover .styled-input input.invert.negative:checked:disabled + i.input-radio {
        background-color: transparent;
        border-width: 4px; }
    .styled-input input.invert.negative:indeterminate:disabled + i.input-checkbox, .styled-input input.invert.negative:indeterminate:disabled:hover + i.input-checkbox, label:hover .styled-input input.invert.negative:indeterminate:disabled + i.input-checkbox {
      border-color: #696866;
      background-color: #696866; }

.upload-input {
  border: 1px solid #ccc7c2;
  background: #fff;
  border-radius: 4px;
  height: 44px; }
  .upload-input:after {
    content: "";
    display: block;
    clear: both; }
  .upload-input .button {
    position: relative;
    float: right;
    margin: -1px;
    width: 88px;
    height: 44px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-size: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 40"><path d="M13.007 10.77v26.06c0 1.744 1.338 3.158 2.988 3.158s2.988-1.414 2.988-3.157v-26.06l7.91 8.361a2.878 2.878 0 0 0 4.227 0c1.167-1.234 1.167-3.233 0-4.466L18.108.914a2.905 2.905 0 0 0-.22-.21c-.033-.03-.068-.054-.102-.08-.04-.035-.08-.07-.13-.104l-.13-.08c-.04-.02-.08-.05-.12-.07-.04-.02-.09-.04-.13-.07-.04-.02-.08-.04-.13-.06-.04-.02-.09-.03-.13-.05a.578.578 0 0 0-.14-.05l-.13-.032-.15-.04c-.05-.01-.102-.014-.154-.023-.044-.006-.087-.015-.132-.02a2.773 2.773 0 0 0-.59.002c-.042.006-.085.016-.13.02-.052.01-.105.017-.157.027-.05.01-.1.024-.15.04-.046.01-.09.02-.137.034-.05.015-.097.034-.14.05l-.138.053a.985.985 0 0 0-.13.065l-.14.07c-.04.022-.08.05-.12.074-.042.03-.09.054-.13.085-.043.03-.084.067-.13.1-.034.03-.07.053-.11.084-.07.063-.14.13-.21.2 0 0-4.34 4.59-13.02 13.76a3.264 3.264 0 0 0-.873 2.234c0 .808.292 1.616.875 2.232 1.17 1.234 3.06 1.234 4.228 0l7.91-8.367z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: 50% 50%; }
    .upload-input .button input {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      cursor: inherit;
      opacity: 0; }

.filename {
  padding: 0 20px;
  line-height: 44px; }

.vertical-form {
  margin: 20px auto;
  max-width: 640px;
  width: 100%; }
  .vertical-form.wide {
    max-width: 960px; }

.horizontal-form {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-flow: row wrap;
  margin: -5px;
  flex: 1; }
  .horizontal-form label {
    white-space: nowrap; }
    .horizontal-form label.checkbox, .horizontal-form label.radio {
      padding: 0;
      line-height: 44px; }
  .horizontal-form .input-group {
    flex: 1 1;
    margin: 5px;
    max-width: 480px; }
  @media (max-width: 480px) {
    .horizontal-form {
      flex-direction: column;
      align-items: stretch; }
      .horizontal-form .input-group {
        width: calc(100% - 10px); } }

input.text,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="text"],
textarea,
select {
  display: inline-block;
  box-sizing: border-box;
  padding: 10px 12px;
  min-height: 44px;
  line-height: 22px;
  border: 1px solid #ccc7c2;
  border-radius: 4px;
  font-weight: 400;
  background: #fff; }
  input.text.hover, input.text:hover, input.text:focus,
  input[type="email"].hover,
  input[type="email"]:hover,
  input[type="email"]:focus,
  input[type="number"].hover,
  input[type="number"]:hover,
  input[type="number"]:focus,
  input[type="password"].hover,
  input[type="password"]:hover,
  input[type="password"]:focus,
  input[type="search"].hover,
  input[type="search"]:hover,
  input[type="search"]:focus,
  input[type="text"].hover,
  input[type="text"]:hover,
  input[type="text"]:focus,
  textarea.hover,
  textarea:hover,
  textarea:focus,
  select.hover,
  select:hover,
  select:focus {
    outline: none; }
    input.text.hover:not([readonly]), input.text:hover:not([readonly]), input.text:focus:not([readonly]),
    input[type="email"].hover:not([readonly]),
    input[type="email"]:hover:not([readonly]),
    input[type="email"]:focus:not([readonly]),
    input[type="number"].hover:not([readonly]),
    input[type="number"]:hover:not([readonly]),
    input[type="number"]:focus:not([readonly]),
    input[type="password"].hover:not([readonly]),
    input[type="password"]:hover:not([readonly]),
    input[type="password"]:focus:not([readonly]),
    input[type="search"].hover:not([readonly]),
    input[type="search"]:hover:not([readonly]),
    input[type="search"]:focus:not([readonly]),
    input[type="text"].hover:not([readonly]),
    input[type="text"]:hover:not([readonly]),
    input[type="text"]:focus:not([readonly]),
    textarea.hover:not([readonly]),
    textarea:hover:not([readonly]),
    textarea:focus:not([readonly]),
    select.hover:not([readonly]),
    select:hover:not([readonly]),
    select:focus:not([readonly]) {
      border-color: #0e7b89; }
  input.text:focus:not([readonly]),
  input[type="email"]:focus:not([readonly]),
  input[type="number"]:focus:not([readonly]),
  input[type="password"]:focus:not([readonly]),
  input[type="search"]:focus:not([readonly]),
  input[type="text"]:focus:not([readonly]),
  textarea:focus:not([readonly]),
  select:focus:not([readonly]) {
    box-shadow: inset 0px 0px 0px 1px #0e7b89; }
  input.text[readonly],
  input[type="email"][readonly],
  input[type="number"][readonly],
  input[type="password"][readonly],
  input[type="search"][readonly],
  input[type="text"][readonly],
  textarea[readonly],
  select[readonly] {
    cursor: default;
    background: #f3f2f1; }
  input.text[disabled],
  input[type="email"][disabled],
  input[type="number"][disabled],
  input[type="password"][disabled],
  input[type="search"][disabled],
  input[type="text"][disabled],
  textarea[disabled],
  select[disabled] {
    border-color: #cdcccb;
    background-color: #f3f2f1;
    color: #696866;
    cursor: not-allowed; }
    input.text[disabled].hover, input.text[disabled]:hover, input.text[disabled]:focus,
    input[type="email"][disabled].hover,
    input[type="email"][disabled]:hover,
    input[type="email"][disabled]:focus,
    input[type="number"][disabled].hover,
    input[type="number"][disabled]:hover,
    input[type="number"][disabled]:focus,
    input[type="password"][disabled].hover,
    input[type="password"][disabled]:hover,
    input[type="password"][disabled]:focus,
    input[type="search"][disabled].hover,
    input[type="search"][disabled]:hover,
    input[type="search"][disabled]:focus,
    input[type="text"][disabled].hover,
    input[type="text"][disabled]:hover,
    input[type="text"][disabled]:focus,
    textarea[disabled].hover,
    textarea[disabled]:hover,
    textarea[disabled]:focus,
    select[disabled].hover,
    select[disabled]:hover,
    select[disabled]:focus {
      border-color: #cdcccb; }

textarea {
  height: 88px; }
  textarea[wrap="off"] {
    white-space: pre;
    word-wrap: normal; }

label {
  display: inline-block; }
  label.required:after {
    content: "*";
    padding-left: 5px;
    line-height: 0;
    font-weight: 500;
    color: #ea4e4b; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cdcccb; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #cdcccb;
  opacity: 1; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #cdcccb; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #cdcccb;
  opacity: 1; }

.input-prefix,
.input-suffix {
  padding: 10px 12px;
  line-height: 22px;
  border: 1px solid #ccc7c2;
  background: #fcfaf9; }
  .disabled .input-prefix, .disabled
  .input-suffix {
    border-color: #cdcccb;
    background-color: #eee;
    color: #696866; }

.input-prefix {
  border-right: none; }
  .input-prefix:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }

.input-suffix {
  border-left: none; }
  .input-suffix:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

.input-prefix-wrapper,
.input-suffix-wrapper {
  display: flex; }
  .input-prefix-wrapper input,
  .input-prefix-wrapper .input,
  .input-suffix-wrapper input,
  .input-suffix-wrapper .input {
    flex: 1; }

.input-prefix-wrapper input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.input-suffix-wrapper input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

label.suggestion-hint:after {
  content: " %"; }

.suggestion-hint:not(label),
label.suggestion-hint:after {
  color: #0e7b89;
  font-weight: 500; }

.textoverlay-wrapper {
  line-height: 22px; }
  .textoverlay-wrapper .variable-match {
    border-radius: 4px; }
    .textoverlay-wrapper .variable-match.good {
      background: #fbeea5; }
    .textoverlay-wrapper .variable-match.bad {
      background: #ff9e6c; }

.letter-filter {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 20px 0;
  font-weight: 500; }
  .letter-filter a,
  .letter-filter span {
    margin: 0 2px;
    padding: 10px;
    min-width: 44px;
    line-height: 22px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    color: #009ba9; }
  .letter-filter .current {
    border-color: #ccc7c2;
    background-color: #fff; }
  .letter-filter a:hover {
    border-color: #0e7b89;
    background-color: #0e7b89;
    color: #fff; }

.loading-block {
  padding: 20px;
  text-align: center; }
  .loading-block .icon {
    margin: 0 0 10px 0; }
  .loading-block p {
    text-align: inherit; }

.message {
  margin: 20px 0;
  padding: 10px;
  border: 1px solid #ccc7c2;
  border-radius: 4px;
  text-align: center;
  background: #ffec88; }
  .message p {
    padding: 5px 0; }
  .message.success {
    border-color: #69a120;
    background-color: #e8f6e2;
    color: #69a120; }
    .message.success .icon {
      fill: #69a120; }
  .message.error {
    border-color: #ea4e4b;
    background-color: #ffe7e7;
    color: #ea4e4b; }
    .message.error .icon {
      fill: #ea4e4b; }
  .message.root {
    border-color: #8a2be2;
    background-color: #e5c3f6;
    color: #8a2be2; }
    .message.root .icon {
      fill: #8a2be2; }

.paginator {
  margin: 20px 0;
  display: flex;
  justify-content: space-between; }
  .paginator .button {
    min-width: 140px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .paginator .button .button-text {
      flex: 1;
      padding: 0 10px; }
    .paginator .button .icon {
      fill: #fff; }
  .paginator .pages {
    display: flex;
    flex-wrap: wrap;
    font-weight: 500; }
    .paginator .pages a,
    .paginator .pages span {
      margin: 0 2px;
      padding: 10px;
      min-width: 44px;
      line-height: 22px;
      border: 1px solid transparent;
      border-radius: 4px;
      text-align: center;
      text-decoration: none;
      color: #009ba9; }
    .paginator .pages .current {
      border-color: #ccc7c2;
      background-color: #fff; }
    .paginator .pages a:hover {
      border-color: #0e7b89;
      background-color: #0e7b89;
      color: #fff; }
  .paginator .pages-info {
    display: none; }
  @media (max-width: 960px) {
    .paginator .button {
      min-width: initial; }
      .paginator .button .icon {
        margin: 0; }
      .paginator .button .button-text {
        display: none; }
    .paginator .pages {
      display: none; }
    .paginator .pages-info {
      display: block;
      text-align: center;
      line-height: 44px; } }

@keyframes progress-bar-loading {
  0% {
    transform: translate(-50%, 0); }
  100% {
    transform: translate(0%, 0); } }
.progress-bar-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .progress-bar-wrapper .progress-bar {
    flex: 1;
    margin-right: 20px; }

.progress-bar {
  height: 29px;
  border: 1px solid #ccc7c2;
  border-radius: 4px;
  overflow: hidden; }

.progress-bar-inside {
  height: 100%;
  background: #009ba9; }

.progress-bar-score {
  width: 66px;
  height: 44px;
  line-height: 44px;
  border-radius: 4px;
  text-align: center;
  font-weight: 500; }

.progress-loop {
  position: relative; }
  .progress-loop .progress-bar-inside {
    position: relative;
    overflow: hidden;
    z-index: 10; }
  .progress-loop:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 200%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 5%, rgba(255, 255, 255, 0.9) 20%, white 25%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1) 55%, rgba(255, 255, 255, 0.9) 70%, white 75%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.1) 95%, rgba(255, 255, 255, 0) 100%);
    animation: progress-bar-loading 1.5s infinite linear;
    opacity: 0.25; }

.tabs-navigation {
  margin-bottom: 20px; }
  .tabs-navigation ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-flow: row nowrap; }
  .tabs-navigation li {
    padding: 0;
    border-bottom: 2px solid #ccc7c2; }
    .tabs-navigation li:last-child {
      flex: 1; }
  .tabs-navigation a {
    display: inline-block;
    margin: 0 0 -2px 0;
    padding: 0 20px 2px 20px;
    height: 48px;
    line-height: 44px;
    border-bottom: 2px solid #ccc7c2;
    text-decoration: none;
    font-size: 1.1rem;
    white-space: nowrap;
    color: #696866; }
    .tabs-navigation a.active {
      padding-bottom: 0;
      border-bottom: 4px solid #009ba9;
      font-weight: 500;
      color: #383632; }
    .tabs-navigation a:hover {
      color: #009ba9; }

ul.tiles {
  padding: 0;
  list-style: none; }

.tiles {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: -10px; }
  .tiles.inset .tile {
    padding: 20px; }
  .tiles .tile {
    flex: 0 0 calc(100% - 20px);
    margin: 10px;
    max-width: calc(100% - 20px); }
    .tiles .tile > *:only-child {
      min-height: 100%; }
    .tiles .tile > ul:first-child,
    .tiles .tile > ol:first-child,
    .tiles .tile > dl:first-child,
    .tiles .tile > div:not(.tiles):first-child,
    .tiles .tile > table:first-child {
      margin-top: 0; }
    .tiles .tile > ul:last-child,
    .tiles .tile > ol:last-child,
    .tiles .tile > dl:last-child,
    .tiles .tile > div:not(.tiles):last-child,
    .tiles .tile > table:last-child {
      margin-bottom: 0; }
    .tiles .tile.half {
      flex-basis: calc(50% - 20px);
      max-width: calc(50% - 20px); }
    .tiles .tile.third {
      flex-basis: calc(100% / 3 - 20px);
      max-width: calc(100% / 3 - 20px); }
    .tiles .tile.two-thirds {
      flex-basis: calc(200% / 3 - 20px);
      max-width: calc(200% / 3 - 20px); }
    .tiles .tile.quarter {
      flex-basis: calc(25% - 20px);
      max-width: calc(25% - 20px); }
    .tiles .tile.three-quarters {
      flex-basis: calc(75% - 20px);
      max-width: calc(75% - 20px); }
@media(max-width: $tabletWidth) {
  .tiles .tile.half, .tiles .tile.third, .tiles .tile.two-thirds, .tiles .tile.three-quarters {
    flex-basis: calc(100% - 20px);
    max-width: calc(100% - 20px); }
  .tiles .tile.quarter {
    flex-basis: calc(50% - 20px);
    max-width: calc(50% - 20px); } }
@media(max-width: $mobileWidth) {
  .tiles .tile.half, .tiles .tile.third, .tiles .tile.two-thirds, .tiles .tile.quarter, .tiles .tile.three-quarters {
    flex-basis: calc(100% - 20px);
    max-width: calc(100% - 20px); } }
.vertical-table {
  margin: 20px 0;
  width: 100%; }
  .vertical-table:first-child {
    margin-top: 0; }
  .vertical-table:last-child {
    margin-bottom: 0; }
  .vertical-table.with-header thead {
    background: #fcfaf9;
    border-bottom: 1px solid #ccc7c2; }
  .vertical-table.with-header td,
  .vertical-table.with-header th {
    padding: 3px 10px; }
  .vertical-table td,
  .vertical-table th {
    padding: 3px 0;
    height: 50px; }
  .vertical-table th {
    width: 30%; }
    .vertical-table th.half {
      width: 20%; }
    .vertical-table th.third {
      width: 10%; }
  .vertical-table td.actions {
    padding-top: 10px; }
  .vertical-table td.operation {
    width: 44px;
    text-align: center; }
  .vertical-table td.hint-area {
    width: 20px !important; }
  .vertical-table input.text,
  .vertical-table input[type="email"],
  .vertical-table input[type="number"],
  .vertical-table input[type="password"],
  .vertical-table input[type="search"],
  .vertical-table input[type="text"],
  .vertical-table textarea,
  .vertical-table select {
    width: 100%; }
  .vertical-table.inverse-bold td {
    font-weight: 500; }
  .vertical-table.inverse-bold th {
    font-weight: 400; }

.white-block {
  margin: 20px 0;
  padding: 19px;
  border: 1px solid #ccc7c2;
  background: #fff;
  border-radius: 4px; }
  .white-block > header:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: -19px -19px 20px -19px;
    padding: 19px;
    min-height: 36px;
    border-bottom: 1px solid #ccc7c2;
    background: #fcfaf9;
    border-radius: 4px 4px 0 0; }
    .white-block > header:first-child h1,
    .white-block > header:first-child h2,
    .white-block > header:first-child h3 {
      line-height: 34px;
      text-overflow: ellipsis;
      overflow: hidden; }
      .white-block > header:first-child h1 small,
      .white-block > header:first-child h2 small,
      .white-block > header:first-child h3 small {
        font-size: 1rem;
        line-height: 1rem;
        color: #696866; }
        .white-block > header:first-child h1 small:first-child,
        .white-block > header:first-child h2 small:first-child,
        .white-block > header:first-child h3 small:first-child {
          margin-bottom: 5px; }
        .white-block > header:first-child h1 small:last-child,
        .white-block > header:first-child h2 small:last-child,
        .white-block > header:first-child h3 small:last-child {
          margin-top: 5px; }
    .white-block > header:first-child small {
      display: block;
      font: inherit; }
    .white-block > header:first-child .header-icons {
      white-space: nowrap; }
    .white-block > header:first-child .header-right {
      display: flex;
      align-items: center; }
      .white-block > header:first-child .header-right .popup.hint {
        margin: 0 0 -5px 10px; }
  .white-block > *:first-child {
    margin-top: 0; }
  .white-block > *:last-child {
    margin-bottom: 0; }
  @media (max-width: 480px) {
    .white-block {
      padding: 14px 9px; }
      .white-block > header:first-child {
        margin: -9px -9px 15px -9px;
        padding: 9px 14px; } }

.wizard-progress {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  border-bottom: 2px solid #ccc7c2; }
  .wizard-progress li {
    margin: 0 0 -2px 0;
    padding: 12px 20px;
    height: 48px;
    line-height: 44px -24px;
    border-bottom: 4px solid transparent;
    text-decoration: none;
    font-size: 1.1rem;
    color: #696866;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .wizard-progress li .icon {
      margin-left: -10px;
      margin-right: 5px; }
    .wizard-progress li .circle-number {
      width: 18px;
      height: 18px;
      line-height: 18px;
      border-radius: 50%;
      text-align: center;
      font-style: normal;
      font-size: 12px;
      background: #696866;
      color: #f1eee7; }
    .wizard-progress li.current {
      border-bottom-color: #009ba9;
      font-weight: 500;
      color: #383632; }
      .wizard-progress li.current .circle-number {
        background: #009ba9; }
  @media (max-width: 960px) {
    .wizard-progress {
      flex-direction: column; } }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }
  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px; }
  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #ccc7c2; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }
  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #fcfaf9; }
  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #ccc7c2; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }
  .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff; }
  .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #ccc7c2; }

.react-datepicker-wrapper {
  display: inline-block; }

.react-datepicker {
  font-size: 0.9rem;
  background-color: #fff;
  color: #383632;
  border: 1px solid #ccc7c2;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25); }

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
  display: none; }

.react-datepicker-popper {
  z-index: 1; }
  .react-datepicker-popper[data-placement^="bottom"] {
    margin-top: 10px; }
  .react-datepicker-popper[data-placement^="top"] {
    margin-bottom: 6px; }
  .react-datepicker-popper[data-placement^="right"] {
    margin-left: 8px; }
    .react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
      left: auto;
      right: 42px; }
  .react-datepicker-popper[data-placement^="left"] {
    margin-right: 8px; }
    .react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
      left: 42px;
      right: auto; }

.react-datepicker__header {
  text-align: center;
  background-color: #fcfaf9;
  border-bottom: 1px solid #ccc7c2;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 8px;
  position: relative; }
  .react-datepicker__header--time {
    padding-bottom: 8px; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px; }

.react-datepicker__current-month, .react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: 500;
  font-size: 1.062rem; }

.react-datepicker__navigation {
  line-height: 1.8rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 0.45rem solid transparent;
  z-index: 1; }
  .react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #383632; }
    .react-datepicker__navigation--previous:hover {
      border-right-color: #009ba9; }
  .react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #383632; }
    .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
      right: 80px; }
    .react-datepicker__navigation--next:hover {
      border-left-color: #009ba9; }
  .react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .react-datepicker__navigation--years-previous {
      top: 4px;
      border-top-color: #ccc; }
      .react-datepicker__navigation--years-previous:hover {
        border-top-color: #b3b3b3; }
    .react-datepicker__navigation--years-upcoming {
      top: -4px;
      border-bottom-color: #ccc; }
      .react-datepicker__navigation--years-upcoming:hover {
        border-bottom-color: #b3b3b3; }

.react-datepicker__month-container {
  float: left; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #ccc7c2; }
  .react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    position: absolute;
    right: -72px;
    top: 0; }
  .react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: white; }
    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
      width: 70px;
      overflow-x: hidden; }
      .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
        list-style: none;
        margin: 0;
        height: calc(195px + (1.8rem / 2));
        overflow-y: scroll;
        padding-right: 30px;
        width: 100%; }
        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
          padding: 5px 10px; }
          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
            cursor: pointer;
            background-color: #fcfaf9; }
          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
            background-color: #009ba9;
            color: white;
            font-weight: 500; }
            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
              background-color: #009ba9; }
          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
            color: #ccc; }
            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
              cursor: default;
              background-color: transparent; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  margin: 0.166rem; }
  .react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer; }
    .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
      border-radius: 4px;
      background-color: #fcfaf9; }

.react-datepicker__day-names, .react-datepicker__week {
  white-space: nowrap; }

.react-datepicker__day-name,
.react-datepicker__day, .react-datepicker__time-name {
  color: #383632;
  display: inline-block;
  width: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day {
  cursor: pointer;
  border: 1px solid transparent; }
  .react-datepicker__day:hover {
    border-radius: 4px;
    border-color: #009ba9;
    color: #009ba9; }
  .react-datepicker__day--today {
    font-weight: 500; }
  .react-datepicker__day--outside-month {
    color: #9a9998; }
  .react-datepicker__day--highlighted {
    border-radius: 4px;
    background-color: #3dcc4a;
    color: #fff; }
    .react-datepicker__day--highlighted:hover {
      color: #fff;
      background-color: #32be3f; }
    .react-datepicker__day--highlighted-custom-1 {
      color: magenta; }
    .react-datepicker__day--highlighted-custom-2 {
      color: green; }
  .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
    border-radius: 4px;
    background-color: #009ba9;
    color: #fff; }
    .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
      color: #fff;
      background-color: #0e7b89;
      border-color: transparent; }
  .react-datepicker__day--keyboard-selected {
    border-radius: 4px;
    background-color: #00cadc;
    color: #fff; }
    .react-datepicker__day--keyboard-selected:hover {
      border-color: transparent;
      background-color: #0e7b89; }
  .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: rgba(0, 155, 169, 0.5); }
  .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #fcfaf9;
    color: #383632; }
  .react-datepicker__day--disabled {
    cursor: default;
    color: #ccc; }
    .react-datepicker__day--disabled:hover {
      background-color: transparent; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block; }

.react-datepicker__year-read-view,
.react-datepicker__month-read-view {
  border: 1px solid transparent;
  border-radius: 4px; }
  .react-datepicker__year-read-view:hover,
  .react-datepicker__month-read-view:hover {
    cursor: pointer; }
    .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow {
      border-top-color: #b3b3b3; }
  .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: 0.45rem; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown {
  background-color: #fcfaf9;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #ccc7c2; }
  .react-datepicker__year-dropdown:hover,
  .react-datepicker__month-dropdown:hover {
    cursor: pointer; }
  .react-datepicker__year-dropdown--scrollable,
  .react-datepicker__month-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll; }

.react-datepicker__year-option,
.react-datepicker__month-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .react-datepicker__year-option:first-of-type,
  .react-datepicker__month-option:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .react-datepicker__year-option:last-of-type,
  .react-datepicker__month-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .react-datepicker__year-option:hover,
  .react-datepicker__month-option:hover {
    background-color: #ccc; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming {
      border-bottom-color: #b3b3b3; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous {
      border-top-color: #b3b3b3; }
  .react-datepicker__year-option--selected,
  .react-datepicker__month-option--selected {
    position: absolute;
    left: 15px; }

.react-datepicker__close-icon {
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 20;
  margin: -10px 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  text-decoration: none !important;
  font-size: 20px; }
  .react-datepicker__close-icon:after {
    content: '×';
    color: #999; }
  .react-datepicker__close-icon:hover:after {
    color: #009ba9; }

.react-datepicker__today-button {
  background: #fcfaf9;
  border-top: 1px solid #ccc7c2;
  cursor: pointer;
  text-align: center;
  font-weight: 500;
  padding: 5px 0;
  clear: left; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647; }
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem; }
  @media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
      width: 2rem;
      line-height: 2rem; } }
  .react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.62rem; }
  .react-datepicker__portal .react-datepicker__navigation {
    border: 0.81rem solid transparent; }
  .react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc; }
    .react-datepicker__portal .react-datepicker__navigation--previous:hover {
      border-right-color: #b3b3b3; }
  .react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc; }
    .react-datepicker__portal .react-datepicker__navigation--next:hover {
      border-left-color: #b3b3b3; }

/**
 * React Select Plus
 * =================
 * MIT License: https://github.com/HubSpot/react-select-plus
*/
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }
.Select {
  position: relative;
  text-align: left; }
  .Select, .Select div, .Select input, .Select span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .Select.is-disabled > .Select-control {
    background-color: #f3f2f1;
    border-color: #cdcccb; }
    .Select.is-disabled > .Select-control:hover {
      box-shadow: none; }
  .Select.is-disabled .Select-arrow-zone {
    cursor: default;
    pointer-events: none; }
  .Select.is-disabled .Select-arrow {
    border-top-color: #888; }
  .Select .icon {
    margin-right: 10px; }

.Select-control {
  background-color: #fff;
  border-color: #d8d4d0 #ccc7c2 #b5aea6;
  border-radius: 4px;
  border: 1px solid #ccc7c2;
  color: #383632;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 44px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .Select-control .Select-input:focus {
    outline: none; }
  .Select-control:hover {
    border-color: #0e7b89; }

.is-focused > .Select-control {
  border-color: #0e7b89;
  box-shadow: inset 0px 0px 0px 1px #0e7b89; }

.is-searchable.is-open > .Select-control {
  cursor: text; }

.is-open > .Select-control {
  background: #fff; }
  .is-open > .Select-control .Select-arrow {
    top: -1px;
    border-color: transparent transparent #383632 transparent !important;
    border-width: 7px 5px; }

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text; }

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #cdcccb;
  left: 0;
  line-height: 42px;
  padding-left: 12px;
  padding-right: 52px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #383632; }
.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none; }
  .has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
  .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
  .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
    color: #0e7b89;
    outline: none;
    text-decoration: underline; }

.Select-input {
  height: 42px;
  padding-left: 12px;
  padding-right: 12px;
  vertical-align: middle; }
  .Select-input > input {
    background: none transparent;
    border: 0 none;
    box-shadow: none;
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    outline: none;
    line-height: 14px;
    /* For IE 8 compatibility */
    padding: 12px 0 16px;
    /* For IE 8 compatibility */
    -webkit-appearance: none; }
    .is-focused .Select-input > input {
      cursor: text; }

.has-value.is-pseudo-focused .Select-input {
  opacity: 0; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px; }

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc7c2;
  border-right-color: #383632;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #696866;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 21px; }
  .Select-clear-zone:hover {
    color: #ea4e4b; }

.Select-clear {
  position: relative;
  display: inline-block;
  font-size: 22px;
  line-height: 1; }

.Select--multi .Select-clear-zone {
  width: 21px; }

.Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden; }

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 30px; }

.Select-arrow {
  border-color: #383632 transparent transparent transparent;
  border-style: solid;
  border-width: 7px 5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
  top: 6px;
  right: 6px; }

.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #383632; }

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.Select-menu-outer {
  position: absolute;
  top: 100%;
  z-index: 100;
  margin-top: 4px;
  padding: 6px 0;
  width: 100%;
  max-height: 362px;
  overflow-y: auto;
  border-radius: 4px;
  border: 1px solid #ccc7c2;
  background-color: #fff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
  -webkit-overflow-scrolling: touch; }

.Select-option-group .Select-option-group-label {
  box-sizing: border-box;
  display: block;
  padding: 9px 12px;
  line-height: 15px;
  font-weight: 500;
  background-color: #fcfaf9;
  border-top: 1px solid #ccc7c2;
  border-bottom: 1px solid #ccc7c2; }
.Select-option-group .Select-option {
  padding-left: 10px; }

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #383632;
  cursor: pointer;
  display: block;
  padding: 6px 12px;
  line-height: 1.5;
  white-space: normal; }
  .Select-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .Select-option.is-focused {
    background-color: #e1f6f6;
    color: #383632; }
  .Select-option.is-selected {
    background-color: #009ba9;
    color: #fff; }
  .Select-option.is-disabled {
    color: #9a9998;
    cursor: default; }

.Select-noresults {
  box-sizing: border-box;
  color: #696866;
  cursor: default;
  display: block;
  padding: 5px 12px; }

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 12px;
  padding: 0; }
.Select--multi.has-value .Select-input {
  margin-left: 8px; }
.Select--multi .Select-value {
  background-color: #fcfaf9;
  border-radius: 4px;
  border: 1px solid #ccc7c2;
  color: #383632;
  display: inline-block;
  font-size: 1rem;
  margin-left: 8px;
  margin-top: 8px;
  vertical-align: top; }
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle; }
.Select--multi .Select-value-label {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  cursor: default;
  padding: 4px 6px; }
.Select--multi a.Select-value-label {
  color: #383632;
  cursor: pointer;
  text-decoration: none; }
  .Select--multi a.Select-value-label:hover {
    text-decoration: underline; }
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-right: 1px solid #ccc7c2;
  padding: 3px 6px 5px; }
  .Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
    background-color: #fcfaf9;
    color: #ea4e4b; }
  .Select--multi .Select-value-icon:active {
    background-color: #ccc7c2; }

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333; }
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3; }
  .Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
    background-color: #fcfcfc; }

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }