@charset "UTF-8";
/* VENDOR */ /*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
*:before,
*:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }
  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret, html body .file-wrapper .k-upload-action > .caret, .k-upload-button > .caret,
.dropup > .btn > .caret,
html body .file-wrapper .dropup > .k-upload-action > .caret,
.dropup > .k-upload-button > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
.table th {
    background-color: #fff !important;
  }
  .table-bordered th,
.table-bordered td {
    border: 1px solid #ddd !important;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* BASE */
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

html {
  font-family: "Open Sans";
  font-weight: normal;
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

body {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  background-color: #f4f4f4;
  color: #8b8b8b;
}

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

/*@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);*/
@font-face {
  font-family: "Milo OT";
  src: url(../dist/assets/fonts/miloot-light-webfont.eot);
  src: url(../dist/assets/fonts/miloot-light-webfont.eot) format("embedded-opentype"), url(../dist/assets/fonts/miloot-light-webfont.woff) format("woff"), url(../dist/assets/fonts/miloot-light-webfont.ttf) format("truetype"), url(../dist/assets/fonts/miloot-light-webfont.svg) format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Milo OT";
  src: url(../dist/assets/fonts/miloot-webfont.eot);
  src: url(../dist/assets/fonts/miloot-webfont.eot) format("embedded-opentype"), url(../dist/assets/fonts/miloot-webfont.woff) format("woff"), url(../dist/assets/fonts/miloot-webfont.ttf) format("truetype"), url(../dist/assets/fonts/miloot-webfont.svg) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Milo OT";
  src: url(../dist/assets/fonts/miloot-medi-webfont.eot);
  src: url(../dist/assets/fonts/miloot-medi-webfont.eot) format("embedded-opentype"), url(../dist/assets/fonts/miloot-medi-webfont.woff) format("woff"), url(../dist/assets/fonts/miloot-medi-webfont.ttf) format("truetype"), url(../dist/assets/fonts/miloot-medi-webfont.svg) format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Milo OT";
  src: url(../dist/assets/fonts/miloot-bold-webfont.eot);
  src: url(../dist/assets/fonts/miloot-bold-webfont.eot) format("embedded-opentype"), url(../dist/assets/fonts/miloot-bold-webfont.woff) format("woff"), url(../dist/assets/fonts/miloot-bold-webfont.ttf) format("truetype"), url(../dist/assets/fonts/miloot-bold-webfont.svg) format("svg");
  font-weight: 700;
  font-style: normal;
}
.img-responsive {
  width: 100%;
  height: auto;
}

#custom-frame .img-responsive {
  margin-top: 16px;
}

@media (min-width: 768px) {
  #custom-frame .img-responsive {
    margin-top: 0;
  }
}
.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-border {
  border: none !important;
}

.float-none {
  float: none !important;
}

.top-min-8 {
  top: -8px;
}

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

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

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

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

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

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

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

.mtop-25 {
  margin-top: 25px;
}

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

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

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

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

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

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

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

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

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

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

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

.pos-relative {
  position: relative;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.hidden {
  display: none !important;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 520px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xl {
    display: none !important;
  }
}
.icon__overview .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.icon__overview .icon i {
  font-size: 2.6rem;
  color: #3f3f3f;
}

@font-face {
  font-family: "Material-Design-Iconic-Font";
  src: url(../dist/assets/fonts/Material-Design-Iconic-Font.eot);
  src: url(../dist/assets/fonts/Material-Design-Iconic-Font.eot) format("embedded-opentype"), url(../dist/assets/fonts/Material-Design-Iconic-Font.woff2) format("woff2"), url(../dist/assets/fonts/Material-Design-Iconic-Font.woff) format("woff"), url(../dist/assets/fonts/Material-Design-Iconic-Font.ttf) format("truetype"), url(../dist/assets/fonts/Material-Design-Iconic-Font.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-],
[class*=" icon-"] {
  position: relative;
  top: 2px;
  font-family: "Material-Design-Iconic-Font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen\0  {
  [class^=icon-],
[class*=" icon-"] {
    padding-top: 2px;
  }
}

/* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-3d-rotation:before {
  content: "\F101";
}

.icon-airplane-off:before {
  content: "\F102";
}

.icon-airplane:before {
  content: "\F103";
}

.icon-album:before {
  content: "\F104";
}

.icon-archive:before {
  content: "\F105";
}

.icon-assignment-account:before {
  content: "\F106";
}

.icon-assignment-alert:before {
  content: "\F107";
}

.icon-assignment-check:before {
  content: "\F108";
}

.icon-assignment-o:before {
  content: "\F109";
}

.icon-assignment-return:before {
  content: "\F10A";
}

.icon-assignment-returned:before {
  content: "\F10B";
}

.icon-assignment:before {
  content: "\F10C";
}

.icon-attachment-alt:before {
  content: "\F10D";
}

.icon-attachment:before {
  content: "\F10E";
}

.icon-audio:before {
  content: "\F10F";
}

.icon-badge-check:before {
  content: "\F110";
}

.icon-balance-wallet:before {
  content: "\F111";
}

.icon-balance:before {
  content: "\F112";
}

.icon-battery-alert:before {
  content: "\F113";
}

.icon-battery-flash:before {
  content: "\F114";
}

.icon-battery-unknown:before {
  content: "\F115";
}

.icon-battery:before {
  content: "\F116";
}

.icon-bike:before {
  content: "\F117";
}

.icon-block-alt:before {
  content: "\F118";
}

.icon-block:before {
  content: "\F119";
}

.icon-boat:before {
  content: "\F11A";
}

.icon-book-image:before {
  content: "\F11B";
}

.icon-book:before {
  content: "\F11C";
}

.icon-bookmark-outline:before {
  content: "\F11D";
}

.icon-bookmark:before {
  content: "\F11E";
}

.icon-brush:before {
  content: "\F11F";
}

.icon-bug:before {
  content: "\F120";
}

.icon-bus:before {
  content: "\F121";
}

.icon-cake:before {
  content: "\F122";
}

.icon-car-taxi:before {
  content: "\F123";
}

.icon-car-wash:before {
  content: "\F124";
}

.icon-car:before {
  content: "\F125";
}

.icon-card-giftcard:before {
  content: "\F126";
}

.icon-card-membership:before {
  content: "\F127";
}

.icon-card-travel:before {
  content: "\F128";
}

.icon-card:before {
  content: "\F129";
}

.icon-case-check:before {
  content: "\F12A";
}

.icon-case-download:before {
  content: "\F12B";
}

.icon-case-play:before {
  content: "\F12C";
}

.icon-case:before {
  content: "\F12D";
}

.icon-cast-connected:before {
  content: "\F12E";
}

.icon-cast:before {
  content: "\F12F";
}

.icon-chart-donut:before {
  content: "\F130";
}

.icon-chart:before {
  content: "\F131";
}

.icon-city-alt:before {
  content: "\F132";
}

.icon-city:before {
  content: "\F133";
}

.icon-close-circle-o:before {
  content: "\F134";
}

.icon-close-circle:before {
  content: "\F135";
}

.icon-close:before {
  content: "\F136";
}

.icon-cocktail:before {
  content: "\F137";
}

.icon-code-setting:before {
  content: "\F138";
}

.icon-code-smartphone:before {
  content: "\F139";
}

.icon-code:before {
  content: "\F13A";
}

.icon-coffee:before {
  content: "\F13B";
}

.icon-collection-bookmark:before {
  content: "\F13C";
}

.icon-collection-case-play:before {
  content: "\F13D";
}

.icon-collection-folder-image:before {
  content: "\F13E";
}

.icon-collection-image-o:before {
  content: "\F13F";
}

.icon-collection-image:before {
  content: "\F140";
}

.icon-collection-item-1:before {
  content: "\F141";
}

.icon-collection-item-2:before {
  content: "\F142";
}

.icon-collection-item-3:before {
  content: "\F143";
}

.icon-collection-item-4:before {
  content: "\F144";
}

.icon-collection-item-5:before {
  content: "\F145";
}

.icon-collection-item-6:before {
  content: "\F146";
}

.icon-collection-item-7:before {
  content: "\F147";
}

.icon-collection-item-8:before {
  content: "\F148";
}

.icon-collection-item-9-plus:before {
  content: "\F149";
}

.icon-collection-item-9:before {
  content: "\F14A";
}

.icon-collection-item:before {
  content: "\F14B";
}

.icon-collection-music:before {
  content: "\F14C";
}

.icon-collection-pdf:before {
  content: "\F14D";
}

.icon-collection-plus:before {
  content: "\F14E";
}

.icon-collection-speaker:before {
  content: "\F14F";
}

.icon-collection-text:before {
  content: "\F150";
}

.icon-collection-video:before {
  content: "\F151";
}

.icon-compass:before {
  content: "\F152";
}

.icon-cutlery:before {
  content: "\F153";
}

.icon-delete:before {
  content: "\F154";
}

.icon-dialpad:before {
  content: "\F155";
}

.icon-dns:before {
  content: "\F156";
}

.icon-drink:before {
  content: "\F157";
}

.icon-edit:before {
  content: "\F158";
}

.icon-email-open:before {
  content: "\F159";
}

.icon-email:before {
  content: "\F15A";
}

.icon-eye-off:before {
  content: "\F15B";
}

.icon-eye:before {
  content: "\F15C";
}

.icon-eyedropper:before {
  content: "\F15D";
}

.icon-favorite-outline:before {
  content: "\F15E";
}

.icon-favorite:before {
  content: "\F15F";
}

.icon-filter-list:before {
  content: "\F160";
}

.icon-fire:before {
  content: "\F161";
}

.icon-flag:before {
  content: "\F162";
}

.icon-flare:before {
  content: "\F163";
}

.icon-flash-auto:before {
  content: "\F164";
}

.icon-flash-off:before {
  content: "\F165";
}

.icon-flash:before {
  content: "\F166";
}

.icon-flip:before {
  content: "\F167";
}

.icon-flower-alt:before {
  content: "\F168";
}

.icon-flower:before {
  content: "\F169";
}

.icon-font:before {
  content: "\F16A";
}

.icon-fullscreen-alt:before {
  content: "\F16B";
}

.icon-fullscreen-exit:before {
  content: "\F16C";
}

.icon-fullscreen:before {
  content: "\F16D";
}

.icon-functions:before {
  content: "\F16E";
}

.icon-gas-station:before {
  content: "\F16F";
}

.icon-gesture:before {
  content: "\F170";
}

.icon-globe-alt:before {
  content: "\F171";
}

.icon-globe-lock:before {
  content: "\F172";
}

.icon-globe:before {
  content: "\F173";
}

.icon-graduation-cap:before {
  content: "\F174";
}

.icon-home:before {
  content: "\F175";
}

.icon-hospital-alt:before {
  content: "\F176";
}

.icon-hospital:before {
  content: "\F177";
}

.icon-hotel:before {
  content: "\F178";
}

.icon-hourglass-alt:before {
  content: "\F179";
}

.icon-hourglass-outline:before {
  content: "\F17A";
}

.icon-hourglass:before {
  content: "\F17B";
}

.icon-http:before {
  content: "\F17C";
}

.icon-image-alt:before {
  content: "\F17D";
}

.icon-image-o:before {
  content: "\F17E";
}

.icon-image:before {
  content: "\F17F";
}

.icon-inbox:before {
  content: "\F180";
}

.icon-invert-colors-off:before {
  content: "\F181";
}

.icon-invert-colors:before {
  content: "\F182";
}

.icon-key:before {
  content: "\F183";
}

.icon-label-alt-outline:before {
  content: "\F184";
}

.icon-label-alt:before {
  content: "\F185";
}

.icon-label-heart:before {
  content: "\F186";
}

.icon-label:before {
  content: "\F187";
}

.icon-labels:before {
  content: "\F188";
}

.icon-lamp:before {
  content: "\F189";
}

.icon-landscape:before {
  content: "\F18A";
}

.icon-layers-off:before {
  content: "\F18B";
}

.icon-layers:before {
  content: "\F18C";
}

.icon-library:before {
  content: "\F18D";
}

.icon-link:before {
  content: "\F18E";
}

.icon-lock-open:before {
  content: "\F18F";
}

.icon-lock-outline:before {
  content: "\F190";
}

.icon-lock:before {
  content: "\F191";
}

.icon-mail-reply-all:before {
  content: "\F192";
}

.icon-mail-reply:before {
  content: "\F193";
}

.icon-mail-send:before {
  content: "\F194";
}

.icon-mall:before {
  content: "\F195";
}

.icon-map:before {
  content: "\F196";
}

.icon-menu:before {
  content: "\F197";
}

.icon-money-box:before {
  content: "\F198";
}

.icon-money-off:before {
  content: "\F199";
}

.icon-money:before {
  content: "\F19A";
}

.icon-more-vert:before {
  content: "\F19B";
}

.icon-more:before {
  content: "\F19C";
}

.icon-movie-alt:before {
  content: "\F19D";
}

.icon-movie:before {
  content: "\F19E";
}

.icon-nature-people:before {
  content: "\F19F";
}

.icon-nature:before {
  content: "\F1A0";
}

.icon-navigation:before {
  content: "\F1A1";
}

.icon-open-in-browser:before {
  content: "\F1A2";
}

.icon-open-in-new:before {
  content: "\F1A3";
}

.icon-palette:before {
  content: "\F1A4";
}

.icon-parking:before {
  content: "\F1A5";
}

.icon-pin-account:before {
  content: "\F1A6";
}

.icon-pin-assistant:before {
  content: "\F1A7";
}

.icon-pin-drop:before {
  content: "\F1A8";
}

.icon-pin-help:before {
  content: "\F1A9";
}

.icon-pin-off:before {
  content: "\F1AA";
}

.icon-pin:before {
  content: "\F1AB";
}

.icon-pizza:before {
  content: "\F1AC";
}

.icon-plaster:before {
  content: "\F1AD";
}

.icon-power-setting:before {
  content: "\F1AE";
}

.icon-power:before {
  content: "\F1AF";
}

.icon-print:before {
  content: "\F1B0";
}

.icon-puzzle-piece:before {
  content: "\F1B1";
}

.icon-quote:before {
  content: "\F1B2";
}

.icon-railway:before {
  content: "\F1B3";
}

.icon-receipt:before {
  content: "\F1B4";
}

.icon-refresh-alt:before {
  content: "\F1B5";
}

.icon-refresh-sync-alert:before {
  content: "\F1B6";
}

.icon-refresh-sync-off:before {
  content: "\F1B7";
}

.icon-refresh-sync:before {
  content: "\F1B8";
}

.icon-refresh:before {
  content: "\F1B9";
}

.icon-roller:before {
  content: "\F1BA";
}

.icon-ruler:before {
  content: "\F1BB";
}

.icon-scissors:before {
  content: "\F1BC";
}

.icon-screen-rotation-lock:before {
  content: "\F1BD";
}

.icon-screen-rotation:before {
  content: "\F1BE";
}

.icon-search-for:before {
  content: "\F1BF";
}

.icon-search-in-file:before {
  content: "\F1C0";
}

.icon-search-in-page:before {
  content: "\F1C1";
}

.icon-search-replace:before {
  content: "\F1C2";
}

.icon-search:before {
  content: "\F1C3";
}

.icon-seat:before {
  content: "\F1C4";
}

.icon-settings-square:before {
  content: "\F1C5";
}

.icon-settings:before {
  content: "\F1C6";
}

.icon-shield-check:before {
  content: "\F1C7";
}

.icon-shield-security:before {
  content: "\F1C8";
}

.icon-shopping-basket:before {
  content: "\F1C9";
}

.icon-shopping-cart-plus:before {
  content: "\F1CA";
}

.icon-shopping-cart:before {
  content: "\F1CB";
}

.icon-sign-in:before {
  content: "\F1CC";
}

.icon-sort-amount-asc:before {
  content: "\F1CD";
}

.icon-sort-amount-desc:before {
  content: "\F1CE";
}

.icon-sort-asc:before {
  content: "\F1CF";
}

.icon-sort-desc:before {
  content: "\F1D0";
}

.icon-spellcheck:before {
  content: "\F1D1";
}

.icon-storage:before {
  content: "\F1D2";
}

.icon-store-24:before {
  content: "\F1D3";
}

.icon-store:before {
  content: "\F1D4";
}

.icon-subway:before {
  content: "\F1D5";
}

.icon-sun:before {
  content: "\F1D6";
}

.icon-tab-unselected:before {
  content: "\F1D7";
}

.icon-tab:before {
  content: "\F1D8";
}

.icon-tag-close:before {
  content: "\F1D9";
}

.icon-tag-more:before {
  content: "\F1DA";
}

.icon-tag:before {
  content: "\F1DB";
}

.icon-thumb-down:before {
  content: "\F1DC";
}

.icon-thumb-up-down:before {
  content: "\F1DD";
}

.icon-thumb-up:before {
  content: "\F1DE";
}

.icon-ticket-star:before {
  content: "\F1DF";
}

.icon-toll:before {
  content: "\F1E0";
}

.icon-toys:before {
  content: "\F1E1";
}

.icon-traffic:before {
  content: "\F1E2";
}

.icon-translate:before {
  content: "\F1E3";
}

.icon-triangle-down:before {
  content: "\F1E4";
}

.icon-triangle-up:before {
  content: "\F1E5";
}

.icon-truck:before {
  content: "\F1E6";
}

.icon-turning-sign:before {
  content: "\F1E7";
}

.icon-wallpaper:before {
  content: "\F1E8";
}

.icon-washing-machine:before {
  content: "\F1E9";
}

.icon-window-maximize:before {
  content: "\F1EA";
}

.icon-window-minimize:before {
  content: "\F1EB";
}

.icon-window-restore:before {
  content: "\F1EC";
}

.icon-wrench:before {
  content: "\F1ED";
}

.icon-zoom-in:before {
  content: "\F1EE";
}

.icon-zoom-out:before {
  content: "\F1EF";
}

.icon-alert-circle-o:before {
  content: "\F1F0";
}

.icon-alert-circle:before {
  content: "\F1F1";
}

.icon-alert-octagon:before {
  content: "\F1F2";
}

.icon-alert-polygon:before {
  content: "\F1F3";
}

.icon-alert-triangle:before {
  content: "\F1F4";
}

.icon-help-outline:before {
  content: "\F1F5";
}

.icon-help:before {
  content: "\F1F6";
}

.icon-info-outline:before {
  content: "\F1F7";
}

.icon-info:before {
  content: "\F1F8";
}

.icon-notifications-active:before {
  content: "\F1F9";
}

.icon-notifications-add:before {
  content: "\F1FA";
}

.icon-notifications-none:before {
  content: "\F1FB";
}

.icon-notifications-off:before {
  content: "\F1FC";
}

.icon-notifications-paused:before {
  content: "\F1FD";
}

.icon-notifications:before {
  content: "\F1FE";
}

.icon-account-add:before {
  content: "\F1FF";
}

.icon-account-box-mail:before {
  content: "\F200";
}

.icon-account-box-o:before {
  content: "\F201";
}

.icon-account-box-phone:before {
  content: "\F202";
}

.icon-account-box:before {
  content: "\F203";
}

.icon-account-calendar:before {
  content: "\F204";
}

.icon-account-circle:before {
  content: "\F205";
}

.icon-account-o:before {
  content: "\F206";
}

.icon-account:before {
  content: "\F207";
}

.icon-accounts-add:before {
  content: "\F208";
}

.icon-accounts-alt:before {
  content: "\F209";
}

.icon-accounts-list-alt:before {
  content: "\F20A";
}

.icon-accounts-list:before {
  content: "\F20B";
}

.icon-accounts-outline:before {
  content: "\F20C";
}

.icon-accounts:before {
  content: "\F20D";
}

.icon-face:before {
  content: "\F20E";
}

.icon-female:before {
  content: "\F20F";
}

.icon-male-alt:before {
  content: "\F210";
}

.icon-male-female:before {
  content: "\F211";
}

.icon-male:before {
  content: "\F212";
}

.icon-mood-bad:before {
  content: "\F213";
}

.icon-mood:before {
  content: "\F214";
}

.icon-run:before {
  content: "\F215";
}

.icon-walk:before {
  content: "\F216";
}

.icon-cloud-box:before {
  content: "\F217";
}

.icon-cloud-circle:before {
  content: "\F218";
}

.icon-cloud-done:before {
  content: "\F219";
}

.icon-cloud-download:before {
  content: "\F21A";
}

.icon-cloud-off:before {
  content: "\F21B";
}

.icon-cloud-outline-alt:before {
  content: "\F21C";
}

.icon-cloud-outline:before {
  content: "\F21D";
}

.icon-cloud-upload:before {
  content: "\F21E";
}

.icon-cloud:before {
  content: "\F21F";
}

.icon-download:before {
  content: "\F220";
}

.icon-file-plus:before {
  content: "\F221";
}

.icon-file-text:before {
  content: "\F222";
}

.icon-file:before {
  content: "\F223";
}

.icon-folder-outline:before {
  content: "\F224";
}

.icon-folder-person:before {
  content: "\F225";
}

.icon-folder-star-alt:before {
  content: "\F226";
}

.icon-folder-star:before {
  content: "\F227";
}

.icon-folder:before {
  content: "\F228";
}

.icon-gif:before {
  content: "\F229";
}

.icon-upload:before {
  content: "\F22A";
}

.icon-border-all:before {
  content: "\F22B";
}

.icon-border-bottom:before {
  content: "\F22C";
}

.icon-border-clear:before {
  content: "\F22D";
}

.icon-border-color:before {
  content: "\F22E";
}

.icon-border-horizontal:before {
  content: "\F22F";
}

.icon-border-inner:before {
  content: "\F230";
}

.icon-border-left:before {
  content: "\F231";
}

.icon-border-outer:before {
  content: "\F232";
}

.icon-border-right:before {
  content: "\F233";
}

.icon-border-style:before {
  content: "\F234";
}

.icon-border-top:before {
  content: "\F235";
}

.icon-border-vertical:before {
  content: "\F236";
}

.icon-copy:before {
  content: "\F237";
}

.icon-crop:before {
  content: "\F238";
}

.icon-format-align-center:before {
  content: "\F239";
}

.icon-format-align-justify:before {
  content: "\F23A";
}

.icon-format-align-left:before {
  content: "\F23B";
}

.icon-format-align-right:before {
  content: "\F23C";
}

.icon-format-bold:before {
  content: "\F23D";
}

.icon-format-clear-all:before {
  content: "\F23E";
}

.icon-format-clear:before {
  content: "\F23F";
}

.icon-format-color-fill:before {
  content: "\F240";
}

.icon-format-color-reset:before {
  content: "\F241";
}

.icon-format-color-text:before {
  content: "\F242";
}

.icon-format-indent-decrease:before {
  content: "\F243";
}

.icon-format-indent-increase:before {
  content: "\F244";
}

.icon-format-italic:before {
  content: "\F245";
}

.icon-format-line-spacing:before {
  content: "\F246";
}

.icon-format-list-bulleted:before {
  content: "\F247";
}

.icon-format-list-numbered:before {
  content: "\F248";
}

.icon-format-ltr:before {
  content: "\F249";
}

.icon-format-rtl:before {
  content: "\F24A";
}

.icon-format-size:before {
  content: "\F24B";
}

.icon-format-strikethrough-s:before {
  content: "\F24C";
}

.icon-format-strikethrough:before {
  content: "\F24D";
}

.icon-format-subject:before {
  content: "\F24E";
}

.icon-format-underlined:before {
  content: "\F24F";
}

.icon-format-valign-bottom:before {
  content: "\F250";
}

.icon-format-valign-center:before {
  content: "\F251";
}

.icon-format-valign-top:before {
  content: "\F252";
}

.icon-redo:before {
  content: "\F253";
}

.icon-select-all:before {
  content: "\F254";
}

.icon-space-bar:before {
  content: "\F255";
}

.icon-text-format:before {
  content: "\F256";
}

.icon-transform:before {
  content: "\F257";
}

.icon-undo:before {
  content: "\F258";
}

.icon-wrap-text:before {
  content: "\F259";
}

.icon-comment-alert:before {
  content: "\F25A";
}

.icon-comment-alt-text:before {
  content: "\F25B";
}

.icon-comment-alt:before {
  content: "\F25C";
}

.icon-comment-edit:before {
  content: "\F25D";
}

.icon-comment-image:before {
  content: "\F25E";
}

.icon-comment-list:before {
  content: "\F25F";
}

.icon-comment-more:before {
  content: "\F260";
}

.icon-comment-outline:before {
  content: "\F261";
}

.icon-comment-text-alt:before {
  content: "\F262";
}

.icon-comment-text:before {
  content: "\F263";
}

.icon-comment-video:before {
  content: "\F264";
}

.icon-comment:before {
  content: "\F265";
}

.icon-comments:before {
  content: "\F266";
}

.icon-check-all:before {
  content: "\F267";
}

.icon-check-circle-u:before {
  content: "\F268";
}

.icon-check-circle:before {
  content: "\F269";
}

.icon-check-square:before {
  content: "\F26A";
}

.icon-check:before {
  content: "\F26B";
}

.icon-circle-o:before {
  content: "\F26C";
}

.icon-circle:before {
  content: "\F26D";
}

.icon-dot-circle-alt:before {
  content: "\F26E";
}

.icon-dot-circle:before {
  content: "\F26F";
}

.icon-minus-circle-outline:before {
  content: "\F270";
}

.icon-minus-circle:before {
  content: "\F271";
}

.icon-minus-square:before {
  content: "\F272";
}

.icon-minus:before {
  content: "\F273";
}

.icon-plus-circle-o-duplicate:before {
  content: "\F274";
}

.icon-plus-circle-o:before {
  content: "\F275";
}

.icon-plus-circle:before {
  content: "\F276";
}

.icon-plus-square:before {
  content: "\F277";
}

.icon-plus:before {
  content: "\F278";
}

.icon-square-o:before {
  content: "\F279";
}

.icon-star-circle:before {
  content: "\F27A";
}

.icon-star-half:before {
  content: "\F27B";
}

.icon-star-outline:before {
  content: "\F27C";
}

.icon-star:before {
  content: "\F27D";
}

.icon-bluetooth-connected:before {
  content: "\F27E";
}

.icon-bluetooth-off:before {
  content: "\F27F";
}

.icon-bluetooth-search:before {
  content: "\F280";
}

.icon-bluetooth-setting:before {
  content: "\F281";
}

.icon-bluetooth:before {
  content: "\F282";
}

.icon-camera-add:before {
  content: "\F283";
}

.icon-camera-alt:before {
  content: "\F284";
}

.icon-camera-bw:before {
  content: "\F285";
}

.icon-camera-front:before {
  content: "\F286";
}

.icon-camera-mic:before {
  content: "\F287";
}

.icon-camera-party-mode:before {
  content: "\F288";
}

.icon-camera-rear:before {
  content: "\F289";
}

.icon-camera-roll:before {
  content: "\F28A";
}

.icon-camera-switch:before {
  content: "\F28B";
}

.icon-camera:before {
  content: "\F28C";
}

.icon-card-alert:before {
  content: "\F28D";
}

.icon-card-off:before {
  content: "\F28E";
}

.icon-card-sd:before {
  content: "\F28F";
}

.icon-card-sim:before {
  content: "\F290";
}

.icon-desktop-mac:before {
  content: "\F291";
}

.icon-desktop-windows:before {
  content: "\F292";
}

.icon-device-hub:before {
  content: "\F293";
}

.icon-devices-off:before {
  content: "\F294";
}

.icon-devices:before {
  content: "\F295";
}

.icon-dock:before {
  content: "\F296";
}

.icon-floppy:before {
  content: "\F297";
}

.icon-gamepad:before {
  content: "\F298";
}

.icon-gps-dot:before {
  content: "\F299";
}

.icon-gps-off:before {
  content: "\F29A";
}

.icon-gps:before {
  content: "\F29B";
}

.icon-headset-mic:before {
  content: "\F29C";
}

.icon-headset:before {
  content: "\F29D";
}

.icon-input-antenna:before {
  content: "\F29E";
}

.icon-input-composite:before {
  content: "\F29F";
}

.icon-input-hdmi:before {
  content: "\F2A0";
}

.icon-input-power:before {
  content: "\F2A1";
}

.icon-input-svideo:before {
  content: "\F2A2";
}

.icon-keyboard-hide:before {
  content: "\F2A3";
}

.icon-keyboard:before {
  content: "\F2A4";
}

.icon-laptop-chromebook:before {
  content: "\F2A5";
}

.icon-laptop-mac:before {
  content: "\F2A6";
}

.icon-laptop:before {
  content: "\F2A7";
}

.icon-mic-off:before {
  content: "\F2A8";
}

.icon-mic-outline:before {
  content: "\F2A9";
}

.icon-mic-setting:before {
  content: "\F2AA";
}

.icon-mic:before {
  content: "\F2AB";
}

.icon-mouse:before {
  content: "\F2AC";
}

.icon-network-alert:before {
  content: "\F2AD";
}

.icon-network-locked:before {
  content: "\F2AE";
}

.icon-network-off:before {
  content: "\F2AF";
}

.icon-network-outline:before {
  content: "\F2B0";
}

.icon-network-setting:before {
  content: "\F2B1";
}

.icon-network:before {
  content: "\F2B2";
}

.icon-phone-bluetooth:before {
  content: "\F2B3";
}

.icon-phone-end:before {
  content: "\F2B4";
}

.icon-phone-forwarded:before {
  content: "\F2B5";
}

.icon-phone-in-talk:before {
  content: "\F2B6";
}

.icon-phone-locked:before {
  content: "\F2B7";
}

.icon-phone-missed:before {
  content: "\F2B8";
}

.icon-phone-msg:before {
  content: "\F2B9";
}

.icon-phone-paused:before {
  content: "\F2BA";
}

.icon-phone-ring:before {
  content: "\F2BB";
}

.icon-phone-setting:before {
  content: "\F2BC";
}

.icon-phone-sip:before {
  content: "\F2BD";
}

.icon-phone:before {
  content: "\F2BE";
}

.icon-portable-wifi-changes:before {
  content: "\F2BF";
}

.icon-portable-wifi-off:before {
  content: "\F2C0";
}

.icon-portable-wifi:before {
  content: "\F2C1";
}

.icon-radio:before {
  content: "\F2C2";
}

.icon-reader:before {
  content: "\F2C3";
}

.icon-remote-control-alt:before {
  content: "\F2C4";
}

.icon-remote-control:before {
  content: "\F2C5";
}

.icon-router:before {
  content: "\F2C6";
}

.icon-scanner:before {
  content: "\F2C7";
}

.icon-smartphone-android:before {
  content: "\F2C8";
}

.icon-smartphone-download:before {
  content: "\F2C9";
}

.icon-smartphone-erase:before {
  content: "\F2CA";
}

.icon-smartphone-info:before {
  content: "\F2CB";
}

.icon-smartphone-iphone:before {
  content: "\F2CC";
}

.icon-smartphone-landscape-lock:before {
  content: "\F2CD";
}

.icon-smartphone-landscape:before {
  content: "\F2CE";
}

.icon-smartphone-lock:before {
  content: "\F2CF";
}

.icon-smartphone-portrait-lock:before {
  content: "\F2D0";
}

.icon-smartphone-ring:before {
  content: "\F2D1";
}

.icon-smartphone-setting:before {
  content: "\F2D2";
}

.icon-smartphone-setup:before {
  content: "\F2D3";
}

.icon-smartphone:before {
  content: "\F2D4";
}

.icon-speaker:before {
  content: "\F2D5";
}

.icon-tablet-android:before {
  content: "\F2D6";
}

.icon-tablet-mac:before {
  content: "\F2D7";
}

.icon-tablet:before {
  content: "\F2D8";
}

.icon-tv-alt-play:before {
  content: "\F2D9";
}

.icon-tv-list:before {
  content: "\F2DA";
}

.icon-tv-play:before {
  content: "\F2DB";
}

.icon-tv:before {
  content: "\F2DC";
}

.icon-usb:before {
  content: "\F2DD";
}

.icon-videocam-off:before {
  content: "\F2DE";
}

.icon-videocam-switch:before {
  content: "\F2DF";
}

.icon-videocam:before {
  content: "\F2E0";
}

.icon-watch:before {
  content: "\F2E1";
}

.icon-wifi-alt-2:before {
  content: "\F2E2";
}

.icon-wifi-alt:before {
  content: "\F2E3";
}

.icon-wifi-info:before {
  content: "\F2E4";
}

.icon-wifi-lock:before {
  content: "\F2E5";
}

.icon-wifi-off:before {
  content: "\F2E6";
}

.icon-wifi-outline:before {
  content: "\F2E7";
}

.icon-wifi:before {
  content: "\F2E8";
}

.icon-arrow-left-bottom:before {
  content: "\F2E9";
}

.icon-arrow-left:before {
  content: "\F2EA";
}

.icon-arrow-merge:before {
  content: "\F2EB";
}

.icon-arrow-missed:before {
  content: "\F2EC";
}

.icon-arrow-right-top:before {
  content: "\F2ED";
}

.icon-arrow-right:before {
  content: "\F2EE";
}

.icon-arrow-split:before {
  content: "\F2EF";
}

.icon-arrows:before {
  content: "\F2F0";
}

.icon-caret-down-circle:before {
  content: "\F2F1";
}

.icon-caret-down:before {
  content: "\F2F2";
}

.icon-caret-left-circle:before {
  content: "\F2F3";
}

.icon-caret-left:before {
  content: "\F2F4";
}

.icon-caret-right-circle:before {
  content: "\F2F5";
}

.icon-caret-right:before {
  content: "\F2F6";
}

.icon-caret-up-circle:before {
  content: "\F2F7";
}

.icon-caret-up:before {
  content: "\F2F8";
}

.icon-chevron-down:before {
  content: "\F2F9";
}

.icon-chevron-left:before {
  content: "\F2FA";
}

.icon-chevron-right:before {
  content: "\F2FB";
}

.icon-chevron-up:before {
  content: "\F2FC";
}

.icon-forward:before {
  content: "\F2FD";
}

.icon-long-arrow-down:before {
  content: "\F2FE";
}

.icon-long-arrow-left:before {
  content: "\F2FF";
}

.icon-long-arrow-return:before {
  content: "\F300";
}

.icon-long-arrow-right:before {
  content: "\F301";
}

.icon-long-arrow-tab:before {
  content: "\F302";
}

.icon-long-arrow-up:before {
  content: "\F303";
}

.icon-rotate-ccw:before {
  content: "\F304";
}

.icon-rotate-cw:before {
  content: "\F305";
}

.icon-rotate-left:before {
  content: "\F306";
}

.icon-rotate-right:before {
  content: "\F307";
}

.icon-square-down:before {
  content: "\F308";
}

.icon-square-right:before {
  content: "\F309";
}

.icon-swap-alt:before {
  content: "\F30A";
}

.icon-swap-vertical-circle:before {
  content: "\F30B";
}

.icon-swap-vertical:before {
  content: "\F30C";
}

.icon-swap:before {
  content: "\F30D";
}

.icon-trending-down:before {
  content: "\F30E";
}

.icon-trending-flat:before {
  content: "\F30F";
}

.icon-trending-up:before {
  content: "\F310";
}

.icon-unfold-less:before {
  content: "\F311";
}

.icon-unfold-more:before {
  content: "\F312";
}

.icon-apps:before {
  content: "\F313";
}

.icon-grid-off:before {
  content: "\F314";
}

.icon-grid:before {
  content: "\F315";
}

.icon-view-agenda:before {
  content: "\F316";
}

.icon-view-array:before {
  content: "\F317";
}

.icon-view-carousel:before {
  content: "\F318";
}

.icon-view-column:before {
  content: "\F319";
}

.icon-view-comfy:before {
  content: "\F31A";
}

.icon-view-compact:before {
  content: "\F31B";
}

.icon-view-dashboard:before {
  content: "\F31C";
}

.icon-view-day:before {
  content: "\F31D";
}

.icon-view-headline:before {
  content: "\F31E";
}

.icon-view-list-alt:before {
  content: "\F31F";
}

.icon-view-list:before {
  content: "\F320";
}

.icon-view-module:before {
  content: "\F321";
}

.icon-view-quilt:before {
  content: "\F322";
}

.icon-view-stream:before {
  content: "\F323";
}

.icon-view-subtitles:before {
  content: "\F324";
}

.icon-view-toc:before {
  content: "\F325";
}

.icon-view-web:before {
  content: "\F326";
}

.icon-view-week:before {
  content: "\F327";
}

.icon-widgets:before {
  content: "\F328";
}

.icon-alarm-check:before {
  content: "\F329";
}

.icon-alarm-off:before {
  content: "\F32A";
}

.icon-alarm-plus:before {
  content: "\F32B";
}

.icon-alarm-snooze:before {
  content: "\F32C";
}

.icon-alarm:before {
  content: "\F32D";
}

.icon-calendar-alt:before {
  content: "\F32E";
}

.icon-calendar-check:before {
  content: "\F32F";
}

.icon-calendar-close:before {
  content: "\F330";
}

.icon-calendar-note:before {
  content: "\F331";
}

.icon-calendar:before {
  content: "\F332";
}

.icon-time-countdown:before {
  content: "\F333";
}

.icon-time-interval:before {
  content: "\F334";
}

.icon-time-restore-setting:before {
  content: "\F335";
}

.icon-time-restore:before {
  content: "\F336";
}

.icon-time:before {
  content: "\F337";
}

.icon-timer-off:before {
  content: "\F338";
}

.icon-timer:before {
  content: "\F339";
}

.icon-android-alt:before {
  content: "\F33A";
}

.icon-android:before {
  content: "\F33B";
}

.icon-apple:before {
  content: "\F33C";
}

.icon-behance:before {
  content: "\F33D";
}

.icon-codepen:before {
  content: "\F33E";
}

.icon-dribbble:before {
  content: "\F33F";
}

.icon-dropbox:before {
  content: "\F340";
}

.icon-evernote:before {
  content: "\F341";
}

.icon-facebook-box:before {
  content: "\F342";
}

.icon-facebook:before {
  content: "\F343";
}

.icon-github-box:before {
  content: "\F344";
}

.icon-github:before {
  content: "\F345";
}

.icon-google-drive:before {
  content: "\F346";
}

.icon-google-earth:before {
  content: "\F347";
}

.icon-google-glass:before {
  content: "\F348";
}

.icon-google-maps:before {
  content: "\F349";
}

.icon-google-pages:before {
  content: "\F34A";
}

.icon-google-play:before {
  content: "\F34B";
}

.icon-google-plus-box:before {
  content: "\F34C";
}

.icon-google-plus:before {
  content: "\F34D";
}

.icon-google:before {
  content: "\F34E";
}

.icon-instagram:before {
  content: "\F34F";
}

.icon-language-css3:before {
  content: "\F350";
}

.icon-language-html5:before {
  content: "\F351";
}

.icon-language-javascript:before {
  content: "\F352";
}

.icon-language-python-alt:before {
  content: "\F353";
}

.icon-language-python:before {
  content: "\F354";
}

.icon-lastfm:before {
  content: "\F355";
}

.icon-linkedin-box:before {
  content: "\F356";
}

.icon-paypal:before {
  content: "\F357";
}

.icon-pinterest-box:before {
  content: "\F358";
}

.icon-pocket:before {
  content: "\F359";
}

.icon-polymer:before {
  content: "\F35A";
}

.icon-share:before {
  content: "\F35B";
}

.icon-stackoverflow:before {
  content: "\F35C";
}

.icon-steam-square:before {
  content: "\F35D";
}

.icon-steam:before {
  content: "\F35E";
}

.icon-twitter-box:before {
  content: "\F35F";
}

.icon-twitter:before {
  content: "\F360";
}

.icon-vk:before {
  content: "\F361";
}

.icon-wikipedia:before {
  content: "\F362";
}

.icon-windows:before {
  content: "\F363";
}

.icon-aspect-ratio-alt:before {
  content: "\F364";
}

.icon-aspect-ratio:before {
  content: "\F365";
}

.icon-blur-circular:before {
  content: "\F366";
}

.icon-blur-linear:before {
  content: "\F367";
}

.icon-blur-off:before {
  content: "\F368";
}

.icon-blur:before {
  content: "\F369";
}

.icon-brightness-2:before {
  content: "\F36A";
}

.icon-brightness-3:before {
  content: "\F36B";
}

.icon-brightness-4:before {
  content: "\F36C";
}

.icon-brightness-5:before {
  content: "\F36D";
}

.icon-brightness-6:before {
  content: "\F36E";
}

.icon-brightness-7:before {
  content: "\F36F";
}

.icon-brightness-auto:before {
  content: "\F370";
}

.icon-brightness-setting:before {
  content: "\F371";
}

.icon-broken-image:before {
  content: "\F372";
}

.icon-center-focus-strong:before {
  content: "\F373";
}

.icon-center-focus-weak:before {
  content: "\F374";
}

.icon-compare:before {
  content: "\F375";
}

.icon-crop-16-9:before {
  content: "\F376";
}

.icon-crop-3-2:before {
  content: "\F377";
}

.icon-crop-5-4:before {
  content: "\F378";
}

.icon-crop-7-5:before {
  content: "\F379";
}

.icon-crop-din:before {
  content: "\F37A";
}

.icon-crop-free:before {
  content: "\F37B";
}

.icon-crop-landscape:before {
  content: "\F37C";
}

.icon-crop-portrait:before {
  content: "\F37D";
}

.icon-crop-square:before {
  content: "\F37E";
}

.icon-exposure-alt:before {
  content: "\F37F";
}

.icon-exposure:before {
  content: "\F380";
}

.icon-filter-b-and-w:before {
  content: "\F381";
}

.icon-filter-center-focus:before {
  content: "\F382";
}

.icon-filter-frames:before {
  content: "\F383";
}

.icon-filter-tilt-shift:before {
  content: "\F384";
}

.icon-gradient:before {
  content: "\F385";
}

.icon-grain:before {
  content: "\F386";
}

.icon-graphic-eq:before {
  content: "\F387";
}

.icon-hdr-off:before {
  content: "\F388";
}

.icon-hdr-strong:before {
  content: "\F389";
}

.icon-hdr-weak:before {
  content: "\F38A";
}

.icon-hdr:before {
  content: "\F38B";
}

.icon-iridescent:before {
  content: "\F38C";
}

.icon-leak-off:before {
  content: "\F38D";
}

.icon-leak:before {
  content: "\F38E";
}

.icon-looks:before {
  content: "\F38F";
}

.icon-loupe:before {
  content: "\F390";
}

.icon-panorama-horizontal:before {
  content: "\F391";
}

.icon-panorama-vertical:before {
  content: "\F392";
}

.icon-panorama-wide-angle:before {
  content: "\F393";
}

.icon-photo-size-select-large:before {
  content: "\F394";
}

.icon-photo-size-select-small:before {
  content: "\F395";
}

.icon-picture-in-picture:before {
  content: "\F396";
}

.icon-slideshow:before {
  content: "\F397";
}

.icon-texture:before {
  content: "\F398";
}

.icon-tonality:before {
  content: "\F399";
}

.icon-vignette:before {
  content: "\F39A";
}

.icon-wb-auto:before {
  content: "\F39B";
}

.icon-eject-alt:before {
  content: "\F39C";
}

.icon-eject:before {
  content: "\F39D";
}

.icon-equalizer:before {
  content: "\F39E";
}

.icon-fast-forward:before {
  content: "\F39F";
}

.icon-fast-rewind:before {
  content: "\F3A0";
}

.icon-forward-10:before {
  content: "\F3A1";
}

.icon-forward-30:before {
  content: "\F3A2";
}

.icon-forward-5:before {
  content: "\F3A3";
}

.icon-hearing:before {
  content: "\F3A4";
}

.icon-pause-circle-outline:before {
  content: "\F3A5";
}

.icon-pause-circle:before {
  content: "\F3A6";
}

.icon-pause:before {
  content: "\F3A7";
}

.icon-play-circle-outline:before {
  content: "\F3A8";
}

.icon-play-circle:before {
  content: "\F3A9";
}

.icon-play:before {
  content: "\F3AA";
}

.icon-playlist-audio:before {
  content: "\F3AB";
}

.icon-playlist-plus:before {
  content: "\F3AC";
}

.icon-repeat-one:before {
  content: "\F3AD";
}

.icon-repeat:before {
  content: "\F3AE";
}

.icon-replay-10:before {
  content: "\F3AF";
}

.icon-replay-30:before {
  content: "\F3B0";
}

.icon-replay-5:before {
  content: "\F3B1";
}

.icon-replay:before {
  content: "\F3B2";
}

.icon-shuffle:before {
  content: "\F3B3";
}

.icon-skip-next:before {
  content: "\F3B4";
}

.icon-skip-previous:before {
  content: "\F3B5";
}

.icon-stop:before {
  content: "\F3B6";
}

.icon-surround-sound:before {
  content: "\F3B7";
}

.icon-tune:before {
  content: "\F3B8";
}

.icon-volume-down:before {
  content: "\F3B9";
}

.icon-volume-mute:before {
  content: "\F3BA";
}

.icon-volume-off:before {
  content: "\F3BB";
}

.icon-volume-up:before {
  content: "\F3BC";
}

.icon-n-1-square:before {
  content: "\F3BD";
}

.icon-n-2-square:before {
  content: "\F3BE";
}

.icon-n-3-square:before {
  content: "\F3BF";
}

.icon-n-4-square:before {
  content: "\F3C0";
}

.icon-n-5-square:before {
  content: "\F3C1";
}

.icon-n-6-square:before {
  content: "\F3C2";
}

.icon-neg-1:before {
  content: "\F3C3";
}

.icon-neg-2:before {
  content: "\F3C4";
}

.icon-plus-1:before {
  content: "\F3C5";
}

.icon-plus-2:before {
  content: "\F3C6";
}

.icon-sec-10:before {
  content: "\F3C7";
}

.icon-sec-3:before {
  content: "\F3C8";
}

.icon-zero:before {
  content: "\F3C9";
}

.icon-airline-seat-flat-angled:before {
  content: "\F3CA";
}

.icon-airline-seat-flat:before {
  content: "\F3CB";
}

.icon-airline-seat-individual-suite:before {
  content: "\F3CC";
}

.icon-airline-seat-legroom-extra:before {
  content: "\F3CD";
}

.icon-airline-seat-legroom-normal:before {
  content: "\F3CE";
}

.icon-airline-seat-legroom-reduced:before {
  content: "\F3CF";
}

.icon-airline-seat-recline-extra:before {
  content: "\F3D0";
}

.icon-airline-seat-recline-normal:before {
  content: "\F3D1";
}

.icon-airplay:before {
  content: "\F3D2";
}

.icon-closed-caption:before {
  content: "\F3D3";
}

.icon-confirmation-number:before {
  content: "\F3D4";
}

.icon-developer-board:before {
  content: "\F3D5";
}

.icon-disc-full:before {
  content: "\F3D6";
}

.icon-explicit:before {
  content: "\F3D7";
}

.icon-flight-land:before {
  content: "\F3D8";
}

.icon-flight-takeoff:before {
  content: "\F3D9";
}

.icon-flip-to-back:before {
  content: "\F3DA";
}

.icon-flip-to-front:before {
  content: "\F3DB";
}

.icon-group-work:before {
  content: "\F3DC";
}

.icon-hd:before {
  content: "\F3DD";
}

.icon-hq:before {
  content: "\F3DE";
}

.icon-markunread-mailbox:before {
  content: "\F3DF";
}

.icon-memory:before {
  content: "\F3E0";
}

.icon-nfc:before {
  content: "\F3E1";
}

.icon-play-for-work:before {
  content: "\F3E2";
}

.icon-power-input:before {
  content: "\F3E3";
}

.icon-present-to-all:before {
  content: "\F3E4";
}

.icon-satellite:before {
  content: "\F3E5";
}

.icon-tap-and-play:before {
  content: "\F3E6";
}

.icon-vibration:before {
  content: "\F3E7";
}

.icon-voicemail:before {
  content: "\F3E8";
}

.icon-group:before {
  content: "\F3E9";
}

.icon-rss:before {
  content: "\F3EA";
}

.icon-shape:before {
  content: "\F3EB";
}

.icon-spinner:before {
  content: "\F3EC";
}

.icon-ungroup:before {
  content: "\F3ED";
}

.icon-500px:before {
  content: "\F3EE";
}

.icon-8tracks:before {
  content: "\F3EF";
}

.icon-amazon:before {
  content: "\F3F0";
}

.icon-blogger:before {
  content: "\F3F1";
}

.icon-delicious:before {
  content: "\F3F2";
}

.icon-disqus:before {
  content: "\F3F3";
}

.icon-flattr:before {
  content: "\F3F4";
}

.icon-flickr:before {
  content: "\F3F5";
}

.icon-github-alt:before {
  content: "\F3F6";
}

.icon-google-old:before {
  content: "\F3F7";
}

.icon-linkedin:before {
  content: "\F3F8";
}

.icon-odnoklassniki:before {
  content: "\F3F9";
}

.icon-outlook:before {
  content: "\F3FA";
}

.icon-paypal-alt:before {
  content: "\F3FB";
}

.icon-pinterest:before {
  content: "\F3FC";
}

.icon-playstation:before {
  content: "\F3FD";
}

.icon-reddit:before {
  content: "\F3FE";
}

.icon-skype:before {
  content: "\F3FF";
}

.icon-slideshare:before {
  content: "\F400";
}

.icon-soundcloud:before {
  content: "\F401";
}

.icon-tumblr:before {
  content: "\F402";
}

.icon-twitch:before {
  content: "\F403";
}

.icon-vimeo:before {
  content: "\F404";
}

.icon-whatsapp:before {
  content: "\F405";
}

.icon-xbox:before {
  content: "\F406";
}

.icon-yahoo:before {
  content: "\F407";
}

.icon-youtube-play:before {
  content: "\F408";
}

.icon-youtube:before {
  content: "\F409";
}

.icon-instagram:before {
  content: "\F34F";
}

.icon-snapchat:before {
  content: "\F409";
}

/*@mixin margin-bottom($sizeValue: 1.6, $lineHeight: 1.6, $marge: 1.6) {
  $newMarge: $marge - (($lineHeight - $sizeValue) / 2);
  margin-bottom: ($newMarge * 10) + px;
  margin-bottom: $newMarge + rem;
}*/
h1, h2, h3, h4, h5 {
  margin: 0;
}
h1 i, h2 i, h3 i, h4 i, h5 i {
  margin-right: 5px;
}

.h1 {
  margin-bottom: 1rem;
  font-family: "Milo OT";
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3rem;
  color: #3f3f3f;
}

.h2 {
  margin-bottom: 2rem;
  font-family: "Milo OT";
  font-weight: 300;
  font-size: 4rem;
  line-height: 3rem;
  color: #3f3f3f;
}

.h3, .k-window .k-window-titlebar .k-window-title {
  margin-bottom: 1rem;
  font-family: "Milo OT";
  font-weight: 700;
  font-size: 2rem;
  line-height: 2rem;
  color: #3f3f3f;
}
.h3.is-green, .k-window .k-window-titlebar .is-green.k-window-title {
  color: #33b767;
}

p, .paragraph, .list li, .well__inner section p a, .well__inner section li a,
article section p a,
article section li a {
  margin: 0;
  margin-bottom: 2rem;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.5rem;
  color: #8b8b8b;
}

.well__inner section p a, .well__inner section li a,
article section p a,
article section li a {
  margin: 0;
  display: inline-block;
  color: #f48617;
  text-decoration: none;
  transition: color linear 0.2s;
}
.well__inner section p a i, .well__inner section li a i,
article section p a i,
article section li a i {
  font-size: 1.8rem;
  margin-right: 4px;
}
.well__inner section p a:active, .well__inner section p a:hover, .well__inner section li a:active, .well__inner section li a:hover,
article section p a:active,
article section p a:hover,
article section li a:active,
article section li a:hover {
  color: #3f3f3f;
}
.well__inner section p a:active span, .well__inner section p a:hover span, .well__inner section li a:active span, .well__inner section li a:hover span,
article section p a:active span,
article section p a:hover span,
article section li a:active span,
article section li a:hover span {
  text-decoration: underline;
}

.well__inner section:last-of-type p:last-of-type, .well__inner section:last-of-type .list:last-of-type,
article section:last-of-type p:last-of-type,
article section:last-of-type .list:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .filter__bar__has-search .filter__selectbox,
.filter__bar__has-search .filter__search {
    width: 100%;
  }
  .filter__bar__has-search .filter__selectbox.filter--big,
.filter__bar__has-search .filter__search.filter--big {
    margin-bottom: 20px;
  }
  .filter__bar__has-search .filter__selectbox.filter--big > .form__group.is-small,
.filter__bar__has-search .filter__search.filter--big > .form__group.is-small {
    width: 100% !important;
  }
  .filter__bar__has-search .filter__selectbox > .form__group,
.filter__bar__has-search .filter__search > .form__group {
    width: 100% !important;
  }
  .filter__bar__has-search .filter__selectbox .btn--save,
.filter__bar__has-search .filter__search .btn--save {
    width: 100% !important;
    margin-top: 20px;
    margin-left: 0 !important;
  }
  .row > div + div {
    margin-top: 30px;
  }
  .divider__line.line--left {
    padding: 0 !important;
  }
  .divider__line.line--left:before {
    display: none;
  }
  .banner__app > div + div {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  page-wrapper {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .container-fluid {
    padding: 0 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .well__inner .divider + section {
    margin-top: 30px;
  }
  #result__container > .col-sm-6 + .col-sm-6 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 676px) {
  .h2 {
    font-size: 3rem;
  }
  .page-wrapper {
    padding: 0 !important;
  }
  main {
    width: 100% !important;
  }
  .col-sm-12 + .col-sm-12 {
    margin-top: 30px;
  }
  .client__info {
    padding-top: 30px;
  }
  .form__group--inline {
    display: block !important;
    margin-top: 0 !important;
  }
  .form__group--inline > * {
    width: 100% !important;
    margin: 0 !important;
    padding-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .page-wrapper {
    padding-left: 0;
  }
  .container-fluid {
    padding: 0 20px;
  }
}
@media screen and (max-width: 320px) {
  body {
    width: 100vw;
  }
  .main-header {
    width: 100% !important;
  }
  .main-footer {
    padding-left: 15px !important;
  }
  row {
    width: 100%;
    margin: 0;
  }
  .table__header {
    font-size: 1.6rem !important;
  }
  .btn__text, .k-upload-button span {
    font-size: 1.2rem !important;
  }
  .btn__icon, .btn.btn--animation .btn__icon--left, .btn--animation.k-upload-button .btn__icon--left, .btn .btn__icon--left, html body .file-wrapper .k-upload-action .btn__icon--left, .k-upload-button .btn__icon--left {
    font-size: 2.2rem !important;
    display: none !important;
  }
}
/* ATOMS */
.add__group .form__control input {
  width: calc(100% - 144px);
}
.add__group .form__control .btn, .add__group .form__control html body .file-wrapper .k-upload-action, html body .file-wrapper .add__group .form__control .k-upload-action, .add__group .form__control .k-upload-button {
  margin-left: 10px;
  vertical-align: top;
}

.list__group.is--empty {
  display: none;
}

.is--empty {
  display: none;
}

.breadcrumbs {
  min-height: 5rem;
}
.breadcrumbs:before, .breadcrumbs:after {
  display: table;
  content: "";
}
.breadcrumbs:after {
  clear: both;
}
.breadcrumbs ol {
  margin: 0;
  padding: 0;
}
.breadcrumbs ol li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
.breadcrumbs ol li a,
.breadcrumbs ol li span {
  display: block;
  line-height: 2.8rem;
  font-size: 1.4rem;
  text-decoration: none;
  position: relative;
}
.breadcrumbs ol li a {
  color: #33b767;
}
.breadcrumbs ol li a:hover {
  color: #84d3a3;
}
.breadcrumbs ol li a:focus {
  color: #33b767;
}
.breadcrumbs ol li span {
  color: #8b8b8b;
}
.breadcrumbs ol li + li a,
.breadcrumbs ol li + li span {
  margin-left: 2.2rem;
}
.breadcrumbs ol li + li a:before,
.breadcrumbs ol li + li span:before {
  color: #8b8b8b;
  position: absolute;
  content: "/";
  left: -1.2rem;
  top: 0;
}

.btn-container {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.btn, html body .file-wrapper .k-upload-action, .k-upload-button {
  position: relative;
  display: inline-block;
  padding: 9px 20px;
  border: 1px solid transparent;
  border-radius: 25px;
  text-decoration: none;
  transition: background-color linear 0.1s;
  cursor: pointer;
}
.btn + .btn, html body .file-wrapper .k-upload-action + .btn, html body .file-wrapper .btn + .k-upload-action, html body .file-wrapper .k-upload-action + .k-upload-action, .k-upload-button + .btn, html body .file-wrapper .k-upload-button + .k-upload-action, .btn + .k-upload-button, html body .file-wrapper .k-upload-action + .k-upload-button, .k-upload-button + .k-upload-button {
  margin-left: 10px;
}
.btn .btn__text, html body .file-wrapper .k-upload-action .btn__text, .btn .k-upload-button span, html body .file-wrapper .k-upload-action .k-upload-button span, .k-upload-button .btn span, .k-upload-button html body .file-wrapper .k-upload-action span, html body .file-wrapper .k-upload-button .k-upload-action span, .k-upload-button .btn__text, .k-upload-button span {
  display: inline-block;
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2.4rem;
  text-transform: uppercase;
  vertical-align: top;
}
.btn .btn__icon, html body .file-wrapper .k-upload-action .btn__icon, .k-upload-button .btn__icon, .btn.btn--animation .btn__icon--left, .btn--animation.k-upload-button .btn__icon--left, .btn .btn__icon--left, html body .file-wrapper .k-upload-action .btn__icon--left, .k-upload-button .btn__icon--left {
  top: 0;
  display: inline-block;
  margin-left: 10px;
  font-size: 2.4rem;
}
.btn .btn__icon--left, html body .file-wrapper .k-upload-action .btn__icon--left, .k-upload-button .btn__icon--left {
  margin-left: auto;
  margin-right: 10px;
}
.btn:focus, html body .file-wrapper .k-upload-action:focus, .k-upload-button:focus {
  outline: none;
}
.btn.btn--animation, html body .file-wrapper .btn--animation.k-upload-action, .btn--animation.k-upload-button {
  padding: 9px 30px;
}
@media screen and (max-width: 414px) {
  .btn.btn--animation, html body .file-wrapper .btn--animation.k-upload-action, .btn--animation.k-upload-button {
    padding: 9px 20px;
  }
}
.btn.btn--animation .btn__text--right, html body .file-wrapper .btn--animation.k-upload-action .btn__text--right, .btn--animation.k-upload-button .btn__text--right,
.btn.btn--animation .btn__text,
html body .file-wrapper .btn--animation.k-upload-action .btn__text,
.btn.btn--animation .k-upload-button span,
html body .file-wrapper .btn--animation.k-upload-action .k-upload-button span,
.k-upload-button .btn.btn--animation span,
.k-upload-button html body .file-wrapper .btn--animation.k-upload-action span,
html body .file-wrapper .k-upload-button .btn--animation.k-upload-action span,
.btn--animation.k-upload-button .btn__text,
.btn--animation.k-upload-button span {
  line-height: 2rem;
  display: inline-block;
  position: relative;
  transform: translateX(0);
  transition: transform linear 0.2s;
  z-index: 10;
}
.btn.btn--animation .btn__icon, html body .file-wrapper .btn--animation.k-upload-action .btn__icon, .btn--animation.k-upload-button .btn__icon, .btn.btn--animation .btn__icon--left, html body .file-wrapper .btn--animation.k-upload-action .btn__icon--left, .btn--animation.k-upload-button .btn__icon--left {
  position: absolute;
  top: 7px;
  right: 0;
  width: 24px;
  height: 24px;
  opacity: 0;
  transform: translateX(-20px);
  transition: transform linear 0.2s, opacity linear 0.2s;
  z-index: 5;
}
.btn.btn--animation .btn__icon--left, html body .file-wrapper .btn--animation.k-upload-action .btn__icon--left, .btn--animation.k-upload-button .btn__icon--left {
  margin-left: auto;
  margin-right: 10px;
  right: auto;
  left: 0;
  transform: translateX(20px);
}
.btn.btn--animation:hover .btn__icon, html body .file-wrapper .btn--animation.k-upload-action:hover .btn__icon, .btn--animation.k-upload-button:hover .btn__icon, .btn.btn--animation:hover .btn__icon--left, html body .file-wrapper .btn--animation.k-upload-action:hover .btn__icon--left, .btn--animation.k-upload-button:hover .btn__icon--left {
  opacity: 1;
  transform: translateX(-7px);
}
.btn.btn--animation:hover .btn__text, html body .file-wrapper .btn--animation.k-upload-action:hover .btn__text, .btn.btn--animation:hover .k-upload-button span, html body .file-wrapper .btn--animation.k-upload-action:hover .k-upload-button span, .k-upload-button .btn.btn--animation:hover span, .k-upload-button html body .file-wrapper .btn--animation.k-upload-action:hover span, html body .file-wrapper .k-upload-button .btn--animation.k-upload-action:hover span, .btn--animation.k-upload-button:hover .btn__text, .btn--animation.k-upload-button:hover span {
  transform: translateX(-10px);
}
.btn.btn--animation:hover .btn__icon--left, html body .file-wrapper .btn--animation.k-upload-action:hover .btn__icon--left, .btn--animation.k-upload-button:hover .btn__icon--left {
  transform: translateX(20px);
}
.btn.btn--animation:hover .btn__text--right, html body .file-wrapper .btn--animation.k-upload-action:hover .btn__text--right, .btn--animation.k-upload-button:hover .btn__text--right {
  transform: translateX(10px);
}
.btn.btn--disabled, html body .file-wrapper .btn--disabled.k-upload-action, .btn--disabled.k-upload-button {
  color: #d8d8d8;
  border-color: #ebebeb;
  background-color: #ebebeb;
  cursor: default;
  pointer-events: none;
}
.btn.btn--disabled:hover, html body .file-wrapper .btn--disabled.k-upload-action:hover, .btn--disabled.k-upload-button:hover, .btn.btn--disabled:active, html body .file-wrapper .btn--disabled.k-upload-action:active, .btn--disabled.k-upload-button:active {
  color: #d8d8d8;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.btn.btn--clickable, html body .file-wrapper .btn--clickable.k-upload-action, .btn--clickable.k-upload-button {
  pointer-events: all;
  cursor: pointer;
}
.btn.btn--small, html body .file-wrapper .k-upload-action, .btn--small.k-upload-button {
  padding: 0;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
.btn.btn--small .btn__icon, html body .file-wrapper .k-upload-action .btn__icon, .btn--small.k-upload-button .btn__icon, .btn.btn--small .btn__icon--left, html body .file-wrapper .k-upload-action .btn__icon--left, .btn--small.k-upload-button .btn__icon--left {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 1.6rem;
}

.btn--light {
  color: #8b8b8b;
  border-color: #8b8b8b;
  background-color: #fff;
}
.btn--light:hover {
  background-color: #f4f4f4;
}
.btn--light:active {
  background-color: #8b8b8b;
  color: #fff;
}
.btn--light:active i {
  color: #fff;
}
.btn--light.btn--transparent {
  background-color: transparent;
}
.btn--light.btn--transparent:hover {
  background-color: #fff;
}

.btn--primary {
  color: #fff;
  border-color: #282828;
  background-color: #282828;
}
.btn--primary:hover, .btn--primary:active {
  background-color: #656565;
  border-color: #656565;
}

.footer--grey-dark .btn--primary {
  color: #3f3f3f;
  border-color: #3f3f3f;
  background-color: #fff;
}
.footer--grey-dark .btn--primary:hover {
  background-color: #f4f4f4;
}
.footer--grey-dark .btn--primary:active {
  border-color: #8b8b8b;
  background-color: #8b8b8b;
}

.footer--grey .btn--disabled {
  border-color: #8b8b8b;
}

.btn--save {
  position: relative;
  padding: 9px 30px;
  color: #fff;
  border-color: #282828;
  background-color: #282828;
}
.btn--save .btn__icon, .btn--save .btn .btn__icon--left, .btn--save html body .file-wrapper .k-upload-action .btn__icon--left, html body .file-wrapper .btn--save .k-upload-action .btn__icon--left, .btn--save .k-upload-button .btn__icon--left, .btn .btn--save .btn__icon--left, html body .file-wrapper .k-upload-action .btn--save .btn__icon--left, .k-upload-button .btn--save .btn__icon--left {
  position: absolute;
  top: 7px;
  right: 0;
  opacity: 0;
  transform: translateX(-20px);
  width: 24px;
  height: 24px;
  z-index: 5;
}
.btn--save .btn__text, .btn--save .k-upload-button span, .k-upload-button .btn--save span {
  display: inline-block;
  position: relative;
  transform: translateX(0);
  transition: transform linear 0.2s;
  line-height: 2rem;
  z-index: 10;
}
.btn--save.btn--loading {
  border-color: #d8d8d8;
  background-color: #d8d8d8;
}
.btn--save.btn--loading .btn__icon, .btn--save.btn--loading .btn .btn__icon--left, .btn--save.btn--loading html body .file-wrapper .k-upload-action .btn__icon--left, html body .file-wrapper .btn--save.btn--loading .k-upload-action .btn__icon--left, .btn--save.btn--loading .k-upload-button .btn__icon--left, .btn .btn--save.btn--loading .btn__icon--left, html body .file-wrapper .k-upload-action .btn--save.btn--loading .btn__icon--left, .k-upload-button .btn--save.btn--loading .btn__icon--left {
  margin-top: -1px;
  opacity: 1;
  transform: translateX(-7px);
  color: #8b8b8b;
  transition: transform linear 0.2s, opacity linear 0.2s;
}
.btn--save.btn--loading .btn__icon:before, .btn--save.btn--loading .btn .btn__icon--left:before, .btn--save.btn--loading html body .file-wrapper .k-upload-action .btn__icon--left:before, html body .file-wrapper .btn--save.btn--loading .k-upload-action .btn__icon--left:before, .btn--save.btn--loading .k-upload-button .btn__icon--left:before, .btn .btn--save.btn--loading .btn__icon--left:before, html body .file-wrapper .k-upload-action .btn--save.btn--loading .btn__icon--left:before, .k-upload-button .btn--save.btn--loading .btn__icon--left:before {
  display: block;
  width: 18px;
  height: 22px;
  -webkit-animation: Rotate 0.5s linear infinite;
          animation: Rotate 0.5s linear infinite;
  transform-origin: 8px 13px;
}
@media screen\0  {
  .btn--save.btn--loading .btn__icon:before, .btn--save.btn--loading .btn .btn__icon--left:before, .btn--save.btn--loading html body .file-wrapper .k-upload-action .btn__icon--left:before, html body .file-wrapper .btn--save.btn--loading .k-upload-action .btn__icon--left:before, .btn--save.btn--loading .k-upload-button .btn__icon--left:before, .btn .btn--save.btn--loading .btn__icon--left:before, html body .file-wrapper .k-upload-action .btn--save.btn--loading .btn__icon--left:before, .k-upload-button .btn--save.btn--loading .btn__icon--left:before {
    transform-origin: 8px 12px;
  }
}
@-webkit-keyframes Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.btn--save.btn--loading .btn__text, .btn--save.btn--loading .k-upload-button span, .k-upload-button .btn--save.btn--loading span {
  transform: translateX(-10px);
  color: #8b8b8b;
}
.btn--save.btn--loading:hover, .btn--save.btn--loading:active {
  border-color: #d8d8d8;
  background-color: #d8d8d8;
}
.btn--save.btn--finished {
  border-color: #33b767;
  background-color: #33b767;
}
.btn--save.btn--finished .btn__icon, .btn--save.btn--finished .btn .btn__icon--left, .btn--save.btn--finished html body .file-wrapper .k-upload-action .btn__icon--left, html body .file-wrapper .btn--save.btn--finished .k-upload-action .btn__icon--left, .btn--save.btn--finished .k-upload-button .btn__icon--left, .btn .btn--save.btn--finished .btn__icon--left, html body .file-wrapper .k-upload-action .btn--save.btn--finished .btn__icon--left, .k-upload-button .btn--save.btn--finished .btn__icon--left {
  margin-top: -1px;
  opacity: 1;
  transform: translateX(-7px);
  color: #fff;
}
.btn--save.btn--finished .btn__icon:before, .btn--save.btn--finished .btn .btn__icon--left:before, .btn--save.btn--finished html body .file-wrapper .k-upload-action .btn__icon--left:before, html body .file-wrapper .btn--save.btn--finished .k-upload-action .btn__icon--left:before, .btn--save.btn--finished .k-upload-button .btn__icon--left:before, .btn .btn--save.btn--finished .btn__icon--left:before, html body .file-wrapper .k-upload-action .btn--save.btn--finished .btn__icon--left:before, .k-upload-button .btn--save.btn--finished .btn__icon--left:before {
  content: "\F26B";
  -webkit-animation: none;
          animation: none;
}
.btn--save.btn--finished .btn__text, .btn--save.btn--finished .k-upload-button span, .k-upload-button .btn--save.btn--finished span {
  transform: translateX(-10px);
  color: #fff;
}
.btn--save.btn--finished:hover, .btn--save.btn--finished:active {
  border-color: #33b767;
  background-color: #33b767;
}
.btn--save.btn--failed {
  border-color: #ff6e6e;
  background-color: #ff6e6e;
}
.btn--save.btn--failed .btn__icon, .btn--save.btn--failed .btn .btn__icon--left, .btn--save.btn--failed html body .file-wrapper .k-upload-action .btn__icon--left, html body .file-wrapper .btn--save.btn--failed .k-upload-action .btn__icon--left, .btn--save.btn--failed .k-upload-button .btn__icon--left, .btn .btn--save.btn--failed .btn__icon--left, html body .file-wrapper .k-upload-action .btn--save.btn--failed .btn__icon--left, .k-upload-button .btn--save.btn--failed .btn__icon--left {
  margin-top: -1px;
  opacity: 1;
  transform: translateX(-7px);
  color: #fff;
}
.btn--save.btn--failed .btn__icon:before, .btn--save.btn--failed .btn .btn__icon--left:before, .btn--save.btn--failed html body .file-wrapper .k-upload-action .btn__icon--left:before, html body .file-wrapper .btn--save.btn--failed .k-upload-action .btn__icon--left:before, .btn--save.btn--failed .k-upload-button .btn__icon--left:before, .btn .btn--save.btn--failed .btn__icon--left:before, html body .file-wrapper .k-upload-action .btn--save.btn--failed .btn__icon--left:before, .k-upload-button .btn--save.btn--failed .btn__icon--left:before {
  content: "\F136";
  -webkit-animation: none;
          animation: none;
}
.btn--save.btn--failed .btn__text, .btn--save.btn--failed .k-upload-button span, .k-upload-button .btn--save.btn--failed span {
  transform: translateX(-10px);
  color: #fff;
}
.btn--save.btn--failed:hover, .btn--save.btn--failed:active {
  border-color: #ff6e6e;
  background-color: #ff6e6e;
}
.btn--save:hover, .btn--save:active {
  background-color: #656565;
  border-color: #656565;
}

.btn--download {
  color: #fff !important;
  border-color: #33b767;
  background-color: #33b767;
  margin-bottom: 15px;
}
.btn--download .icon-download, .btn--download .icon-edit {
  margin-left: 10px;
  margin-top: 3px;
  font-size: 1.7rem;
}

.footer--grey-dark .btn--save {
  color: #3f3f3f;
  border-color: #3f3f3f;
  background-color: #fff;
}
.footer--grey-dark .btn--save.btn--loading {
  border-color: #8b8b8b;
  background-color: #8b8b8b;
}
.footer--grey-dark .btn--save.btn--loading .btn__icon, .footer--grey-dark .btn--save.btn--loading .btn .btn__icon--left, .footer--grey-dark .btn--save.btn--loading html body .file-wrapper .k-upload-action .btn__icon--left, html body .file-wrapper .footer--grey-dark .btn--save.btn--loading .k-upload-action .btn__icon--left, .footer--grey-dark .btn--save.btn--loading .k-upload-button .btn__icon--left, .btn .footer--grey-dark .btn--save.btn--loading .btn__icon--left, html body .file-wrapper .k-upload-action .footer--grey-dark .btn--save.btn--loading .btn__icon--left, .k-upload-button .footer--grey-dark .btn--save.btn--loading .btn__icon--left,
.footer--grey-dark .btn--save.btn--loading .btn__text,
.footer--grey-dark .btn--save.btn--loading .k-upload-button span,
.k-upload-button .footer--grey-dark .btn--save.btn--loading span {
  color: #3f3f3f;
}
.footer--grey-dark .btn--save.btn--loading:hover, .footer--grey-dark .btn--save.btn--loading:active {
  border-color: #8b8b8b;
  background-color: #8b8b8b;
  color: #3f3f3f;
}
.footer--grey-dark .btn--save.btn--finished {
  border-color: #33b767;
  background-color: #33b767;
}
.footer--grey-dark .btn--save.btn--finished .btn__icon, .footer--grey-dark .btn--save.btn--finished .btn .btn__icon--left, .footer--grey-dark .btn--save.btn--finished html body .file-wrapper .k-upload-action .btn__icon--left, html body .file-wrapper .footer--grey-dark .btn--save.btn--finished .k-upload-action .btn__icon--left, .footer--grey-dark .btn--save.btn--finished .k-upload-button .btn__icon--left, .btn .footer--grey-dark .btn--save.btn--finished .btn__icon--left, html body .file-wrapper .k-upload-action .footer--grey-dark .btn--save.btn--finished .btn__icon--left, .k-upload-button .footer--grey-dark .btn--save.btn--finished .btn__icon--left,
.footer--grey-dark .btn--save.btn--finished .btn__text,
.footer--grey-dark .btn--save.btn--finished .k-upload-button span,
.k-upload-button .footer--grey-dark .btn--save.btn--finished span {
  color: #fff;
}
.footer--grey-dark .btn--save.btn--finished:hover, .footer--grey-dark .btn--save.btn--finished:active {
  border-color: #33b767;
  background-color: #33b767;
}
.footer--grey-dark .btn--save.btn--failed {
  border-color: #ff6e6e;
  background-color: #ff6e6e;
}
.footer--grey-dark .btn--save.btn--failed .btn__icon, .footer--grey-dark .btn--save.btn--failed .btn .btn__icon--left, .footer--grey-dark .btn--save.btn--failed html body .file-wrapper .k-upload-action .btn__icon--left, html body .file-wrapper .footer--grey-dark .btn--save.btn--failed .k-upload-action .btn__icon--left, .footer--grey-dark .btn--save.btn--failed .k-upload-button .btn__icon--left, .btn .footer--grey-dark .btn--save.btn--failed .btn__icon--left, html body .file-wrapper .k-upload-action .footer--grey-dark .btn--save.btn--failed .btn__icon--left, .k-upload-button .footer--grey-dark .btn--save.btn--failed .btn__icon--left,
.footer--grey-dark .btn--save.btn--failed .btn__text,
.footer--grey-dark .btn--save.btn--failed .k-upload-button span,
.k-upload-button .footer--grey-dark .btn--save.btn--failed span {
  color: #fff;
}
.footer--grey-dark .btn--save.btn--failed:hover, .footer--grey-dark .btn--save.btn--failed:active {
  border-color: #ff6e6e;
  background-color: #ff6e6e;
}
.footer--grey-dark .btn--save:hover, .footer--grey-dark .btn--save:active {
  background-color: #f4f4f4;
}

.btn--warning {
  color: white;
  border-color: #f48617;
  background-color: #f48617;
}
.btn--warning:hover, .btn--warning:active {
  background-color: #f59d45;
  border-color: #f59d45;
}

.btn--danger {
  color: #fff !important;
  border-color: #ff4a4a;
  background-color: #ff4a4a;
}
.btn--danger:hover, .btn--danger:active {
  background-color: #ff6e6e;
  border-color: #ff6e6e;
}

.btn--success {
  color: #fff !important;
  border-color: #33b767;
  background-color: #33b767;
}
.btn--success:hover, .btn--success:active {
  background-color: #84d3a3;
  border-color: #84d3a3;
}

.btn--table {
  padding: 0 10px;
  color: #fff !important;
  border-color: #33b767;
  background-color: #33b767;
}
.btn--table:hover, .btn--table:active {
  background-color: #84d3a3;
  border-color: #84d3a3;
}

.btn--options {
  color: #3f3f3f;
  border-color: #3f3f3f;
  border-width: 2px;
  background-color: #fff;
}
.btn--options:hover, .btn--options:active {
  background-color: #fff;
  border-color: #656565;
  color: #656565;
}

.btn--question {
  margin: 0 5px;
  width: 25px !important;
  height: 25px !important;
  color: #fff !important;
  border-color: #33b767;
  background-color: #33b767;
  font-family: "Milo OT";
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 1.3;
  text-align: center;
}
.btn--question:hover, .btn--question:active {
  background-color: #84d3a3;
  border-color: #84d3a3;
}

.btn--link {
  position: relative;
  padding: 9px 0 9px 15px;
  color: #3f3f3f;
  transition: color linear 0.2s;
}
.btn--link i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2.4rem;
  margin-right: 4px;
}
.btn--link:hover {
  color: #656565;
}
.btn--link:active {
  color: #8b8b8b;
}

.btn__modal--close {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: transparent;
  outline: 0;
  border: 2px solid #8b8b8b;
  transition-duration: 0.2s;
}
.btn__modal--close:before, .btn__modal--close:after {
  width: 20px;
  height: 2px;
  background-color: #8b8b8b;
  position: absolute;
  content: "";
  top: 15px;
  left: 6px;
  transition-duration: 0.2s;
}
.btn__modal--close:before {
  transform: rotate(45deg);
}
.btn__modal--close:after {
  transform: rotate(-45deg);
}
.btn__modal--close:hover {
  border-color: #313131;
}
.btn__modal--close:hover:before, .btn__modal--close:hover:after {
  background-color: #313131;
}

.buttonbar {
  display: inline-block;
  border: 1px solid #8b8b8b;
  border-radius: 25px;
}
.buttonbar .btn, .buttonbar html body .file-wrapper .k-upload-action, html body .file-wrapper .buttonbar .k-upload-action, .buttonbar .k-upload-button {
  display: block;
  border: none;
  border-radius: 0;
  float: left;
}
.buttonbar .btn + .btn, .buttonbar html body .file-wrapper .k-upload-action + .btn, html body .file-wrapper .buttonbar .k-upload-action + .btn, .buttonbar html body .file-wrapper .btn + .k-upload-action, html body .file-wrapper .buttonbar .btn + .k-upload-action, .buttonbar html body .file-wrapper .k-upload-action + .k-upload-action, html body .file-wrapper .buttonbar .k-upload-action + .k-upload-action, .buttonbar .k-upload-button + .btn, .buttonbar html body .file-wrapper .k-upload-button + .k-upload-action, html body .file-wrapper .buttonbar .k-upload-button + .k-upload-action, .buttonbar .btn + .k-upload-button, .buttonbar html body .file-wrapper .k-upload-action + .k-upload-button, html body .file-wrapper .buttonbar .k-upload-action + .k-upload-button, .buttonbar .k-upload-button + .k-upload-button {
  margin: 0;
  border-left: 1px solid #8b8b8b;
}
.buttonbar .btn:first-child, .buttonbar html body .file-wrapper .k-upload-action:first-child, html body .file-wrapper .buttonbar .k-upload-action:first-child, .buttonbar .k-upload-button:first-child {
  border-radius: 25px 0 0 25px;
}
.buttonbar .btn:last-child, .buttonbar html body .file-wrapper .k-upload-action:last-child, html body .file-wrapper .buttonbar .k-upload-action:last-child, .buttonbar .k-upload-button:last-child {
  border-radius: 0 25px 25px 0;
}
.buttonbar .btn.is-active, .buttonbar html body .file-wrapper .is-active.k-upload-action, html body .file-wrapper .buttonbar .is-active.k-upload-action, .buttonbar .is-active.k-upload-button {
  background-color: #282828;
  color: #fff;
}

.btn__toggle {
  position: absolute;
  top: -6px;
  right: 0;
  background: none;
  border: none;
  display: block;
  width: 40px;
  height: 40px;
}
.btn__toggle[data-current-state=open] .btn__icon:before, .btn__toggle[data-current-state=open] .btn .btn__icon--left:before, .btn__toggle[data-current-state=open] html body .file-wrapper .k-upload-action .btn__icon--left:before, html body .file-wrapper .btn__toggle[data-current-state=open] .k-upload-action .btn__icon--left:before, .btn__toggle[data-current-state=open] .k-upload-button .btn__icon--left:before, .btn .btn__toggle[data-current-state=open] .btn__icon--left:before, html body .file-wrapper .k-upload-action .btn__toggle[data-current-state=open] .btn__icon--left:before, .k-upload-button .btn__toggle[data-current-state=open] .btn__icon--left:before {
  content: "\F2FC";
}
.btn__toggle:focus {
  outline: none;
}
.btn__toggle .btn__icon, .btn__toggle .btn .btn__icon--left, .btn__toggle html body .file-wrapper .k-upload-action .btn__icon--left, html body .file-wrapper .btn__toggle .k-upload-action .btn__icon--left, .btn__toggle .k-upload-button .btn__icon--left, .btn .btn__toggle .btn__icon--left, html body .file-wrapper .k-upload-action .btn__toggle .btn__icon--left, .k-upload-button .btn__toggle .btn__icon--left {
  top: 0;
  font-size: 4rem;
  line-height: 1;
  color: #8b8b8b;
}

.chain__filters {
  margin-bottom: 20px;
}
.chain__filters:before, .chain__filters:after {
  display: table;
  content: "";
}
.chain__filters:after {
  clear: both;
}
.chain__filters .form__group {
  float: left;
  min-width: 250px;
}
.chain__filters .form__group + .form__group {
  margin: 0 0 0 20px;
}

.k-chart-tooltip {
  width: 150px;
  font-family: "Open Sans" !important;
  font-size: 1.3rem !important;
}
.k-chart-tooltip table tbody tr td {
  padding: 5px 0 !important;
}
.k-chart-tooltip table tbody tr td:last-child {
  padding-left: 5px !important;
}

.color-pallete.palette--basic .color__item:nth-child(1) .color__swatch {
  background-color: #000;
}
.color-pallete.palette--basic .color__item:nth-child(2) .color__swatch {
  background-color: #fff;
}
.color-pallete.palette--grey .color__item:nth-child(1) .color__swatch {
  background-color: #282828;
}
.color-pallete.palette--grey .color__item:nth-child(2) .color__swatch {
  background-color: #313131;
}
.color-pallete.palette--grey .color__item:nth-child(3) .color__swatch {
  background-color: #3f3f3f;
}
.color-pallete.palette--grey .color__item:nth-child(4) .color__swatch {
  background-color: #656565;
}
.color-pallete.palette--grey .color__item:nth-child(5) .color__swatch {
  background-color: #8b8b8b;
}
.color-pallete.palette--grey .color__item:nth-child(6) .color__swatch {
  background-color: #d8d8d8;
}
.color-pallete.palette--grey .color__item:nth-child(7) .color__swatch {
  background-color: #ebebeb;
}
.color-pallete.palette--grey .color__item:nth-child(8) .color__swatch {
  background-color: #f4f4f4;
}
.color-pallete.palette--green .color__item:nth-child(1) .color__swatch {
  background-color: #33b767;
}
.color-pallete.palette--green .color__item:nth-child(2) .color__swatch {
  background-color: #84d3a3;
}
.color-pallete.palette--orange .color__item:nth-child(1) .color__swatch {
  background-color: #f48617;
}
.color-pallete.palette--orange .color__item:nth-child(2) .color__swatch {
  background-color: #f59d45;
}
.color-pallete.palette--red .color__item:nth-child(1) .color__swatch {
  background-color: #ff4a4a;
}
.color-pallete.palette--red .color__item:nth-child(2) .color__swatch {
  background-color: #ff6e6e;
}

.color__item {
  float: left;
  border: 1px solid #d8d8d8;
}
.color__item + .color__item {
  margin-left: 30px;
}
.color__item:nth-child(5) {
  clear: left;
  margin-left: 0;
}
.color__item:nth-child(n+5) {
  margin-top: 20px;
}
@media (min-width: 1180px) {
  .color__item:nth-child(5) {
    clear: none;
    margin-left: 30px;
  }
  .color__item:nth-child(n+5) {
    margin-top: 0;
  }
  .color__item:nth-child(6) {
    clear: left;
    margin-left: 0;
  }
  .color__item:nth-child(n+6) {
    margin-top: 20px;
  }
}
@media (min-width: 1380px) {
  .color__item:nth-child(6) {
    clear: none;
    margin-left: 30px;
  }
  .color__item:nth-child(n+6) {
    margin-top: 0;
  }
  .color__item:nth-child(7) {
    clear: left;
    margin-left: 0;
  }
  .color__item:nth-child(n+7) {
    margin-top: 20px;
  }
}

.color__swatch {
  width: 150px;
  height: 170px;
}

.color__description {
  border-top: 1px solid #d8d8d8;
  background-color: #fff;
  padding: 10px;
  text-align: center;
}

.color__name {
  display: block;
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #282828;
}

.color__code {
  display: block;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #282828;
}

.form__control .form__icon {
  position: relative;
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  border: 1px solid #d8d8d8;
  font-size: 2.4rem;
  line-height: 2.4rem;
  transition: border-color linear 0.2s;
}
.form__control .form__icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.form__control .form__icon + input {
  position: relative;
  float: left;
  margin-left: -1px;
  width: calc(100% - 39px);
}
.form__control .form__icon + input:hover {
  z-index: 10;
}

.is__datepicker {
  position: relative;
}
.is__datepicker:before, .is__datepicker:after {
  display: table;
  content: "";
}
.is__datepicker:after {
  clear: both;
}
.is__datepicker.form__control input {
  position: relative;
  float: left;
  margin-left: -1px;
  width: calc(100% - 39px);
}
.is__datepicker.form__control input:hover {
  z-index: 10;
}
.is__datepicker.form__control .field-validation-error {
  display: table;
}

.bootstrap-datetimepicker-widget {
  position: absolute;
  z-index: 100;
  width: auto !important;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.25);
  width: 400px !important;
}
.bootstrap-datetimepicker-widget.top {
  margin-bottom: 10px;
}
.bootstrap-datetimepicker-widget.bottom {
  margin-top: 10px;
}

.datepicker {
  position: relative;
  padding: 10px;
}

.datepicker-decades .table-condensed thead .next,
.datepicker-decades .table-condensed thead .prev,
.datepicker-years .table-condensed thead .next,
.datepicker-years .table-condensed thead .prev,
.datepicker-months .table-condensed thead .next,
.datepicker-months .table-condensed thead .prev,
.datepicker-days .table-condensed thead .next,
.datepicker-days .table-condensed thead .prev {
  padding: 0;
  font-size: 2.4rem;
  width: 40px;
  height: 40px;
  border-radius: 0;
  color: #8b8b8b;
}
.datepicker-decades .table-condensed thead .next:hover,
.datepicker-decades .table-condensed thead .prev:hover,
.datepicker-years .table-condensed thead .next:hover,
.datepicker-years .table-condensed thead .prev:hover,
.datepicker-months .table-condensed thead .next:hover,
.datepicker-months .table-condensed thead .prev:hover,
.datepicker-days .table-condensed thead .next:hover,
.datepicker-days .table-condensed thead .prev:hover {
  background-color: #f4f4f4;
}
.datepicker-decades .table-condensed thead .picker-switch,
.datepicker-years .table-condensed thead .picker-switch,
.datepicker-months .table-condensed thead .picker-switch,
.datepicker-days .table-condensed thead .picker-switch {
  width: 190px;
  height: 40px;
  border-radius: 0;
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #3f3f3f;
}
.datepicker-decades .table-condensed thead .picker-switch:hover,
.datepicker-years .table-condensed thead .picker-switch:hover,
.datepicker-months .table-condensed thead .picker-switch:hover,
.datepicker-days .table-condensed thead .picker-switch:hover {
  background-color: #f4f4f4;
}
.datepicker-decades .table-condensed thead .dow,
.datepicker-years .table-condensed thead .dow,
.datepicker-months .table-condensed thead .dow,
.datepicker-days .table-condensed thead .dow {
  width: 35px;
  height: 35px;
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #3f3f3f;
}
.datepicker-decades .table-condensed tbody .day,
.datepicker-years .table-condensed tbody .day,
.datepicker-months .table-condensed tbody .day,
.datepicker-days .table-condensed tbody .day {
  width: 35px;
  height: 35px;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #3f3f3f;
  border-radius: 0;
}
.datepicker-decades .table-condensed tbody .day:hover,
.datepicker-years .table-condensed tbody .day:hover,
.datepicker-months .table-condensed tbody .day:hover,
.datepicker-days .table-condensed tbody .day:hover {
  background-color: #f4f4f4;
}
.datepicker-decades .table-condensed tbody .day.new, .datepicker-decades .table-condensed tbody .day.old,
.datepicker-years .table-condensed tbody .day.new,
.datepicker-years .table-condensed tbody .day.old,
.datepicker-months .table-condensed tbody .day.new,
.datepicker-months .table-condensed tbody .day.old,
.datepicker-days .table-condensed tbody .day.new,
.datepicker-days .table-condensed tbody .day.old {
  color: #8b8b8b;
}
.datepicker-decades .table-condensed tbody .day.active,
.datepicker-years .table-condensed tbody .day.active,
.datepicker-months .table-condensed tbody .day.active,
.datepicker-days .table-condensed tbody .day.active {
  background-color: #33b767;
  border-radius: 0;
  font-weight: 700;
  color: #fff;
}

.datepicker-decades tbody td,
.datepicker-years tbody td,
.datepicker-months tbody td {
  padding-top: 10px;
}
.datepicker-decades tbody .decade,
.datepicker-decades tbody .year,
.datepicker-decades tbody .month,
.datepicker-years tbody .decade,
.datepicker-years tbody .year,
.datepicker-years tbody .month,
.datepicker-months tbody .decade,
.datepicker-months tbody .year,
.datepicker-months tbody .month {
  width: 58px;
  height: 58px;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 5.8rem;
  color: #3f3f3f;
  border-radius: 0;
}
.datepicker-decades tbody .decade:hover,
.datepicker-decades tbody .year:hover,
.datepicker-decades tbody .month:hover,
.datepicker-years tbody .decade:hover,
.datepicker-years tbody .year:hover,
.datepicker-years tbody .month:hover,
.datepicker-months tbody .decade:hover,
.datepicker-months tbody .year:hover,
.datepicker-months tbody .month:hover {
  background-color: #f4f4f4;
}
.datepicker-decades tbody .decade.active,
.datepicker-decades tbody .year.active,
.datepicker-decades tbody .month.active,
.datepicker-years tbody .decade.active,
.datepicker-years tbody .year.active,
.datepicker-years tbody .month.active,
.datepicker-months tbody .decade.active,
.datepicker-months tbody .year.active,
.datepicker-months tbody .month.active {
  background-color: #33b767;
  border-radius: 0;
  font-weight: 700;
  color: #fff;
}

.datepicker-decades tbody td {
  text-align: left;
}
.datepicker-decades tbody span {
  display: none !important;
}
.datepicker-decades tbody span.decade {
  width: 122px;
  text-align: center !important;
  display: inline-block !important;
}

.dialog > .content > .actions button, .dialog > .content > .header > button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
}

.dialog > .content {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  padding: 15px 20px;
  min-width: 320px;
  max-width: min(100vw, 720px);
  margin: 20px;
}
.dialog > .content > .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.dialog > .content > .header > h1 {
  color: #3f3f3f;
}
.dialog > .content > .header > button {
  color: #3f3f3f;
  background-color: unset;
}
.dialog > .content > .header > button > i {
  font-size: 20px;
}
.dialog > .content > .actions {
  display: flex;
  justify-content: flex-end;
}
.dialog > .content > .actions button {
  font-weight: 700;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.dialogManageCondolence > .content {
  width: 100%;
  max-width: min(720px, 90vw);
}
.dialogManageCondolence > .content > .body {
  margin-bottom: 12px;
}
.dialogManageCondolence > .content > .body > .loader {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dialogManageCondolence > .content > .body > div {
  color: #282828;
}
.dialogManageCondolence > .content > .body > div > .header {
  display: flex;
  justify-content: space-between;
  padding: 8px 12px;
  border: 1px solid #d8d8d8;
  background-color: #f4f4f4;
  gap: 32px;
  margin-bottom: 16px;
}
.dialogManageCondolence > .content > .body > div > .header * {
  margin: 0px;
}
.dialogManageCondolence > .content > .body > div > .header > .nav {
  display: flex;
  flex-direction: column;
}
.dialogManageCondolence > .content > .body > div > .header > .nav > a {
  display: inline-flex;
  align-items: center;
  color: unset;
  text-decoration: none;
}
.dialogManageCondolence > .content > .body > div > .header > .nav > a:hover > i {
  margin-left: 8px;
  margin-right: 0px;
}
.dialogManageCondolence > .content > .body > div > .header > .nav > a > p {
  text-decoration: underline;
}
.dialogManageCondolence > .content > .body > div > .header > .nav > a > i {
  font-size: 14px;
  color: #656565;
  margin-left: 4px;
  margin-right: 4px;
  transition: margin ease 250ms;
}
.dialogManageCondolence > .content > .body > div > b {
  font-size: 1.4rem;
  margin-bottom: 5px;
}
.dialogManageCondolence > .content > .actions {
  display: flex;
  justify-content: space-between;
}

.dialogPersonalInformation > .content > .body {
  margin-bottom: 12px;
}
.dialogPersonalInformation > .content > .body > .form__control {
  display: flex;
  flex-direction: column;
}
.dialogPersonalInformation > .content > .body > .form__control > input {
  width: 100%;
}
.dialogPersonalInformation > .content > .body > .form__control > .field-validation-error {
  margin-left: 8px;
}
.dialogPersonalInformation > .content > .actions {
  display: flex;
  justify-content: flex-end;
}

.dialogDeleteOfflineOrder .dialog-footer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
}
.dialogDeleteOfflineOrder .dialog-footer .btn, .dialogDeleteOfflineOrder .dialog-footer html body .file-wrapper .k-upload-action, html body .file-wrapper .dialogDeleteOfflineOrder .dialog-footer .k-upload-action, .dialogDeleteOfflineOrder .dialog-footer .k-upload-button {
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .divider {
    height: 1px;
    margin-top: 19px;
    margin-bottom: 30px;
    background-color: #d8d8d8;
  }
  .divider.divider--small {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .divider__line {
    position: relative;
    padding-right: 15px;
  }
  .divider__line:before {
    position: absolute;
    top: 0;
    right: -16px;
    bottom: 0;
    width: 1px;
    background-color: #d8d8d8;
    content: "";
  }
  .divider__line.line--left {
    padding-right: 0;
    padding-left: 15px;
  }
  .divider__line.line--left:before {
    right: auto;
    left: -15px;
  }
}

.dropdown {
  background-color: white;
  position: absolute;
  top: -20000rem;
  right: 0;
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.25);
  width: 24rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0;
  transform: scale(0.95);
  transition: opacity linear 0.1s, transform linear 0.1s;
}
.dropdown .dropdown__title {
  font-size: 1.4rem;
  padding: 2rem 2rem 1rem 2rem;
  font-weight: 700;
  color: #8b8b8b;
  text-transform: uppercase;
}
.dropdown ul li {
  border: 0;
  display: block;
  width: 100%;
  float: none;
}
.dropdown ul li button,
.dropdown ul li span,
.dropdown ul li a {
  font-size: 1.4rem;
  display: block;
  width: 100%;
  padding: 1.1rem 2rem;
  text-decoration: none;
  color: #282828;
  text-align: left;
  border: none;
  background: none;
}
.dropdown ul li button:hover,
.dropdown ul li span:hover,
.dropdown ul li a:hover {
  background-color: #f4f4f4;
}
.dropdown ul li button:focus,
.dropdown ul li span:focus,
.dropdown ul li a:focus {
  background-color: #ebebeb;
  outline: none;
}
.dropdown ul li a, .dropdown ul li button {
  cursor: pointer;
}

.dropdown.open {
  top: 7rem;
  opacity: 1;
  opacity: 1;
  transform: scale(1);
  transition: opacity linear 0.1s, transform linear 0.1s;
}
.dropdown.open ul li a {
  transform: translateX(0);
  opacity: 1;
}

.template__add__item .form__control input {
  width: calc(100% - 144px);
}
.template__add__item .form__control .btn, .template__add__item .form__control html body .file-wrapper .k-upload-action, html body .file-wrapper .template__add__item .form__control .k-upload-action, .template__add__item .form__control .k-upload-button {
  margin-left: 10px;
  vertical-align: top;
}

.k-upload {
  border: none !important;
}

.k-dropzone {
  height: 180px;
  padding: 0 !important;
  border: 1px solid #d8d8d8 !important;
}
.k-dropzone.k-dropzone-hovered {
  border: 1px dashed #8b8b8b !important;
  background-color: #f4f4f4;
}
.k-dropzone em {
  position: absolute;
  left: 50%;
  top: 68%;
  transform: translate(-50%, -50%);
  margin: 0 !important;
  visibility: visible !important;
  font-family: "Open Sans";
  font-size: 1.4rem;
  line-height: 2.1;
  color: #3f3f3f;
  font-style: normal;
}

.k-upload-button {
  color: #fff !important;
  border-color: #33b767 !important;
  background-color: #33b767 !important;
  box-shadow: none !important;
  position: absolute !important;
  left: 50% !important;
  top: 42% !important;
  transform: translate(-50%, -50%) !important;
  display: inline-block !important;
  padding: 9px 20px !important;
  border: 1px solid transparent !important;
  border-radius: 25px !important;
  text-decoration: none !important;
  transition: background-color linear 0.1s !important;
  cursor: pointer !important;
}
.k-upload-button:hover, .k-upload-button:active {
  background-color: #84d3a3 !important;
  border-color: #84d3a3 !important;
}
.k-upload-button .btn__text, .k-upload-button span {
  display: inline-block !important;
  font-family: "Open Sans" !important;
  font-weight: 700 !important;
  font-size: 1.4rem !important;
  line-height: 2.4rem !important;
  text-transform: uppercase !important;
  vertical-align: top !important;
}
.k-upload-button:focus {
  outline: none !important;
}
.k-upload-button span {
  line-height: 1.4;
}

html body .file-wrapper .k-upload-action {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff !important;
  border-color: #ff4a4a !important;
  background: #ff4a4a !important;
  display: block !important;
}
html body .file-wrapper .k-upload-action .k-icon {
  font-family: "Material-Design-Iconic-Font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  background-image: none;
  opacity: 1;
}
html body .file-wrapper .k-upload-action .k-icon:before {
  content: "\F154" !important;
}
html body .file-wrapper .k-upload-action:hover, html body .file-wrapper .k-upload-action:active {
  background: #ff6e6e !important;
  border-color: #ff6e6e !important;
}

.k-upload-status {
  display: none;
}

.k-upload-files {
  margin: 0;
  min-height: 180px;
  border: 1px solid #d8d8d8 !important;
}

.k-file {
  position: relative;
  padding: 20px !important;
  border: none !important;
}

.file-name-heading {
  font-family: "Open Sans";
  font-size: 1.4rem;
  line-height: 2.1;
  color: #3f3f3f;
  font-style: normal;
}

.file-wrapper {
  min-height: 140px;
}
.file-wrapper .upload__progress {
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  transform: translateY(-50%);
}
.file-wrapper .upload_preview img {
  max-width: 100%;
  height: auto;
}

.upload__validation {
  padding-top: 10px;
}
.upload__validation li {
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #ff4a4a;
}

.upload__state--default .img__properties,
.upload__state--default .file-wrapper .upload__complete,
.upload__state--default .file-wrapper .upload__progress,
.upload__state--default .k-upload-files {
  display: none;
}
.upload__state--default .upload__serverside__validation,
.upload__state--default .k-dropzone {
  display: block;
}

.upload__state--progress .upload__serverside__validation,
.upload__state--progress .img__properties,
.upload__state--progress .file-wrapper .upload__complete,
.upload__state--progress .k-dropzone {
  display: none;
}
.upload__state--progress .file-wrapper .upload__progress,
.upload__state--progress .k-upload-files {
  display: block;
}

.upload__state--preview .upload__serverside__validation,
.upload__state--preview .file-wrapper .upload__progress,
.upload__state--preview .k-dropzone {
  display: none;
}
.upload__state--preview .img__properties,
.upload__state--preview .file-wrapper .upload__complete,
.upload__state--preview .k-upload-files {
  display: block;
}

.uploadcontainer .preview .form__control {
  padding: 20px;
  border: 1px solid #d8d8d8;
  position: relative;
}
.uploadcontainer .preview img {
  display: block;
  max-width: 100%;
  height: auto;
}
.uploadcontainer .preview button {
  position: absolute;
  top: 20px;
  right: 20px;
}
.uploadcontainer .upload .form__control {
  padding: 20px;
  border: 1px solid #d8d8d8;
  position: relative;
  text-align: center;
}

.uploadcontainer__state--default .upload {
  display: block;
}
.uploadcontainer__state--default .preview {
  display: none;
}

.uploadcontainer__state--preview .upload {
  display: none;
}
.uploadcontainer__state--preview .preview {
  display: block;
}

.multiple-upload-listing {
  margin-bottom: 20px;
}
.multiple-upload-listing .img-item__list {
  border-top: none;
}
.multiple-upload-listing .img-item__list li {
  padding: 10px;
}
.multiple-upload-listing .img-item__list li:before, .multiple-upload-listing .img-item__list li:after {
  display: table;
  content: "";
}
.multiple-upload-listing .img-item__list li:after {
  clear: both;
}
.multiple-upload-listing .img-item__list li:first-child {
  border-top: 1px solid #d8d8d8;
}
.multiple-upload-listing .img-item__list .item__img {
  width: 80px;
  float: left;
}
.multiple-upload-listing .img-item__list .item__img img {
  display: block;
  max-width: 100%;
  height: auto;
}
.multiple-upload-listing .img-item__list .item__name {
  float: left;
  width: 200px;
  padding-right: 20px !important;
  line-height: 60px;
}
.multiple-upload-listing .sortable__numbers {
  border-top: none;
}
.multiple-upload-listing .sortable__numbers li {
  height: 101px;
}
.multiple-upload-listing .sortable__numbers li span {
  line-height: 80px;
}
.multiple-upload-listing .sortable__numbers li:first-child {
  border-top: 1px solid #d8d8d8;
}

.multiple-edit-preview {
  margin-bottom: 20px;
  border: 1px solid #d8d8d8;
}

.multiple-upload-error-listing {
  margin-top: 20px;
}
.multiple-upload-error-listing p {
  margin-bottom: 10px !important;
  font-size: 1.6rem;
  color: #000;
}
.multiple-upload-error-listing ul {
  background-color: #ff4a4a;
  padding: 10px;
  margin-bottom: 20px;
}
.multiple-upload-error-listing ul li {
  font-family: "Open Sans";
  font-size: 1.4rem;
  color: #fff;
}
.multiple-upload-error-listing ul li + li {
  margin-top: 10px;
}
.multiple-upload-error-listing ul li span {
  position: relative;
  display: block;
  padding-left: 15px;
}
.multiple-upload-error-listing ul li span:before {
  position: absolute;
  top: -1px;
  left: 0;
  display: inline-block;
  content: "-";
}
.multiple-upload-error-listing ul li span:first-child {
  font-weight: 700;
  padding-left: 0;
}
.multiple-upload-error-listing ul li span:first-child:before {
  display: none;
}

.filter__bar__has-search:before, .filter__bar__has-search:after {
  display: table;
  content: "";
}
.filter__bar__has-search:after {
  clear: both;
}
.filter__bar__has-search .filter__selectbox {
  float: left;
}
.filter__bar__has-search .filter__selectbox .form__group {
  margin-top: 0;
  display: inline-block;
  vertical-align: top;
  width: 190px;
}
.filter__bar__has-search .filter__selectbox .form__group + .form__group {
  margin-left: 10px;
}
.filter__bar__has-search .filter__selectbox .form__group.is-small {
  width: 200px !important;
}
.filter__bar__has-search .filter__selectbox .btn, .filter__bar__has-search .filter__selectbox .k-upload-button, .filter__bar__has-search .filter__selectbox html body .file-wrapper .k-upload-action, html body .file-wrapper .filter__bar__has-search .filter__selectbox .k-upload-action {
  vertical-align: top;
  margin-left: 10px;
}
.filter__bar__has-search .filter__selectbox.filter--big .form__group {
  width: 290px;
}
.filter__bar__has-search .filter__selectbox.filter--medium .form__group {
  width: 200px;
}
.filter__bar__has-search .filter__search .form__group {
  margin-top: 0;
  display: inline-block;
  vertical-align: top;
  width: 220px;
}
.filter__bar__has-search .filter__search .form__group .form__label {
  line-height: 4rem;
}
.filter__bar__has-search .filter__search .form__group + .form__group {
  margin-left: 10px;
}
.filter__bar__has-search .filter__search .btn, .filter__bar__has-search .filter__search .k-upload-button, .filter__bar__has-search .filter__search html body .file-wrapper .k-upload-action, html body .file-wrapper .filter__bar__has-search .filter__search .k-upload-action {
  vertical-align: top;
  margin-left: 10px;
}

@media screen and (max-width: 991px) {
  .filter__bar__has-search .filter__selectbox,
.filter__bar__has-search .filter__search {
    width: 100%;
  }
  .filter__bar__has-search .filter__selectbox.filter--big,
.filter__bar__has-search .filter__search.filter--big {
    margin-bottom: 20px;
  }
  .filter__bar__has-search .filter__selectbox.filter--big > .form__group.is-small,
.filter__bar__has-search .filter__search.filter--big > .form__group.is-small {
    width: 100% !important;
  }
  .filter__bar__has-search .filter__selectbox > .form__group,
.filter__bar__has-search .filter__search > .form__group {
    width: 100% !important;
  }
  .filter__bar__has-search .filter__selectbox > .form__group + .form__group,
.filter__bar__has-search .filter__search > .form__group + .form__group {
    margin-left: 0;
    margin-top: 10px;
  }
  .filter__bar__has-search .filter__selectbox .btn--save,
.filter__bar__has-search .filter__search .btn--save {
    width: 100% !important;
    margin-top: 20px;
    margin-left: 0 !important;
  }
}
fieldset {
  border: none;
  padding: 0;
}

.form__parallel .form__group {
  width: auto !important;
}

.form__group--inline {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  transition: all 0.2s linear;
}
.form__group--inline + .form__group--inline {
  margin-top: 20px;
}
.form__group--inline .form__group {
  margin-top: 0;
}
.form__group--inline .form__group + .form__group {
  margin-left: 20px;
  margin-top: 0;
}
.form__group--inline .form__group.is--small {
  width: 200px;
}
.form__group--inline .form__group.fill--space {
  flex: 1;
}
.form__group--inline + .form__group {
  margin-top: 20px;
}

.form__group + .form__group {
  margin-top: 20px;
}
.form__group + .form__group--inline {
  margin-top: 20px;
}
.form__group.is--small {
  width: 200px;
}
.form__group.is--disabled .form__control input {
  pointer-events: none;
  background-color: #f4f4f4;
  color: #d8d8d8;
}
.form__group.is--disabled .form__control input::-webkit-input-placeholder {
  color: #d8d8d8;
}
.form__group.is--disabled .form__control input:-moz-placeholder {
  color: #d8d8d8;
}
.form__group.is--disabled .form__control input::-moz-placeholder {
  color: #d8d8d8;
}
.form__group.is--disabled .form__control input:-ms-input-placeholder {
  color: #d8d8d8;
}
.form__group.is--error .form__control textarea,
.form__group.is--error .form__control .form__icon,
.form__group.is--error .form__control input {
  border-color: #ff4a4a;
}
.form__group.is--error .field-validation-error {
  display: block;
  white-space: normal;
}

.form__label {
  min-height: 1px;
}
.form__label label {
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #8b8b8b;
}
.form__label label.required:after {
  font-weight: bold;
  color: #ff6e6e;
  content: " *";
}

.form__control {
  position: relative;
}
.form__control p {
  margin: 0;
}
.form__control textarea,
.form__control input {
  width: 100%;
  padding: 9px 20px;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #3f3f3f;
  transition: all linear 0.2s;
}
.form__control textarea::-webkit-input-placeholder,
.form__control input::-webkit-input-placeholder {
  color: #d8d8d8;
}
.form__control textarea:-moz-placeholder,
.form__control input:-moz-placeholder {
  color: #d8d8d8;
}
.form__control textarea::-moz-placeholder,
.form__control input::-moz-placeholder {
  color: #d8d8d8;
}
.form__control textarea:-ms-input-placeholder,
.form__control input:-ms-input-placeholder {
  color: #d8d8d8;
}
.form__control textarea:focus,
.form__control input:focus {
  outline: none;
  border-color: #8b8b8b;
}
.form__control textarea:focus::-webkit-input-placeholder,
.form__control input:focus::-webkit-input-placeholder {
  color: #ebebeb;
}
.form__control textarea:focus:-moz-placeholder,
.form__control input:focus:-moz-placeholder {
  color: #ebebeb;
}
.form__control textarea:focus::-moz-placeholder,
.form__control input:focus::-moz-placeholder {
  color: #ebebeb;
}
.form__control textarea:focus:-ms-input-placeholder,
.form__control input:focus:-ms-input-placeholder {
  color: #ebebeb;
}
.form__control textarea:hover,
.form__control input:hover {
  border-color: #8b8b8b;
}
.form__control textarea {
  resize: vertical;
}
.form__control .form__icon--inside {
  position: absolute;
  top: 0;
  left: 11px;
  font-size: 2.4rem;
  line-height: 4rem;
  color: #d8d8d8;
}
.form__control .form__icon--inside + input {
  padding-left: 40px;
}
.form__control.form__prefix table {
  table-layout: auto;
}
.form__control.form__prefix table td {
  padding: 0;
  vertical-align: top;
}
.form__control.form__prefix table td + td {
  width: 100%;
}
.form__control.form__prefix table + table {
  margin-top: 10px;
}
.form__control.form__prefix input:active + .inputlabel,
.form__control.form__prefix input:focus + .inputlabel,
.form__control.form__prefix input:hover + .inputlabel {
  border-color: #8b8b8b;
}
.form__control.form__prefix .inputlabel {
  display: block;
  position: relative;
  padding: 9px 20px;
  font-size: 1.4rem;
  line-height: 1.4;
  height: 40px;
  color: #8b8b8b;
  border: 1px solid #d8d8d8;
  border-right: none;
  transition: border-color linear 0.2s;
  background-color: #ebebeb;
  pointer-events: none;
}
.form__control.form__prefix input {
  padding-left: 10px;
}

.field-validation-error,
.form__error-msg {
  clear: both;
  display: block;
  padding-top: 10px;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #ff4a4a;
  white-space: normal;
}
.field-validation-error span,
.form__error-msg span {
  display: block;
  padding-top: 10px;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #ff4a4a;
}

.validation-summary-valid span {
  display: none;
}
.validation-summary-valid ul {
  display: none;
}

.validation-summary-errors span {
  display: inline-block;
}

.error__bar {
  position: relative;
}
.error__bar .error__bar__close {
  display: none;
}
.error__bar .validation-summary-errors span {
  position: relative;
  display: block;
  margin-bottom: 10px;
  background-color: #ff6e6e;
  padding: 10px 0 10px 35px;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #fff;
  transition: opacity linear 0.2s;
}
.error__bar .validation-summary-errors ul {
  display: none;
}
.error__bar .validation-summary-errors + .error__bar__close {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  margin: 0;
  padding: 0 10px;
  background: none;
  border: none;
  font-size: 2rem;
  line-height: 2rem;
  z-index: 10;
}
.error__bar .validation-summary-errors + .error__bar__close i {
  position: relative;
  top: 1px;
  color: #fff;
}
.error__bar .validation-summary-errors + .error__bar__close:focus {
  outline: none;
}
.error__bar.ul-visible .validation-summary-errors ul {
  display: block;
  padding: 10px;
  border-top: 1px solid #fff;
  background-color: #ff6e6e;
}
.error__bar.ul-visible .validation-summary-errors ul li {
  font-family: "Open Sans";
  font-size: 1.3rem;
  color: #fff;
}
.error__bar.ul-visible .validation-summary-errors ul li + li {
  margin-top: 5px;
}
.error__bar.ul-visible .error__bar__close {
  top: 9px;
  transform: translateY(0);
}

.validation-summary-errors span, .validation-summary-errors ul {
  position: relative;
  display: block;
  margin-bottom: 10px;
  background-color: #ff6e6e;
  padding: 10px 0 10px 35px;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #fff;
  transition: opacity linear 0.2s;
}

.well .error__bar .validation-summary-errors span {
  margin: 20px 0 0 0;
}

.form__checkbox.is--vertical .checkbox__item {
  display: block;
}
.form__checkbox.is--vertical .checkbox__item + .checkbox__item {
  margin-top: 10px;
}
.form__checkbox.is--horizontal:before, .form__checkbox.is--horizontal:after {
  display: table;
  content: "";
}
.form__checkbox.is--horizontal:after {
  clear: both;
}
.form__checkbox.is--horizontal .checkbox__item {
  position: relative;
  display: inline-block;
  float: left;
  z-index: 1;
}
.form__checkbox.is--horizontal .checkbox__item + .checkbox__item {
  margin-left: -1px;
}
.form__checkbox.is--horizontal .checkbox__item:nth-child(1):hover {
  z-index: 10;
}
.form__checkbox.is--horizontal .checkbox__item:nth-child(2):hover {
  z-index: 10;
}
.form__checkbox.is--horizontal .checkbox__item:nth-child(3):hover {
  z-index: 10;
}

.checkbox__item {
  padding: 9px 10px;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  cursor: pointer;
  transition: all linear 0.2s;
}
.checkbox__item input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.checkbox__item span {
  position: relative;
  padding-left: 30px;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #3f3f3f;
}
.checkbox__item span:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #d8d8d8;
  content: "";
}
.checkbox__item input:checked + span:before {
  background-color: #33b767;
  border-color: #33b767;
}
.checkbox__item input:checked + span:after {
  font-family: "Material-Design-Iconic-Font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
  color: #fff;
  content: "\F26B";
}
.checkbox__item:hover {
  border-color: #8b8b8b;
}
.checkbox__item.is--disabled {
  pointer-events: none;
  background-color: #f4f4f4;
}
.checkbox__item.is--disabled span {
  color: #d8d8d8;
}

.form__radio.is--vertical .radio__item {
  display: block;
}
.form__radio.is--vertical .radio__item + .radio__item {
  margin-top: 10px;
}
.form__radio.is--horizontal:before, .form__radio.is--horizontal:after {
  display: table;
  content: "";
}
.form__radio.is--horizontal:after {
  clear: both;
}
.form__radio.is--horizontal .radio__item {
  position: relative;
  display: inline-block;
  float: left;
  z-index: 1;
}
.form__radio.is--horizontal .radio__item + .radio__item {
  margin-left: -1px;
}
.form__radio.is--horizontal .radio__item:nth-child(1):hover {
  z-index: 10;
}
.form__radio.is--horizontal .radio__item:nth-child(2):hover {
  z-index: 10;
}
.form__radio.is--horizontal .radio__item:nth-child(3):hover {
  z-index: 10;
}

.radio__item {
  padding: 9px 10px;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  cursor: pointer;
  transition: all linear 0.2s;
}
.radio__item input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.radio__item span {
  position: relative;
  padding-left: 30px;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #3f3f3f;
}
.radio__item span:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #d8d8d8;
  border-radius: 100%;
  content: "";
}
.radio__item input:checked + span:before {
  background-color: #33b767;
  border-color: #33b767;
}
.radio__item input:checked + span:after {
  font-family: "Material-Design-Iconic-Font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 9px;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 100%;
  content: "";
}
.radio__item:hover {
  border-color: #8b8b8b;
}
.radio__item.is--disabled {
  pointer-events: none;
  background-color: #f4f4f4;
}
.radio__item.is--disabled span {
  color: #d8d8d8;
}

.select-wrap {
  display: block;
  position: relative;
  border: 1px solid #d8d8d8;
  cursor: pointer;
  background-color: #fff;
  transition: all linear 0.2s;
}
.select-wrap:after {
  font-family: "Material-Design-Iconic-Font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 9px;
  right: 15px;
  pointer-events: none;
  font-size: 2.4rem;
  color: #3f3f3f;
  content: "\F2F9";
  display: none \9 ;
}
.select-wrap select {
  padding: 9px 15px 9px 15px;
  width: 100%;
  border: none;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #3f3f3f;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-color: #fff;
  padding-right: 12px \9 ;
}
.select-wrap select::-ms-expand {
  display: none;
}
.select-wrap select:focus {
  outline: none;
}
.select-wrap:focus:after {
  content: "\F2FC";
}
.select-wrap:hover {
  border-color: #8b8b8b;
}

.select-hidden {
  position: absolute;
  height: 0;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 100%;
}

.select-styled {
  padding: 9px 35px 9px 15px;
  width: 100%;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #3f3f3f;
  transition: all linear 0.2s;
}
.select-styled.is-empty {
  color: #8b8b8b;
}
.select-styled:after {
  font-family: "Material-Design-Iconic-Font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 9px;
  right: 15px;
  font-size: 2.4rem;
  color: #3f3f3f;
  content: "\F2F9";
}
.select-styled:hover {
  border-color: #8b8b8b;
}
.select-styled:active, .select-styled.active {
  border-color: #8b8b8b;
}
.select-styled:active:after, .select-styled.active:after {
  top: 9px;
  content: "\F2FC";
}

.select-options {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ebebeb;
  overflow: auto;
  overflow-x: hidden;
  max-height: 285px;
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.25);
}
.select-options li {
  margin: 0;
  padding: 10px 15px 10px 20px;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #3f3f3f;
  margin-left: 15px;
  transition: all 0.2s ease-out;
}
.select-options li:active, .select-options li:hover {
  background-color: #f4f4f4;
}
.select-options li.is-selected {
  position: relative;
}
.select-options li.is-selected:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-family: "Material-Design-Iconic-Font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
  content: "\F26B";
}
.select-options li[rel=hide] {
  color: #8b8b8b;
  display: none;
}
.select-options li.is-not-selectable {
  font-weight: bold;
  color: #3f3f3f;
  cursor: default;
}
.select-options li.is-not-selectable:hover, .select-options li.is-not-selectable:active {
  background-color: #fff;
}

.amount-select {
  display: inline-block;
  width: 120px;
  height: 40px;
}
.amount-select:before, .amount-select:after {
  display: table;
  content: "";
}
.amount-select:after {
  clear: both;
}
.amount-select input[type=number] {
  -moz-appearance: textfield;
}

.amount-input {
  position: relative;
  display: block;
  float: left;
  width: 40px;
  border: 1px solid #d8d8d8;
  transition: border-color linear 0.2s;
}
.amount-input .numeric-stepper {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 38px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  text-align: center;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #3f3f3f;
}
.amount-input .numeric-stepper::-webkit-inner-spin-button, .amount-input .numeric-stepper::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.amount-input:hover {
  z-index: 10;
  border-color: #8b8b8b;
}

.amount-nav {
  position: relative;
  display: block;
  float: left;
}
.amount-nav div {
  position: relative;
  width: 40px;
  height: 40px;
  border: 1px solid #d8d8d8;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  background-color: #fff;
  transition: border-color linear 0.2s;
}
.amount-nav div i {
  font-family: "Material-Design-Iconic-Font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.4rem;
  line-height: 2.4rem;
  color: #33b767;
}
.amount-nav div.is-disabled {
  cursor: not-allowed;
}
.amount-nav div.is-disabled i {
  color: #d8d8d8;
}
.amount-nav div.is-disabled:hover {
  border-color: #d8d8d8;
}
.amount-nav div:hover {
  border-color: #8b8b8b;
  z-index: 10;
}
.amount-nav div.amount-up {
  margin-left: -1px;
}
.amount-nav div.amount-down {
  margin-right: -1px;
}

.form__fileupload input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.form__fileupload label .btn__icon, .form__fileupload label .btn .btn__icon--left, .btn .form__fileupload label .btn__icon--left, .form__fileupload label .k-upload-button .btn__icon--left, .k-upload-button .form__fileupload label .btn__icon--left, .form__fileupload label html body .file-wrapper .k-upload-action .btn__icon--left, html body .file-wrapper .k-upload-action .form__fileupload label .btn__icon--left {
  top: 9px;
  font-size: 1.9rem;
}
.form__fileupload input:focus + label {
  background-color: #84d3a3;
  border-color: #84d3a3;
}
.form__fileupload .fileupload__filename {
  display: inline-block;
  margin-left: 10px;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 3.2;
  vertical-align: top;
}

.form--horizontal .form__group:before, .form--horizontal .form__group:after {
  display: table;
  content: "";
}
.form--horizontal .form__group:after {
  clear: both;
}
.form--horizontal .form__group .form__label {
  float: left;
  width: 30%;
  padding-right: 20px;
  text-align: right;
}
.form--horizontal .form__group .form__label label {
  line-height: 4rem;
}
.form--horizontal .form__group .form__control {
  /*float:left;
  width: 70%;*/
}
.form--horizontal .form__group .form__control p {
  margin-top: 7px;
}
.form--horizontal .form__group .form__error-msg {
  padding-left: 30%;
}

.form--vertical .form__group:before, .form--vertical .form__group:after {
  display: table;
  content: "";
}
.form--vertical .form__group:after {
  clear: both;
}
.form--vertical .form__group .form__label {
  margin-bottom: 10px;
}
.block__toggle {
  position: absolute;
  top: -5px;
  right: 60px;
}

.form__action {
  display: flex;
  gap: 6px;
  width: 100%;
}
.form__action > button {
  min-width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #282828;
  color: white;
  border: none;
  border-radius: 25px;
}
.form__action > button > i {
  font-size: 1.4rem;
}

.list {
  margin-bottom: 2rem;
}
.list li {
  margin: 0;
  position: relative;
  padding-left: 15px;
}
.list li + li {
  margin-top: 10px;
}
.list li:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #8b8b8b;
  content: "";
}

.well__inner .list__group {
  padding: 0;
}

.list__group {
  padding: 20px;
}
.list__group.list__group--full {
  padding: 0;
}
.list__group.list__group--full ul {
  border: none;
}
.list__group.list__group--links ul li div,
.list__group.list__group--links ul li a {
  display: block;
  text-decoration: none;
  transition: background-color linear 0.2s;
}
.list__group.list__group--links ul li div span,
.list__group.list__group--links ul li a span {
  text-decoration: none;
}
.list__group.list__group--links ul li div:hover,
.list__group.list__group--links ul li a:hover {
  background-color: #f4f4f4;
}
.list__group.list__group--alt ul li:nth-child(even) {
  background-color: #f4f4f4;
}
.list__group ul {
  list-style: none;
  border: 1px solid #d8d8d8;
}
.list__group ul li {
  position: relative;
}
.list__group ul li span {
  display: inline-block;
  padding: 10px;
  font-family: "Open Sans";
  font-size: 1.4rem;
  line-height: 2rem;
  color: #3f3f3f;
  /*&:last-child {
      padding-left:0; 
  }*/
}
.list__group ul li span a {
  display: inline-block;
  line-height: 2rem;
}
.list__group ul li + li {
  border-top: 1px solid #d8d8d8;
}
.list__group ul li:hover .item__controls {
  opacity: 1;
}
.list__group ul li:hover span {
  text-decoration: none;
}
.list__group ul li .badge {
  position: relative;
  top: 11px;
  right: 10px;
  float: right;
}
.list__group ul li .item__link {
  cursor: pointer;
}
.list__group ul li .item__link.item--active {
  background-color: #ebebeb;
}
.list__group ul li .item__count {
  display: inline-block;
  width: 50px;
  font-family: "Milo OT";
  font-weight: 700;
  font-size: 2rem;
  color: #33b767;
  text-align: right;
}
.list__group ul li .item__controls {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 5px 10px;
  width: 95px;
  opacity: 0;
  text-align: right;
}
.list__group ul li .item__controls .btn, .list__group ul li .item__controls .k-upload-button, .list__group ul li .item__controls html body .file-wrapper .k-upload-action, html body .file-wrapper .list__group ul li .item__controls .k-upload-action {
  color: #fff;
}
.list__group ul li .item__controls .btn + .btn, .list__group ul li .item__controls .k-upload-button + .btn, .list__group ul li .item__controls html body .file-wrapper .k-upload-action + .btn, html body .file-wrapper .list__group ul li .item__controls .k-upload-action + .btn, .list__group ul li .item__controls .btn + .k-upload-button, .list__group ul li .item__controls .k-upload-button + .k-upload-button, .list__group ul li .item__controls html body .file-wrapper .k-upload-action + .k-upload-button, html body .file-wrapper .list__group ul li .item__controls .k-upload-action + .k-upload-button, .list__group ul li .item__controls html body .file-wrapper .btn + .k-upload-action, html body .file-wrapper .list__group ul li .item__controls .btn + .k-upload-action, .list__group ul li .item__controls html body .file-wrapper .k-upload-button + .k-upload-action, html body .file-wrapper .list__group ul li .item__controls .k-upload-button + .k-upload-action, .list__group ul li .item__controls html body .file-wrapper .k-upload-action + .k-upload-action, html body .file-wrapper .list__group ul li .item__controls .k-upload-action + .k-upload-action {
  margin-left: 10px;
}
.list__group ul li .item__thumb {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.list__group ul li .item__thumb img {
  display: block;
  max-width: 100%;
  height: auto;
}
.list__group ul li .item__thumb + span {
  padding-left: 50px;
}
.list__group ul li .item__price {
  float: right;
}
.list__group ul li .item__icon {
  position: absolute;
  top: 7px;
  left: 12px;
  padding: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 2.3rem;
  line-height: 2.3rem;
  text-align: center;
}
.list__group ul li .item__icon + span {
  padding-left: 50px;
}
.list__group ul li .item__time {
  float: right;
  padding-left: 0;
  color: #8b8b8b;
}

.list__group--sortable {
  position: relative;
  padding-left: 40px !important;
}
.list__group--sortable li {
  position: relative;
  cursor: move;
}
.list__group--sortable li span {
  padding-right: 50px !important;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list__group--sortable li.sortable-chosen {
  background-color: #f4f4f4;
}
.list__group--sortable li.sortable-ghost {
  background-color: #f4f4f4;
}
.list__group--sortable li.sortable-ghost .sortable__icon:before, .list__group--sortable li.sortable-ghost .sortable__icon:after {
  background-color: #8b8b8b;
}
.list__group--sortable li.sortable-ghost .sortable__options {
  opacity: 1;
}
.list__group--sortable li:hover .sortable__icon:before, .list__group--sortable li:hover .sortable__icon:after {
  background-color: #8b8b8b;
}
.list__group--sortable li:hover .sortable__options {
  opacity: 1;
}
.list__group--sortable li.is-moving:hover .sortable__icon:before, .list__group--sortable li.is-moving:hover .sortable__icon:after {
  background-color: #d8d8d8;
}
.list__group--sortable li.is-moving:hover .sortable__options {
  opacity: 0;
}
.list__group--sortable li .sortable__icon {
  position: absolute;
  right: 20px;
  top: 50%;
  display: block;
  height: 4px;
  transform: translateY(-50%);
}
.list__group--sortable li .sortable__icon:before, .list__group--sortable li .sortable__icon:after {
  position: absolute;
  right: 0;
  width: 15px;
  height: 2px;
  background-color: #d8d8d8;
  content: "";
}
.list__group--sortable li .sortable__icon:before {
  top: 0;
}
.list__group--sortable li .sortable__icon:after {
  top: 4px;
}
.list__group--sortable .sortable__numbers {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  border-right: none;
}
.list__group--sortable .sortable__numbers li {
  background-color: #f4f4f4;
  text-align: center;
  cursor: default;
}
.list__group--sortable .sortable__numbers li span {
  padding: 10px 0 !important;
  font-size: 1.4rem;
  line-height: 1.48;
  font-weight: 700;
}
.list__group--sortable .sortable__options {
  position: absolute;
  top: 50%;
  right: 60px;
  transform: translateY(-50%);
  opacity: 0;
}

.collapse__sortable__controls {
  right: 40px !important;
}

.media-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -10px;
}

.media-Grid-item {
  padding: 5px;
  flex-grow: 0;
  flex-shrink: 0;
}

.media-item {
  position: relative;
  height: 100px;
  width: 100px;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  overflow: hidden;
}
.media-item figure {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0px;
}
.media-item figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  max-width: 100%;
  height: auto;
}
.media-item:hover .media-options {
  transform: translateY(0);
  opacity: 1;
}

.media-options {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  flex-direction: row;
  opacity: 0;
  transform: translateY(-200px);
  transition: opacity ease-in-out 0.2s;
}

.media-picker {
  display: flex;
  flex-direction: row;
}

.media-picker-item-placeholder {
  display: block;
  width: 100px;
  height: 100px;
  background: none;
  border: 1px dashed #d8d8d8;
  font-size: 4rem;
  transition: border-color ease-in-out 0.2s;
}
.media-picker-item-placeholder i {
  top: 0;
  color: #d8d8d8;
  transition: color ease-in-out 0.2s;
}
.media-picker-item-placeholder:focus {
  outline: none;
}
.media-picker-item-placeholder:hover {
  border-color: #8b8b8b;
}
.media-picker-item-placeholder:hover i {
  color: #8b8b8b;
}

.media-picker-list {
  display: none;
}
.media-picker-list.has-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.media-picker-item {
  position: relative;
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid #d8d8d8;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.media-picker-item figure {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  margin: 0px;
}
.media-picker-item figure img {
  display: block;
  max-width: 100%;
  height: auto;
}
.media-picker-item:hover .media-picker-options {
  transform: translateY(0);
  opacity: 1;
}

.media-picker-options {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0;
  transform: translateY(-200px);
  transition: opacity ease-in-out 0.2s;
}

#templateMediaPickerModal .media-grid {
  margin: -5px;
}
#templateMediaPickerModal .media-Grid-item {
  flex-basis: 100px;
}
#templateMediaPickerModal .media-item {
  transition: border-color ease-in-out 0.2s;
  cursor: pointer;
}
#templateMediaPickerModal .media-item.is-active {
  border-color: #33b767;
}
#templateMediaPickerModal .media-item.is-active:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 100%;
  display: block;
  width: 20px;
  height: 20px;
  z-index: 10;
  font-family: "Material-Design-Iconic-Font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.5rem;
  line-height: 0.8;
  color: #33b767;
  content: "\F269";
}
#templateMediaPickerModal .media-item:hover {
  border-color: #8b8b8b;
}

/* Default theme styles for the background */
.modal {
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.25);
}
.modal header h2 {
  margin-top: 1rem;
}
.modal p {
  line-height: 2.5rem;
}

.modal--confirm .h3, .modal--confirm .k-window .k-window-titlebar .k-window-title, .k-window .k-window-titlebar .modal--confirm .k-window-title {
  color: #313131;
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(40, 40, 40, 0.5);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation: remodal-overlay-opening-keyframes 0.3s;
          animation: remodal-overlay-opening-keyframes 0.3s;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation: remodal-overlay-closing-keyframes 0.3s;
          animation: remodal-overlay-closing-keyframes 0.3s;
}

/* Default theme styles of the modal dialog */
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation: remodal-opening-keyframes 0.3s;
          animation: remodal-opening-keyframes 0.3s;
}

.remodal.remodal-is-closing {
  -webkit-animation: remodal-closing-keyframes 0.3s;
          animation: remodal-closing-keyframes 0.3s;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.95);
    opacity: 0;
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 800px;
  }
  .remodal.modal--confirm {
    width: 39rem;
  }
  .remodal.modal--okay {
    width: 45rem;
  }
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

.modal.well {
  border: none;
}
.modal .well__inner {
  text-align: left;
}

.btn__modal--close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 20;
}

.modal--large {
  width: 800px;
}

.popover {
  position: absolute;
  z-index: 15;
  opacity: 0;
  transform: scale(0.95);
  transition: opacity linear 0.1s, transform linear 0.1s;
}
.popover.right-top, .popover.right-bottom {
  padding-left: 10px;
}
.popover.left-top, .popover.left-bottom {
  padding-right: 10px;
}
.popover.in {
  opacity: 1;
  transform: scale(1);
}

.popover__content {
  background-color: #fff;
  width: 370px;
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.popover__content ul li {
  border: 0;
  display: block;
  width: 100%;
  float: none;
}
.popover__content ul li a {
  font-size: 1.4rem;
  display: block;
  padding: 1.1rem 2rem;
  text-decoration: none;
  color: #282828;
}
.popover__content ul li a:hover {
  background-color: #f4f4f4;
}
.popover__content ul li a:focus {
  background-color: #ebebeb;
}
.progress {
  text-align: center;
}

.progress__percentage {
  display: block;
  margin-bottom: 10px;
  color: #f48617;
  text-transform: uppercase;
  line-height: 1;
}

.progress__rail {
  background-color: #d8d8d8;
  border-radius: 25px;
  overflow: hidden;
}

.progress--lg .progress__bar {
  height: 20px;
}

.progress--sm .progress__bar {
  height: 5px;
}

.progress__bar {
  height: 10px;
  width: 25%;
  background-color: #33b767 !important;
}

.is--multiple .k-upload-files {
  min-height: 0;
}

.multiple-upload-progress .file-wrapper {
  height: auto;
  min-height: 0;
}
.multiple-upload-progress .progress__bar {
  position: relative;
}

.quicklink {
  display: block;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  transition: background-color linear 0.2s;
}
.quicklink i {
  display: block;
  font-size: 2.4rem;
  color: #fff;
}

.quicklink__title {
  display: block;
  margin-top: 16px;
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #fff;
}

.quicklink--error {
  background-color: #ff4a4a;
}
.quicklink--error:hover {
  background-color: #ff6e6e;
}

.quicklink--neutral {
  background-color: #2d87d4;
}
.quicklink--neutral:hover {
  background-color: #64a6de;
}

.quicklink--success {
  background-color: #33b767;
}
.quicklink--success:hover {
  background-color: #84d3a3;
}

.sidenav-open .quicklink__title {
  height: 40px;
}
@media (min-width: 1170px) {
  .sidenav-open .quicklink__title {
    height: auto;
  }
}

table {
  table-layout: fixed;
  width: 100%;
}
table thead {
  border-bottom: 1px solid #d8d8d8;
}
table thead th {
  text-align: left;
  padding: 10px;
}
table thead th:first-child {
  padding-left: 0;
}
table thead th:last-child {
  padding-right: 0;
}
table thead th .table__header {
  position: relative;
  padding-right: 20px;
  padding-left: 0;
  font-family: "Milo OT";
  font-size: 2rem;
  line-height: 3rem;
  color: #33b767;
  background: none;
  border: none;
  transition: color linear 0.2s;
  text-decoration: none;
}
table thead th .table__header:focus {
  outline: none;
}
table thead th .table__header:hover, table thead th .table__header:active {
  color: #84d3a3;
}
table thead th .table__header i {
  position: absolute !important;
  top: 5px;
  right: 0;
  font-size: 2rem;
  line-height: 2rem;
  color: #d8d8d8;
}
table thead th .table__header.is-asc i {
  top: 4px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #313131;
}
table thead th .table__header.is-asc i:before {
  content: "\F2FC";
}
table thead th .table__header.is-desc i {
  top: 4px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #313131;
}
table thead th .table__header.is-desc i:before {
  content: "\F2F9";
}
table thead th span.table__header:hover {
  color: #33b767;
}
table tbody tr {
  border-bottom: 1px solid #d8d8d8;
}
table tbody tr:last-child {
  border-bottom: none;
}
table tbody tr td {
  padding: 10px;
  vertical-align: top;
}
table tbody tr td > span.overflow {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
table tbody tr td:first-child {
  padding-left: 0;
}
table tbody tr td:last-child {
  padding-right: 0;
}
table tbody tr td .table__col {
  height: 30px;
  font-family: "Open Sans";
  font-size: 1.4rem;
  line-height: 3rem;
  color: #3f3f3f;
  word-break: break-word;
}
table tbody tr td .table__col .btn + .btn, table tbody tr td .table__col .k-upload-button + .btn, table tbody tr td .table__col html body .file-wrapper .k-upload-action + .btn, html body .file-wrapper table tbody tr td .table__col .k-upload-action + .btn, table tbody tr td .table__col .btn + .k-upload-button, table tbody tr td .table__col .k-upload-button + .k-upload-button, table tbody tr td .table__col html body .file-wrapper .k-upload-action + .k-upload-button, html body .file-wrapper table tbody tr td .table__col .k-upload-action + .k-upload-button, table tbody tr td .table__col html body .file-wrapper .btn + .k-upload-action, html body .file-wrapper table tbody tr td .table__col .btn + .k-upload-action, table tbody tr td .table__col html body .file-wrapper .k-upload-button + .k-upload-action, html body .file-wrapper table tbody tr td .table__col .k-upload-button + .k-upload-action, table tbody tr td .table__col html body .file-wrapper .k-upload-action + .k-upload-action, html body .file-wrapper table tbody tr td .table__col .k-upload-action + .k-upload-action {
  margin-left: 10px;
}
table tbody tr .table__col__options {
  opacity: 0;
  padding-right: 10px;
}
table tbody tr .table__col__options.is--active {
  opacity: 1;
}
table tbody tr .table__col__options .btn, table tbody tr .table__col__options .k-upload-button, table tbody tr .table__col__options html body .file-wrapper .k-upload-action, html body .file-wrapper table tbody tr .table__col__options .k-upload-action {
  vertical-align: top;
}
table tbody tr:hover .table__col__options {
  opacity: 1;
}

.table__checkbox {
  position: relative;
  top: 4px;
  display: inline-block;
  padding-right: 10px;
}
.table__checkbox label {
  position: relative;
}
.table__checkbox label input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.table__checkbox label span {
  display: block;
  position: relative;
  border: 1px solid #d8d8d8;
  color: #3f3f3f;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: all linear 0.2s;
  font-size: 1.4rem;
  line-height: 2rem;
}
.table__checkbox label span:hover {
  border-color: #8b8b8b;
}
.table__checkbox label input:checked + span {
  background-color: #33b767;
  border-color: #33b767;
}
.table__checkbox label input:checked + span:before {
  font-family: "Material-Design-Iconic-Font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  color: #fff;
  content: "\F26B";
}
.table__checkbox.show-as-radio label span {
  border-radius: 100%;
}

.table__child-notifier {
  display: inline-block;
  width: 20px;
  height: 2px;
  margin-right: 5px;
  background-color: #d8d8d8;
}

.table__col__options {
  text-align: right;
}

.info-msg {
  color: #8b8b8b;
  font-size: 1.2rem;
}

.table__rows--hover tbody tr:hover {
  background-color: #f4f4f4;
}
.table__rows--hover tbody tr.is-disabled:hover {
  background-color: transparent;
}
.table__rows--hover tbody tr.is-disabled .table__col {
  color: #8b8b8b;
}

.table__data thead tr th span {
  display: block;
  height: 30px;
  font-family: "Open Sans";
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 3rem;
  color: #3f3f3f;
}
.table__data tbody tr td:first-child {
  width: 200px;
}
.table__data tbody tr td:last-child {
  padding-right: 10px;
}
.table__data tbody tr td .table__col i {
  display: inline-block;
  margin-right: 15px;
  font-size: 2rem;
}

.table__options--small tr td:last-child, .table__options--small tr th:last-child {
  width: 150px;
}

.table__head {
  position: relative;
}
.table__head:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 25px;
  height: 100%;
  background-color: #fff;
  content: "";
}

.table__select thead tr td:first-child, .table__select thead tr th:first-child,
.table__select tbody tr td:first-child,
.table__select tbody tr th:first-child {
  padding-left: 20px;
}
.table__select thead tr td:last-child, .table__select thead tr th:last-child,
.table__select tbody tr td:last-child,
.table__select tbody tr th:last-child {
  padding-right: 20px;
}
.table__select tbody tr:nth-child(odd) {
  background-color: #f4f4f4;
}
.table__select tbody tr .table__col__options {
  opacity: 0;
  transition: opacity linear 0.4s;
}
.table__select tbody tr:hover .table__col__options {
  opacity: 1;
}

.table__revenue tr td {
  font-size: 1.6rem;
  line-height: 1.3;
}
.table__revenue tr td strong {
  color: #3f3f3f;
}
.table__revenue tr td:last-child {
  text-align: right;
}

.well__tab__controls {
  position: relative;
  margin-bottom: -1px;
  z-index: 10;
}
.well__tab__controls nav:before, .well__tab__controls nav:after {
  display: table;
  content: "";
}
.well__tab__controls nav:after {
  clear: both;
}
.well__tab__controls nav ul {
  float: right;
}
.well__tab__controls nav ul li {
  float: left;
}
.well__tab__controls nav ul li + li button {
  border-left: none;
}
.well__tab__controls nav ul li button {
  display: inline-block;
  padding: 0 20px;
  height: 59px;
  background: none;
  background-color: #ebebeb;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 6rem;
  color: #8b8b8b;
  border: 1px solid #d8d8d8;
  text-transform: uppercase;
  transition: background-color linear 0.2s;
  text-decoration: none;
}
.well__tab__controls nav ul li button:focus {
  outline: none;
}
.well__tab__controls nav ul li button:hover {
  background-color: #f4f4f4;
}
.well__tab__controls nav ul li button.is-active {
  background-color: #fff;
  border-bottom-color: #fff;
}
.well__tab__controls nav ul li button.is-active.has-errors:before {
  display: none;
}
.well__tab__controls nav ul li button.has-errors {
  position: relative;
}
.well__tab__controls nav ul li button.has-errors:before {
  position: absolute;
  top: -7px;
  right: 5px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #ff6e6e;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.4;
  content: "!";
}

.well__tab__pane {
  display: none;
}
.well__tab__pane.is-active {
  display: block;
}

.toast--alert, .toast--success {
  padding: 15px;
  font-size: 16px;
}
.toast--alert > span, .toast--success > span {
  display: flex;
  align-items: center;
}
.toast--alert > span span, .toast--success > span span {
  font-size: 24px;
  margin-right: 10px;
}
.toast--alert *, .toast--success * {
  color: white;
}

.toast--success {
  background-color: #33b767;
}

.toast--alert {
  background-color: red;
}

.tooltip {
  position: absolute;
  z-index: 100;
  display: block;
  opacity: 0;
}
.tooltip.in {
  opacity: 1;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  padding: 7px 10px;
  max-width: 300px;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px 5px 0;
  border-top-color: rgba(0, 0, 0, 0.8);
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 10px;
  margin-bottom: -10px;
  border-width: 10px 10px 0;
  border-top-color: rgba(0, 0, 0, 0.8);
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 10px;
  margin-bottom: -10px;
  border-width: 10px 10px 0;
  border-top-color: rgba(0, 0, 0, 0.8);
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-width: 5px 5px 5px 0;
  border-right-color: rgba(0, 0, 0, 0.8);
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-width: 5px 0 5px 5px;
  border-left-color: rgba(0, 0, 0, 0.8);
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 5px 5px;
  border-bottom-color: rgba(0, 0, 0, 0.8);
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 10px;
  margin-top: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: rgba(0, 0, 0, 0.8);
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 10px;
  margin-top: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: rgba(0, 0, 0, 0.8);
}

.add__data--slide {
  height: 0;
  overflow: hidden;
  transition: height linear 0.1s;
}

.well {
  position: relative;
  border: 1px solid transparent;
  /*+ .well__footer {
      left: 16px;
      right: 16px;
      bottom: 1px;
  }*/
}
.well .well__inner {
  padding: 20px;
}
.well .well__inner header {
  position: relative;
}
.well .well__inner.well--slim {
  padding: 15px;
}
.well .divider {
  margin-left: -20px;
  margin-right: -20px;
}
.well.well--footer-lg {
  padding-bottom: 80px;
}
.well.well--footer-lg + .well__footer,
.well.well--footer-lg .well__footer {
  height: 80px;
  padding: 20px 20px 19px 20px;
}
.well.well--footer-sm {
  padding-bottom: 60px;
}
.well.well--footer-sm + .well__footer,
.well.well--footer-sm .well__footer {
  height: 60px;
  padding: 10px 20px 9px 20px;
}
.well.has-errors {
  position: relative;
}
.well.has-errors:before {
  position: absolute;
  top: -7px;
  right: 5px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #ff6e6e;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
  content: "!";
}
.well .well + .well__footer {
  left: 1px;
  right: 1px;
}

.well__header {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 20px;
}

.well__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid transparent;
}
.well__footer:before, .well__footer:after {
  display: table;
  content: "";
}
.well__footer:after {
  clear: both;
}
.well__footer.footer--grey {
  background-color: #ebebeb;
}
.well__footer.footer--grey-dark {
  background-color: #3f3f3f;
}
.well__footer.standalone__footer {
  position: relative;
  height: 80px;
  padding: 20px 20px 19px;
  border: 1px solid #d8d8d8;
}
.well__footer form {
  float: left;
}
.well__footer form + form {
  margin-left: 10px;
}

.well--white {
  background-color: #fff;
}
.well--white.well--border {
  border-color: #d8d8d8;
}
.well--white + .well__footer {
  border-color: #d8d8d8;
}
.well--white.well--padding-vertical-only .well__inner {
  padding: 20px 0;
}
.well--white.well--padding-vertical-only .well__header {
  padding-left: 20px;
  padding-right: 20px;
}

.well--green {
  background-color: #33b767;
}

.well--grey {
  background-color: #ebebeb;
}

.k-editor {
  border-spacing: 2px !important;
}

.k-content p {
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #3f3f3f;
}

.k-window * {
  box-sizing: border-box;
}
.k-window .k-window-titlebar {
  background-color: transparent;
  padding: 20px 0;
}
.k-window .k-window-titlebar .k-window-title {
  margin: 0;
}
.k-window .k-window-titlebar .k-window-actions {
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.k-window .k-window-titlebar .k-window-action {
  border: 1px solid #8b8b8b;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  padding: 0;
  background-color: #282828;
  opacity: 1;
}
.k-window .k-window-titlebar .k-window-action .k-icon {
  position: absolute;
  top: 12px;
  left: 8px;
  color: #8b8b8b;
  background-position: -48px -16px;
  opacity: 1;
}

.spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #f48617;
  border-radius: 50%;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #f48617 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}

@-webkit-keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* MOLECULES */
.order__preview {
  color: blue;
}
.order__preview img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .order__preview img {
    display: flex;
    flex: 0 0 auto;
  }
}

.banner__app .list__group li {
  cursor: pointer;
}
.banner__app .list__group li:hover, .banner__app .list__group li:focus {
  background-color: rgba(51, 183, 103, 0.5);
}
.banner__app .list__group li:hover > *, .banner__app .list__group li:focus > * {
  color: white;
}
.banner__app .list__group li.active {
  background-color: #33b767;
  color: white;
  transition: all 0.3s ease;
}
.banner__app .list__group li.active > * {
  color: white;
}
.banner__app .empty {
  padding-bottom: 0 !important;
}

.banner__review {
  position: relative;
  overflow: hidden;
}
.banner__review.empty .well__footer.footer--grey {
  display: none;
}
.banner__review [data-preview=container] {
  position: relative;
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: 100%;
  padding-bottom: 130%;
}
.banner__review [data-preview=container] .message-approved {
  background-color: #32B767;
  padding: 20px;
  border-radius: 5px;
  color: white;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
}
.banner__review [data-preview=container] .message-approved .h3, .banner__review [data-preview=container] .message-approved .k-window .k-window-titlebar .k-window-title, .k-window .k-window-titlebar .banner__review [data-preview=container] .message-approved .k-window-title {
  color: white;
  margin: 0;
}
.banner__review [data-preview=container] .message-disapproved {
  background-color: #ff4a4a;
  padding: 20px;
  border-radius: 5px;
  color: white;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
}
.banner__review [data-preview=container] .message-disapproved .h3, .banner__review [data-preview=container] .message-disapproved .k-window .k-window-titlebar .k-window-title, .k-window .k-window-titlebar .banner__review [data-preview=container] .message-disapproved .k-window-title {
  color: white;
  margin: 0;
}
.banner__review .order__preview {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  .banner__review .order__preview {
    padding: 20px 20px;
  }
}
.banner__review .order__preview .preview__container {
  position: relative;
  height: calc(100% - 30px);
  width: auto;
}
.banner__review .order__preview .preview__container .preview__container--item {
  position: absolute;
  padding: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  transform-origin: 50% 99%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}
.banner__review .order__preview .preview__container .preview__container--item.visible {
  transform: scale(1);
  opacity: 1;
  -webkit-animation: fadein 0.2s ease-in forwards;
          animation: fadein 0.2s ease-in forwards;
}
.banner__review .order__preview .preview__container .preview__container--item.visible.no-animation {
  -webkit-animation: none;
          animation: none;
}
.banner__review .order__preview .preview__container .preview__container--item.hidden {
  transform: scale(0.8);
  opacity: 0;
}
.banner__review .order__preview .preview__container .preview__container--item.approved {
  -webkit-animation: approved 0.2s ease-out forwards;
          animation: approved 0.2s ease-out forwards;
}
.banner__review .order__preview .preview__container .preview__container--item.disapproved {
  -webkit-animation: disapproved 0.2s ease-out forwards;
          animation: disapproved 0.2s ease-out forwards;
}
.banner__review .confirmation {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 9;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease-in-out;
}
.banner__review .confirmation.active {
  opacity: 1;
  visibility: visible;
}
.banner__review .confirmation.active .confirmation__inner {
  opacity: 1;
  transform: scale(1);
}
.banner__review .confirmation .confirmation__inner {
  background-color: white;
  padding: 20px;
  max-width: calc(100% - 40px);
  opacity: 0;
  transform: scale(0.5);
  transition-delay: 0.3s;
  transition: all 0.3s ease-in-out;
}
.banner__review .confirmation .confirmation__inner .btn-container {
  margin-top: 20px;
}

@-webkit-keyframes fadein {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes approved {
  0% {
    opacity: 1;
    transform: rotate(0deg);
  }
  25% {
    opacity: 0.5;
    transform: rotate(-10deg);
  }
  100% {
    opacity: 0;
    transform: rotate(-20deg);
  }
}
@keyframes approved {
  0% {
    opacity: 1;
    transform: rotate(0deg);
  }
  25% {
    opacity: 0.5;
    transform: rotate(-10deg);
  }
  100% {
    opacity: 0;
    transform: rotate(-20deg);
  }
}
@-webkit-keyframes disapproved {
  0% {
    opacity: 1;
    transform: rotate(0deg);
  }
  25% {
    opacity: 0.5;
    transform: rotate(10deg);
  }
  100% {
    opacity: 0;
    transform: rotate(20deg);
  }
}
@keyframes disapproved {
  0% {
    opacity: 1;
    transform: rotate(0deg);
  }
  25% {
    opacity: 0.5;
    transform: rotate(10deg);
  }
  100% {
    opacity: 0;
    transform: rotate(20deg);
  }
}
.order-logs .status--created {
  background-color: #cce5ff;
}
.order-logs .status--created * {
  color: #004085;
}
.order-logs .status--pending {
  background-color: #fff3cd;
}
.order-logs .status--pending * {
  color: #856404;
}
.order-logs .status--paid {
  background-color: #D4EDDB;
}
.order-logs .status--paid * {
  color: #155724;
}
.order-logs .status--payment-failed {
  background-color: #f8d7da;
}
.order-logs .status--payment-failed * {
  color: #721c24;
}
.order-logs .status--dfp-registered {
  background-color: #cce5ff;
}
.order-logs .status--dfp-registered * {
  color: #004085;
}
.order-logs .status--error {
  background-color: #f8d7da;
}
.order-logs .status--error * {
  color: #721c24;
}
.order-logs .status--updated {
  background-color: #e2e3e5;
}
.order-logs .status--updated * {
  color: #383d41;
}
.order-logs .status--approved {
  background-color: #D4EDDB;
}
.order-logs .status--approved * {
  color: #155724;
}
.order-logs .status--disapproved {
  background-color: #f8d7da;
}
.order-logs .status--disapproved * {
  color: #721c24;
}

.page-header {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.page-header .h1 {
  margin-bottom: 0;
}
@media (min-width: 520px) {
  .page-header {
    flex-direction: row;
  }
}

.order-rejection {
  padding: 20px;
  background-color: #ff6e6e;
  border: 1px solid #d8d8d8;
}
.order-rejection > p {
  color: white;
  font-size: 1.6rem;
}

/* ORGANISMS */
.main-footer {
  margin-top: 30px;
  height: 60px;
  padding-left: 30px;
  border-top: 1px solid #d8d8d8;
  width: 100%;
}
.main-footer:before, .main-footer:after {
  display: table;
  content: "";
}
.main-footer:after {
  clear: both;
}

.main-footer__text {
  margin: 0;
  display: inline-block;
  color: #8b8b8b;
  line-height: 5.9rem;
}

.main-footer__btn {
  float: right;
  display: inline-block;
  width: 60px;
  height: 59px;
  cursor: pointer;
  text-align: center;
  background-color: transparent;
  border: none;
  outline: none;
  border-left: 1px solid #d8d8d8;
  transition: background-color linear 0.2s;
}
.main-footer__btn i {
  font-size: 2.6rem;
  color: #3f3f3f;
}
.main-footer__btn:hover {
  background-color: #fff;
}

.main-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 0 0 30px;
  height: 60px;
  background-color: #fff;
  border-bottom: 1px solid #d8d8d8;
  z-index: 20;
}

.main-header__title {
  display: inline-block;
  font-family: "Milo OT";
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 6rem;
  color: #313131;
  transform: translateX(70px);
  transition: transform linear 0.2s;
}

main {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  width: calc(100vw - 80px);
}

.container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}

.page-wrapper {
  height: 100%;
  width: 100%;
  transition: padding-left linear 0.2s;
  padding-left: 60px;
  position: absolute;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .page-wrapper {
    position: relative;
  }
}

.page-wrapper__inner {
  min-height: 100vh;
  margin-bottom: -90px;
  padding-bottom: 20px;
}
.page-wrapper__inner:after {
  display: block;
  height: 60px;
  content: "";
}

main {
  padding-top: 60px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  main {
    min-height: calc(100vh - 90px);
  }
}

.navigation-bar,
.main-header__subnav {
  float: right;
}
.navigation-bar:before, .navigation-bar:after,
.main-header__subnav:before,
.main-header__subnav:after {
  display: table;
  content: "";
}
.navigation-bar:after,
.main-header__subnav:after {
  clear: both;
}
.navigation-bar ul li,
.main-header__subnav ul li {
  position: relative;
  float: left;
  border-left: 1px solid #d8d8d8;
}

.subnav__item {
  display: inline-block;
  padding: 0 20px;
  height: 59px;
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 6rem;
  color: #8b8b8b;
  text-transform: uppercase;
  transition: background-color linear 0.2s;
  text-decoration: none;
  cursor: pointer;
}
.subnav__item i {
  top: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 2.6rem;
  color: #3f3f3f;
}
.subnav__item .subnav__item__count {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #f48617;
  display: inline-block;
  vertical-align: middle;
  color: white;
  font-style: normal;
  line-height: 2rem;
  text-align: center;
  margin-left: 0.3rem;
  transform: translateY(-0.2rem);
}
.subnav__item:hover {
  background-color: #f4f4f4;
}
.subnav__item.dropdown--open {
  background-color: #ebebeb;
}

.subnav__item__text {
  display: none;
}
@media (min-width: 768px) {
  .subnav__item__text {
    display: inline-block;
  }
}

.subnav__search:hover {
  cursor: text;
}
.subnav__search [type=text] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: 0;
  color: #282828;
  background-color: transparent;
  font-size: 1.4rem;
  text-transform: uppercase;
  width: 6rem;
  transition: width 0.25s;
  vertical-align: text-top;
}
.subnav__search [type=text]::-webkit-input-placeholder {
  color: #8b8b8b;
}
.subnav__search [type=text]:-moz-placeholder {
  color: #8b8b8b;
}
.subnav__search [type=text]::-moz-placeholder {
  color: #8b8b8b;
}
.subnav__search [type=text]:-ms-input-placeholder {
  color: #8b8b8b;
}
.subnav__search [type=text]::-webkit-input-placeholder {
  transition-duration: 0.25s;
}
.subnav__search [type=text]:-moz-placeholder {
  transition-duration: 0.25s;
}
.subnav__search [type=text]::-moz-placeholder {
  transition-duration: 0.25s;
}
.subnav__search [type=text]:-ms-input-placeholder {
  transition-duration: 0.25s;
}
.subnav__search [type=submit] {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  outline: 0;
  background-color: transparent;
  margin: 0 0 0 0.5rem;
  padding: 0;
  border-radius: 0;
  box-shadow: 0;
  position: relative;
}
.subnav__search [type=submit] i {
  font-size: 2.6rem;
  color: #3f3f3f;
}
.subnav__search.focused {
  background-color: #ebebeb;
}
.subnav__search.focused [type=text] {
  width: 17rem;
}
.subnav__search.focused [type=text]::-webkit-input-placeholder {
  color: #d8d8d8;
}
.subnav__search.focused [type=text]:-moz-placeholder {
  color: #d8d8d8;
}
.subnav__search.focused [type=text]::-moz-placeholder {
  color: #d8d8d8;
}
.subnav__search.focused [type=text]:-ms-input-placeholder {
  color: #d8d8d8;
}

.pagination {
  display: inline-block;
  border: 1px solid #d8d8d8;
  border-radius: 25px;
  overflow: hidden;
}
.pagination ul:before, .pagination ul:after {
  display: table;
  content: "";
}
.pagination ul:after {
  clear: both;
}
.pagination ul li {
  float: left;
  background-color: #fff;
}
.pagination ul li + li {
  border-left: 1px solid #d8d8d8;
}
.pagination ul li.pagination__item {
  border-radius: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
}
.pagination ul li.pagination__item a,
.pagination ul li.pagination__item span {
  display: block;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 4rem;
  text-transform: uppercase;
  vertical-align: top;
  text-decoration: none;
  color: #8b8b8b;
}
.pagination ul li.pagination__item:hover {
  background-color: #f4f4f4;
}
.pagination ul li.pagination__item:active {
  background-color: #8b8b8b;
}
.pagination ul li.pagination__item:active a {
  color: #fff;
}
.pagination ul li.pagination__item.PagedList-ellipses:active, .pagination ul li.pagination__item.PagedList-ellipses:hover {
  background-color: #fff;
}
.pagination ul li.pagination__item.PagedList-ellipses:active a, .pagination ul li.pagination__item.PagedList-ellipses:hover a {
  color: #8b8b8b;
}
.pagination ul li.pagination__item.PagedList-skipToNext a, .pagination ul li.pagination__item.PagedList-skipToPrevious a {
  font-family: "Material-Design-Iconic-Font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*height:40px;
  line-height:4.0rem;*/
}
.pagination ul li.pagination__item.PagedList-skipToNext a:before, .pagination ul li.pagination__item.PagedList-skipToPrevious a:before {
  top: 0;
  display: inline-block;
  font-size: 2.4rem;
  line-height: 1.7;
}
.pagination ul li.pagination__item.PagedList-skipToPrevious a:before {
  margin-left: 5px;
  content: "\F2FA";
}
.pagination ul li.pagination__item.PagedList-skipToNext a:before {
  margin-right: 5px;
  content: "\F2FB";
}
.pagination ul li.pagination__item.active {
  background-color: #33b767;
}
.pagination ul li.pagination__item.active span {
  color: #fff;
}
.pagination ul li.pagination__item.disabled {
  background-color: #ebebeb;
}
.pagination ul li.pagination__item.disabled a {
  color: #d8d8d8;
  cursor: default;
  pointer-events: none;
}
.pagination ul li.pagination__item.disabled:hover, .pagination ul li.pagination__item.disabled:active {
  background-color: #ebebeb;
}
.pagination ul li.pagination__item.disabled:hover a, .pagination ul li.pagination__item.disabled:active a {
  color: #d8d8d8;
}

.pagination__label {
  margin-bottom: 0;
  line-height: 2.25;
}
.pagination__label.label--searchresult {
  line-height: 1;
}
.pagination__label + p {
  margin-top: 0;
  margin-bottom: 0;
}

.remove__keywords {
  display: table-cell;
  vertical-align: bottom;
  height: 45px;
  margin: 0;
}
.remove__keywords button,
.remove__keywords a {
  color: #f48617;
  text-decoration: none;
  transition: color linear 0.2s;
  background: none;
  border: none;
}
.remove__keywords button:focus,
.remove__keywords a:focus {
  outline: none;
}
.remove__keywords button:hover,
.remove__keywords a:hover {
  color: #3f3f3f;
}

.navigation-bar {
  border: 1px solid #d8d8d8;
  float: none;
}
.navigation-bar > ul > li {
  border: none;
}
.navigation-bar > ul > li + li {
  border-left: 1px solid #d8d8d8;
}
.navigation-bar > ul > li:last-child {
  border-right: 1px solid #d8d8d8;
}
.navigation-bar > ul > li .dropdown {
  right: auto;
  left: 0;
}

.sidenav {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 60px;
  transition: width linear 0.2s;
  background-color: #3f3f3f;
  z-index: 30;
  overflow: hidden;
}
.sidenav:hover .mCSB_dragger_bar {
  opacity: 1;
}
@media screen and (max-width: 676px) {
  .sidenav {
    display: block;
    background-color: transparent;
  }
  .sidenav .sidenav__header__toggle {
    color: #000 !important;
  }
  .sidenav .sidenav__container {
    visibility: hidden;
  }
}

.sidenav__inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 240px;
  padding: 0;
}

.sidenav__container {
  height: calc(100vh - 70px);
}
.sidenav__container .mCSB_inside {
  outline: none !important;
}
.sidenav__container .mCSB_draggerContainer {
  bottom: 5px !important;
  top: 5px !important;
}
.sidenav__container .mCSB_dragger_bar {
  opacity: 1;
  transition: opacity linear 0.2s;
  background-color: #656565 !important;
}
.sidenav__container .mCSB_dragger_bar:hover {
  background-color: #8b8b8b !important;
}

[data-nav=toggle] {
  cursor: pointer;
}

.sidenav-open .sidenav {
  width: 240px;
  transition: width linear 0.2s;
}
.sidenav-open .main-header .main-header__title {
  transform: translateX(250px);
  transition: transform linear 0.2s;
}
.sidenav-open .page-wrapper {
  padding-left: 24rem;
  transition: padding-left linear 0.2s;
}
.sidenav-open .sidenav__header .sidenav__header__title,
.sidenav-open .sidenav__header .sidenav__header__logo {
  opacity: 1;
}
.sidenav-open .sidenav__header .sidenav__header__toggle.toggle--close {
  display: none;
  opacity: 0;
}
.sidenav-open .sidenav__section .header__title {
  transform: translateX(0);
  opacity: 1;
}
.sidenav-open .sidenav__section:nth-child(1) .header__icon i,
.sidenav-open .sidenav__section:nth-child(1) .header__title {
  transition: transform 0.5s 0.05s, opacity 0.5s 0.05s, color linear 0.2s;
}
.sidenav-open .sidenav__section:nth-child(2) .header__icon i,
.sidenav-open .sidenav__section:nth-child(2) .header__title {
  transition: transform 0.5s 0.1s, opacity 0.5s 0.1s, color linear 0.2s;
}
.sidenav-open .sidenav__section:nth-child(3) .header__icon i,
.sidenav-open .sidenav__section:nth-child(3) .header__title {
  transition: transform 0.5s 0.15s, opacity 0.5s 0.15s, color linear 0.2s;
}
.sidenav-open .sidenav__section:nth-child(4) .header__icon i,
.sidenav-open .sidenav__section:nth-child(4) .header__title {
  transition: transform 0.5s 0.2s, opacity 0.5s 0.2s, color linear 0.2s;
}
.sidenav-open .sidenav__section:nth-child(5) .header__icon i,
.sidenav-open .sidenav__section:nth-child(5) .header__title {
  transition: transform 0.5s 0.25s, opacity 0.5s 0.25s, color linear 0.2s;
}
.sidenav-open .sidenav__section:nth-child(6) .header__icon i,
.sidenav-open .sidenav__section:nth-child(6) .header__title {
  transition: transform 0.5s 0.3s, opacity 0.5s 0.3s, color linear 0.2s;
}
.sidenav-open .sidenav__section:nth-child(7) .header__icon i,
.sidenav-open .sidenav__section:nth-child(7) .header__title {
  transition: transform 0.5s 0.35s, opacity 0.5s 0.35s, color linear 0.2s;
}
.sidenav-open .sidenav__section:nth-child(8) .header__icon i,
.sidenav-open .sidenav__section:nth-child(8) .header__title {
  transition: transform 0.5s 0.4s, opacity 0.5s 0.4s, color linear 0.2s;
}
.sidenav-open .sidenav__section:nth-child(9) .header__icon i,
.sidenav-open .sidenav__section:nth-child(9) .header__title {
  transition: transform 0.5s 0.45s, opacity 0.5s 0.45s, color linear 0.2s;
}
.sidenav-open .sidenav__section:nth-child(10) .header__icon i,
.sidenav-open .sidenav__section:nth-child(10) .header__title {
  transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, color linear 0.2s;
}
@media (max-width: 676px) {
  .sidenav-open .sidenav {
    background-color: #3f3f3f;
  }
  .sidenav-open .sidenav .sidenav__header__toggle {
    color: #fff;
  }
  .sidenav-open .sidenav .sidenav__container {
    visibility: visible;
  }
  .sidenav-open .main-header .main-header__title {
    transform: translateX(70px);
  }
  .sidenav-open .page-wrapper {
    padding: 0;
  }
  .sidenav-open .header__title {
    transform: translateX(0);
  }
}

.sidenav__header {
  position: relative;
  height: 60px;
  padding: 10px;
}
.sidenav__header .sidenav__header__title,
.sidenav__header .sidenav__header__logo {
  opacity: 0;
  transition: opacity linear 0.2s, color linear 0.2s;
}
.sidenav__header:hover .sidenav__header__title,
.sidenav__header:hover .sidenav__header__toggle {
  color: #fff;
}

.sidenav__header__logo {
  float: left;
  padding-right: 10px;
}
.sidenav__header__logo span {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #33b767;
}
.sidenav__header__logo span:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #3f3f3f;
  content: "";
}

.sidenav__header__title {
  float: left;
  display: block;
  padding: 0 10px;
  font-family: "Milo OT";
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 4rem;
  color: #d8d8d8;
  text-decoration: none;
}

.sidenav__header__toggle {
  float: right;
  display: block;
  padding-left: 10px;
  width: 40px;
  height: 40px;
  font-family: "Milo OT";
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 4rem;
  color: #d8d8d8;
  text-align: center;
  cursor: pointer;
  transition: color linear 0.2s;
}
.sidenav__header__toggle.toggle--close {
  opacity: 1;
  position: absolute;
  top: 10px;
  left: 4px;
  transition: opacity linear 0.2s, color linear 0.2s;
}

.sidenav__section {
  border-top: 1px solid #282828;
}
.sidenav__section:last-child {
  border-bottom: 1px solid #282828;
}
.sidenav__section > ul ul {
  display: none;
}
.sidenav__section > ul li a {
  text-decoration: none;
}
.sidenav__section > ul li:last-child {
  border-bottom: none;
}
.sidenav__section > ul li.is-active {
  background-color: #313131;
}
.sidenav__section > ul li.is-active > .section__header .header__caret i:before {
  content: "\F2FC";
}
.sidenav__section > ul li.is-active > .section__header .header__icon i,
.sidenav__section > ul li.is-active > .section__header .header__title {
  color: #f4f4f4;
}
.sidenav__section > ul li.section--active {
  background-color: #313131;
}
.sidenav__section > ul li.section--active a {
  display: block;
  text-decoration: none;
}
.sidenav__section > ul li.section--active .header__icon i,
.sidenav__section > ul li.section--active .header__title {
  color: #f4f4f4;
}

.section__header {
  position: relative;
  cursor: pointer;
  padding-top: 15px;
  padding-bottom: 15px;
}
.section__header:before, .section__header:after {
  display: table;
  content: "";
}
.section__header:after {
  clear: both;
}
.section__header:hover .header__icon i,
.section__header:hover .header__title {
  color: #f4f4f4;
}
.section__header .header__icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  text-align: center;
}
.section__header .header__icon i {
  font-size: 2.4rem;
  color: #8b8b8b;
  transition: color linear 0.2s;
}
.section__header .header__title {
  display: inline-block;
  margin: 0;
  padding: 0 40px 0 8px;
  width: 192px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 1.4rem;
  color: #8b8b8b;
  text-transform: uppercase;
  vertical-align: middle;
  opacity: 0;
  transform: translateX(60px);
}
.section__header .header__caret {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  margin-top: -2px;
  font-size: 2.4rem;
}
.section__header + ul li {
  transition: background-color 0.25s;
  border: 1px solid transparent;
}
.section__header + ul li.is-active {
  border-bottom-color: #313131;
  background-color: #282828;
}
.section__header + ul li.is-active .section__item__header .header__caret i:before {
  content: "\F2FC";
}

.sidenav-item-styling, .section__item__header + ul li a, .section__item__header {
  display: block;
  padding: 11px 0 11px 0;
  height: 40px;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-decoration: none;
  color: #d8d8d8;
  transition: background-color linear 0.2s;
  cursor: pointer;
}

.section__item__header {
  position: relative;
  width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 50px;
  padding-left: 55px;
}
.section__item__header .header__caret {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  margin-top: -2px;
  font-size: 2.4rem;
}
.section__item__header + ul li {
  display: block;
}
.section__item__header + ul li a {
  width: 238px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 70px;
  padding-right: 25px;
}
.section__item__header + ul li a:active, .section__item__header + ul li a:hover {
  color: #f4f4f4;
}
.section__item__header + ul li.item--active > a {
  color: #f4f4f4;
}
.section__item__header:active, .section__item__header:hover {
  background-color: #282828;
  color: #f4f4f4;
}

@media screen and (max-width: 676px) {
  .activity-stream .item__time {
    display: none;
  }
  .activity-stream .item__content {
    width: 100%;
    max-width: 100% !important;
  }
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-single {
  *zoom: 1;
}
.pika-single:before, .pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #333;
  background-color: #fff;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.2857142857%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.is-disabled .pika-button, .is-outside-current-month .pika-button {
  color: #999;
  opacity: 0.3;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
}
.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}
.pika-button .is-selection-disabled {
  pointer-events: none;
  cursor: default;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-inrange .pika-button {
  background: #D5E9F7;
}

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}

.form-input.datepicker {
  background-color: transparent;
}
.form-input.datepicker:active {
  background-color: #fff;
}

.pika-single {
  background-color: #fff;
  box-shadow: 0 0 3px #666;
}
.pika-single .pika-lendar {
  width: 280px;
}
.pika-single .pika-lendar .pika-title {
  padding-bottom: 20px;
}
.pika-single .pika-lendar .pika-title .pika-label {
  display: inline-block;
  width: 50%;
}
.pika-single .pika-lendar .pika-title .pika-label .pika-select-month {
  margin-left: 20px;
}
.pika-single .pika-lendar .pika-title .pika-label .pika-select-year {
  margin-right: 20px;
}
.pika-single .pika-lendar .pika-title .pika-label select {
  display: none;
}
.pika-single .pika-lendar .pika-title button {
  position: absolute;
  top: 0;
  z-index: 99999;
}
.pika-single .pika-lendar .pika-title button.pika-prev {
  left: 0;
}
.pika-single .pika-lendar .pika-title button.pika-next {
  right: 0;
}
.pika-single .pika-lendar .is-today button {
  color: #333;
}
.pika-single .pika-lendar thead abbr {
  font-size: 1.4rem;
  text-decoration: none;
  text-transform: uppercase;
}
.pika-single .pika-lendar tbody tr {
  padding: 10px 0;
}
.pika-single .pika-lendar tbody tr td button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: none;
  text-align: center;
  background-color: transparent;
}
.pika-single .pika-lendar tbody tr td button:hover, .pika-single .pika-lendar tbody tr td button:focus {
  background-color: #33b767;
  color: #3f3f3f;
}
.pika-single .pika-lendar tbody tr td.is-selected button {
  color: #3f3f3f;
  background-color: #33b767;
}

/* TEMPLATES */
/* PAGES */
@media screen and (min-width: 415px) {
  .login {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
  }
}
.login .well {
  transition: left linear 0.2s;
}
.login .well.animate {
  -webkit-animation: errorAnimation 0.6s;
          animation: errorAnimation 0.6s;
}
@-webkit-keyframes errorAnimation {
  0% {
    left: 0px;
  }
  20% {
    left: 30px;
  }
  40% {
    left: -30px;
  }
  60% {
    left: 15px;
  }
  80% {
    left: -15px;
  }
  100% {
    left: 0px;
  }
}
@keyframes errorAnimation {
  0% {
    left: 0px;
  }
  20% {
    left: 30px;
  }
  40% {
    left: -30px;
  }
  60% {
    left: 15px;
  }
  80% {
    left: -15px;
  }
  100% {
    left: 0px;
  }
}
.login .ojlogo {
  text-align: center;
  margin-bottom: 30px;
}
.login .ojlogo .oj__icon {
  position: relative;
  display: block;
  margin: 0 auto;
  vertical-align: middle;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-color: #33b767;
}
.login .ojlogo .oj__icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #ebebeb;
  content: "";
}
.login .ojlogo .oj__title {
  display: inline-block;
  margin-left: 15px;
  font-family: "Milo OT";
  font-size: 4rem;
  line-height: 6rem;
  color: #3f3f3f;
  font-weight: 700;
  vertical-align: middle;
}

.page-wrapper__inner {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 414px) {
  .page-wrapper__inner .container-fluid {
    padding: 0;
  }
}

.website-selection {
  max-width: 767px;
  margin: 0 auto;
}
.website-selection .ojlogo {
  text-align: center;
  margin-bottom: 30px;
}
.website-selection .ojlogo .oj__icon {
  position: relative;
  display: block;
  margin: 0 auto;
  vertical-align: middle;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-color: #33b767;
}
.website-selection .ojlogo .oj__icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #ebebeb;
  content: "";
}
.website-selection .ojlogo .oj__title {
  display: inline-block;
  margin-left: 15px;
  font-family: "Milo OT";
  font-size: 4rem;
  line-height: 6rem;
  color: #3f3f3f;
  font-weight: 700;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .website-selection .website-options > * {
    margin-bottom: 30px;
  }
}
.website-selection .well {
  cursor: pointer;
}
.website-selection .well .well__inner {
  height: 250px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.website-selection .website {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.client__info {
  position: relative;
  line-height: 5rem;
}

.client__name {
  display: inline-block;
  margin: 0;
  vertical-align: bottom;
}
@media screen and (max-width: 414px) {
  .client__name {
    display: none;
  }
}

.client__logo {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  height: auto;
  border-radius: 3px;
  overflow: hidden;
}
.client__logo img {
  display: block;
  max-width: 100%;
  height: auto;
}

.sidenav-open .list__group .item__content {
  max-width: 209px;
}
@media (min-width: 1200px) {
  .sidenav-open .list__group .item__content {
    max-width: 315px;
  }
}

.list__group .item__content {
  max-width: 250px;
}
@media (min-width: 1200px) {
  .list__group .item__content {
    max-width: 325px;
  }
}

.activity-stream .list__group li,
.active__discounts .list__group li {
  display: flex;
}
.activity-stream .list__group li .item__content,
.active__discounts .list__group li .item__content {
  width: 100px;
  max-width: 100%;
}
.activity-stream .list__group li .item__content.fill-width,
.active__discounts .list__group li .item__content.fill-width {
  flex: 1;
}

.order-totals .list__group--links li, .order-totals .list__group--links li a {
  cursor: default;
  pointer-events: none;
}
.order-totals .list__group--links li .item__controls, .order-totals .list__group--links li a .item__controls {
  display: none;
}

#DFP tr {
  cursor: default;
}
#DFP tr .pull-right {
  width: 100px;
  text-align: center;
}
#DFP tr .checkbox__item {
  background-color: transparent;
  border: none;
}
#DFP #checkedList tr {
  cursor: default;
}
#DFP #checkedList tr .form__checkbox {
  pointer-events: none;
  cursor: default;
}

/* V2 */
form.form.filter__selectbox.filter--big {
  float: unset !important;
  margin: unset !important;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
form.form.filter__selectbox.filter--big > .form__group {
  margin: unset !important;
}
form.form.filter__selectbox.filter--big > .v2.form-pair {
  flex-grow: 1;
}
form.form.filter__selectbox.filter--big > .v2.form-pair > .form__group.is-small {
  flex-grow: 1;
  width: unset !important;
  margin: unset !important;
}

#searchOrders {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
#searchOrders > .form--horizontal.filter__search.pull-right {
  display: flex;
  gap: 16px;
  float: unset !important;
}
#searchOrders > .form--horizontal.filter__search.pull-right > .btn.btn--save, #searchOrders > .form--horizontal.filter__search.pull-right > .btn--save.k-upload-button, html body .file-wrapper #searchOrders > .form--horizontal.filter__search.pull-right > .btn--save.k-upload-action {
  margin: unset !important;
}

.v2.form-group {
  display: flex;
  border: 1px solid #d8d8d8;
  transition: border-color linear 200ms;
  padding: 8px 16px;
}
@media (hover: hover) {
  .v2.form-group:not([disabled]):hover {
    border-color: #656565;
  }
}

.v2.form-label {
  font-family: "Open Sans", sans-serif;
  color: #3f3f3f;
  font-size: 1.4rem;
  line-height: 2rem;
  display: flex;
  align-items: center;
  gap: 4px;
}
.v2.form-label > input {
  cursor: pointer;
  border: unset;
  margin-bottom: 1px;
}
.v2.form-label > input:focus {
  outline: none;
}

.v2.form-pair {
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
}.Dialog {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 999;
}
.Dialog.active {
  pointer-events: unset;
}
.Dialog .backdrop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.Dialog .backdrop.animate {
  transition: opacity 0.3s;
}
.Dialog .backdrop.animate.animate-in {
  opacity: 0;
}
.Dialog .backdrop.animate.animate-out {
  opacity: 0;
}
.Dialog .content {
  position: relative;
}
.Dialog .content.animate {
  transition: all 0.2s;
}
.Dialog .content.animate.animate-in {
  transform: translateY(-16px);
  opacity: 0;
}
.Dialog .content.animate.animate-out {
  transform: translateY(16px);
  opacity: 0;
}
/*# sourceMappingURL=style.css.map*/