@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700.css);
@charset "UTF-8";
/**
 * This is the main application stylesheet. It should include or import all
 * stylesheets used throughout the application as this is the only stylesheet in
 * the Gulp configuration that is automatically processed.
 */
/*!

Zebra CRM

Proud authors:      beneath.dk
People behind:      Lars Hesselberg, @hesselberg

!*/
/* Google Web Font
********************/
/* Bootstrap import from Vendor
********************/
/*! 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: none;
  text-decoration: underline;
  text-decoration: underline 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 {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-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,
  .dropup > .btn > .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;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #f2f2f2;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #00a76d;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #005b3b;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 4px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out 0.3s ease-out;
  -moz-transition: all 0.2s ease-in-out 0.3s ease-out;
  -o-transition: all 0.2s ease-in-out 0.3s ease-out;
  -ms-transition: all 0.2s ease-in-out 0.3s ease-out;
  transition: all 0.2s ease-in-out 0.3s ease-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 92%;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #00a76d;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #00744c;
}
.text-success {
  color: #00a76d;
}
a.text-success:hover,
a.text-success:focus {
  color: #00744c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #00a76d;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #00744c;
}
.bg-success {
  background-color: #8FF1CE;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #62ebba;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "\2014   \A0";
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: "\A0   \2014";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.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-right: 15px;
  padding-left: 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-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@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-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@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-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@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-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 6px rgba(0, 0, 0, 0.15);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s ease-out;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s ease-out;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s ease-out;
  -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s ease-out;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s ease-out;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) 2px 6px rgba(0, 0, 0, 0.15);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 31px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 31px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 4px;
}
select.input-sm {
  height: 31px;
  line-height: 31px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 31px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 4px;
}
.form-group-sm select.form-control {
  height: 31px;
  line-height: 31px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 31px;
  min-height: 33px;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 31px;
  height: 31px;
  line-height: 31px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #00a76d;
}
.has-success .form-control {
  border-color: #00a76d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 6px rgba(0, 0, 0, 0.15);
}
.has-success .form-control:focus {
  border-color: #00744c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0effab;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0effab;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0effab 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0effab 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0effab 2px 6px rgba(0, 0, 0, 0.15);
}
.has-success .input-group-addon {
  color: #00a76d;
  background-color: #8FF1CE;
  border-color: #00a76d;
}
.has-success .form-control-feedback {
  color: #00a76d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 6px rgba(0, 0, 0, 0.15);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b 2px 6px rgba(0, 0, 0, 0.15);
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 2px 6px rgba(0, 0, 0, 0.15);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 2px 6px rgba(0, 0, 0, 0.15);
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #959595;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 13px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 6px rgba(0, 0, 0, 0.15);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #00a76d;
  border-color: #008e5c;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #00744c;
  border-color: #000e09;
}
.btn-primary:hover {
  color: #fff;
  background-color: #00744c;
  border-color: #005034;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #00744c;
  background-image: none;
  border-color: #005034;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #005034;
  border-color: #000e09;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #00a76d;
  border-color: #008e5c;
}
.btn-primary .badge {
  color: #00a76d;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #00a76d;
  border-color: #008e5c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #00744c;
  border-color: #000e09;
}
.btn-success:hover {
  color: #fff;
  background-color: #00744c;
  border-color: #005034;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #00744c;
  background-image: none;
  border-color: #005034;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #005034;
  border-color: #000e09;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #00a76d;
  border-color: #008e5c;
}
.btn-success .badge {
  color: #00a76d;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #bdb5b3;
  border-color: #b1a8a5;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #a59a98;
  border-color: #736764;
}
.btn-info:hover {
  color: #fff;
  background-color: #a59a98;
  border-color: #958885;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #a59a98;
  background-image: none;
  border-color: #958885;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #958885;
  border-color: #736764;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #bdb5b3;
  border-color: #b1a8a5;
}
.btn-info .badge {
  color: #bdb5b3;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #ff9900;
  border-color: #e68a00;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #cc7a00;
  border-color: #663d00;
}
.btn-warning:hover {
  color: #fff;
  background-color: #cc7a00;
  border-color: #a86500;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #cc7a00;
  background-image: none;
  border-color: #a86500;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #a86500;
  border-color: #663d00;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #ff9900;
  border-color: #e68a00;
}
.btn-warning .badge {
  color: #ff9900;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #cf3535;
  border-color: #bd2d2d;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #a92828;
  border-color: #561515;
}
.btn-danger:hover {
  color: #fff;
  background-color: #a92828;
  border-color: #8c2121;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #a92828;
  background-image: none;
  border-color: #8c2121;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #8c2121;
  border-color: #561515;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #cf3535;
  border-color: #bd2d2d;
}
.btn-danger .badge {
  color: #cf3535;
  background-color: #fff;
}
.btn-link {
  font-weight: 400;
  color: #00a76d;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #005b3b;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 4px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 4px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  -webkit-transition: opacity 0.15s linear 0.3s ease-out;
  -moz-transition: opacity 0.15s linear 0.3s ease-out;
  -o-transition: opacity 0.15s linear 0.3s ease-out;
  -ms-transition: opacity 0.15s linear 0.3s ease-out;
  transition: opacity 0.15s linear 0.3s ease-out;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) 2px 6px rgba(0, 0, 0, 0.15);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #00a76d;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 6px rgba(0, 0, 0, 0.15);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 31px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 4px;
  height: 33px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 31px;
  line-height: 31px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 4px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 4px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #00a76d;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #f2f2f2;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #00a76d;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #f2f2f2;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #00a76d;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #005b3b;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #00a76d;
  border-color: #00a76d;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #00a76d;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #00744c;
}
.label-success {
  background-color: #00a76d;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #00744c;
}
.label-info {
  background-color: #bdb5b3;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #a59a98;
}
.label-warning {
  background-color: #ff9900;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #cc7a00;
}
.label-danger {
  background-color: #cf3535;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #a92828;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 0;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #00a76d;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #00a76d;
  background-color: #8FF1CE;
  border-color: #78eeb0;
}
.alert-success hr {
  border-top-color: #62eba3;
}
.alert-success .alert-link {
  color: #00744c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 13px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
.tooltip.in {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 6px rgba(0, 0, 0, 0.15);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 3px 3px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/* Rz Slider
********************/
/* UI Switch
********************/
/* Datatables
********************/
/* Settings
********************/
/**
 * General variables
 */
/**
 * Bootstrap overwrites we use to overrule default bootstrap styling.
 * As we do it all with either mixins or variables, there won't be any double css.
 * This also makes our bootstrap vendor files clean, and easily upgradable.
 */
.container-fluid {
  padding: 0 30px;
}
.typeahead-wrapper .dropdown-menu {
  width: 100%;
  font-size: 14px;
}
.popover {
  z-index: 9999;
}
.popover .popover-inner .popover-title {
  background-color: #dbdbdb;
  font-weight: 400;
}
.popover.popover-valid .popover-inner .popover-title {
  background-color: rgba(0, 167, 109, 0.1);
}
.popover.popover-invalid .popover-inner .popover-title {
  background-color: rgba(212, 63, 58, 0.1);
}
.popover-content {
  font-size: 13px;
  word-wrap: break-word;
}
/* ng-sortable: Fix mobile touch scrolling */
#app .as-sortable-item {
  -ms-touch-action: auto;
  touch-action: auto;
  -webkit-touch-callout: inherit;
}
#app .as-sortable-item-handle {
  -ms-touch-action: none;
  touch-action: none;
  /* to disable context menu on iOS devices */
  -webkit-touch-callout: none;
}
.pagination {
  margin: 24px 0;
}
.label {
  border-radius: 4px;
}
.dropdown-menu {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
/* Base
********************/
.content-block {
  background: #ffffff;
  padding: 20px;
}
@media (min-width: 992px) {
  .content-block {
    padding: 40px;
  }
}
.content-block:before,
.content-block:after {
  display: table;
  content: " ";
}
.content-block:after {
  clear: both;
}
.content-block:before,
.content-block:after {
  display: table;
  content: " ";
}
.content-block:after {
  clear: both;
}
.row.row-small {
  margin-left: -8px;
  margin-right: -8px;
}
.row.row-small > div {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.content-sidebar {
  margin-right: 30px;
  width: 100%;
  min-height: 100px;
}
@media (min-width: 1201px) {
  .content-sidebar {
    width: 280px;
    float: left;
  }
}
.content-sidebar .profile {
  font-size: 15px;
  padding: 24px;
  background: #fff;
  border: none;
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .content-sidebar .profile .profile-top {
    float: left;
    width: 256px;
    padding-right: 24px;
    margin-bottom: 64px;
  }
}
@media (min-width: 1201px) {
  .content-sidebar .profile .profile-top {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 0;
  }
}
.content-sidebar .profile .profile-image {
  float: left;
  margin-right: 16px;
}
.content-sidebar .profile .profile-info {
  padding-top: 12px;
  overflow: hidden;
}
.content-sidebar .profile .profile-info.profile-info-account,
.content-sidebar .profile .profile-info.profile-info-team {
  padding-top: 21px;
}
.content-sidebar .profile .profile-name {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .content-sidebar .profile hr {
    display: none;
  }
}
@media (min-width: 1201px) {
  .content-sidebar .profile hr {
    display: block;
  }
}
.content-sidebar .profile .profile-fields {
  margin: 0 0 8px 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .content-sidebar .profile .profile-fields {
    border-left: 1px solid #eee;
    padding-left: 24px;
    margin-bottom: 0;
  }
}
@media (min-width: 1201px) {
  .content-sidebar .profile .profile-fields {
    border-left: none;
    padding-left: 0;
    margin-bottom: 8px;
  }
}
@media (min-width: 768px) {
  .content-sidebar .profile .btn-block {
    position: absolute;
    left: 24px;
    bottom: 24px;
    width: 232px;
  }
}
@media (min-width: 1201px) {
  .content-sidebar .profile .btn-block {
    width: 100%;
    position: static;
    left: auto;
    bottom: auto;
    float: none;
  }
}
.content-sidebar .profile .form-group {
  margin-bottom: 16px;
  overflow: hidden;
}
.content-sidebar .profile .form-group .field-label {
  display: block;
}
@media (min-width: 768px) {
  .content-sidebar .profile .form-group .field-label {
    width: 45%;
    float: left;
    line-height: 1;
  }
}
@media (min-width: 1201px) {
  .content-sidebar .profile .form-group .field-label {
    width: 100%;
    line-height: 1.42857143;
    float: none;
  }
}
.content-sidebar .profile .form-group .value {
  font-weight: 600;
}
@media (min-width: 768px) {
  .content-sidebar .profile .form-group .value {
    width: 55%;
    float: left;
    font-weight: 400;
  }
}
@media (min-width: 1201px) {
  .content-sidebar .profile .form-group .value {
    font-weight: 600;
    width: 100%;
    float: none;
  }
}
.content-sidebar .profile .profile-social-medias {
  text-align: left;
  margin-bottom: 20px;
  margin-top: 8px;
}
.content-sidebar .profile .profile-social-medias a .icon {
  fill: #cccccc;
  margin: 0 4px 0 0;
}
.content-sidebar .profile .profile-social-medias a:hover .icon {
  fill: #aaa;
}
.content-sidebar .profile hr {
  margin: 16px 0;
}
.content-with-sidebar {
  overflow: hidden;
}
/**
 * Base: Forms
 * Form tag and the various form elements
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: auto;
}
.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  font-weight: normal;
  height: 40px;
}
.input-sm {
  height: 33px;
}
.form-control.picker__input[readonly] {
  background-color: #ffffff;
  cursor: default;
}
.form-control.picker__input[disabled] {
  cursor: not-allowed;
}
.input-icon-wrapper {
  position: relative;
}
.input-icon-wrapper input {
  text-indent: 30px;
}
.input-icon-wrapper .icon {
  position: absolute;
  left: 16px;
  top: 12px;
  pointer-events: none;
}
.input-icon-wrapper.input-icon-wrapper-small .icon {
  top: 8px;
}
textarea.form-control {
  height: 140px;
  resize: none;
}
.form-group {
  margin-bottom: 24px;
}
.form-group.form-group-smallest {
  margin-bottom: 8px;
}
.form-group.form-group-smaller {
  margin-bottom: 12px;
}
.form-group.form-group-small {
  margin-bottom: 16px;
}
.form-group.form-group-big {
  margin-bottom: 32px;
}
.form-group.form-group-no-margin {
  margin-bottom: 0;
}
.form-group.attachments {
  margin-bottom: 0;
}
.form-group .dimmed {
  display: block;
  margin-top: 4px;
}
.form-group.error > input,
.form-group.error > .input-group,
.form-group.error > textarea,
.form-group.error .selectize-input,
.form-group.error .typeahead-input,
.form-group.error > select {
  border: 1px solid #a92828;
}
.form-group.error > text-editor .quill-editor {
  border: 1px solid #a92828;
}
.form-group.warning > input,
.form-group.warning > textarea {
  border: 1px solid #cc7a00;
}
.form-group.warning > text-editor .quill-editor {
  border: 1px solid #a92828;
}
.form-group .zv-message {
  color: #555555;
  display: block;
  margin-top: 4px;
}
.form-group .zv-message-large {
  background-color: #f6dada;
  border: 1px solid #a92828;
  color: #a92828;
  display: block;
  padding: 16px;
}
.error > .message {
  color: #ffffff;
}
.warning > .message {
  color: #ffffff;
}
.form-choice {
  position: relative;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 4px solid #f2f2f2;
  margin-bottom: 32px;
}
.form-choice > svg {
  position: absolute;
  bottom: -19px;
  background: #ffffff;
  left: 50%;
  margin-left: -12px;
  fill: #f2f2f2;
}
.custom-checkbox input[type=checkbox]:checked + .input,
.custom-radio input[type=checkbox]:checked + .input,
.custom-checkbox input[type=radio]:checked + .input,
.custom-radio input[type=radio]:checked + .input {
  border: 0;
  background: #00a76d;
}
.custom-checkbox input[type=checkbox]:checked + .input svg,
.custom-radio input[type=checkbox]:checked + .input svg,
.custom-checkbox input[type=radio]:checked + .input svg,
.custom-radio input[type=radio]:checked + .input svg {
  display: block;
}
.custom-checkbox .checkbox-label,
.custom-radio .checkbox-label {
  display: inline-block;
  margin-left: 8px;
  line-height: 32px;
}
.custom-checkbox .checkbox-label-large,
.custom-radio .checkbox-label-large {
  font-size: 16px;
  color: #555555;
  line-height: 1.42857143;
  margin: 0;
}
.icon-info {
  vertical-align: middle;
  margin: 0 0 1px 4px;
  fill: #bdb5b3;
}
.icon-info:hover {
  fill: #a59a98;
}
.custom-radio,
.custom-checkbox {
  font-weight: normal;
  margin: 0;
  height: 36px;
  cursor: pointer;
  display: table;
  width: 100%;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-radio .input,
.custom-checkbox .input {
  background: #ffffff;
  border-radius: 100%;
  border: 2px solid #cccccc;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  position: relative;
  text-align: center;
  top: 4px;
  width: 24px;
}
.custom-radio .input svg,
.custom-checkbox .input svg {
  display: none;
  padding: 4px;
}
.custom-radio .input + .custom-label,
.custom-checkbox .input + .custom-label {
  padding-left: 8px;
  font-size: 100%;
}
.custom-radio.custom-checkbox .input,
.custom-checkbox.custom-checkbox .input {
  border-radius: 4px;
}
.custom-radio .custom-label,
.custom-checkbox .custom-label {
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
  width: 100%;
}
.custom-radio input,
.custom-checkbox input {
  display: none;
}
.custom-radio.disabled,
.custom-checkbox.disabled {
  cursor: not-allowed;
}
.custom-radio.disabled .input,
.custom-checkbox.disabled .input {
  opacity: 0.5;
}
.custom-radio.disabled .custom-label,
.custom-checkbox.disabled .custom-label {
  color: #e6e4df;
}
.custom-radio.disabled.read-only,
.custom-checkbox.disabled.read-only {
  opacity: 1;
}
.custom-radio.disabled.read-only .custom-label,
.custom-checkbox.disabled.read-only .custom-label {
  color: #555555;
}
.custom-radio.custom-radio-horizontal,
.custom-checkbox.custom-radio-horizontal {
  display: block;
  float: left;
  width: auto;
  margin-right: 32px;
}
.custom-radio.custom-radio-horizontal .custom-label,
.custom-checkbox.custom-radio-horizontal .custom-label {
  display: inline-block;
  width: auto;
  line-height: 34px;
}
.custom-radio.custom-checkbox-small,
.custom-checkbox.custom-checkbox-small {
  height: auto;
}
.custom-radio.custom-checkbox-small .input + .custom-label,
.custom-checkbox.custom-checkbox-small .input + .custom-label {
  font-size: 14px;
}
.custom-radio.custom-checkbox-small .custom-label,
.custom-checkbox.custom-checkbox-small .custom-label {
  line-height: 18px;
  vertical-align: top;
}
.custom-radio.custom-checkbox-small .input,
.custom-checkbox.custom-checkbox-small .input {
  top: 0;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.custom-radio.custom-checkbox-small .input svg,
.custom-checkbox.custom-checkbox-small .input svg {
  width: 16px;
  height: 16px;
  padding: 3px;
}
.small .custom-checkbox {
  height: auto;
}
.small .custom-checkbox .input {
  height: 16px;
  width: 16px;
}
.small .custom-checkbox .input svg {
  width: 16px;
  height: 16px;
  padding: 2px;
}
.small .custom-checkbox .custom-label {
  display: none;
}
.file-upload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}
.file-upload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
}
.typeahead-wrapper {
  position: relative;
}
.typeahead-wrapper.form-group {
  margin-bottom: 0;
}
.typeahead-wrapper .loading-icon {
  position: absolute;
  right: 16px;
  top: 4px;
  z-index: 10;
}
.selectize-wrapper {
  position: relative;
}
.selectize-wrapper .selectize-control.multi .selectize-input {
  min-height: 40px;
  line-height: 26px;
}
.selectize-wrapper .selectize-control.multi .selectize-input {
  padding-left: 8px;
  padding-right: 8px;
}
.selectize-wrapper .selectize-control.multi .selectize-input.has-items {
  padding-left: 4px;
  padding-right: 4px;
}
.selectize-wrapper .selectize-control.multi .selectize-input .item {
  border: solid 1px #f2f2f2;
  font-size: 16px;
  padding: 0 32px 0 8px;
  position: relative;
}
.selectize-wrapper .selectize-control.plugin-remove_button [data-value] .name {
  margin-right: 4px;
}
.selectize-wrapper .selectize-control.plugin-remove_button [data-value] .remove {
  font-size: 20px;
  line-height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  margin: 0;
  width: 20px;
  border-left: solid 1px #f2f2f2;
}
.selectize-wrapper .loading-icon {
  position: absolute;
  right: 16px;
  top: 4px;
  z-index: 10;
}
.form-inline .form-group,
.form-inline p,
.form-inline .form-control {
  display: inline-block;
}
.form-inline .form-control {
  width: auto;
}
.form-inline .form-control-small {
  width: 70px;
  margin-left: 12px;
}
/**
 * Base: Lists
 *
 */
.list-item {
  background: #ffffff;
  border-bottom: 3px solid #f2f2f2;
  padding: 20px;
  position: relative;
}
.list-item .image {
  float: left;
  margin-right: 20px;
  overflow: hidden;
  position: relative;
}
.list-item .image img {
  display: block;
}
.list-item .controls {
  float: right;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
}
.list-item .inner-content {
  overflow: hidden;
}
.input-with-actions {
  background: #fff;
  margin-top: 20px;
  padding: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .input-with-actions {
    padding: 20px;
  }
}
.input-with-actions .input-wrapper {
  position: relative;
}
.input-with-actions .input-wrapper .form-control {
  border: 0;
  height: 40px;
  padding: 0;
  width: 100%;
}
.input-with-actions .input-wrapper .form-control:focus {
  box-shadow: none;
}
@media (min-width: 601px) {
  .input-with-actions .input-wrapper .form-control {
    width: 70%;
  }
}
@media (min-width: 768px) {
  .input-with-actions .input-wrapper .form-control {
    width: 80%;
  }
}
.input-with-actions .input-wrapper .action-btn {
  margin-top: 10px;
  position: relative;
  width: 100%;
}
@media (min-width: 601px) {
  .input-with-actions .input-wrapper .action-btn {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
  }
}
.list-date {
  font-size: 13px;
  font-weight: 700;
}
.list-user {
  font-size: 13px;
  font-weight: 700;
}
.list-source {
  font-size: 13px;
  font-style: italic;
}
.list-source a {
  color: #555555;
  text-decoration: underline;
}
.note-text {
  white-space: pre-wrap;
}
.no-data {
  color: #cccccc;
  font-size: 32px;
  padding: 30px 0 70px;
  text-align: center;
}
.no-data-small {
  text-align: center;
  font-size: 20px;
  color: #cccccc;
  padding: 30px 0;
}
.no-data-small small,
.no-data-small .create-case {
  font-size: 14px;
}
/**
 * Base: Tables
 * Divs that works like tables on larger screens than phones
 */
.table {
  overflow: hidden;
}
.table .table-head {
  display: none;
}
.table .table-body {
  display: flex;
  flex-wrap: wrap;
}
.table .table-row {
  text-align: left;
  float: left;
  width: 50%;
  background-color: #ffffff;
  padding: 12px;
}
.table .table-row.disabled {
  background-color: #f5f5f5;
  color: #999999;
}
.table .table-row.highlight {
  background-color: #eaf4e7;
  border: 1px solid #00a76d;
}
@media (min-width: 768px) {
  .table {
    display: table;
    width: 100%;
    padding: 0;
    background: #ffffff;
  }
  .table .table-head,
  .table .table-body {
    display: table-row-group;
  }
  .table .table-head .table-row > div {
    font-weight: 700;
  }
  .table .table-head .table-row:hover {
    cursor: default;
  }
  .table .table-head .table-row:hover > div {
    background: none;
  }
  .table .table-row {
    display: table-row;
    text-align: inherit;
    float: none;
    width: inherit;
    background-color: transparent;
    padding: 0;
  }
  .table .table-row > div {
    border-bottom: 1px solid #f5f5f5;
    display: table-cell;
    padding: 16px;
  }
  .table .table-row.disabled > div {
    background-color: #f5f5f5;
    color: #999999;
  }
  .table .table-row .control {
    padding: 16px 0;
  }
  .table .right {
    text-align: right;
  }
  .table .center {
    text-align: center;
  }
  .table.table-hover .table-body .table-row:hover {
    cursor: pointer;
  }
  .table.table-hover .table-body .table-row:hover > div {
    background: #f2f2f2;
  }
  .table.table-hover .table-body .table-row.disabled {
    cursor: auto;
  }
}
.table-foot {
  background: #e6e4df;
  overflow: hidden;
  padding: 16px;
}
@media (min-width: 768px) {
  .table-foot {
    padding: 0;
  }
  .table-foot > div {
    padding: 16px;
  }
}
/**
 * Base: Typography
 * General typography and commonly used typography classes, sizes.
 * Default font-size: 14px;
 */
* {
  font-family: 'Montserrat', sans-serif;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h4,
.h5 {
  margin: 0;
}
h1,
.h1 {
  font-size: 32px;
  font-weight: 300;
}
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 40px;
  }
}
h1.bordered,
.h1.bordered {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 16px;
}
h2,
.h2 {
  font-size: 20px;
  margin-bottom: 16px;
}
h2.bordered,
.h2.bordered {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 8px;
}
h3,
.h3 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 12px;
}
h3.bordered,
.h3.bordered {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 8px;
}
h4,
.h4 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 12px;
}
h4.bordered,
.h4.bordered {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 8px;
}
label {
  font-weight: 600;
}
b,
strong {
  font-weight: 600;
}
a,
a:hover,
a:active,
a:link {
  outline: none;
}
p.small {
  font-size: 13px;
  line-height: 17px;
  padding-top: 4px;
}
p.small-muted {
  color: #999999;
  font-size: 13px;
  line-height: 17px;
}
/**
 * Base: Buttons
 * Buttons, you know.
 */
.btn {
  border: 0;
  position: relative;
  padding: 10px 16px;
  font-weight: 600;
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05) 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05) 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05) 2px 6px rgba(0, 0, 0, 0.15);
  transition-property: color, background-color, border-color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.btn.btn-outline {
  padding-top: 9px;
  padding-bottom: 9px;
}
.btn:active:focus,
button:active:focus,
.btn:active.focus,
button:active.focus,
.btn.active:focus,
button.active:focus,
.btn.active.focus,
button.active.focus,
.btn:focus,
button:focus,
.btn.focus,
button.focus {
  outline: 0;
}
.btn:active,
.btn.active {
  box-shadow: none;
}
.btn.btn-accent {
  color: #555555;
  background-color: #eee;
  border-color: transparent;
}
.btn.btn-accent:focus,
.btn.btn-accent.focus {
  color: #555555;
  background-color: #d5d5d5;
  border-color: rgba(0, 0, 0, 0);
}
.btn.btn-accent:hover {
  color: #555555;
  background-color: #d5d5d5;
  border-color: rgba(0, 0, 0, 0);
}
.btn.btn-accent:active,
.btn.btn-accent.active,
.open > .dropdown-toggle.btn.btn-accent {
  color: #555555;
  background-color: #d5d5d5;
  background-image: none;
  border-color: rgba(0, 0, 0, 0);
}
.btn.btn-accent:active:hover,
.btn.btn-accent.active:hover,
.open > .dropdown-toggle.btn.btn-accent:hover,
.btn.btn-accent:active:focus,
.btn.btn-accent.active:focus,
.open > .dropdown-toggle.btn.btn-accent:focus,
.btn.btn-accent:active.focus,
.btn.btn-accent.active.focus,
.open > .dropdown-toggle.btn.btn-accent.focus {
  color: #555555;
  background-color: #c3c3c3;
  border-color: rgba(0, 0, 0, 0);
}
.btn.btn-accent.disabled:hover,
.btn.btn-accent[disabled]:hover,
fieldset[disabled] .btn.btn-accent:hover,
.btn.btn-accent.disabled:focus,
.btn.btn-accent[disabled]:focus,
fieldset[disabled] .btn.btn-accent:focus,
.btn.btn-accent.disabled.focus,
.btn.btn-accent[disabled].focus,
fieldset[disabled] .btn.btn-accent.focus {
  background-color: #eee;
  border-color: transparent;
}
.btn.btn-accent .badge {
  color: #eee;
  background-color: #555555;
}
.btn.btn-accent.active,
.btn.btn-accent:hover,
.btn.btn-accent:focus,
.btn.btn-accent:active,
.btn.btn-accent:active:hover,
.btn.btn-accent:focus:hover,
.btn.btn-accent.active:focus,
.btn.btn-accent.active:hover {
  background-color: #d5d5d5;
}
.btn-outline {
  background: none;
  border: 1px solid #cccccc;
  color: #555555;
  padding: 8px 16px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  font-weight: 500;
  transition: border 0.2s ease-in-out;
}
.btn-outline.active {
  background-color: #eeeeee;
}
.btn-outline:hover {
  border-color: #b3b3b3;
}
.btn-link {
  color: #555555;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  padding: 0;
}
.btn-text {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  color: #00a76d;
  font-weight: normal;
  background: none;
  padding: 0 10px;
}
.btn-text .icon {
  fill: #00a76d;
  vertical-align: baseline;
  float: left;
  margin: 2px 4px 0 0;
}
.btn-text:hover,
.btn-text:focus,
.btn-text:active {
  text-decoration: underline;
}
.btn-text:hover .icon,
.btn-text:focus .icon,
.btn-text:active .icon {
  fill: #00744c;
}
.btn-icon {
  padding: 0;
  width: 42px;
  height: 40px;
}
.btn-icon.btn-sm {
  padding: 0;
  width: 31px;
  height: 31px;
  line-break: 31px;
  text-align: center;
}
.btn-icon .icon {
  vertical-align: middle;
  width: 13px;
  height: 13px;
}
.btn-control {
  background: none;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  width: 24px;
  height: 24px;
  line-height: 1;
}
.btn-lg,
.btn-group-lg > .btn {
  height: 50px;
  padding: 10px 24px;
}
.btn-xs,
.btn-group-xs > .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  padding: 1px 5px;
}
.btn-sm,
.btn-group-sm > .btn,
.btn-group-sm > .btn {
  padding: 5px 12px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 0 12px;
  font-size: 13px;
  line-height: 28px;
  border-radius: 4px;
}
.btn-sm.btn-outline {
  padding-top: 0;
  padding-bottom: 0;
}
.btn-group .btn + .btn,
.btn-group button + .btn,
.btn-group .btn + button,
.btn-group button + button {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.action-button {
  position: relative;
}
.action-button > .button-text {
  color: #999999;
  display: none;
  position: absolute;
  right: 30px;
  top: 0;
  font-size: 12px;
  font-weight: normal;
}
.action-button > .button-text:hover {
  color: #999999;
}
.action-button:hover > .button-text {
  display: block;
}
.primary-filters {
  background: none;
  margin-bottom: 16px;
  padding: 0;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}
.filter-button {
  background: transparent;
  color: #555555;
  margin-right: 30px;
  margin-bottom: 0;
  padding: 0 0 16px 0;
  position: relative;
  transition: all 0.2s;
  border: none;
  border-bottom: 3px solid transparent;
}
.filter-button.filter-button-right {
  float: right;
  margin-right: 0;
}
.filter-button .filter-button-inner {
  float: left;
  line-height: 16px;
  font-size: 16px;
}
.filter-button .filter-button-inner.counter {
  border-radius: 16px;
  font-size: 11px;
  line-height: 14px;
  margin-right: 0;
  margin-top: 0;
  padding: 0 6px;
}
.filter-button .counter {
  border-radius: 25%;
  border: 1px solid #000;
  font-weight: 600;
  border-color: #555555;
  color: #555555;
  margin-left: 8px;
}
.filter-button .counter.check {
  min-width: auto;
  padding: 10px;
}
.filter-button .check-inner {
  width: 18px;
  height: 18px;
  background-color: #fff;
}
.filter-button .check-inner .icon {
  width: 14px;
  display: none;
  height: 14px;
  margin: 2px;
}
.filter-button.active {
  font-weight: 600;
  border-bottom-color: #555555;
}
.filter-button.active .counter {
  color: #fff;
  background-color: #555555;
}
.filter-button.active .check-inner .icon {
  display: inline-block;
}
.filter-button.avalaible .counter {
  border-color: #555555;
  color: #555555;
}
.filter-button.avalaible.active {
  border-bottom-color: #555555;
}
.filter-button.avalaible.active .counter {
  color: #fff;
  background-color: #555555;
}
.filter-button.assigned_to_case .counter {
  border-color: #336699;
  color: #336699;
}
.filter-button.assigned_to_case.active {
  border-bottom-color: #336699;
}
.filter-button.assigned_to_case.active .counter {
  color: #fff;
  background-color: #336699;
}
.filter-button.assigned_to_offer .counter {
  border-color: #ff9900;
  color: #ff9900;
}
.filter-button.assigned_to_offer.active {
  border-bottom-color: #ff9900;
}
.filter-button.assigned_to_offer.active .counter {
  color: #fff;
  background-color: #ff9900;
}
.filter-button.closed .counter,
.filter-button.completed .counter {
  border-color: #00a76d;
  color: #00a76d;
}
.filter-button.closed.active,
.filter-button.completed.active {
  border-bottom-color: #00a76d;
}
.filter-button.closed.active .counter,
.filter-button.completed.active .counter {
  color: #fff;
  background-color: #00a76d;
}
.filter-button.escalated .counter {
  border-color: #cf3535;
  color: #cf3535;
}
.filter-button.escalated.active {
  border-bottom-color: #cf3535;
}
.filter-button.escalated.active .counter {
  color: #fff;
  background-color: #cf3535;
}
.filter-button.pending .counter {
  border-color: #ff9900;
  color: #ff9900;
}
.filter-button.pending.active {
  border-bottom-color: #ff9900;
}
.filter-button.pending.active .counter {
  color: #fff;
  background-color: #ff9900;
}
.filter-button.all .counter {
  border-color: #555555;
  color: #555555;
}
.filter-button.all.active {
  border-bottom-color: #555555;
}
.filter-button.all.active .counter {
  color: #fff;
  background-color: #555555;
}
.filter-button.declined .counter,
.filter-button.overdue .counter,
.filter-button.missed .counter {
  border-color: #cf3535;
  color: #cf3535;
}
.filter-button.declined.active,
.filter-button.overdue.active,
.filter-button.missed.active {
  border-bottom-color: #cf3535;
}
.filter-button.declined.active .counter,
.filter-button.overdue.active .counter,
.filter-button.missed.active .counter {
  color: #fff;
  background-color: #cf3535;
}
.filter-button.pending .counter,
.filter-button.unlogged .counter {
  color: #ff9900;
  border-color: #ff9900;
}
.filter-button.pending.active,
.filter-button.unlogged.active {
  border-bottom-color: #ff9900;
}
.filter-button.pending.active .counter,
.filter-button.unlogged.active .counter {
  color: #fff;
  background-color: #ff9900;
}
.filter-button.open .counter,
.filter-button.later .counter,
.filter-button.draft .counter {
  color: #336699;
  border-color: #336699;
}
.filter-button.open.active,
.filter-button.later.active,
.filter-button.draft.active {
  border-bottom-color: #336699;
}
.filter-button.open.active .counter,
.filter-button.later.active .counter,
.filter-button.draft.active .counter {
  color: #fff;
  background-color: #336699;
}
.filter-button[disabled] {
  opacity: 0.3;
}
.filter-button[disabled]:hover {
  cursor: not-allowed;
}
zebra-button {
  display: inline;
  line-height: 1;
}
.page-view-button {
  vertical-align: middle;
  background: #fff;
  border: 1px solid #ddd;
  padding: 8px 12px;
  position: relative;
}
.page-view-button .icon {
  display: block;
  width: 18px;
  height: 18px;
}
@media (min-width: 768px) {
  .page-view-button {
    padding: 12px 20px;
  }
  .page-view-button .icon {
    width: 20px;
    height: 20px;
  }
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.fast {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.fadeOutFast {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes animJelly {
  0% {
    -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.083333% {
    -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.166667% {
    -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.25% {
    -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.416667% {
    -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.583333% {
    -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.75% {
    -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.833333% {
    -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.916667% {
    -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.083333% {
    -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.166667% {
    -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.25% {
    -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.416667% {
    -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  39.583333% {
    -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.75% {
    -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45.833333% {
    -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.916667% {
    -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.083333% {
    -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.166667% {
    -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.25% {
    -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.416667% {
    -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  62.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  64.583333% {
    -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.75% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.833333% {
    -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  72.916667% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  77.083333% {
    -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.166667% {
    -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.25% {
    -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.416667% {
    -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  89.583333% {
    -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.75% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95.833333% {
    -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.916667% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes animJelly {
  0% {
    -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.083333% {
    -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.166667% {
    -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.25% {
    -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.416667% {
    -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.583333% {
    -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.75% {
    -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.833333% {
    -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.916667% {
    -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.083333% {
    -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.166667% {
    -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.25% {
    -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.416667% {
    -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  39.583333% {
    -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.75% {
    -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45.833333% {
    -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.916667% {
    -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.083333% {
    -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.166667% {
    -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.25% {
    -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.416667% {
    -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  62.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  64.583333% {
    -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.75% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.833333% {
    -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  72.916667% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  77.083333% {
    -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.166667% {
    -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.25% {
    -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.416667% {
    -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  89.583333% {
    -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.75% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95.833333% {
    -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.916667% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
.jelly {
  -webkit-animation-name: animJelly;
  animation-name: animJelly;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
#loadingApp {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
}
#loadingApp .text {
  width: 320px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -200px 0 0 -160px;
  text-align: center;
}
#loadingApp .text .loading {
  width: 100px;
  opacity: 0.15;
}
#loadingApp .text p {
  font-size: 22px;
  color: #aaa;
}
.busy-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #f2f2f2;
  opacity: 0.5;
  z-index: 1000;
}
.page-busy {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  opacity: 0.5;
  z-index: 9999999;
}
.page-busy img {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  margin: -50px 0 0 -50px;
  opacity: 0.4;
}
.label {
  font-weight: 400;
  font-size: 90%;
  margin-left: 5px;
}
.alert {
  padding: 16px;
  margin-bottom: 16px;
}
/**
 * Base: App, Sidebar, Frame, Activity feed
 * Main layout for the backend. Not content specific, but more look and feel.
 */
html {
  font-size: 100%;
}
html,
body {
  min-height: 100%;
  height: 100%;
}
#app {
  position: relative;
  min-height: 100%;
  background: #f2f2f2;
}
#frame {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  max-width: 1440px;
  padding: 124px 0 64px 0;
  margin-left: auto;
  margin-right: auto;
}
#frame.limited {
  padding-top: 30px;
  max-width: 900px;
}
#frame.full-width {
  max-width: none;
}
.not-responsive {
  min-width: 1280px;
}
.dimmed {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
#layers {
  z-index: 10000;
}
.page-controls {
  clear: both;
  margin-top: 15px;
}
.page-controls .btn {
  margin: 0 4px 7px 0;
}
@media (min-width: 768px) {
  .page-controls {
    float: right;
    margin-top: 0;
    clear: none;
    padding-top: 5px;
  }
  .page-controls .btn {
    margin: 0 0 0 4px;
  }
}
.page-controls .label {
  margin-right: 10px;
  line-height: 40px;
}
.persona .page-controls {
  float: none;
  margin-top: 60px;
}
.persona .page-controls .btn {
  margin: 0 auto 10px;
}
.page-controls-footer {
  overflow: hidden;
}
.page-controls-footer .btn + .btn {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .page-controls-footer .btn {
    width: 100%;
    margin-bottom: 8px;
    margin-left: 0;
  }
}
.page-section {
  margin-bottom: 32px;
}
.section-box {
  background: #ffffff;
  padding: 24px 24px 0;
  position: relative;
}
.section-box:before,
.section-box:after {
  display: table;
  content: " ";
}
.section-box:after {
  clear: both;
}
.section-box:before,
.section-box:after {
  display: table;
  content: " ";
}
.section-box:after {
  clear: both;
}
.section-box .section-controls {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 10;
  float: none;
}
.section-box .section-box-header {
  margin-bottom: 16px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 8px;
}
.section-box .section-box-header:before,
.section-box .section-box-header:after {
  display: table;
  content: " ";
}
.section-box .section-box-header:after {
  clear: both;
}
.section-box .section-box-header:before,
.section-box .section-box-header:after {
  display: table;
  content: " ";
}
.section-box .section-box-header:after {
  clear: both;
}
.section-box .section-box-header h2 {
  float: left;
  margin: 0;
}
.section-controls {
  float: right;
  margin: 0;
}
.section-header {
  margin: 0 0 16px 0;
  overflow: hidden;
}
.section-header h2 {
  float: left;
  line-height: 40px;
  margin-bottom: 0;
}
.section-header-zebra {
  margin-bottom: 24px;
  overflow: hidden;
}
.section-header-zebra h2 {
  margin: 0;
}
.section-header-zebra p {
  margin: 8px 0 0 0;
  color: #999999;
}
.section-header-zebra .section-header-large {
  line-height: 40px;
}
.section-header-zebra.section-header-plus-controls {
  margin-bottom: 24px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: visible;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 16px;
}
@media (min-width: 768px) {
  .section-header-zebra.section-header-plus-controls {
    margin-bottom: 24px;
  }
}
.section-header-zebra.section-header-plus-controls .section-header-text {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 0;
}
.section-header-zebra.section-header-plus-controls .section-header-text h2 {
  margin: 0;
}
.section-header-zebra.section-header-plus-controls .section-header-controls {
  float: none;
}
@media (min-width: 768px) {
  .section-header-zebra .section-header-controls {
    float: right;
  }
}
.section-header-zebra .section-header-controls .btn {
  width: 100%;
  margin-bottom: 8px;
}
.section-header-zebra .section-header-controls .btn:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .section-header-zebra .section-header-controls .btn {
    width: auto;
    margin-bottom: 0;
  }
}
.load-more {
  margin: 20px 0 40px;
  text-align: center;
}
.load-more .btn {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 40px;
}
.section-block {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .section-block {
    margin-bottom: 0;
  }
}
.section-block .header {
  background: #FFF;
  padding: 20px;
  margin-bottom: 1px;
}
.section-block .header h2 {
  margin-bottom: 0;
}
.section-block .header .controls {
  float: right;
}
.section-block .content {
  background: #FFF;
  padding: 20px 20px 0;
}
/* Components
********************/
/**
 * Component: Accordions
 * List of various sections that can be collapsed/expanded
 * Possible to add a modifier that lets you sort the sections
 */
.accordions .accordion {
  margin-bottom: 3px;
  position: relative;
}
.accordions .accordion.accordion-disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.accordions .accordion .enable {
  position: absolute;
  top: 0;
  left: 0;
  height: 68px;
  width: 68px;
  z-index: 99;
}
.accordions .accordion .enable .custom-checkbox {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -12px;
}
.accordions .accordion .enable .custom-checkbox .input {
  border-color: #cccccc;
}
.accordions .accordion .enable + .header {
  padding-left: 68px;
}
.accordions .accordion .header {
  background: #efeeea;
  cursor: pointer;
  margin-bottom: 1px;
  min-height: 68px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.as-sortable-dragging .accordions .accordion .header {
  background: #efeeea;
  opacity: 0.7;
}
.accordions .accordion .header.header-white {
  background: white;
}
.accordions .accordion .header.collapsed {
  background: #e6e4df;
}
.accordions .accordion .header.collapsed:hover {
  background: #efeeea;
}
.accordions .accordion .header.collapsed.header-white {
  background: white;
}
.accordions .accordion .header .title {
  font-size: 20px;
  display: block;
  float: left;
  padding-right: 36px;
  word-break: break-word;
}
.accordions .accordion .header .label-accordion {
  float: right;
  margin: 3px 60px 0 0;
}
.accordions .accordion .header .move {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 68px;
  border-right: 1px solid #f2f2f2;
}
.accordions .accordion .header .move svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}
.accordions .accordion .header .move + .title {
  margin-left: 68px;
}
.accordions .accordion .header .expand {
  top: 50%;
  position: absolute;
  right: 20px;
  margin-top: -8px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.accordions .accordion .header.collapsed .expand {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.accordions .accordion .content {
  padding: 15px;
  background: #ffffff;
}
@media (min-width: 768px) {
  .accordions .accordion .content {
    padding: 30px;
  }
}
.accordions > .controls {
  overflow: hidden;
  margin-top: 30px;
}
.accordions.accordions-small .accordion .enable {
  height: 62px;
  width: 62px;
}
.accordions.accordions-small .accordion .enable + .header {
  margin-left: 42px;
}
.accordions.accordions-small .accordion .header {
  min-height: 62px;
}
.accordions.accordions-small .accordion .header .title {
  font-size: 16px;
}
.accordions.accordions-small .accordion .header .move {
  width: 62px;
}
.accordions.accordions-small .accordion .header .move + .title {
  margin-left: 62px;
}
.accordions .accordions .accordion .content {
  border: 1px solid #e6e4df;
  border-top: 0;
}
/**
 * Component: Icons
 * They get generated through "gulp icons", which goes through the assets/icons folder, to then generate a sprite
 */
.icon {
  line-height: 1;
  display: inline-block;
  width: 24px;
  height: 24px;
  fill: #666666;
  -webkit-transition: ease-out;
  -o-transition: ease-out;
  transition: ease-out;
  -webkit-transition: ease-out 0.3s ease-out;
  -moz-transition: ease-out 0.3s ease-out;
  -o-transition: ease-out 0.3s ease-out;
  -ms-transition: ease-out 0.3s ease-out;
  transition: ease-out 0.3s ease-out;
}
.icon.icon-tiny {
  width: 10px;
  height: 10px;
}
.icon.icon-small {
  width: 16px;
  height: 16px;
}
.icon.icon-medium {
  width: 20px;
  height: 20px;
}
.icon.icon-large {
  width: 24px;
  height: 24px;
}
@media (min-width: 768px) {
  .icon.icon-large {
    width: 32px;
    height: 32px;
  }
}
.icon.icon-giant {
  width: 48px;
  height: 48px;
}
.icon.icon-rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon.icon-rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon.icon-rotate-270 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.icon.icon-white {
  fill: #FFF;
}
.icon.icon-subtle {
  fill: #999999;
}
.icon.icon-primary {
  fill: #00a76d;
}
.icon.icon-secondary {
  fill: #bdb5b3;
}
.icon.icon-accent {
  fill: #e6e4df;
}
/**
 * Component: Modal
 * Based on Codrops modal window effects.
 */
.modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3500;
  background: rgba(0, 0, 0, 0.15);
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.modal-bg.force-bg-back {
  z-index: 3000 !important;
}
.modal-bg.active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 36px 16px;
  height: auto;
  z-index: 3501;
  -webkit-transform: translate(-50.1%, -50.1%);
  transform: translate(-50.1%, -50.1%);
  -ms-transform: translate(-50.1%, -50.1%);
  -o-transform: translate(-50.1%, -50.1%);
  -webkit-font-smoothing: antialiased;
  min-width: 320px;
  max-width: 520px;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-content .modal-inner {
  background: #FFF;
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translate(0, 24px);
  transform: translate(0, 24px);
  -ms-transform: translate(0, 24px);
  -o-transform: translate(0, 24px);
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  -webkit-transition: transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out;
  -o-transition: transform 0.5s ease-out;
  -ms-transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
}
.modal-content .modal-inner-scroll {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  padding: 40px;
}
.modal-content.active .modal-inner {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-radius: 8px;
}
.modal-content.active #modal-close {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.modal-content.force-content-back {
  z-index: 3001 !important;
}
.modal-content#modal-content-fluid,
.modal-content#modal-content-fluid-no-limit {
  max-width: none;
}
.modal-content#modal-content-no-limit,
.modal-content#modal-content-fluid-no-limit {
  max-height: 100%;
  overflow: initial;
}
#modal-close {
  display: block;
  position: absolute;
  right: 4px;
  top: 24px;
  border-radius: 100%;
  background-color: #d8d8d8;
  width: 30px;
  height: 30px;
  border: 0;
  text-align: center;
  z-index: 1;
  cursor: pointer;
  transition: ease-out 0.2s, opacity 0.5s cubic-bezier(0.3, 0.58, 0.05, 0.93) 0.25s;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#modal-close svg {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px;
  fill: #ffffff;
}
#modal-close:hover {
  transform: scale(1.1);
  text-decoration: none;
  background: #bfbfbf;
}
/**
 * Component: ngSortable
 * ngSortable by a5hik from github -- modified version of the default styling
 */
.as-sortable-item {
  -ms-touch-action: none;
  touch-action: none;
}
.as-sortable-item-handle {
  cursor: move;
}
.as-sortable-drag {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}
.as-sortable-hidden {
  display: none !important;
}
.as-sortable-placeholder {
  border: 2px dashed #aea897;
  background-color: #dbd8d1;
  margin-bottom: 3px;
  padding: 20px 0;
}
.as-sortable-drag {
  opacity: 0.6;
}
/**
 * Component: Overlay
 *
 */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3300;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  cursor: pointer;
}
.overlay.active {
  opacity: 1;
}
.overlay.force-bg-back {
  z-index: 2800 !important;
}
.overlay.medium {
  z-index: 3400;
}
.overlay.medium.force-bg-back {
  z-index: 2900 !important;
}
.overlay.big {
  z-index: 3301;
}
.overlay.big.force-bg-back {
  z-index: 2801 !important;
}
.overlay-content {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3301;
  opacity: 1;
  height: auto;
  width: 100%;
}
.overlay-content.force-content-back {
  z-index: 2801 !important;
}
@media (min-width: 992px) {
  .overlay-content {
    width: 100%;
    max-width: 1050px;
  }
}
@media (min-width: 992px) {
  .overlay-content.big {
    max-width: 750px;
  }
}
.overlay-content.big.force-content-back {
  z-index: 2802 !important;
}
@media (min-width: 992px) {
  .overlay-content.bigger {
    max-width: 900px;
  }
}
.overlay-content.bigger.force-content-back {
  z-index: 2802 !important;
}
.overlay-content.medium {
  z-index: 3401;
}
@media (min-width: 992px) {
  .overlay-content.medium {
    max-width: 350px;
  }
}
.overlay-content.medium.force-content-back {
  z-index: 2901 !important;
}
.overlay-content .overlay-inner {
  background: #fff;
  height: 100%;
}
@media (min-width: 992px) {
  .overlay-content .overlay-inner {
    -webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.2) 2px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.2) 2px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.2) 2px 6px rgba(0, 0, 0, 0.15);
  }
}
.overlay-content .overlay-inner-scroll {
  overflow-y: auto;
  webkit-overflow-scrolling: touch;
  height: 100%;
  padding: 40px 20px 20px 20px;
}
@media (min-width: 768px) {
  .overlay-content .overlay-inner-scroll {
    padding: 50px;
  }
}
.overlay-content .overlay-inner-scroll > div {
  position: relative;
}
.overlay-content.full-height .overlay-inner-scroll > div {
  height: 100%;
}
.overlay-content .controls {
  margin-bottom: 50px;
}
.overlay-content .controls:before,
.overlay-content .controls:after {
  display: table;
  content: " ";
}
.overlay-content .controls:after {
  clear: both;
}
.overlay-content .controls:before,
.overlay-content .controls:after {
  display: table;
  content: " ";
}
.overlay-content .controls:after {
  clear: both;
}
.overlay-close {
  cursor: pointer;
  background: #e6e4df;
  color: #555555;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  z-index: 3500;
  text-align: center;
}
@media (min-width: 768px) {
  .overlay-close {
    width: 40px;
    height: 40px;
    right: auto;
    left: 0;
  }
}
.overlay-close svg {
  top: 12px;
  position: relative;
}
@media (max-width: 768px) {
  .overlay-close svg.icon.icon-small {
    top: 7px;
    width: 14px;
    height: 14px;
  }
}
.overlay-close:hover {
  text-decoration: none;
  background: #f1f0ed;
}
.overlay-section {
  margin-bottom: 30px;
}
/**
 * selectize.bootstrap3.css (v0.12.4) - Bootstrap 3 Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 3px 12px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 12px;
  top: 50%;
  color: #555555;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #151515;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 1px 0 0 0;
  border-left: 1px solid rgba(0, 0, 0, 0);
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: rgba(0, 0, 0, 0);
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: rgba(77, 77, 77, 0);
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #555555;
  font-family: inherit;
  font-size: inherit;
  line-height: 20px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #ccc;
  padding: 6px 12px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 5px 12px 2px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 3px;
  background: #efefef;
  color: #555555;
  border: 0 solid rgba(0, 0, 0, 0);
}
.selectize-control.multi .selectize-input > div.active {
  background: #00a76d;
  color: #fff;
  border: 0 solid rgba(0, 0, 0, 0);
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #a2a2a2;
  background: #ffffff;
  border: 0 solid rgba(77, 77, 77, 0);
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #ffffff;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(255, 237, 40, 0.4);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 3px 12px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #777777;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5f5f5;
  color: #262626;
}
.selectize-dropdown .active.create {
  color: #262626;
}
.selectize-dropdown .create {
  color: rgba(85, 85, 85, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #555555 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #555555 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 17px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fff;
}
.selectize-dropdown,
.selectize-dropdown.form-control {
  height: auto;
  padding: 0;
  margin: 2px 0 0 0;
  z-index: 1000;
  background: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.selectize-dropdown .optgroup-header {
  font-size: 13px;
  line-height: 1.42857143;
}
.selectize-dropdown .optgroup:first-child:before {
  display: none;
}
.selectize-dropdown .optgroup:before {
  content: ' ';
  display: block;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  margin-left: -12px;
  margin-right: -12px;
}
.selectize-dropdown-content {
  padding: 5px 0;
}
.selectize-dropdown-header {
  padding: 6px 12px;
}
.selectize-input {
  min-height: 34px;
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.selectize-input.dropdown-active::before {
  display: none;
}
.selectize-input.focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.has-error .selectize-input {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .selectize-input:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.selectize-control.multi .selectize-input.has-items {
  padding-left: 9px;
  padding-right: 9px;
}
.selectize-control.multi .selectize-input > div {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.form-control.selectize-control {
  padding: 0;
  height: auto;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
div.selectize-control > div.selectize-input {
  display: block;
}
div.selectize-control > div.selectize-input > div.item.active {
  background-color: #e6e4df;
}
div.selectize-control > div.selectize-input > div.item .email {
  margin-left: 8px;
  color: #999999;
}
div.selectize-control > div.selectize-input > div.item .email:before {
  content: '<';
}
div.selectize-control > div.selectize-input > div.item .email:after {
  content: '>';
}
div.selectize-control.single .selectize-input:after {
  display: none;
}
div.selectize-control > div.selectize-dropdown .label {
  font-size: 16px;
  line-height: 20px;
}
div.selectize-control > div.selectize-dropdown .caption {
  font-size: 12px;
  line-height: 1;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}
.switch {
  width: 46px;
  height: 22px;
  border-radius: 12px;
  top: 0;
  background-color: #f2f2f2;
}
.switch small {
  width: 22px;
  height: 22px;
}
.switch.checked {
  background-color: #00a76d;
  border-color: #00a76d;
}
.switch.checked small {
  left: 24px;
}
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000;
  position: absolute;
  z-index: 10000;
  user-select: none;
  outline: none;
}
/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: 0.75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.picker__year {
  color: #999;
  font-size: 0.8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: 0.5em;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: 0.5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.75em solid #000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: 0.75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.28571429%;
  font-size: 0.75em;
  padding-bottom: 0.25em;
  color: #999;
  font-weight: 500;
  /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: 0.5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: 0.3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: 0.5em solid transparent;
}
.picker__day--disabled:before {
  border-top-color: #aaa;
}
.picker__day--outfocus {
  color: #ddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__day--highlighted {
  border-color: #0089ec;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #fff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb;
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #fff;
  background: #fff;
  font-size: 0.8em;
  padding: 0.66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: 0.45em;
}
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: 0.66em solid transparent;
}
.picker__button--clear:before {
  top: -0.25em;
  width: 0.66em;
  border-top: 3px solid #e20;
}
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: 0.35em;
  color: #777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaa;
}
/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0;
}
/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin-bottom: -1px;
  position: relative;
  background: #fff;
  padding: 0.75em 1.25em;
}
@media (min-height: 46.75em) {
  .picker__list-item {
    padding: 0.5em 1em;
  }
}
/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10;
}
/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10;
}
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #fff;
  z-index: 10;
}
/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
  border-color: #ddd;
  z-index: auto;
}
/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: 0.67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}
.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000;
  background: #b1dcfb;
  background: #e20;
  border-color: #e20;
  cursor: pointer;
  color: #fff;
  outline: none;
}
.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold;
}
.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #fff;
  border-color: #fff;
}
/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
}
/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, transform 0s 0.15s;
  -webkit-backface-visibility: hidden;
}
/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out;
}
@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}
/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-height: 33.875em) {
  .picker__wrap {
    display: block;
  }
}
/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #fff;
  display: table-cell;
  vertical-align: middle;
}
@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em;
  }
}
@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}
@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px;
  }
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  transform: translateY(0);
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background 0.15s ease-out;
}
.picker--opened .picker__frame {
  transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0;
  }
}
/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */
/* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
/**
 * The frame the bounds the time picker.
 */
.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px;
}
/**
 * The picker box.
 */
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0;
}
@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em;
  }
}
th.picker__weekday {
  text-align: center;
}
.form-control.input-date[readonly] {
  background: #fff;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.picker__day--today:before {
  border-top-color: #00a76d;
}
.picker__button--today:before {
  border-top-color: #00a76d;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #00a76d;
  color: #fff;
}
.picker__day--highlighted {
  background-color: #00a76d;
  border-color: #00a76d;
  color: #fff;
}
.picker__day--highlighted.picker__day--today:before {
  border-top-color: #fff;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  background: #00a76d;
  color: #fff;
}
.picker__day.picker__day--infocus.picker__day--today.picker__day--highlighted {
  background: #00a76d;
  color: #fff;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  background: #00a76d;
  color: #fff;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  background: none;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  background: none;
  border-bottom-color: transparent;
}
@media (min-height: 40.125em) {
  .picker__box {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
    box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
    border-color: #fff;
  }
}
.picker {
  display: none;
}
.picker .picker__holder {
  display: none;
}
.picker--opened {
  display: block;
}
.picker--opened .picker__holder {
  display: block;
}
.picker--opened .picker__frame {
  top: 50%;
  margin: -217px auto 0 auto;
  bottom: auto;
}
.picker__select--month,
.picker__select--year {
  height: auto;
  font-size: 13px;
  font-weight: normal;
}
/* Services
********************/
.delete-modal .content {
  word-break: break-word;
}
.delete-modal .cancel-btn {
  background-color: white;
  border: 1px solid rgba(148, 142, 142, 0.42);
  box-shadow: none;
  font-weight: 400;
}
/* Directives
********************/
.attachments-list .attachment-item {
  background-color: #f8f8f8;
  color: #555555;
  cursor: pointer;
  font-size: 12px;
  height: 60px;
  margin-bottom: 20px;
  margin-right: 10px;
  position: relative;
}
.attachments-list .attachment-item .attachment-type {
  background-color: #ececec;
  border-right: 2px solid #fff;
  color: #6c6e70;
  display: block;
  float: left;
  height: 100%;
  line-height: 20px;
  margin-right: 10px;
  padding: 12px 10px;
  position: relative;
  width: 38px;
}
.attachments-list .attachment-item .attachment-type .icon-small {
  left: 50%;
  margin: -8px 0 0 -8px;
  position: absolute;
  top: 50%;
}
.attachments-list .attachment-item .attachment-filename {
  height: 100%;
  overflow: hidden;
  padding-right: 10px;
  position: relative;
}
.attachments-list .attachment-item .attachment-filename .attachment-filename-table {
  display: table;
  height: 100%;
  table-layout: fixed;
  width: 100%;
}
.attachments-list .attachment-item .attachment-filename .attachment-filename-table .attachment-filename-table-cell {
  display: table-cell;
  vertical-align: middle;
}
.attachments-list .attachment-item .attachment-filename .filename {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  word-wrap: break-word;
}
.attachments-list .attachment-item:hover {
  background: #ebebeb;
}
.attachments-list .attachment-item:hover .attachment-type {
  background: #dfdfdf;
}
.attachments-list .attachment-item.no-download {
  cursor: auto;
}
.attachments-list .attachment-item.no-download:hover {
  background-color: #f8f8f8;
}
.attachments-list .attachment-item.no-download:hover .attachment-type {
  background-color: #ececec;
}
.data-field .field-label {
  font-weight: 600;
}
.data-field .field-controls {
  float: right;
  margin-left: 8px;
  display: none;
}
.data-field .field-controls .edit {
  cursor: pointer;
}
.data-field .field-controls .edit .icon {
  width: 12px;
  height: 12px;
}
.data-field:hover .field-controls {
  opacity: 1;
}
.placeholder-wrapper {
  display: inline-block;
}
.placeholder-wrapper.placeholder-initial {
  color: #ffffff;
  text-align: center;
  background-color: #cccccc;
  border-radius: 100%;
  font-weight: 400;
}
.placeholder-wrapper.placeholder-image {
  border-radius: 50%;
  left: 50%;
  top: 0;
  width: 100%;
}
.placeholder-wrapper.placeholder-image.portrait {
  min-height: 100%;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.placeholder-wrapper.placeholder-image.landscape {
  height: 100%;
  min-width: 100%;
  width: auto;
}
.placeholder-wrapper.img-xs {
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.placeholder-wrapper.img-sm {
  font-size: 15px;
  height: 30px;
  width: 30px;
  line-height: 30px;
}
.placeholder-wrapper.img-md {
  font-size: 20px;
  height: 40px;
  width: 40px;
  line-height: 40px;
}
.placeholder-wrapper.img-lg {
  font-size: 32px;
  height: 64px;
  width: 64px;
  line-height: 64px;
}
.placeholder-wrapper.img-xlg {
  font-size: 50px;
  height: 100px;
  width: 100px;
  line-height: 100px;
}
.placeholder-wrapper.img-xxlg {
  font-size: 70px;
  height: 140px;
  width: 140px;
  line-height: 140px;
}
.form-group.error datepicker-moment input {
  border: 1px solid #a92828;
}
.searchfield-wrapper {
  background: #fff;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.searchfield-wrapper .inner-wrap {
  padding: 0 20px;
}
.searchfield-wrapper button.search-field-button {
  position: absolute;
  left: 20px;
  top: 24px;
}
.searchfield-wrapper button.search-field-button svg {
  height: 20px;
  width: 20px;
}
.searchfield-wrapper input.search-field-input {
  background: none;
  border-radius: 0;
  border: 0;
  font-size: 18px;
  height: 70px;
  text-indent: 30px;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
}
.searchfield-wrapper input.search-field-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  outline: none;
}
.searchfield-wrapper input.search-field-input::-ms-clear {
  display: none;
}
.searchfield-wrapper .search-field-reset {
  background: #ddd;
  border-radius: 50%;
  border: none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: 100;
  height: 25px;
  line-height: 15px;
  margin-top: -12px;
  position: absolute;
  right: -50px;
  top: 50%;
  text-align: center;
  width: 25px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.searchfield-wrapper .search-field-reset:before {
  content: "\D7";
  font-size: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -6px;
}
.searchfield-wrapper .search-field-reset.not-empty {
  right: 30px;
}
timezone-select {
  display: block;
}
.timezone-select.error select {
  border: 1px solid #a92828;
}
.push-notification-wrapper {
  height: auto;
  position: fixed;
  right: 12px;
  top: 76px;
  z-index: 10000;
  width: 300px;
}
.push-notification {
  background: #fff;
  color: #555555;
  margin-bottom: 8px;
  opacity: 1;
  position: relative;
  left: 0;
  top: 0;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.push-notification:before,
.push-notification:after {
  display: table;
  content: " ";
}
.push-notification:after {
  clear: both;
}
.push-notification:before,
.push-notification:after {
  display: table;
  content: " ";
}
.push-notification:after {
  clear: both;
}
.push-notification__content {
  padding: 8px 38px 8px 44px;
}
.push-notification__content.inbound {
  padding-right: 72px;
}
.push-notification__content.forwarding {
  padding-right: 8px;
}
.push-notification__icon {
  background: rgba(0, 167, 109, 0.2);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
}
.push-notification__icon .icon {
  fill: #00a76d;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  position: absolute;
  left: 50%;
  top: 50%;
}
.error .push-notification__icon {
  background: rgba(207, 53, 53, 0.2);
}
.error .push-notification__icon .icon {
  fill: #cf3535;
}
.info .push-notification__icon {
  background: rgba(51, 102, 153, 0.2);
}
.info .push-notification__icon .icon {
  fill: #336699;
}
.push-notification__close {
  cursor: pointer;
  border-left: 1px solid #f4f4f4;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.push-notification__close .icon {
  fill: #888;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.push-notification__close:hover {
  background-color: #eee;
}
.push-notification__close:hover .icon {
  fill: #555555;
}
.push-notification__title {
  font-size: 14px;
}
.push-notification__message {
  font-size: 12px;
}
.push-notification__id {
  font-size: 10px;
  color: #555555;
}
.push-notification__incoming-call {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  width: 60px;
}
.push-notification__incoming-call .inbound-icon {
  border-left: 1px solid #f2f2f2;
  cursor: pointer;
  height: 50%;
  padding-top: 4px;
  text-align: center;
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.push-notification__incoming-call .inbound-icon:first-child {
  border-bottom: 1px solid #f2f2f2;
}
.push-notification__incoming-call .inbound-icon:hover {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: #f5f5f5;
}
.push-notification__incoming-call .inbound-icon.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
@keyframes progressBar {
  0% {
    left: -50%;
  }
  100% {
    left: 100%;
  }
}
#zProgress {
  margin: 0;
  padding: 0;
  z-index: 99998;
  background-color: #00a76d !important;
  width: 100%;
  height: 4px;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#zProgress::before {
  content: "";
  width: 50%;
  height: 200px;
  position: absolute;
  left: -100%;
  top: -98px;
  background-color: #5bffc6;
  filter: blur(100px);
  opacity: 0.8;
  animation-name: progressBar;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.typeahead-wrapper .dropdown-menu li a {
  white-space: normal;
  word-wrap: break-word;
}
.typeahead-wrapper .dropdown-menu li.addNew {
  background-color: #f2f2f2;
  padding: 12px 20px;
  font-weight: 400;
  line-height: 26px;
  cursor: pointer;
}
.typeahead-wrapper .dropdown-menu li.addNew:hover {
  background-color: #e5e5e5;
}
.typeahead-wrapper .dropdown-menu li .plusIcon {
  float: left;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #555555;
  font-size: 20px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 50%;
}
.typeahead-wrapper .account-typeahead {
  padding-bottom: 0;
}
.search-users .input-group-btn:last-child > .btn {
  margin-left: 8px;
}
.search-users.error .form-control {
  border: 1px solid #a92828;
}
/* Components
********************/
.group-fields.accordions {
  border: 1px solid #f2f2f2;
  margin-bottom: 24px;
}
.group-fields.accordions .accordion .header {
  background-color: #f2f2f2;
  min-height: auto;
  padding: 16px;
}
.group-fields.accordions .accordion .header.collapsed {
  background-color: #f2f2f2;
}
.group-fields.accordions .accordion .header .title {
  font-size: 14px;
}
.group-fields.accordions .accordion .header .expand {
  width: 16px;
  height: 16px;
  margin-top: -8px;
}
.group-fields.accordions .accordion.extra-space {
  margin-bottom: 32px;
}
.group-fields.accordions .accordion:last-child {
  margin-bottom: 0;
}
.group-fields.accordions .content {
  padding: 16px 16px 0;
}
.group-fields.accordions .content:before,
.group-fields.accordions .content:after {
  display: table;
  content: " ";
}
.group-fields.accordions .content:after {
  clear: both;
}
.group-fields.accordions .content:before,
.group-fields.accordions .content:after {
  display: table;
  content: " ";
}
.group-fields.accordions .content:after {
  clear: both;
}
.group-fields.accordions .content hr {
  margin-top: 0;
}
.group-fields.accordions .content .row > div:nth-of-type(2n+1) {
  clear: both;
}
.group-fields.accordions .content .field {
  margin: 0 0 16px 0;
}
.group-fields .accordion {
  margin-bottom: 8px;
}
.image-contact-account {
  position: relative;
}
.image-contact-account .contact-image {
  float: left;
  margin: 0 12px 0 0;
  overflow: hidden;
  position: relative;
}
.image-contact-account .contact-account-text {
  padding-left: 52px;
}
.image-contact-account .account-text {
  padding-left: 84px;
  padding-top: 9px;
}
.image-contact-account .account-name {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.1;
  padding-top: 0;
}
.image-contact-account .team-name {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.1;
  padding-top: 12px;
}
.image-contact-account .account {
  padding-top: 16px;
}
.image-contact-account.image-contact-account-medium .contact-account-text {
  padding-left: 84px;
}
.image-contact-account.image-contact-account-medium .contact-name {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.1;
  padding-top: 12px;
}
@media (min-width: 768px) {
  .image-contact-account.image-contact-account-medium .secondary-text {
    font-weight: 400;
  }
}
.image-contact-account.image-contact-account-large .contact-account-text {
  padding-left: 55px;
}
@media (min-width: 768px) {
  .image-contact-account.image-contact-account-large .contact-account-text {
    padding-left: 130px;
  }
}
@media (min-width: 768px) {
  .image-contact-account.image-contact-account-large .contact-name {
    margin-bottom: 2px;
    line-height: 1;
    font-size: 38px;
    padding-top: 18px;
    font-weight: 300;
  }
}
@media (min-width: 768px) {
  .image-contact-account.image-contact-account-large .secondary-text {
    font-weight: 400;
  }
}
.radio-button-list:before,
.radio-button-list:after {
  display: table;
  content: " ";
}
.radio-button-list:after {
  clear: both;
}
.radio-button-list:before,
.radio-button-list:after {
  display: table;
  content: " ";
}
.radio-button-list:after {
  clear: both;
}
.dropdown-compare-period .comparators {
  display: inline-block;
}
.dropdown-compare-period .compare-icon {
  display: inline-block;
  height: 40px;
  margin: 0 12px;
}
.dropdown-compare-period .compare-icon .icon {
  vertical-align: middle;
  height: 20px;
  width: 20px;
}
.dropdown-compare-period .compare-separator {
  margin: 0 12px;
}
@media (min-width: 768px) {
  .filter-collapse {
    display: inline !important;
  }
}
.btn-toggle-filters {
  margin-bottom: 16px;
}
.custom-dropdown-wrapper {
  display: block;
  margin: 0 0 8px 0;
}
@media (min-width: 768px) {
  .custom-dropdown-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin: 0 16px 16px 0;
  }
}
@media (min-width: 768px) {
  .custom-dropdowns {
    display: inline-block;
  }
}
.custom-dropdowns .dropdown-toggle {
  overflow: hidden;
  width: 100%;
  text-align: left;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 768px) {
  .custom-dropdowns .dropdown-toggle {
    width: auto;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
  }
}
.custom-dropdowns .dropdown-toggle span,
.custom-dropdowns .dropdown-toggle strong {
  vertical-align: top;
}
.custom-dropdowns .dropdown-toggle .caret {
  vertical-align: middle;
}
.custom-dropdowns .dropdown-toggle.busy {
  opacity: 0.6;
}
.custom-dropdowns .dropdown-menu {
  width: 100%;
  border-radius: 4px;
  padding: 0 0 0 0;
}
@media (min-width: 768px) {
  .custom-dropdowns .dropdown-menu {
    width: 260px;
  }
}
.custom-dropdowns .dropdown-menu .top-information {
  background-color: #eee;
  font-style: italic;
  font-size: 13px;
  padding: 10px 16px;
}
.custom-dropdowns .dropdown-menu .disabled-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.5;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content {
  overflow-y: auto;
  max-height: 420px;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .loading {
  margin: 24px auto;
  display: block;
  width: 50px;
  opacity: 0.5;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper {
  padding: 16px;
  margin-top: 0;
  border-top: 1px solid #dddddd;
  position: relative;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper:first-child {
  margin-top: 0;
  border-top: none;
  padding-bottom: 16px;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-loading img {
  opacity: 0.5;
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 40px;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-btn-clear-selected {
  color: #00a76d;
  cursor: pointer;
  padding-bottom: 10px;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .switch {
  position: absolute;
  right: 0;
  top: -2px;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item {
  margin-bottom: 16px;
  cursor: pointer;
  position: relative;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item:last-child {
  margin-bottom: 0;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item-check {
  border: 1px solid #cccccc;
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  position: relative;
  background: #FFF;
  line-height: 20px;
  text-align: center;
  margin: 2px 10px 0 0;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item-check.sort-by {
  border-radius: 50%;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item-check .icon {
  display: none;
  padding: 3px;
  width: 16px;
  height: 16px;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item-selected .dropdown-list-item-check {
  border: 0;
  background: #00a76d;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item-selected .dropdown-list-item-check .icon {
  display: block;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item-text {
  overflow: hidden;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item-text p {
  line-height: 19px;
  font-size: 15px;
  margin-bottom: 0;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item-text p.small {
  line-height: 17px;
  font-size: 13px;
  padding-top: 4px;
}
.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item-text p.small-muted {
  line-height: 17px;
  font-size: 13px;
  color: #999999;
}
.custom-dropdowns .dropdown-menu .dropdown-search-result-info {
  background-color: #eee;
  padding: 10px 16px;
}
.custom-dropdowns .dropdown-menu.dropdown-menu-single-select {
  padding: 0;
}
.custom-dropdowns .dropdown-menu.dropdown-menu-single-select .dropdown-menu-content .dropdown-list-wrapper {
  padding: 0;
}
.custom-dropdowns .dropdown-menu.dropdown-menu-single-select .dropdown-menu-content .dropdown-list .dropdown-list-item {
  margin: 0;
  padding: 8px 16px;
}
.custom-dropdowns .dropdown-menu.dropdown-menu-single-select .dropdown-menu-content .dropdown-list .dropdown-list-item.disabled {
  cursor: auto;
  opacity: 0.5;
}
.custom-dropdowns .dropdown-menu.dropdown-menu-single-select .dropdown-menu-content .dropdown-list .dropdown-list-item.disabled:hover {
  background-color: transparent;
}
.custom-dropdowns .dropdown-menu.dropdown-menu-single-select .dropdown-menu-content .dropdown-list .dropdown-list-item.active {
  background-color: #eee;
}
.custom-dropdowns .dropdown-menu.dropdown-menu-single-select .dropdown-menu-content .dropdown-list .dropdown-list-item:hover {
  background-color: #eee;
}
.custom-dropdowns .dropdown-menu.dropdown-menu-single-select .dropdown-menu-content .loading {
  margin-bottom: 16px;
}
.custom-dropdowns .dropdown-menu .year-range-selection:before,
.custom-dropdowns .dropdown-menu .year-range-selection:after {
  display: table;
  content: " ";
}
.custom-dropdowns .dropdown-menu .year-range-selection:after {
  clear: both;
}
.custom-dropdowns .dropdown-menu .year-range-selection:before,
.custom-dropdowns .dropdown-menu .year-range-selection:after {
  display: table;
  content: " ";
}
.custom-dropdowns .dropdown-menu .year-range-selection:after {
  clear: both;
}
.custom-dropdowns .dropdown-menu .year-range-selection .form-control {
  width: 45%;
  float: left;
}
.custom-dropdowns .dropdown-menu .year-range-selection .year-range-splitter {
  float: left;
  width: 10%;
  line-height: 31px;
  text-align: center;
}
.custom-dropdowns .dropdown-menu .custom-slider.rzslider {
  margin: 10px 0 18px 0;
}
.custom-dropdowns .dropdown-menu .custom-slider.rzslider .rz-bar {
  background: #eee;
  height: 3px;
}
.custom-dropdowns .dropdown-menu .custom-slider.rzslider .rz-selection {
  transition: none;
  background: #00a76d;
}
.custom-dropdowns .dropdown-menu .custom-slider.rzslider .rz-pointer {
  width: 20px;
  height: 20px;
  background-color: #00a76d;
  top: -10px;
  outline: 0;
}
.custom-dropdowns .dropdown-menu .custom-slider.rzslider .rz-pointer:after {
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
}
.custom-dropdowns .dropdown-menu .custom-slider.rzslider .rz-pointer.active {
  outline: 0;
}
.custom-dropdowns .dropdown-menu .custom-slider.rzslider .rz-pointer.active:after {
  background-color: #fff;
}
.custom-dropdowns .dropdown-menu .custom-slider.rzslider .rz-bubble {
  display: none;
}
.custom-dropdowns .dropdown-menu .range-slider-info:before,
.custom-dropdowns .dropdown-menu .range-slider-info:after {
  display: table;
  content: " ";
}
.custom-dropdowns .dropdown-menu .range-slider-info:after {
  clear: both;
}
.custom-dropdowns .dropdown-menu .range-slider-info:before,
.custom-dropdowns .dropdown-menu .range-slider-info:after {
  display: table;
  content: " ";
}
.custom-dropdowns .dropdown-menu .range-slider-info:after {
  clear: both;
}
.custom-dropdowns .dropdown-menu .range-slider-info .value {
  width: 45%;
  float: left;
  height: 31px;
  padding: 0 8px;
  line-height: 31px;
  border-radius: 4px;
  font-size: 13px;
  border: 1px solid #ddd;
}
.custom-dropdowns .dropdown-menu .range-slider-info .form-control {
  width: 45%;
  float: left;
}
.custom-dropdowns .dropdown-menu .range-slider-info .range-slider-splitter {
  float: left;
  width: 10%;
  line-height: 31px;
  text-align: center;
}
.custom-dropdowns .dropdown-menu .range-slider-label {
  margin-bottom: 4px;
}
.custom-dropdowns .custom-date {
  width: 100%;
  margin-top: 8px;
  display: inline-block;
}
@media (min-width: 768px) {
  .custom-dropdowns .custom-date {
    width: auto;
    margin-top: 0;
  }
}
.custom-dropdowns .custom-date-wrapper {
  width: 100%;
}
@media (min-width: 768px) {
  .custom-dropdowns .custom-date-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: auto;
  }
}
.custom-dropdowns .date-divider {
  display: none;
}
@media (min-width: 768px) {
  .custom-dropdowns .date-divider {
    display: inline;
    margin: 0 8px;
  }
}
.custom-dropdowns .dropdown-margin {
  margin-right: 16px;
}
.custom-dropdowns .btn-outline[aria-expanded=true],
.custom-dropdowns .btn-outline:active {
  background-color: #d8d8d8;
}
.custom-dropdowns .caret {
  position: absolute;
  right: 12px;
  top: 18px;
  border-top-width: 6px;
  border-right-width: 6px;
  border-left-width: 6px;
}
@media (min-width: 768px) {
  .custom-dropdowns .caret {
    position: static;
    top: auto;
    right: auto;
    margin-left: 8px;
  }
}
.custom-dropdowns .dropdown-search {
  position: relative;
  padding: 16px 16px 0 16px;
}
.custom-dropdowns .dropdown-search.no-result {
  padding-bottom: 16px;
}
.custom-dropdowns .dropdown-search .form-control {
  padding: 7px 20px 8px 8px;
  height: 35px;
  font-size: 15px;
}
@media (min-width: 768px) {
  .custom-dropdowns .dropdown-search .form-control {
    height: 27px;
    padding: 3px 20px 4px 8px;
  }
}
.custom-dropdowns .dropdown-search .dropdown-search-clear {
  cursor: pointer;
  position: absolute;
  right: 28px;
  top: 26px;
}
.custom-dropdowns .dropdown-search .dropdown-search-clear .icon {
  display: block;
  width: 16px;
  height: 16px;
  padding: 2px;
  fill: #a6a6a6;
}
@media (min-width: 768px) {
  .custom-dropdowns .dropdown-search .dropdown-search-clear {
    right: 26px;
    top: 23px;
  }
  .custom-dropdowns .dropdown-search .dropdown-search-clear .icon {
    width: 14px;
    height: 14px;
  }
}
.custom-dropdowns .dropdown-search .dropdown-search-icon {
  position: absolute;
  right: 28px;
  top: 26px;
}
.custom-dropdowns .dropdown-search .dropdown-search-icon .icon {
  display: block;
  width: 16px;
  height: 16px;
  fill: #a6a6a6;
}
@media (min-width: 768px) {
  .custom-dropdowns .dropdown-search .dropdown-search-icon {
    right: 26px;
    top: 23px;
  }
  .custom-dropdowns .dropdown-search .dropdown-search-icon .icon {
    width: 14px;
    height: 14px;
  }
}
.full-width .form-group.input-search {
  width: 100%;
  margin-right: 0;
}
.full-width .form-group.input-search .form-control {
  width: 100%;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper {
  padding: 16px 0;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item {
  padding: 0 16px;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item .is-bundle {
  border-bottom: 1px solid #f5f5f5;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item .bundle-name {
  font-weight: 600;
  margin-bottom: 8px;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item .bundle-leadtype {
  cursor: pointer;
  margin-bottom: 16px;
  position: relative;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item .status-item-right {
  float: right;
  margin-left: 8px;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item .status-item-right .counter {
  border: 1px solid #aaa;
  border-radius: 16px;
  color: #aaa;
  float: left;
  font-size: 12px;
  padding: 0 8px;
  text-align: right;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item .status-item-right .counter.has-leads {
  color: #555555;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item .status-item-right .counter.overdue {
  border-color: #cf3535;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item .status-item-right .counter.due {
  border-color: #ff9900;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item .status-item-right .status {
  float: left;
  width: 6px;
  height: 6px;
  margin: 7px 4px 0 0;
  border-radius: 5px;
  background-color: #999999;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item .status-item-right .status.overdue {
  background-color: #cf3535;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item .status-item-right .status.due {
  background-color: #ff9900;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item-check.selected {
  border: 0;
  background: #00a76d;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper .dropdown-list .dropdown-list-item-check.selected .icon {
  display: block;
}
.dropdown-lead-types-for-leads.custom-dropdowns .dropdown-menu .dropdown-menu-content .dropdown-list-wrapper.relevant-to-me {
  background-color: #f5f5f5;
  overflow: hidden;
}
.form-group.input-search {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .form-group.input-search {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .form-group.input-search {
    margin-right: 16px;
    width: auto;
  }
}
.form-group.input-search .form-control {
  width: 100%;
}
@media (min-width: 992px) {
  .form-group.input-search .form-control {
    width: 320px;
  }
}
.form-group.input-search .dropdown-search-clear {
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 13px;
}
.form-group.input-search .dropdown-search-clear .icon {
  display: block;
  width: 16px;
  height: 16px;
  padding: 2px;
  fill: #a6a6a6;
}
.form-group.input-search .dropdown-search-icon {
  position: absolute;
  right: 16px;
  top: 13px;
}
.form-group.input-search .dropdown-search-icon .icon {
  display: block;
  width: 16px;
  height: 16px;
  fill: #a6a6a6;
}
.le-user-with-image .image {
  float: left;
  margin-right: 8px;
  position: relative;
  display: block;
}
.le-user-with-image .inner-content {
  vertical-align: middle;
  line-height: 18px;
}
.le-user-with-image .inner-content .txt-wrapper {
  padding-left: 48px;
}
.le-user-with-image .inner-content .txt-wrapper .name {
  font-weight: 600;
}
.le-user-with-image .inner-content .txt-wrapper .title {
  color: #999999;
}
.list-element-label-wrapper {
  margin: 5px 0 0 0;
  display: block;
}
.list-element-label-wrapper .label {
  margin: 0;
}
@media (min-width: 768px) {
  .list-element-label-wrapper {
    margin-top: auto;
    display: inline;
  }
  .list-element-label-wrapper .label {
    float: right;
    margin-left: 8px;
  }
}
.no-data {
  color: #cccccc;
  text-align: center;
  font-size: 20px;
  padding: 30px 0;
}
.no-data.large {
  font-size: 32px;
  padding: 30px 0 70px;
}
.reports-overlay.accordions .alert {
  margin-bottom: 30px;
}
.reports-overlay.accordions .product-contact-image {
  float: left;
}
.reports-overlay.accordions .product-contact-details {
  padding-left: 55px;
}
.reports-overlay.accordions .table-header {
  padding: 10px 20px;
}
.reports-overlay.accordions .table-header .row {
  margin: 0 -10px;
}
@media (min-width: 768px) {
  .reports-overlay.accordions .table-header .row > div {
    padding: 0 10px;
  }
}
.reports-overlay.accordions .table-report-overlay .table-row {
  width: 100%;
  padding: 0;
}
.reports-overlay.accordions .table-report-overlay .table-row > div {
  margin-bottom: 16px;
  width: 100%;
  vertical-align: middle;
  padding: 0 16px 0 0;
  border: 0 none;
}
@media (min-width: 768px) {
  .reports-overlay.accordions .table-report-overlay .table-row > div {
    width: auto;
    margin: 0;
  }
  .reports-overlay.accordions .table-report-overlay .table-row > div.details {
    width: 19%;
  }
  .reports-overlay.accordions .table-report-overlay .table-row > div.contact {
    width: 24%;
  }
  .reports-overlay.accordions .table-report-overlay .table-row > div.latest {
    width: 21%;
  }
  .reports-overlay.accordions .table-report-overlay .table-row > div.product {
    width: 19%;
  }
  .reports-overlay.accordions .table-report-overlay .table-row > div.next {
    width: 21%;
  }
  .reports-overlay.accordions .table-report-overlay .table-row > div.user,
  .reports-overlay.accordions .table-report-overlay .table-row > div.interest {
    width: 17%;
  }
}
.reports-overlay.accordions .table-report-overlay .table-row > div .missing-icon {
  padding-right: 12px;
  width: auto;
}
.reports-overlay.accordions .table-report-overlay .table-row > div .missing-text {
  width: auto;
}
.reports-overlay.accordions .load-more {
  margin-top: 24px;
  margin-bottom: 0;
}
.reports-overlay.accordions .accordion {
  font-size: 14px;
  width: 100%;
}
.reports-overlay.accordions .accordion .secondary-text {
  color: #a1a2a1;
}
.reports-overlay.accordions .accordion .secondary-text .overdue {
  color: #cf3535;
}
.reports-overlay.accordions .accordion .secondary-text .due {
  color: #ff9900;
}
.reports-overlay.accordions .accordion .header {
  background: none;
  border: 2px solid #ededed;
  margin-bottom: 0;
}
.reports-overlay.accordions .accordion .header.collapsed {
  background: none;
}
.reports-overlay.accordions .accordion .header.collapsed:hover {
  background: none;
}
.reports-overlay.accordions .accordion .header.collapsed .team {
  color: #a1a2a1;
}
.reports-overlay.accordions .accordion .header .row {
  margin: 0 -10px;
}
.reports-overlay.accordions .accordion .header .row > div {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .reports-overlay.accordions .accordion .header .row > div {
    margin-bottom: 0;
    padding: 0 10px;
  }
}
.reports-overlay.accordions .accordion .header .row > div .icon {
  float: left;
  margin: 3px 4px 0 0;
}
.reports-overlay.accordions .accordion .header .row > div .missing-icon {
  width: 30px;
}
.reports-overlay.accordions .accordion .header .expand {
  top: 28px;
}
@media (min-width: 768px) {
  .reports-overlay.accordions .accordion .header .expand {
    top: 50%;
  }
}
.reports-overlay.accordions .accordion .case-info {
  border: 2px solid #ededed;
  border-top: none;
  padding-bottom: 8px;
}
@media (max-width: 768px) {
  .reports-overlay.accordions .accordion .case-info {
    padding: 8px;
  }
}
.reports-overlay.accordions .accordion .case-info .product-info {
  margin-top: 16px;
  margin-left: 16px;
  margin-bottom: 8px;
}
.reports-overlay.accordions .accordion .case-info .product-info-2 {
  margin-left: 16px;
}
.reports-overlay.accordions .accordion .case-info .product-info-3 {
  margin-left: 16px;
  margin-bottom: 16px;
}
.reports-overlay.accordions .accordion .case-info .case-note-details {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .reports-overlay.accordions .accordion .case-info .case-note-details {
    margin-bottom: 0;
  }
}
.reports-overlay.accordions .accordion .case-info .case-notes-section {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .reports-overlay.accordions .accordion .case-info .case-notes-section {
    margin-bottom: 24px;
  }
  .reports-overlay.accordions .accordion .case-info .case-notes-section:last-child {
    margin-bottom: 0;
  }
}
.reports-overlay.accordions .accordion .case-info .case-notes {
  padding: 12px;
}
@media (min-width: 768px) {
  .reports-overlay.accordions .accordion .case-info .case-notes {
    padding: 20px;
  }
}
.reports-overlay.accordions .accordion .case-info .case-notes .note-text {
  font-style: italic;
  color: #a1a2a1;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .reports-overlay.accordions .accordion .case-info .case-notes .note-text {
    margin-top: 8px;
  }
}
.reports-overlay.accordions .accordion .case-info .case-notes .case-contact-image {
  float: left;
}
.reports-overlay.accordions .accordion .case-info .case-notes .case-note-control {
  text-align: right;
}
.reports-overlay.accordions .accordion .case-info .case-notes .case-note-control .btn {
  width: 100%;
}
@media (min-width: 992px) {
  .reports-overlay.accordions .accordion .case-info .case-notes .case-note-control .btn {
    width: auto;
  }
}
.reports-overlay.accordions .accordion .case-info .case-notes .case-note-text {
  padding-top: 8px;
  padding-left: 56px;
}
.reports-overlay.accordions .products-head {
  font-weight: 600;
}
@media (max-width: 768px) {
  .reports-overlay.accordions .products-head {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 700;
  }
}
.reports-overlay.accordions .contact-head {
  font-weight: 600;
}
@media (max-width: 768px) {
  .reports-overlay.accordions .contact-head {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 700;
  }
}
.reports-overlay.accordions .created.date {
  margin-top: 8px;
}
.custom-icon-select-wrapper .custom-icon-select {
  position: relative;
  z-index: 999;
  width: 24px;
  height: 24px;
  border: 2px solid #e7e7e7;
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
}
.custom-icon-select-wrapper .custom-icon-select .icon {
  width: 12px;
  height: 12px;
  display: block;
  margin: 4px auto;
  fill: #fff;
}
.custom-icon-select-wrapper .custom-icon-select.active {
  border-color: #00a76d;
  background-color: #00a76d;
}
@media (min-width: 768px) {
  .custom-icon-select-wrapper .custom-icon-select.active::before {
    border-left-color: #e7e7e7;
  }
}
@media (min-width: 768px) {
  .custom-icon-select-wrapper .custom-icon-select.done::before {
    border-left-color: #f2f2f2;
  }
}
.custom-icon-select-wrapper .custom-icon-select.done .custom-icon-select {
  border-color: #00a76d;
  background-color: #00a76d;
}
.custom-icon-select-wrapper .custom-icon-select.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.custom-icon-select-wrapper .custom-icon-select.small {
  width: 20px;
  height: 20px;
}
.custom-icon-select-wrapper .custom-icon-select.small .icon {
  width: 10px;
  height: 10px;
  margin: 3px auto;
}
@media (min-width: 768px) {
  .custom-icon-select-wrapper .custom-icon-select {
    float: left;
  }
}
.btn-export .icon {
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.delete-indicator-set-modal .scheduled-reports {
  width: 100%;
  padding: 8px;
  border: 1px solid #DDDDDD;
  margin-bottom: 8px;
}
.delete-indicator-set-modal .scheduled-reports:last-child {
  margin-bottom: 16px;
}
.indicator-sets-button {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .indicator-sets-button {
    width: auto;
    float: left;
  }
}
.indicator-sets-button .indicator-set-name {
  max-width: 125px;
  vertical-align: baseline;
}
.indicator-sets-button .subcontent {
  color: #FD9827;
  margin-left: 8px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .indicator-sets-button .custom-dropdown-wrapper .custom-dropdowns .dropdown-menu {
    width: 320px;
  }
}
.indicator-sets-button .icon-info {
  margin-left: 8px;
}
.indicator-sets-button .indicator-sets-list {
  padding: 16px;
}
.indicator-sets-button .indicator-sets-list-table {
  display: block;
  padding: 0;
  width: 100%;
  max-height: 270px;
  overflow: auto;
}
.indicator-sets-button .indicator-sets-list-table .indicator-sets-list-row {
  margin-bottom: 16px;
  cursor: pointer;
}
.indicator-sets-button .indicator-sets-list-table .indicator-sets-list-row:last-child {
  margin-bottom: 0;
}
.indicator-sets-button .indicator-sets-list-table .indicator-sets-list-row .indicator-sets-list-cell {
  display: table-cell;
  vertical-align: middle;
}
.indicator-sets-button .indicator-sets-list-table .indicator-sets-list-row .indicator-sets-list-cell:last-child {
  padding-right: 8px;
}
.indicator-sets-button .indicator-sets-list-table .indicator-sets-list-row .indicator-sets-list-cell:last-child {
  padding-bottom: 0;
}
.indicator-sets-button .indicator-sets-list-table .indicator-sets-list-row .indicator-sets-list-cell .custom-icon-select-wrapper {
  padding-right: 8px;
}
.indicator-sets-button .indicator-sets-list-table .indicator-sets-list-row .indicator-sets-list-cell .indicator-set-delete-icon {
  margin-left: 8px;
  cursor: pointer;
}
.indicator-sets-button .indicator-sets-list-table .indicator-sets-list-row .indicator-sets-list-cell .indicator-set-delete-icon .icon {
  width: 16px;
  height: 16px;
  display: block;
  margin: 3px auto;
  fill: #555555;
}
.indicator-sets-button .indicator-sets-list-table .indicator-sets-list-row .indicator-sets-list-cell.indicator-set-content {
  width: 100%;
}
.indicator-sets-button .indicator-sets-list-table .indicator-sets-list-row .indicator-sets-list-cell.indicator-set-content .number-of-indicators {
  color: #555555;
}
.indicator-sets-button .indicator-sets-list-table .indicator-sets-list-row .indicator-sets-list-cell.indicator-set-content .number-of-indicators .changed {
  color: #FD9827;
}
.indicator-sets-button .indicator-sets-list-table .indicator-sets-list-row:last-child {
  margin-bottom: 0;
}
.indicator-sets-button .indicator-sets-list-table .indicator-sets-list-row.save-set {
  margin-bottom: 16px;
}
.indicator-sets-save-button {
  margin-top: 16px;
}
.indicator-sets-edit-button {
  display: block;
  width: 100%;
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  .indicator-sets-edit-button {
    float: right;
    width: auto;
    padding: 0;
  }
}
.indicator-sets-edit-button .save-button {
  padding-left: 12px;
}
@media (min-width: 768px) {
  .indicator-sets-edit-button .custom-dropdown-wrapper {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .indicator-sets-edit-button .custom-dropdown-wrapper .dropdown .dropdown-menu {
    float: right;
    right: 0;
  }
}
.indicators-grouped-list .indicators-search-wrapper {
  display: block;
}
.indicators-grouped-list .indicators-search-wrapper .indicators-search {
  padding: 16px;
  position: relative;
}
.indicators-grouped-list .indicators-search-wrapper .indicators-search .indicators-search-icon {
  position: absolute;
  right: 26px;
  top: 23px;
}
.indicators-grouped-list .indicators-search-wrapper .indicators-search .indicators-search-icon .icon {
  fill: #a6a6a6;
  height: 14px;
  width: 14px;
}
.indicators-grouped-list .indicators-search-wrapper .indicators-search .form-control {
  height: 27px;
  padding: 4px 20px 4px 8px;
}
.indicators-grouped-list .indicators-search-wrapper.not-dropdown .indicators-search {
  margin-bottom: 16px;
  padding: 0;
}
.indicators-grouped-list .indicators-search-wrapper.not-dropdown .indicators-search .indicators-search-icon {
  right: 8px;
  top: 12px;
}
.indicators-grouped-list .indicators-search-wrapper.not-dropdown .indicators-search .indicators-search-icon .icon {
  height: 16px;
  width: 16px;
}
.indicators-grouped-list .indicators-search-wrapper.not-dropdown .indicators-search .form-control {
  height: 40px;
}
.indicators-grouped-list .grouped-list.not-dropdown {
  border: 1px solid #f2f2f2;
  margin: 0 0 12px 0;
  max-height: 400px;
  overflow: scroll;
}
.indicators-grouped-list .grouped-list .list-items {
  margin-bottom: 16px;
}
.indicators-grouped-list .grouped-list .list-items .list-header {
  background-color: #f2f2f2;
  cursor: pointer;
  margin-bottom: 8px;
  padding: 12px;
}
.indicators-grouped-list .grouped-list .list-items .list-header h3 {
  margin-bottom: 0;
}
.indicators-grouped-list .grouped-list .list-items .item-content {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 4px 12px;
}
.indicators-grouped-list .grouped-list .list-items .item-content .item-content-inner {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
}
.indicators-grouped-list .grouped-list .list-item-check-wraper {
  float: left;
}
.indicators-grouped-list .grouped-list .list-item-check-wraper .list-item-check {
  background: #FFF;
  cursor: pointer;
  border: 1px solid #ccc;
  height: 16px;
  margin: 2px 8px 0 0;
  width: 16px;
}
.indicators-grouped-list .grouped-list .list-item-check-wraper .list-item-check .icon {
  display: none;
  height: 16px;
  padding: 3px;
  width: 16px;
}
.indicators-grouped-list .grouped-list .information {
  float: right;
}
.indicators-grouped-list .grouped-list .item-selected .list-item-check {
  background: #00a76d;
  border: 0;
}
.indicators-grouped-list .grouped-list .item-selected .list-item-check .icon {
  display: block;
}
.indicators-grouped-list .grouped-list .icon-indicator-info {
  cursor: pointer;
  float: right;
  height: 14px;
  margin-top: 4px;
  width: 14px;
}
.indicators-grouped-list .clear-items {
  border-bottom: 1px solid #dddddd;
  padding: 12px;
}
.indicators-grouped-list .clear-items a {
  cursor: pointer;
}
.indicators-grouped-list .clear-items a.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}
.new-indicator-set-modal {
  width: 400px;
}
.new-indicator-set-modal .total-indicators-selected {
  margin-bottom: 16px;
}
.new-indicator-set-modal .save-modal .indicators-number {
  margin-bottom: 12px;
}
.save-indicator-set-modal .input-name {
  margin-top: 8px;
  margin-bottom: 16px;
}
.save-indicator-set-modal .scheduled-reports {
  width: 100%;
  padding: 8px;
  border: 1px solid #DDDDDD;
  margin-bottom: 8px;
}
.save-indicator-set-modal .scheduled-reports:last-child {
  margin-bottom: 16px;
}
.performance-indicators-wrapper {
  margin-top: 16px;
  margin-bottom: 16px;
}
.performance-indicators-wrapper reports-performance-download {
  float: right;
  display: block;
}
.performance-indicators-wrapper .indicator-sets-wrapper {
  margin-bottom: 16px;
  border-bottom: 1px solid #cccccc;
}
.performance-indicators-wrapper .indicator-sets-wrapper .indicators-edit-wrapper {
  float: right;
}
.performance-indicators-wrapper .performance-indicators-inner {
  background-color: #FFFFFF;
}
.no-indicator-selected,
.performance-error-message {
  padding: 50px 0;
  text-align: center;
  color: #999999;
}
.no-indicator-selected h2,
.performance-error-message h2 {
  font-size: 24px;
}
.no-indicator-selected p,
.performance-error-message p {
  margin: 0;
}
.performance-data {
  margin-bottom: 16px;
}
.performance-data .performance-table {
  background-color: #FFFFFF;
  color: #555555;
  font-size: 12px;
  max-height: 650px;
  overflow: hidden;
  position: relative;
}
.performance-data .performance-table table {
  table-layout: fixed;
  width: 100%;
  border: none;
  border-collapse: separate;
}
.performance-data .performance-table table.fluid-cell-width tr td,
.performance-data .performance-table table.fluid-cell-width tr th {
  width: auto;
}
.performance-data .performance-table table.fluid-cell-width tr td.first,
.performance-data .performance-table table.fluid-cell-width tr th.first {
  width: 280px;
}
.performance-data .performance-table table tr {
  background-color: #FFFFFF;
}
.performance-data .performance-table table tr.team td {
  border-top: 2px solid #f2f2f2;
}
.performance-data .performance-table table tr.team:first-child td {
  border-top: none;
}
.performance-data .performance-table table tr.group {
  background-color: #FAFAFA;
}
.performance-data .performance-table table tr.group td {
  border-top: 4px solid #f2f2f2;
}
.performance-data .performance-table table tr.group:first-child td {
  border-top: none;
}
.performance-data .performance-table table tr.company {
  background-color: #E8E8E8;
}
.performance-data .performance-table table tr.company td {
  border-bottom: 4px solid #f2f2f2;
}
.performance-data .performance-table table tr td,
.performance-data .performance-table table tr th {
  border-bottom: 1px solid #f2f2f2;
  border-right: 2px solid #f2f2f2;
  height: 40px;
  line-height: 26px;
  padding: 12px;
  text-align: left;
  vertical-align: middle;
  width: 150px;
}
.performance-data .performance-table table tr td.first,
.performance-data .performance-table table tr th.first {
  border-right: 2px solid #f2f2f2;
  width: 210px;
  word-break: break-word;
}
.performance-data .performance-table table tr td.sub,
.performance-data .performance-table table tr th.sub {
  height: auto;
  padding: 0;
  border: 0;
}
.performance-data .performance-table table tr td.sub div,
.performance-data .performance-table table tr th.sub div {
  transition: none;
}
.performance-data .performance-table table tr td.last,
.performance-data .performance-table table tr th.last {
  border-right: none;
}
.performance-data .performance-table table tr td .values,
.performance-data .performance-table table tr th .values {
  float: left;
  padding-right: 16px;
}
.performance-data .performance-table table tr td .values.value-link,
.performance-data .performance-table table tr th .values.value-link {
  color: #039D62;
}
.performance-data .performance-table table tr td target-badge,
.performance-data .performance-table table tr th target-badge {
  display: inline-block;
  vertical-align: top;
}
.performance-data .performance-table table tr td .icon,
.performance-data .performance-table table tr th .icon {
  margin-right: 4px;
}
.performance-data .performance-table table tr th {
  border: none;
  text-align: left;
  background-color: #FFFFFF;
  height: 80px;
  border-bottom: 2px solid #F0F0F0;
  color: #737373;
  line-height: 16px;
}
.performance-data .performance-table table tr th.first {
  text-align: left;
  background-color: #FFFFFF;
}
.performance-data .performance-table table tr th span {
  cursor: pointer;
}
.performance-data .switch-group {
  margin-bottom: 16px;
}
.performance-data .switch-group .switch {
  vertical-align: middle;
}
.performance-data .switch-group .switch-text {
  vertical-align: middle;
  margin-left: 8px;
}
.performance-data.showing-users .switch {
  background-color: #00a76d;
  border-color: #00a76d;
}
.performance-data.showing-users .switch small {
  left: 24px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.performance-data .switch {
  margin-right: 8px;
  float: right;
}
.performance-mobile {
  margin-bottom: 16px;
}
.performance-mobile .list-name {
  margin-bottom: 16px;
}
.performance-mobile .accordions .accordion .header {
  background-color: #FFFFFF;
  line-height: 20px;
  border-bottom: 1px solid #f2f2f2;
}
.performance-mobile .accordions .accordion .header.collapsed:hover {
  background-color: #FFFFFF;
}
.performance-mobile .accordions .accordion .header .indicator-name {
  word-wrap: break-word;
}
.performance-mobile .accordions .accordion .header target-badge {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}
.performance-mobile .accordions .accordion .header .indicator-wrapper {
  padding-right: 28px;
}
.performance-mobile .accordions .accordion .header .table {
  display: table;
  width: 100%;
}
.performance-mobile .accordions .accordion .header .table .table-body {
  display: table-row-group;
}
.performance-mobile .accordions .accordion .header .table .table-body .table-row {
  display: table-row;
  width: 100%;
  padding: 0;
  margin: 0;
  float: none;
}
.performance-mobile .accordions .accordion .header .table .table-body .table-row > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}
.performance-mobile .accordions .accordion .header .table .table-body .table-row > div.indicator-values {
  width: 110px;
  text-align: right;
}
.performance-mobile .kpi-list {
  background-color: #FFFFFF;
  border-bottom: 1px solid #f2f2f2;
}
.performance-mobile .kpi-list target-badge {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}
.performance-mobile .kpi-list .table {
  display: table;
  width: 100%;
}
.performance-mobile .kpi-list .table .table-body {
  display: table-row-group;
}
.performance-mobile .kpi-list .table .table-body .table-row {
  display: table-row;
  float: none;
  width: 100%;
  padding: 0;
}
.performance-mobile .kpi-list .table .table-body .table-row > div {
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
}
.performance-mobile .kpi-list .table .table-body .table-row > div.team-name {
  word-wrap: break-word;
  padding-right: 0;
}
.performance-mobile .kpi-list .table .table-body .table-row > div.indicator-values {
  width: 110px;
  text-align: right;
  padding-left: 0;
}
.performance-mobile .performance-team-name {
  padding: 16px;
  background-color: #F9F9F9;
  border-bottom: 1px solid #f2f2f2;
  color: #737373;
}
.performance-switch-group {
  padding: 16px;
  background-color: #F9F9F9;
  border-bottom: 1px solid #f2f2f2;
}
@media (min-width: 768px) {
  .performance-switch-group {
    margin-bottom: 16px;
  }
}
.performance-switch-group .switch {
  vertical-align: middle;
  margin-right: 8px;
}
.performance-switch-group .switch-text {
  vertical-align: middle;
}
.target-badge {
  overflow: hidden;
  border-radius: 16px;
  height: 26px;
  padding: 4px 8px;
  border: 1px solid #ddd;
  background-color: #FFFFFF;
}
.target-badge .icon {
  display: block;
  width: 16px;
  float: left;
  height: 16px;
  margin: 0 4px 0 0;
}
.target-badge .target-value {
  line-height: 16px;
  color: #555555;
  float: left;
  font-weight: 600;
}
.target-badge .target-value.large {
  font-size: 15px;
}
.lead-type-single-select .selectize-input {
  height: 40px;
  padding: 9px 12px;
}
.new-year-targets h2 {
  font-weight: 700;
}
.new-year-targets .no-current-target-text {
  width: 300px;
}
.new-year-targets .controls {
  display: block;
  margin-top: 20px;
  margin-left: 60px;
}
@media (max-width: 768px) {
  .new-year-targets .controls {
    margin-left: 0;
  }
}
.new-year-targets .controls .btn {
  margin-left: 10px;
}
@media (max-width: 768px) {
  .new-year-targets .controls .btn {
    display: block;
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
  }
}
.new-year-targets .btn-start-over {
  background-color: #e6e4df;
}
.view-header-component {
  margin: 0 0 24px 0;
  position: relative;
}
@media (min-width: 768px) {
  .view-header-component {
    margin: 0 0 32px 0;
  }
}
.view-header-component .view-header-wrapper {
  display: block;
}
.view-header-component .view-header-wrapper:before,
.view-header-component .view-header-wrapper:after {
  display: table;
  content: " ";
}
.view-header-component .view-header-wrapper:after {
  clear: both;
}
.view-header-component .view-header-wrapper:before,
.view-header-component .view-header-wrapper:after {
  display: table;
  content: " ";
}
.view-header-component .view-header-wrapper:after {
  clear: both;
}
.view-header-component .view-header-wrapper .view-header-component-txt {
  margin-bottom: 16px;
  position: relative;
  word-break: break-word;
}
@media (min-width: 768px) {
  .view-header-component .view-header-wrapper .view-header-component-txt {
    float: left;
    margin-bottom: 0;
  }
}
.view-header-component .view-header-wrapper .view-header-component-controls .btn {
  margin: 0 4px 8px 0;
}
@media (min-width: 768px) {
  .view-header-component .view-header-wrapper .view-header-component-controls {
    float: right;
  }
  .view-header-component .view-header-wrapper .view-header-component-controls .btn {
    margin: 0 0 0 4px;
  }
}
.view-header-component .view-header-subtext {
  padding-top: 16px;
}
@media (min-width: 768px) {
  .view-header-component .view-header-subtext {
    padding-top: 32px;
  }
}
/* Modals
********************/
.forward-phone-call:before,
.forward-phone-call:after {
  display: table;
  content: " ";
}
.forward-phone-call:after {
  clear: both;
}
.forward-phone-call:before,
.forward-phone-call:after {
  display: table;
  content: " ";
}
.forward-phone-call:after {
  clear: both;
}
@media (min-width: 768px) {
  .forward-phone-call {
    width: 800px;
  }
}
.forward-phone-call .modal-section {
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #f2f2f2;
  display: block;
  margin: 0 0 24px;
  padding: 8px 0;
}
.forward-phone-call .modal-section:before,
.forward-phone-call .modal-section:after {
  display: table;
  content: " ";
}
.forward-phone-call .modal-section:after {
  clear: both;
}
.forward-phone-call .modal-section:before,
.forward-phone-call .modal-section:after {
  display: table;
  content: " ";
}
.forward-phone-call .modal-section:after {
  clear: both;
}
@media (min-width: 768px) {
  .forward-phone-call .modal-section {
    padding: 16px;
  }
}
.forward-phone-call .header-section {
  position: relative;
  text-align: center;
}
.forward-phone-call .header-section h2 {
  margin-bottom: 0;
}
.forward-phone-call .header-section h2 > span {
  line-height: 32px;
}
.forward-phone-call .header-section h2 .icon-wrapper {
  margin-right: 8px;
}
.forward-phone-call .header-section h2 .icon-wrapper .icon {
  vertical-align: middle;
}
.forward-phone-call .user-image {
  position: absolute;
}
.forward-phone-call .user-details {
  float: left;
  padding-left: 56px;
}
.forward-phone-call .user-details .secondary-text {
  color: #a1a2a1;
  margin: 0;
}
.forward-phone-call .user-info {
  height: 40px;
}
.forward-phone-call .list-element-label-wrapper {
  line-height: 40px;
}
.forward-phone-call .list-element-label-wrapper .label {
  float: none;
}
.forward-phone-call .list-pagination {
  text-align: center;
}
.forward-phone-call .controls .forward-control {
  float: right;
}
.forward-phone-call .controls .forward-control .btn {
  margin-left: 8px;
  padding: 8px;
}
.incoming-user-info:before,
.incoming-user-info:after {
  display: table;
  content: " ";
}
.incoming-user-info:after {
  clear: both;
}
.incoming-user-info:before,
.incoming-user-info:after {
  display: table;
  content: " ";
}
.incoming-user-info:after {
  clear: both;
}
@media (min-width: 768px) {
  .incoming-user-info {
    width: 800px;
  }
}
.incoming-user-info .modal-section {
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #f2f2f2;
  display: block;
  font-size: 12px;
  margin-bottom: 24px;
  padding: 8px;
}
.incoming-user-info .modal-section:before,
.incoming-user-info .modal-section:after {
  display: table;
  content: " ";
}
.incoming-user-info .modal-section:after {
  clear: both;
}
.incoming-user-info .modal-section:before,
.incoming-user-info .modal-section:after {
  display: table;
  content: " ";
}
.incoming-user-info .modal-section:after {
  clear: both;
}
@media (min-width: 768px) {
  .incoming-user-info .modal-section {
    padding: 16px;
  }
}
.incoming-user-info .header-section {
  position: relative;
  text-align: center;
}
.incoming-user-info .header-section h2 {
  margin-bottom: 0;
}
.incoming-user-info .header-section h2 > span {
  line-height: 32px;
}
.incoming-user-info .header-section h2 .icon-wrapper {
  margin-right: 8px;
}
.incoming-user-info .icon-wrapper {
  border-radius: 50%;
  border: 1px solid #555555;
  display: inline-block;
  height: 32px;
  width: 32px;
}
.incoming-user-info .icon-wrapper.activity-icon {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .incoming-user-info .icon-wrapper.activity-icon {
    float: left;
    margin-bottom: 0;
    margin-right: 8px;
  }
}
.incoming-user-info .icon-wrapper.activity-icon .icon {
  margin-left: 7px;
  margin-top: 7px;
}
.incoming-user-info .contact-section {
  width: 100%;
}
.incoming-user-info .contact-section .contact-info {
  text-align: center;
}
@media (min-width: 768px) {
  .incoming-user-info .contact-section .contact-info {
    float: left;
    padding-right: 16px;
    width: 20%;
  }
}
.incoming-user-info .contact-section .contact-info .contact-picture {
  margin-bottom: 16px;
}
.incoming-user-info .contact-section .contact-info .contact-name {
  margin-bottom: 8px;
}
.incoming-user-info .contact-section .contact-info-data .contact-data {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .incoming-user-info .contact-section .contact-info-data {
    background-color: #f5f5f5;
    float: left;
    padding: 16px;
    width: 80%;
  }
  .incoming-user-info .contact-section .contact-info-data .contact-data {
    margin-bottom: 0;
  }
  .incoming-user-info .contact-section .contact-info-data .contact-data label {
    margin-bottom: 16px;
  }
  .incoming-user-info .contact-section .contact-info-data .contact-data > div {
    margin-bottom: 8px;
  }
  .incoming-user-info .contact-section .contact-info-data .contact-data > div:last-child {
    margin-bottom: 0;
  }
}
.incoming-user-info .contact-section .contact-info-data .row {
  margin: 0;
}
.incoming-user-info .modal-section-container:before,
.incoming-user-info .modal-section-container:after {
  display: table;
  content: " ";
}
.incoming-user-info .modal-section-container:after {
  clear: both;
}
.incoming-user-info .modal-section-container:before,
.incoming-user-info .modal-section-container:after {
  display: table;
  content: " ";
}
.incoming-user-info .modal-section-container:after {
  clear: both;
}
@media (min-width: 768px) {
  .incoming-user-info .modal-section-container.activities {
    float: left;
    padding-right: 16px;
    width: 70%;
  }
}
.incoming-user-info .modal-section-container.activities .modal-section-inner {
  margin-bottom: 24px;
}
.incoming-user-info .modal-section-container.activities .modal-section-inner:before,
.incoming-user-info .modal-section-container.activities .modal-section-inner:after {
  display: table;
  content: " ";
}
.incoming-user-info .modal-section-container.activities .modal-section-inner:after {
  clear: both;
}
.incoming-user-info .modal-section-container.activities .modal-section-inner:before,
.incoming-user-info .modal-section-container.activities .modal-section-inner:after {
  display: table;
  content: " ";
}
.incoming-user-info .modal-section-container.activities .modal-section-inner:after {
  clear: both;
}
.incoming-user-info .modal-section-container.activities .modal-section-inner:last-child {
  margin-bottom: 0;
}
.incoming-user-info .modal-section-container.activities .modal-section-inner .modal-section-content {
  position: relative;
}
.incoming-user-info .modal-section-container.activities .modal-section-inner .modal-section-content .datetime {
  color: #555555;
  display: inline-block;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 16px;
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  .incoming-user-info .modal-section-container.activities .modal-section-inner .modal-section-content .datetime {
    margin: 8px 0 0 0;
    min-width: 60px;
    padding-right: 16px;
    width: 15%;
  }
}
.incoming-user-info .modal-section-container.activities .modal-section-inner .modal-section-content .datetime .date {
  font-size: 22px;
}
.incoming-user-info .modal-section-container.activities .modal-section-inner .modal-section-content .datetime .month {
  text-transform: uppercase;
}
.incoming-user-info .modal-section-container.activities .modal-section-inner .modal-section-content .datetime .date-today {
  font-size: 12px;
  padding-top: 18px;
  text-transform: uppercase;
}
.incoming-user-info .modal-section-container.activities .modal-section-inner .modal-section-content .modal-section-content-data {
  float: right;
  margin-top: 16px;
  margin: 0;
  padding-top: 16px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .incoming-user-info .modal-section-container.activities .modal-section-inner .modal-section-content .modal-section-content-data {
    width: 85%;
  }
}
.incoming-user-info .modal-section-container.activities .modal-section-inner .modal-section-content .modal-section-content-data .activity-message {
  float: left;
  margin-top: 8px;
  width: 359px;
}
.incoming-user-info .modal-section-container.activities .no-activity {
  margin: 32px auto;
  text-align: center;
}
@media (min-width: 768px) {
  .incoming-user-info .modal-section-container.milestones {
    width: 30%;
    float: left;
  }
}
.incoming-user-info .controls {
  display: block;
  width: 100%;
  overflow: hidden;
}
.incoming-user-info .controls:before,
.incoming-user-info .controls:after {
  display: table;
  content: " ";
}
.incoming-user-info .controls:after {
  clear: both;
}
.incoming-user-info .controls:before,
.incoming-user-info .controls:after {
  display: table;
  content: " ";
}
.incoming-user-info .controls:after {
  clear: both;
}
.incoming-user-info .controls .reject-call {
  margin-right: 8px;
}
.incoming-user-info .controls .forward-call {
  margin-right: 8px;
}
.missing-data-modal .busy {
  padding: 100px 0;
  width: 100%;
}
.missing-data-modal .busy img {
  width: 80px;
  display: block;
  margin: 0 auto;
  opacity: 0.25;
}
.missing-data-modal .busy .busy-message {
  text-align: center;
  color: #cccccc;
  margin-top: 16px;
  font-size: 18px;
}
@media (min-width: 768px) {
  .missing-data-modal {
    min-width: 660px;
  }
}
.missing-data-modal .progress {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 15px;
  overflow-x: hidden;
  text-align: center;
}
@media (min-width: 768px) {
  .missing-data-modal .progress {
    margin: 0 0 30px 0;
    text-align: left;
    border: 1px solid #eee;
    height: 52px;
  }
}
.missing-data-modal .progress .step {
  float: left;
  font-size: 12px;
  line-height: 14px;
  position: relative;
  width: 33.33333%;
}
@media (min-width: 768px) {
  .missing-data-modal .progress .step {
    background-color: #fff;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
  }
}
.missing-data-modal .progress .step::before {
  display: none;
  position: absolute;
  right: -20px;
  top: 0;
  content: '';
  height: 50px;
  width: 20px;
  z-index: 99;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 10px solid #fff;
}
@media (min-width: 768px) {
  .missing-data-modal .progress .step::before {
    display: block;
  }
}
.missing-data-modal .progress .step::after {
  left: 50%;
  top: 13px;
  height: 1px;
  background-color: #e0e0e0;
  width: 100%;
  content: '';
  position: absolute;
  display: block;
}
@media (min-width: 768px) {
  .missing-data-modal .progress .step::after {
    right: -22px;
    top: 0 !important;
    left: auto;
    top: auto;
    height: 50px;
    background-color: transparent;
    width: 20px;
    z-index: 98;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 10px solid #fff;
  }
}
.missing-data-modal .progress .step.step-case::before {
  display: none;
}
.missing-data-modal .progress .step.step-case::after {
  display: none;
}
.missing-data-modal .progress .step:first-child {
  padding-left: 10px;
}
.missing-data-modal .progress .step:last-child::after {
  display: none;
}
@media (min-width: 768px) {
  .missing-data-modal .progress .step:last-child::after {
    display: block;
  }
}
.missing-data-modal .progress .step .step-icon {
  position: relative;
  z-index: 999;
  width: 26px;
  border: 2px solid #f2f2f2;
  height: 26px;
  margin: 0 auto 10px auto;
  background-color: #fff;
  border-radius: 50%;
}
.missing-data-modal .progress .step .step-icon .icon {
  width: 16px;
  height: 16px;
  display: block;
  margin: 3px auto;
  fill: #fff;
}
@media (min-width: 768px) {
  .missing-data-modal .progress .step .step-icon {
    float: left;
    margin: 12px 10px 0 0;
  }
}
@media (min-width: 768px) {
  .missing-data-modal .progress .step.active {
    background-color: #e7e7e7;
  }
  .missing-data-modal .progress .step.active::before {
    border-left-color: #e7e7e7;
  }
}
.missing-data-modal .progress .step.active .step-icon {
  border-color: #00a76d;
}
@media (min-width: 768px) {
  .missing-data-modal .progress .step.done {
    background-color: #f2f2f2;
  }
  .missing-data-modal .progress .step.done::before {
    border-left-color: #f2f2f2;
  }
}
.missing-data-modal .progress .step.done .step-icon {
  border-color: #00a76d;
  background-color: #00a76d;
}
.missing-data-modal p {
  margin-bottom: 20px;
}
.missing-data-modal .description {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .missing-data-modal .description {
    margin-bottom: 40px;
  }
}
.missing-data-modal .missing-data-content .header {
  text-align: center;
  margin-bottom: 24px;
}
.missing-data-modal .missing-data-content .step-contact .contact-info {
  margin-bottom: 32px;
}
.missing-data-modal .missing-data-content .step-contact .contact-account {
  padding: 16px;
  background-color: #f6f6f6;
  margin-bottom: 32px;
}
.missing-data-modal .missing-data-content .step-contact .contact-account .field > .form-group {
  margin: 16px 0 0 0;
}
.missing-data-modal .missing-data-content .step-case .form-group {
  margin-bottom: 0;
}
.missing-data-modal .missing-data-content .step-case .case-info {
  margin-bottom: 32px;
}
.missing-data-modal .missing-data-content .step-call .call-info {
  margin-bottom: 32px;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns {
  width: 100%;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .btn {
  height: 60px;
  text-align: left;
  width: 100%;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .btn .caret {
  display: block;
  margin-top: -3px;
  position: absolute;
  right: 16px;
  top: 50%;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .btn .phone-call-selected {
  margin: 0;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .btn .phone-call-number {
  font-weight: normal;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .btn .phone-number {
  color: #555555;
  font-weight: normal;
}
@media (min-width: 768px) {
  .missing-data-modal .missing-data-content .step-call .custom-dropdowns .dropdown-menu {
    min-width: 280px;
  }
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .dropdown-menu .phone-calls-list-table {
  display: table;
  overflow: auto;
  padding: 0;
  width: 100%;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .dropdown-menu .phone-calls-list-table .phone-calls-list-row {
  display: table-row;
  cursor: pointer;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .dropdown-menu .phone-calls-list-table .phone-calls-list-row:hover {
  background-color: #f2f2f2;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .dropdown-menu .phone-calls-list-table .phone-calls-list-row .phone-calls-list-cell {
  display: table-cell;
  padding: 12px 8px;
  vertical-align: middle;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .dropdown-menu .phone-calls-list-table .phone-calls-list-row .phone-calls-list-cell:first-child {
  padding-left: 16px;
  width: 24px;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .dropdown-menu .phone-calls-list-table .phone-calls-list-row .phone-calls-list-cell:last-child {
  width: 24px;
  padding-right: 16px;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .dropdown-menu .phone-calls-list-table .phone-calls-list-row .phone-calls-list-cell.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .dropdown-menu .phone-calls-list-table .phone-calls-list-row .phone-calls-list-cell .phone-call-edit-icon {
  margin-left: 8px;
  cursor: pointer;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .dropdown-menu .phone-calls-list-table .phone-calls-list-row .phone-calls-list-cell .phone-call-edit-icon .icon {
  display: block;
  fill: #555555;
  height: 16px;
  margin: 3px auto;
  width: 16px;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .dropdown-menu .phone-calls-list-table .phone-calls-list-row .phone-calls-list-cell.phone-call-content {
  padding-left: 0;
  width: auto;
}
.missing-data-modal .missing-data-content .step-call .custom-dropdowns .dropdown-menu .phone-calls-list-table .phone-calls-list-row .phone-calls-list-cell.phone-call-content .phone-number {
  color: #555555;
}
.missing-data-modal .des-wrapper .text-center {
  margin-bottom: 32px;
}
.missing-data-modal .des-result {
  margin-bottom: 15px;
  max-height: 220px;
  overflow: auto;
}
@media (min-width: 768px) {
  .missing-data-modal .des-result {
    margin-bottom: 20px;
    max-height: 350px;
  }
}
.missing-data-modal .des-result .table {
  text-align: center;
  width: 100%;
  margin-bottom: 4px;
  border: 1px solid #f2f2f2;
}
.missing-data-modal .des-result .table.recommended {
  border-color: #00a76d;
}
.missing-data-modal .des-result .table-row {
  width: 100%;
}
.missing-data-modal .des-result .table-row > div {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 10px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.missing-data-modal .des-result .table-row > div:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .missing-data-modal .des-result .table-row > div {
    width: auto;
    text-align: left;
    margin-bottom: 0;
  }
}
.missing-data-modal .des-result .table-row > div p {
  margin: 0;
}
.missing-data-modal .des-result .table-row > div.responsible {
  color: #999999;
}
@media (min-width: 768px) {
  .missing-data-modal .des-result .table-row > div.responsible {
    width: 25%;
  }
}
.missing-data-modal .des-result .table-row > div.responsible p {
  margin: 0;
  color: #555555;
}
.missing-data-modal .des-result .table-row > div.case-name {
  color: #999999;
}
.missing-data-modal .des-result .table-row > div.case-name p {
  margin: 0;
  color: #555555;
}
.missing-data-modal .des-result .table-row > div.milestone-info {
  color: #999999;
}
@media (min-width: 768px) {
  .missing-data-modal .des-result .table-row > div.milestone-info {
    width: 25%;
  }
}
.missing-data-modal .des-result .table-row > div.milestone-info p {
  margin: 0;
  color: #555555;
}
.missing-data-modal .des-result .table-row > div.milestone-info .icon {
  margin-right: 10px;
  height: 19px;
  margin-bottom: -3px;
  padding-top: 3px;
}
.missing-data-modal .des-result .table-row > div.address {
  width: 30%;
}
.missing-data-modal .des-result .table-row > div.controls .btn {
  width: 100%;
}
@media (min-width: 768px) {
  .missing-data-modal .des-result .table-row > div.controls .btn {
    width: auto;
  }
}
@media (min-width: 768px) {
  .missing-data-modal .des-result .table-row > div.controls {
    width: 100px;
  }
}
.missing-data-modal .des-result .table-row > div .contact-info {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.missing-data-modal .des-result .table-row > div .contact-info .image {
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 768px) {
  .missing-data-modal .des-result .table-row > div .contact-info .image {
    float: left;
    margin: 0 16px 0 0;
  }
}
/* States
********************/
/**
 * State: Agency
 *
 */
.leads-list .lead {
  background: #FFF;
  text-align: center;
  padding: 30px;
  margin-bottom: 30px;
  cursor: pointer;
  font-weight: 400;
}
.leads-list .lead .image {
  position: relative;
}
.leads-list .lead .image .icon {
  height: 70px;
  width: 100%;
}
.leads-list .lead .image .count {
  background: #00a76d;
  color: #FFF;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
.leads-list .lead .spot-text {
  height: 45px;
  display: table;
  vertical-align: middle;
  width: 100%;
}
.leads-list .lead .inner-content {
  font-size: 16px;
  display: table-cell;
  vertical-align: middle;
}
.leads-list hr {
  border-top-color: #DDD;
  margin-top: 0;
  margin-bottom: 30px;
}
.leads-to-assign-list .agency-label.contact {
  width: 20%;
}
.leads-to-assign-list .agency-label.lead-type {
  width: 10%;
}
.leads-to-assign-list .agency-label.dealership {
  width: 15%;
}
.leads-to-assign-list .agency-label.escalation-type {
  width: 15%;
}
.leads-to-assign-list .agency-label.escalation-date {
  width: 15%;
}
.leads-to-assign-list .agency-label.controls {
  width: 25%;
}
.leads-to-assign-list .table-body .table-row {
  width: 100%;
  border-bottom: solid 2px #ededed;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .leads-to-assign-list .table-body .table-row {
    padding: 0;
  }
}
.leads-to-assign-list .table-body .table-row > div {
  vertical-align: middle;
}
.leads-to-assign-list .table-body .table-row .agency-details {
  padding: 0 20px 20px 20px;
}
@media (min-width: 768px) {
  .leads-to-assign-list .table-body .table-row .agency-details {
    padding: 15px;
  }
}
.leads-to-assign-list .table-body .table-row .agency-details > h3 {
  margin-bottom: 5px;
}
.leads-to-assign-list .table-body .table-row .agency-details .btn {
  min-width: 38%;
  float: left;
  margin: 2px 2% 2px 0;
}
.leads-to-assign-list .table-body .table-row .agency-details .btn.details-btn {
  padding: 5px 15px 5px 0;
  min-width: 22%;
  text-align: left;
  margin-right: 0;
}
@media (min-width: 768px) {
  .leads-to-assign-list .table-body .table-row .agency-details .btn {
    min-width: auto;
    float: none;
    margin: 2px 0;
  }
  .leads-to-assign-list .table-body .table-row .agency-details .btn.details-btn {
    padding: 5px 10px;
    min-width: auto;
    text-align: center;
  }
}
.leads-to-assign-list .table-body .table-row .agency-details .btn:last-child {
  margin-right: 0;
}
.leads-to-assign-list .table-body .table-row .agency-details:last-child {
  overflow: hidden;
  padding-bottom: 0  ;
}
@media (min-width: 768px) {
  .leads-to-assign-list .table-body .table-row .agency-details:last-child {
    padding: 15px;
  }
}
.dealership-list .legend {
  float: right;
  margin-bottom: 10px;
}
.dealership-list .legend > div {
  display: inline-block;
  margin-left: 30px;
}
.dealership-list .legend > div figure {
  background: #00a76d;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  line-height: 16px;
  color: #FFF;
  display: inline-block;
  font-weight: bold;
}
.dealership-list .legend > div span {
  font-size: 13px;
  margin-left: 10px;
  position: relative;
  top: -3px;
}
.dealership-list .sortable {
  cursor: pointer;
}
.dealership-list .sortable.active .icon {
  opacity: 1;
}
.dealership-list .sortable .icon {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  float: right;
  opacity: 0;
}
.dealership-list .sortable .icon.asc {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dealership-list .no-results {
  text-align: center;
  padding-top: 60px;
  font-size: 40px;
  color: #cccccc;
}
.dealership-list .filters {
  clear: both;
  overflow: hidden;
}
.dealership-list .table {
  background-color: #fff;
}
.dealership-list .table-body .table-row > div {
  word-wrap: break-word;
}
@media (min-width: 768px) {
  .dealership-list .table-body .table-row > div {
    height: 73px;
  }
}
.dealership-list .table-body .dealer .name {
  display: block;
  font-weight: 700;
  word-wrap: break-word;
}
.dealership-list .table-body .dealer .address {
  display: block;
  font-size: 13px;
  white-space: pre-line;
  word-wrap: break-word;
}
.dealership-list .table-body .relevance > div {
  background: #00a76d;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  line-height: 16px;
  color: #FFF;
  display: inline-block;
  font-weight: bold;
}
.dealership-list .table-body .relevance > div + div {
  margin-left: 5px;
}
.agency-list .table {
  background-color: #fff;
}
.agency-list .table .table-row:nth-child(odd) {
  word-wrap: break-word;
  clear: both;
}
@media (min-width: 768px) {
  .agency-list .table .table-row:nth-child(odd) {
    clear: none;
  }
}
.case-view-new {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.case-view-new .case-view-sidebar-left {
  width: 220px;
}
.case-view-new .case-view-sidebar-right {
  width: 220px;
}
.case-view-new .case-view-main {
  flex: 1;
  padding: 0 60px;
}
.case-view-new .case-view-sidebar-section {
  margin-bottom: 32px;
}
.case-view-new .case-view-sidebar-section:hover .edit .icon,
.case-view-new .case-view-sidebar-section:hover .more .icon {
  opacity: 1;
}
.case-view-new .case-view-sidebar-section .edit,
.case-view-new .case-view-sidebar-section .more {
  float: right;
  position: relative;
  cursor: pointer;
  padding: 1px;
}
.case-view-new .case-view-sidebar-section .edit .icon,
.case-view-new .case-view-sidebar-section .more .icon {
  opacity: 0.4;
  display: block;
  width: 14px;
  height: 14px;
  fill: #888;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.case-view-new .case-view-sidebar-section .edit:hover .icon,
.case-view-new .case-view-sidebar-section .more:hover .icon {
  fill: #555555;
}
.case-view-new .case-view-sidebar-section .more .icon {
  width: 18px;
  height: 18px;
}
.case-view-new .field {
  padding: 0;
  margin: 0 0 8px 0;
  word-wrap: break-word;
  position: relative;
}
.case-view-new .field .form-group {
  margin-bottom: 0;
}
.case-view-new .field .field-label {
  font-weight: 600;
}
.case-view-new .field:last-child {
  margin-bottom: 0;
}
.case-view-new .field .icon {
  vertical-align: sub;
}
.case-view-new .field .case-product .icon {
  width: 14px;
  height: 14px;
  float: right;
  margin-top: 3px;
}
.case-view-new .page-section {
  display: block;
}
.case-edit .page-section .section-box .decline .decline-txt {
  display: inline-block;
  line-height: 40px;
}
.case-edit .page-section .section-box .decline .btn {
  width: 100%;
}
@media (min-width: 768px) {
  .case-edit .page-section .section-box .decline .btn {
    float: right;
    width: auto;
  }
}
.cases-view .icon {
  transition: none;
}
.case-edit .alert-info .icon {
  fill: #336699;
  margin: 0 8px 0 0;
}
/**
 * State: Contacts
 *
 */
.contacts-search {
  margin-bottom: 10px;
}
.contact-list {
  position: relative;
}
.contact-list a.image {
  text-decoration: none;
}
.contact-list .table {
  table-layout: fixed;
  background-color: #fff;
}
@media (max-width: 768px) {
  .contact-list .table-row {
    text-align: center;
    cursor: pointer;
  }
}
.contact-list .table-row .name {
  font-weight: 700;
  word-break: break-word;
}
.contact-list .table-row .name .image {
  margin: 0 auto 10px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .contact-list .table-row .name .image {
    float: left;
    margin: 0 20px 0 0;
  }
}
.contact-list .table-row .name .inner-content {
  overflow: hidden;
}
@media (min-width: 768px) {
  .contact-list .table-row .name .inner-content.account {
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .contact-list .table-row .title {
    vertical-align: middle;
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .contact-list .table-row .account {
    padding: 0;
    position: relative;
    vertical-align: middle;
  }
  .contact-list .table-row .account .account-link {
    display: block;
    line-height: 70px;
    position: absolute;
    left: 15px;
    top: 0;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .contact-list .table-row {
    min-height: 0;
  }
}
@media (max-width: 768px) {
  .contact-list .table-row:nth-child(odd) {
    clear: both;
  }
}
.no-contacts {
  text-align: center;
  padding-top: 60px;
  font-size: 40px;
  color: #cccccc;
}
.profile {
  margin-bottom: 30px;
}
.profile .contact-header {
  margin-bottom: 24px;
}
.profile.profile-edit {
  padding-bottom: 0;
}
.profile.profile-edit .fields {
  margin-bottom: 32px;
}
.profile .persona {
  text-align: center;
  margin-bottom: 20px;
}
.profile .persona .account {
  display: inline-block;
}
.profile .persona .title {
  display: block;
}
.profile .persona .image {
  height: 140px;
  margin: 0 auto 30px;
  overflow: hidden;
  position: relative;
  width: 140px;
}
.profile .persona-details {
  margin-top: 20px;
  font-size: 16px;
}
.profile .persona-details span,
.profile .persona-details a {
  display: block;
}
.profile .persona.persona-edit.edit {
  float: none;
  overflow: hidden;
}
.profile .persona.persona-edit .name {
  word-break: break-word;
}
.profile .persona.persona-edit .name.edit {
  display: block;
  float: none;
  text-align: left;
  padding: 12px 0 0 0;
  margin: 0;
  line-height: 1.1;
  font-size: 20px;
  font-weight: 400;
}
.profile .persona.persona-edit .name.edit.account-name {
  padding-top: 21px;
}
.profile .persona.persona-edit .persona-details.edit {
  display: block;
  margin: 0;
  text-align: left;
}
.profile .persona.persona-edit .image {
  position: relative;
}
.profile .persona.persona-edit .image.edit {
  width: 64px;
  height: 64px;
  float: left;
  margin: 0 20px 0 0;
  display: block;
}
.profile .persona.persona-edit .image button {
  color: #FFF;
  font-weight: 700;
  border: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  -ms-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.profile .persona.persona-edit .image button:active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.profile .persona.persona-edit .image:hover button {
  visibility: visible;
  background: rgba(0, 0, 0, 0.5);
}
.profile .persona.persona-edit .user-upload-button {
  font-size: 13px;
}
.profile .persona-social-medias {
  text-align: center;
  margin-bottom: 20px;
}
.profile .persona-social-medias a {
  color: #555555;
  margin: 0 5px;
}
.profile .persona-social-medias.edit {
  float: left;
  margin-top: 8px;
}
.profile .persona-social-media-remove {
  text-align: right;
  padding-top: 12px;
}
.profile .persona-suggestions {
  margin-bottom: 20px;
}
.profile .persona-suggestions .header {
  background: #FFF;
  padding: 20px;
  margin-bottom: 1px;
}
.profile .persona-suggestions .header h3 {
  margin-bottom: 0;
}
.profile .persona-suggestions .suggestions .suggestion {
  margin-bottom: 3px;
  overflow: hidden;
  background: #FFF;
  padding: 20px;
}
.profile .persona-suggestions .suggestions .suggestion .image {
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 10px;
}
.profile .persona-suggestions .suggestions .suggestion .image img {
  width: 100%;
}
.profile .persona-suggestions .suggestions .suggestion .details {
  overflow: hidden;
}
.profile .persona-suggestions .suggestions .suggestion .details .name {
  display: block;
}
.profile .persona-suggestions .suggestions .suggestion .details .location {
  display: block;
  font-size: 13px;
}
.profile .persona-suggestions .suggestions .suggestion .summary {
  overflow: hidden;
  clear: left;
  font-size: 13px;
  padding: 10px 0;
}
.profile .persona-suggestions .suggestions .suggestion .controls {
  text-align: right;
  overflow: hidden;
}
.profile .persona-suggestions .suggestions .suggestion .controls .btn + .btn {
  margin-left: 5px;
}
.profile .persona-suggestions .suggestions .suggestion .controls .source {
  float: left;
  line-height: 33px;
}
.profile .information {
  margin-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .profile .information {
    margin-bottom: 0;
  }
}
.profile .information.busy {
  opacity: 0.6;
}
.profile .information .header {
  background: #FFF;
  padding: 20px;
  margin-bottom: 2px;
}
.profile .information .header h2 {
  margin-bottom: 0;
}
.profile .information .header p {
  margin-bottom: 0;
}
.profile .information .header .controls {
  float: right;
}
.profile .information .fields:after {
  content: "";
  clear: both;
  display: table;
}
.profile .information .fields {
  word-wrap: break-word;
  background: #FFF;
  padding: 20px 20px 0;
  overflow: visible;
  margin-bottom: 24px;
}
.profile .information .fields .field .consent-value {
  margin-right: 5px;
}
.profile .information .fields .field .form-group .info-label {
  font-size: 16px;
}
.profile .information .fields .field .form-group.typeahead {
  overflow: visible!important;
}
.profile .information .fields .field .form-group.typeahead .value {
  overflow: visible!important;
}
.profile .information .fields .field-options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.profile .information .fields .field-options li {
  line-height: 20px;
  margin: 0 0 5px;
}
.profile .information .icon-birthday {
  fill: #f90;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.profile-fields .field {
  margin-bottom: 10px;
}
.des {
  margin-top: 50px;
}
.des.affix {
  top: 94px;
}
.des h2 {
  margin-bottom: 20px;
}
.des .item {
  background-color: #fff;
  cursor: pointer;
  margin-bottom: 0;
  overflow: hidden;
  padding: 20px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.des .item p {
  font-size: 12px;
}
.des .item .inner-content {
  padding-left: 50px;
}
.des .item .small-address {
  color: #888;
  font-size: 13px;
}
.des .item .image {
  border-radius: 100%;
  height: 40px;
  margin: 0 auto 15px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 40px;
}
@media (min-width: 768px) {
  .des .item .image {
    float: left;
    margin: 0 10px 0 0;
  }
}
.contact-cases,
.account-cases {
  position: relative;
}
/**
 * State: Dashboard
 *
 */
.dashboard-tiles > .row > div:nth-child(odd) {
  clear: both;
}
.lead-accept .lead-accept-busy {
  padding: 100px 0;
  width: 100%;
}
.lead-accept .lead-accept-busy img {
  width: 80px;
  display: block;
  margin: 0 auto;
  opacity: 0.25;
}
@media (min-width: 768px) {
  .lead-accept {
    min-width: 920px;
  }
}
.lead-accept .accept-progress {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 15px;
  overflow-x: hidden;
  text-align: center;
}
@media (min-width: 768px) {
  .lead-accept .accept-progress {
    margin: 0 0 24px 0;
    text-align: left;
    border: 1px solid #eee;
    height: 52px;
  }
}
.lead-accept .accept-progress .step {
  float: left;
  font-size: 12px;
  line-height: 14px;
  position: relative;
  width: 33.33%;
}
@media (min-width: 768px) {
  .lead-accept .accept-progress .step {
    background-color: #fff;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
  }
}
.lead-accept .accept-progress .step::before {
  display: none;
  position: absolute;
  right: -20px;
  top: 0;
  content: '';
  height: 50px;
  width: 20px;
  z-index: 99;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 10px solid #fff;
}
@media (min-width: 768px) {
  .lead-accept .accept-progress .step::before {
    display: block;
  }
}
.lead-accept .accept-progress .step::after {
  left: 50%;
  top: 13px;
  height: 1px;
  background-color: #e0e0e0;
  width: 100%;
  content: '';
  position: absolute;
  display: block;
}
@media (min-width: 768px) {
  .lead-accept .accept-progress .step::after {
    right: -22px;
    top: 0 !important;
    left: auto;
    top: auto;
    height: 50px;
    background-color: transparent;
    width: 20px;
    z-index: 98;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 10px solid #fff;
  }
}
.lead-accept .accept-progress .step.step-case::before {
  display: none;
}
.lead-accept .accept-progress .step.step-case::after {
  display: none;
}
.lead-accept .accept-progress .step:first-child {
  padding-left: 10px;
}
.lead-accept .accept-progress .step:last-child::after {
  display: none;
}
@media (min-width: 768px) {
  .lead-accept .accept-progress .step:last-child::after {
    display: block;
  }
}
.lead-accept .accept-progress .step .step-icon {
  position: relative;
  z-index: 999;
  width: 26px;
  border: 2px solid #f2f2f2;
  height: 26px;
  margin: 0 auto 10px auto;
  background-color: #fff;
  border-radius: 50%;
}
.lead-accept .accept-progress .step .step-icon .icon {
  width: 16px;
  height: 16px;
  display: block;
  margin: 3px auto;
  fill: #fff;
}
@media (min-width: 768px) {
  .lead-accept .accept-progress .step .step-icon {
    float: left;
    margin: 12px 10px 0 0;
  }
}
@media (min-width: 768px) {
  .lead-accept .accept-progress .step.active {
    background-color: #e7e7e7;
  }
  .lead-accept .accept-progress .step.active::before {
    border-left-color: #e7e7e7;
  }
}
.lead-accept .accept-progress .step.active .step-icon {
  border-color: #00a76d;
}
@media (min-width: 768px) {
  .lead-accept .accept-progress .step.done {
    background-color: #f2f2f2;
  }
  .lead-accept .accept-progress .step.done::before {
    border-left-color: #f2f2f2;
  }
}
.lead-accept .accept-progress .step.done .step-icon {
  border-color: #00a76d;
  background-color: #00a76d;
}
.lead-accept .lead-accept-content .message {
  margin-bottom: 24px;
  text-align: center;
}
.lead-accept .lead-accept-content .message h2 {
  margin-bottom: 8px;
}
.lead-accept .lead-accept-content .lead-accept-controls {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.lead-accept .lead-accept-content .lead-accept-controls button {
  flex: 1;
}
.lead-accept .lead-accept-content .list-extras {
  display: flex;
  justify-content: space-between;
}
.lead-accept .lead-accept-content .list-extras .contacts-link {
  cursor: pointer;
  color: #00a76d;
  margin-bottom: 16px;
}
.lead-accept .lead-accept-content .account-contacts-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
.lead-accept .lead-accept-content .account-contacts-list.has-list-extras {
  margin-bottom: 8px;
}
.lead-accept .lead-accept-content .des-wrapper {
  margin-bottom: 24px;
}
.lead-accept .lead-accept-content .des-wrapper.has-list-extras {
  margin-bottom: 8px;
}
.lead-accept .lead-accept-content .des-wrapper .des-results {
  max-height: 350px;
  overflow: auto;
}
.lead-accept .lead-accept-content .des-wrapper table {
  border: 1px solid #f2f2f2;
  font-size: 13px;
  margin-bottom: 8px;
  width: 100%;
}
.lead-accept .lead-accept-content .des-wrapper table:last-child {
  margin-bottom: 0;
}
.lead-accept .lead-accept-content .des-wrapper table tr td {
  padding: 8px 12px;
}
.lead-accept .lead-accept-content .des-wrapper table tr td.name-cell,
.lead-accept .lead-accept-content .des-wrapper table tr td.case-cell {
  width: 30%;
}
.lead-accept .lead-accept-content .des-wrapper table tr td.match-cell {
  width: 24%;
}
.lead-accept .lead-accept-content .des-wrapper table tr td.latest-cell {
  width: 19%;
}
.lead-accept .lead-accept-content .des-wrapper table tr td.team-cell {
  width: 20%;
}
.lead-accept .lead-accept-content .des-wrapper table tr td.responsible-cell {
  width: 30%;
}
.lead-accept .lead-accept-content .des-wrapper table tr td.milestone-activity-cell {
  width: 30%;
}
.lead-accept .lead-accept-content .des-wrapper table tr td.controls-cell {
  text-align: right;
  width: auto;
}
.lead-accept .lead-accept-content .des-wrapper table tr td .des-name-wrap {
  align-items: center;
  display: flex;
  gap: 16px;
}
.lead-accept .lead-accept-content .des-wrapper table tr td .des-name-wrap .name-data {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
}
.lead-accept .lead-accept-content .des-wrapper table tr td .des-name-wrap .name-data .name {
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  word-break: break-all;
}
.lead-accept .lead-accept-content .des-wrapper table tr td .des-name-wrap .name-data .name .external-id {
  background-color: #999999;
  border-radius: 4px;
  color: #fff;
  font-size: 11px;
  padding: 2px 4px;
}
.lead-accept .lead-accept-content .des-wrapper table tr td .matching {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.lead-accept .lead-accept-content .des-wrapper table tr td .missing-activity {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.lead-accept .lead-accept-content .des-wrapper table tr td .missing-activity .icon {
  margin-right: 8px;
}
.lead-accept .lead-accept-content .des-wrapper table tr td .missing-activity .missing-activity-text {
  flex: 1;
}
.lead-accept .lead-accept-content .des-wrapper table tr td .subtext {
  color: #999999;
}
.lead-details h2 {
  margin-bottom: 16px;
}
.lead-details .lead-removed-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.lead-details .lead-details-item {
  margin-bottom: 24px;
}
.lead-details .lead-details-data .table-default .table-body .table-row {
  width: 100%;
}
.lead-details .lead-details-data .table-default .table-body .table-row > div {
  padding-top: 0;
  padding-bottom: 0;
  word-break: break-word;
}
.lead-details .lead-details-data .table-default .table-body .table-row .table-cell-label {
  width: 30%;
}
.lead-details .table-value {
  white-space: pre-line;
}
.lead-details .controls {
  position: relative;
  margin-top: 12px;
  margin-bottom: 0;
}
.lead-details .controls .btn {
  margin-left: 10px;
}
.lead-details .controls-sm {
  clear: both;
  position: relative;
  margin: 0 0 40px 0;
  width: 100%;
}
.lead-details .controls-sm .lead-overlay-btn .btn {
  margin-right: 10px;
}
.lead-details .overlay-section {
  margin-bottom: 30px;
}
.lead-details .overlay-section .lead-contact {
  width: 100%;
}
@media (min-width: 768px) {
  .lead-details .overlay-section .lead-contact {
    width: 70%;
  }
}
.lead-details .overlay-section .lead-details-list {
  overflow: hidden;
}
.lead-details .overlay-section .lead-details-list .lead-details-list-row {
  overflow: hidden;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .lead-details .overlay-section .lead-details-list .lead-details-list-row {
    float: left;
  }
}
.lead-details .overlay-section .lead-details-list .lead-details-list-item {
  width: 50%;
  float: left;
}
@media (min-width: 768px) {
  .lead-details .overlay-section .lead-details-list .lead-details-list-item {
    width: auto;
    margin-right: 50px;
    margin-bottom: 10px;
  }
}
.lead-details .overlay-section .lead-details-list .lead-details-list-item p {
  margin-bottom: 0;
  word-break: break-all;
}
.lead-details .overlay-section .lead-details-list .lead-details-list-item p.overdue {
  color: #cf3535;
}
.lead-details .overlay-section .lead-details-list .lead-details-list-item p.due {
  color: #ff9900;
}
.lead-details .overlay-section .attachments-count {
  font-size: 16px;
}
.lead-details .overlay-section .attachments-count .icon {
  float: left;
  margin-right: 5px;
  margin-top: 3px;
}
.lead-details .title {
  font-weight: 600;
}
.lead-details .lead-details-section {
  margin-bottom: 16px;
  padding: 24px 24px 0 24px;
  border: 1px solid #cccccc;
  overflow: hidden;
}
.lead-details .lead-details-section .lead-header {
  padding-top: 0;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  overflow: hidden;
}
.lead-details .lead-details-section .table .table-row > div {
  border-bottom: none;
}
@media (min-width: 768px) {
  .lead-details .lead-details-section .table-data {
    border-collapse: collapse;
    border: 1px solid #cccccc;
  }
  .lead-details .lead-details-section .table-data .table-head .table-row > div {
    background-color: #f4f4f4;
  }
  .lead-details .lead-details-section .table-data .table-head .table-row > div,
  .lead-details .lead-details-section .table-data .table-body .table-row > div {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #cccccc;
  }
}
.lead-details .lead-attachments {
  margin-top: 30px;
  margin-bottom: 30px;
}
.lead-details .lead-attachments h2 {
  font-weight: 600;
  margin-bottom: 0;
}
.lead-details .lead-attachments .help-text {
  color: #cccccc;
  font-size: 15px;
}
.lead-details .lead-attachments .attachments-wrapper {
  padding: 15px 10px 0 10px;
}
@media (min-width: 768px) {
  .lead-details .lead-attachments .attachments-wrapper {
    padding: 30px 50px 0 0;
  }
}
.lead-details .lead-attachments .attachments .attachment-item {
  cursor: auto;
}
.lead-details .lead-attachments .attachments .attachment-item.attachment-link {
  cursor: pointer;
}
.lead-details .no-lead-data {
  text-align: center;
  color: #cccccc;
  font-size: 18px;
  margin-bottom: 20px;
}
/**
 * State: leads
 *
 */
.leads-overview .leads-list {
  position: relative;
}
.leads-overview .leads-list .leads-list-header {
  margin-bottom: 30px;
}
.leads-overview .leads-list .leads-list-header p {
  margin-bottom: 0;
}
/**
 * State: Opportunities
 *
 */
.notifications-list {
  position: relative;
}
.notifications-list .table .table-row {
  border-bottom: 1px solid #ddd;
  float: none;
  margin-bottom: 1px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
  width: auto;
}
.notifications-list .table .table-row.no-link > div {
  cursor: auto;
}
.notifications-list .table .table-row.no-link:hover > div {
  background-color: transparent;
}
@media (min-width: 768px) {
  .notifications-list .table .table-row {
    padding: 0;
    margin-bottom: 0;
  }
  .notifications-list .table .table-row > div {
    vertical-align: middle;
    line-height: 18px;
  }
}
.notifications-list .table .table-row.unread {
  background-color: #FFF;
  color: #555555;
}
.notifications-list .table .table-row .title {
  border-bottom: 1px solid #eee;
  font-weight: 600;
  text-align: left;
}
.notifications-list .table .table-row .title .icon {
  position: relative;
  top: 3px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .notifications-list .table .table-row .title {
    width: 25%;
    padding: 15px;
    border-bottom: 1px solid #f2f2f2;
  }
}
.notifications-list .table .table-row .message {
  text-align: left;
  overflow: hidden;
}
@media (min-width: 768px) {
  .notifications-list .table .table-row .message {
    padding: 15px;
    margin-bottom: 0;
  }
}
.notifications-list .table .table-row .message .message-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.notifications-list .table .table-row .message .message-body {
  flex: 1;
}
.notifications-list .table .table-row .message .message-body p {
  margin: 0;
  line-height: 18px;
}
.notifications-list .table .table-row .message .notification-image {
  border-radius: 100%;
  float: left;
  height: 30px;
  margin-right: 12px;
  overflow: hidden;
  position: relative;
  width: 30px;
  background-color: #eee;
}
.notifications-list .table .table-row .message .notification-image.target .icon.icon-large {
  width: 30px;
  height: 30px;
}
.notifications-list .table .table-row .message .notification-image.success .icon,
.notifications-list .table .table-row .message .notification-image.escalated .icon,
.notifications-list .table .table-row .message .notification-image.revoked .icon,
.notifications-list .table .table-row .message .notification-image.target-reached .icon,
.notifications-list .table .table-row .message .notification-image.overdue .icon {
  width: 14px;
  height: 14px;
  margin: 8px auto 0 auto;
  display: block;
  float: none;
}
.notifications-list .table .table-row .message .notification-image.success {
  background-color: #d9f2e9;
}
.notifications-list .table .table-row .message .notification-image.success .icon {
  fill: #00a76d;
}
.notifications-list .table .table-row .message .notification-image.escalated,
.notifications-list .table .table-row .message .notification-image.overdue {
  background-color: #ffefd8;
}
.notifications-list .table .table-row .message .notification-image.escalated .icon,
.notifications-list .table .table-row .message .notification-image.overdue .icon {
  fill: #ff9900;
}
.notifications-list .table .table-row .message .notification-image.revoked,
.notifications-list .table .table-row .message .notification-image.overdue {
  background-color: #f8e1e1;
}
.notifications-list .table .table-row .message .notification-image.revoked .icon,
.notifications-list .table .table-row .message .notification-image.overdue .icon {
  fill: #cf3535;
}
.notifications-list .table .table-row .message .notification-image.level {
  background-color: transparent;
}
.notifications-list .table .table-row .message .notification-image.target-reached {
  background-color: #d9f2e9;
}
.notifications-list .table .table-row .message .notification-image.target-reached .icon {
  fill: #00a76d;
}
.notifications-list .table .table-row .message .notification-image .level,
.notifications-list .table .table-row .message .notification-image .badge {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
}
.notifications-list .table .table-row .message .notification-image .level img,
.notifications-list .table .table-row .message .notification-image .badge img {
  width: 30px;
  height: 30px;
}
.notifications-list .table .table-row .message .notification-image .badge {
  background-color: #00a76d;
  border-radius: 50%;
  margin: 0;
}
.notifications-list .table .table-row .message .notification-image .badge img {
  width: 30px;
  height: 30px;
}
.notifications-list .table .table-row .message .notification-image .first-in-rank {
  width: 16px;
  height: 16px;
  display: block;
  float: none;
  margin: 7px auto 0 auto;
}
.notifications-list .table .table-row .date {
  position: absolute;
  top: 14px;
  right: 20px;
  margin-bottom: 15px;
  color: #999999;
  text-align: right;
}
@media (min-width: 768px) {
  .notifications-list .table .table-row .date {
    position: static;
    left: 0;
    top: 0;
    right: 0;
    width: 200px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .notifications-list .table .table-row .controls .dismiss {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    position: relative;
    padding: 10px 16px;
    font-weight: 600;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05) 2px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05) 2px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05) 2px 6px rgba(0, 0, 0, 0.15);
    transition-property: color, background-color, border-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    color: #fff;
    background-color: #00a76d;
    border-color: #008e5c;
    padding: 5px 10px;
    line-height: 1.5;
    padding: 5px 12px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 28px;
    border-radius: 4px;
  }
  .notifications-list .table .table-row .controls .dismiss:focus,
  .notifications-list .table .table-row .controls .dismiss:active:focus,
  .notifications-list .table .table-row .controls .dismiss.active:focus,
  .notifications-list .table .table-row .controls .dismiss.focus,
  .notifications-list .table .table-row .controls .dismiss:active.focus,
  .notifications-list .table .table-row .controls .dismiss.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .notifications-list .table .table-row .controls .dismiss:hover,
  .notifications-list .table .table-row .controls .dismiss:focus,
  .notifications-list .table .table-row .controls .dismiss.focus {
    color: #333;
    text-decoration: none;
  }
  .notifications-list .table .table-row .controls .dismiss:active,
  .notifications-list .table .table-row .controls .dismiss.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 6px rgba(0, 0, 0, 0.15);
  }
  .notifications-list .table .table-row .controls .dismiss.disabled,
  .notifications-list .table .table-row .controls .dismiss[disabled],
  fieldset[disabled] .notifications-list .table .table-row .controls .dismiss {
    cursor: not-allowed;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
    box-shadow: none 2px 6px rgba(0, 0, 0, 0.15);
  }
  a.notifications-list .table .table-row .controls .dismiss.disabled,
  fieldset[disabled] a.notifications-list .table .table-row .controls .dismiss {
    pointer-events: none;
  }
  .notifications-list .table .table-row .controls .dismiss.btn-outline {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .notifications-list .table .table-row .controls .dismiss:active:focus,
  .notifications-list .table .table-row .controls .dismiss:active.focus,
  .notifications-list .table .table-row .controls .dismiss.active:focus,
  .notifications-list .table .table-row .controls .dismiss.active.focus,
  .notifications-list .table .table-row .controls .dismiss:focus,
  .notifications-list .table .table-row .controls .dismiss.focus {
    outline: 0;
  }
  .notifications-list .table .table-row .controls .dismiss:focus,
  .notifications-list .table .table-row .controls .dismiss.focus {
    color: #fff;
    background-color: #00744c;
    border-color: #000e09;
  }
  .notifications-list .table .table-row .controls .dismiss:hover {
    color: #fff;
    background-color: #00744c;
    border-color: #005034;
  }
  .notifications-list .table .table-row .controls .dismiss:active,
  .notifications-list .table .table-row .controls .dismiss.active,
  .open > .dropdown-toggle.notifications-list .table .table-row .controls .dismiss {
    color: #fff;
    background-color: #00744c;
    background-image: none;
    border-color: #005034;
  }
  .notifications-list .table .table-row .controls .dismiss:active:hover,
  .notifications-list .table .table-row .controls .dismiss.active:hover,
  .open > .dropdown-toggle.notifications-list .table .table-row .controls .dismiss:hover,
  .notifications-list .table .table-row .controls .dismiss:active:focus,
  .notifications-list .table .table-row .controls .dismiss.active:focus,
  .open > .dropdown-toggle.notifications-list .table .table-row .controls .dismiss:focus,
  .notifications-list .table .table-row .controls .dismiss:active.focus,
  .notifications-list .table .table-row .controls .dismiss.active.focus,
  .open > .dropdown-toggle.notifications-list .table .table-row .controls .dismiss.focus {
    color: #fff;
    background-color: #005034;
    border-color: #000e09;
  }
  .notifications-list .table .table-row .controls .dismiss.disabled:hover,
  .notifications-list .table .table-row .controls .dismiss[disabled]:hover,
  fieldset[disabled] .notifications-list .table .table-row .controls .dismiss:hover,
  .notifications-list .table .table-row .controls .dismiss.disabled:focus,
  .notifications-list .table .table-row .controls .dismiss[disabled]:focus,
  fieldset[disabled] .notifications-list .table .table-row .controls .dismiss:focus,
  .notifications-list .table .table-row .controls .dismiss.disabled.focus,
  .notifications-list .table .table-row .controls .dismiss[disabled].focus,
  fieldset[disabled] .notifications-list .table .table-row .controls .dismiss.focus {
    background-color: #00a76d;
    border-color: #008e5c;
  }
  .notifications-list .table .table-row .controls .dismiss .badge {
    color: #00a76d;
    background-color: #fff;
  }
  .notifications-list .table .table-row .controls .dismiss.btn-outline {
    padding-top: 0;
    padding-bottom: 0;
  }
  .notifications-list .table .table-row .controls .dismiss .icon {
    fill: #FFF;
    margin-right: 5px;
  }
}
@media (min-width: 768px) {
  .notifications-list .table .table-row .controls .dismiss span {
    display: none;
  }
}
.notifications-list .table .table-row .controls .icon {
  position: relative;
  top: 3px;
}
.notifications-list .table .table-cell {
  text-align: left;
}
.reporting-overview custom-checkbox {
  margin-bottom: 8px;
  display: block;
}
.reporting-overview .table {
  margin-top: 16px;
  font-size: 12px;
}
.reporting-overview .table .table-head .table-row .table-cell {
  border-right: 1px solid #f5f5f5;
  vertical-align: middle;
}
.reporting-overview .table .table-head .table-row .table-cell:last-child {
  border-right: none;
}
.reporting-overview .table .table-body .table-row.row-bundle .table-cell {
  background-color: #fafafa;
}
.reporting-overview .table .table-body .table-row.row-from-bundle .table-cell:first-child .lead-type-name {
  padding-left: 16px;
}
.reporting-overview .table .table-body .table-row.row-from-bundle.last .table-cell {
  border-bottom: 6px solid #f5f5f5;
}
.reporting-overview .table .table-body .table-row.row-total .table-cell {
  background-color: #e8e8e8;
  border-top: 6px solid #f2f2f2;
  font-weight: 600;
}
.reporting-overview .table .table-body .table-row.row-total .table-cell .comparison {
  font-weight: 400;
}
.reporting-overview .table .table-body .table-row .table-cell {
  border-right: 1px solid #f5f5f5;
  vertical-align: middle;
}
.reporting-overview .table .table-body .table-row .table-cell:first-child {
  width: 240px;
}
.reporting-overview .table .table-body .table-row .table-cell:first-child .lead-type-name {
  white-space: nowrap;
  overflow: hidden;
  width: 207px;
  text-overflow: ellipsis;
}
.reporting-overview .table .table-body .table-row .table-cell:last-child {
  border-right: none;
}
.reporting-overview .table .table-body .table-row .table-cell .percentage {
  color: #aaa;
}
.reporting-overview .table .table-body .table-row .table-cell .comparison {
  float: right;
  position: relative;
  padding-left: 10px;
  color: #cf3535;
}
.reporting-overview .table .table-body .table-row .table-cell .comparison:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #cf3535;
}
.reporting-overview .table .table-body .table-row .table-cell .comparison.reversed:before {
  border-top: none;
  border-bottom: 3px solid #cf3535;
}
.reporting-overview .table .table-body .table-row .table-cell .comparison.positive {
  color: #00a76d;
}
.reporting-overview .table .table-body .table-row .table-cell .comparison.positive:before {
  border-top: none;
  border-bottom: 3px solid #00a76d;
}
.reporting-overview .table .table-body .table-row .table-cell .comparison.positive.reversed:before {
  border-top: 3px solid #00a76d;
  border-bottom: none;
}
.reporting .page-context {
  margin-bottom: 32px;
}
.reporting .page-context > h2 {
  margin-bottom: 4px;
}
.reporting .alert {
  line-height: 18px;
}
.reporting .alert .icon {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 8px;
}
.reporting .alert .alert-message {
  padding-left: 24px;
}
.reporting .download-section {
  background-color: #ffffff;
  display: block;
  padding: 60px;
}
.reporting .download-section .content {
  text-align: center;
}
.reporting .download-message {
  margin-bottom: 16px;
}
.reporting .performance-indicator-sets {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 16px;
}
.reporting .performance-indicator-sets:before,
.reporting .performance-indicator-sets:after {
  display: table;
  content: " ";
}
.reporting .performance-indicator-sets:after {
  clear: both;
}
.reporting .performance-indicator-sets:before,
.reporting .performance-indicator-sets:after {
  display: table;
  content: " ";
}
.reporting .performance-indicator-sets:after {
  clear: both;
}
.reporting .performance-filter-sets {
  margin-bottom: 16px;
}
.reporting .performance-section-header {
  margin-bottom: 16px;
  padding-bottom: 24px;
  padding-top: 8px;
  border-bottom: 1px solid #f2f2f2;
}
.reporting .primary-filters {
  margin-bottom: 48px;
}
.reporting .main-filters {
  margin-bottom: 32px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 16px;
}
.report-section {
  margin-bottom: 48px;
}
.report-chart {
  padding: 32px;
  background-color: #ffffff;
}
.report-chart .arrow-red {
  font-size: 10px;
  color: #cf3535;
}
.report-chart .arrow-green {
  font-size: 10px;
  color: #00a76d;
}
.reports-insights-overview {
  background-color: #fff;
  padding: 16px;
}
.reports-insights-overview .reports-insights-overview-inner {
  overflow: hidden;
  border: 1px solid #ddd;
  text-align: center;
}
.reports-insights-overview .reports-insights-overview-inner .item {
  padding: 32px 16px 32px 16px;
  border-bottom: 1px solid #f2f2f2;
}
.reports-insights-overview .reports-insights-overview-inner .item .number {
  font-size: 48px;
  line-height: 1.1;
}
.reports-insights-overview .reports-insights-overview-inner .item .icon {
  fill: #cccccc;
}
.reports-insights-overview .reports-insights-overview-inner .item p {
  margin: 0;
  font-size: 24px;
}
.reports-insights-overview .reports-insights-overview-inner .item a:hover {
  text-decoration: none;
}
.reports-insights-overview .reports-insights-overview-inner .item.item-small {
  border-bottom: none;
}
.reports-insights-overview .reports-insights-overview-inner .item.item-small .number {
  font-size: 24px;
}
.reports-insights-overview .reports-insights-overview-inner .item.item-small p {
  font-size: 15px;
}
.reports-insights-overview .reports-insights-overview-inner .item .icon-indicator-info {
  margin-left: 4px;
}
.reports-insights-overview .reports-insights-overview-inner .item-list-wrapper {
  padding: 32px 16px 32px 16px;
}
.reports-insights-overview .reports-insights-overview-inner .item-list .item {
  padding: 0;
  display: inline-block;
  margin: 0 24px;
}
.reports-insights-overview .reports-insights-overview-bottom {
  text-align: left;
  overflow: hidden;
}
.reports-insights-overview .reports-insights-overview-bottom .item {
  float: right;
  width: 400px;
  text-align: left;
  margin: 0;
  padding: 32px 0 16px 0;
}
.reports-insights-overview .reports-insights-overview-bottom .item .table .table-body .table-row .table-cell {
  padding: 0;
  border: none;
  color: #999999;
}
.reports-insights-overview .reports-insights-overview-bottom .item .table .table-body .table-row .table-cell.value {
  text-align: right;
  color: #555555;
  font-weight: 700;
  padding-right: 8px;
}
.link-fields .header {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}
.link-fields .rules {
  margin-bottom: 30px;
  background-color: #f6f6f6;
}
.link-fields .rules .rule {
  border-bottom: 1px solid #ddd;
  padding: 30px 30px 10px 30px;
  display: block;
}
.link-fields .rules .rule-control {
  margin-right: 5px;
  padding-top: 11px;
  float: left;
}
.link-fields .rules .fields {
  padding-left: 36px;
  overflow: visible;
}
.link-fields .rules .form-control {
  width: 100%;
  margin: 0 0 20px 0;
  border-radius: 0;
}
.data-fields-wrapper .section-header .header-content {
  margin-bottom: 16px;
  display: inline-block;
}
.data-fields-wrapper .section-header .header-content .header {
  display: inline-block;
}
.data-fields-wrapper .section-header .header-content .header-info {
  display: block;
  position: relative;
}
.data-fields-wrapper .section-header > button {
  margin-left: 8px;
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 768px) {
  .data-fields-wrapper .section-header > button {
    margin-bottom: none;
    width: auto;
    float: right;
  }
}
.data-fields-wrapper .page-section .header .edit-group-name {
  line-height: 24px;
  margin-left: 8px;
  font-size: 14px;
}
.data-fields-wrapper .page-section .header .edit-group-name .icon {
  margin-top: 6px;
  fill: #00a76d;
  width: 16px;
  height: 16px;
}
@media (min-width: 768px) {
  .data-fields-wrapper .page-section .header .edit-group-name .icon {
    display: none;
  }
}
.data-fields-wrapper .data-field-content .content {
  padding: 16px;
}
.data-fields-wrapper .data-field-content .fields-list-body {
  position: relative;
}
.data-fields-wrapper .data-field-content .fields-list-body.fields-list-empty {
  min-height: 20px;
}
.data-fields-wrapper .data-field-content .remove-group {
  text-align: right;
}
body .table-fields-list {
  background-color: #FFF;
  position: relative;
  width: 100%;
  display: block;
  padding-top: 32px;
  padding-left: 36px;
  margin-bottom: 16px;
  border-bottom: 1px solid #eee;
}
@media (min-width: 768px) {
  body .table-fields-list {
    padding-right: 60px;
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  body .table-fields-list {
    padding: 0;
    margin: 0;
    display: table;
    position: static;
    table-layout: fixed;
  }
}
body .table-fields-list.last {
  margin-bottom: 0;
  border-bottom: none;
}
body .table-fields-list.table-fields-list-header {
  display: none;
  margin: 0;
}
@media (min-width: 992px) {
  body .table-fields-list.table-fields-list-header {
    display: table;
  }
}
body .table-fields-list .table-head,
body .table-fields-list .table-body {
  display: none;
}
@media (min-width: 992px) {
  body .table-fields-list .table-head,
  body .table-fields-list .table-body {
    display: table-row-group;
  }
}
body .table-fields-list .table-head .table-row,
body .table-fields-list .table-body .table-row {
  width: 100%;
  display: block;
  padding: 0;
}
@media (min-width: 992px) {
  body .table-fields-list .table-head .table-row,
  body .table-fields-list .table-body .table-row {
    display: table-row;
  }
}
body .table-fields-list .table-head .table-row .table-cell,
body .table-fields-list .table-body .table-row .table-cell {
  cursor: default;
  border: none;
  padding: 0 0 16px 0;
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  body .table-fields-list .table-head .table-row .table-cell,
  body .table-fields-list .table-body .table-row .table-cell {
    width: 50%;
    float: left;
  }
}
@media (min-width: 992px) {
  body .table-fields-list .table-head .table-row .table-cell,
  body .table-fields-list .table-body .table-row .table-cell {
    padding: 12px;
    float: none;
    display: table-cell;
    vertical-align: middle;
  }
}
body .table-fields-list .table-head .table-row .table-cell .field-label,
body .table-fields-list .table-body .table-row .table-cell .field-label {
  font-weight: 800;
  margin-bottom: 4px;
}
@media (min-width: 992px) {
  body .table-fields-list .table-head .table-row .table-cell .field-label,
  body .table-fields-list .table-body .table-row .table-cell .field-label {
    display: none;
  }
}
body .table-fields-list .table-head .table-row .table-cell .label,
body .table-fields-list .table-body .table-row .table-cell .label {
  font-size: 10px;
  font-weight: 600;
  vertical-align: middle;
}
@media (min-width: 768px) {
  body .table-fields-list .table-head .table-row .table-cell .label,
  body .table-fields-list .table-body .table-row .table-cell .label {
    float: none;
  }
}
@media (min-width: 992px) {
  body .table-fields-list .table-head .table-row .table-cell.table-cell-table-options,
  body .table-fields-list .table-body .table-row .table-cell.table-cell-table-options {
    width: 120px;
  }
}
body .table-fields-list .table-head .table-row .table-cell.table-cell-table-options:before,
body .table-fields-list .table-body .table-row .table-cell.table-cell-table-options:before,
body .table-fields-list .table-head .table-row .table-cell.table-cell-table-options:after,
body .table-fields-list .table-body .table-row .table-cell.table-cell-table-options:after {
  display: table;
  content: " ";
}
body .table-fields-list .table-head .table-row .table-cell.table-cell-table-options:after,
body .table-fields-list .table-body .table-row .table-cell.table-cell-table-options:after {
  clear: both;
}
body .table-fields-list .table-head .table-row .table-cell.table-cell-table-options:before,
body .table-fields-list .table-body .table-row .table-cell.table-cell-table-options:before,
body .table-fields-list .table-head .table-row .table-cell.table-cell-table-options:after,
body .table-fields-list .table-body .table-row .table-cell.table-cell-table-options:after {
  display: table;
  content: " ";
}
body .table-fields-list .table-head .table-row .table-cell.table-cell-table-options:after,
body .table-fields-list .table-body .table-row .table-cell.table-cell-table-options:after {
  clear: both;
}
body .table-fields-list .table-head .table-row .table-cell.table-cell-handle,
body .table-fields-list .table-body .table-row .table-cell.table-cell-handle {
  cursor: move;
  position: absolute;
  left: 0;
  top: -12px;
  padding: 10px;
  width: auto;
}
@media (min-width: 992px) {
  body .table-fields-list .table-head .table-row .table-cell.table-cell-handle,
  body .table-fields-list .table-body .table-row .table-cell.table-cell-handle {
    width: 58px;
    border-top: none;
    left: auto;
    top: auto;
    position: static;
    border-right: 1px solid #FFF;
    text-align: center;
  }
}
body .table-fields-list .table-head .table-row .table-cell.table-cell-handle .icon,
body .table-fields-list .table-body .table-row .table-cell.table-cell-handle .icon {
  vertical-align: middle;
  width: 12px;
  height: 12px;
}
body .table-fields-list .table-head .table-row .table-cell.table-cell-name,
body .table-fields-list .table-body .table-row .table-cell.table-cell-name {
  word-break: break-word;
}
@media (min-width: 992px) {
  body .table-fields-list .table-head .table-row .table-cell.table-cell-type,
  body .table-fields-list .table-body .table-row .table-cell.table-cell-type {
    width: 140px;
  }
}
@media (min-width: 992px) {
  body .table-fields-list .table-head .table-row .table-cell.table-cell-type,
  body .table-fields-list .table-body .table-row .table-cell.table-cell-type {
    width: auto;
  }
}
body .table-fields-list .table-head .table-row .table-cell.table-cell-links .icon,
body .table-fields-list .table-body .table-row .table-cell.table-cell-links .icon {
  fill: #00a76d;
  margin: 3px 4px 0 0;
  float: left;
}
@media (min-width: 992px) {
  body .table-fields-list .table-head .table-row .table-cell.table-cell-links,
  body .table-fields-list .table-body .table-row .table-cell.table-cell-links {
    display: none;
  }
}
body .table-fields-list .table-head .table-row .table-cell.table-cell-controls,
body .table-fields-list .table-body .table-row .table-cell.table-cell-controls {
  text-align: right;
  width: auto;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  body .table-fields-list .table-head .table-row .table-cell.table-cell-controls,
  body .table-fields-list .table-body .table-row .table-cell.table-cell-controls {
    width: 220px;
    position: static;
    top: auto;
    right: auto;
  }
}
body .table-fields-list .table-head .table-row .table-cell.table-cell-controls.hide-mobile,
body .table-fields-list .table-body .table-row .table-cell.table-cell-controls.hide-mobile {
  display: none;
}
@media (min-width: 992px) {
  body .table-fields-list .table-head .table-row .table-cell.table-cell-controls.hide-mobile,
  body .table-fields-list .table-body .table-row .table-cell.table-cell-controls.hide-mobile {
    display: table-cell;
  }
}
@media (max-width: 991px) {
  body .table-fields-list .table-head .table-row .table-cell.table-cell-controls .btn-text,
  body .table-fields-list .table-body .table-row .table-cell.table-cell-controls .btn-text {
    display: none;
  }
}
@media (max-width: 991px) {
  body .table-fields-list .table-head .table-row:hover,
  body .table-fields-list .table-body .table-row:hover {
    background: transparent;
  }
}
@media (max-width: 991px) {
  body .table-fields-list .table-head .table-row:hover .table-cell,
  body .table-fields-list .table-body .table-row:hover .table-cell {
    background: transparent;
  }
}
body .table-fields-list .table-body {
  display: block;
}
@media (min-width: 992px) {
  body .table-fields-list .table-body {
    display: table-row-group;
  }
}
body .table-fields-list .switch {
  vertical-align: middle;
}
/**
 * Component: Custom fields
 * Used to create a expandable view that adds customized input fields to a form, like contacts, acounts and products
 */
.customfields-editor {
  margin-top: 0;
  width: 100%;
}
.customfields-editor .controls {
  overflow: hidden;
}
.customfields-editor .error input {
  border: 1px solid #a92828;
}
.customfields-editor h1 {
  margin-bottom: 32px;
}
.customfields-editor .customfields-content {
  position: relative;
  overflow: hidden;
}
.customfields-editor .customfields-content.active {
  display: block;
}
.customfields-editor .custom-field-description {
  margin-bottom: 32px;
}
.customfields-editor .custom-field-description .custom-field-link {
  color: #00a76d;
  text-decoration: underline;
  cursor: pointer;
}
.customfields-editor .field-controls {
  margin: 0 0 48px 0;
  overflow: hidden;
}
.customfields-editor .field-controls .btn {
  width: 100%;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .customfields-editor .field-controls .btn {
    margin-left: 8px;
    width: auto;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .customfields-editor .field-controls .btn.btn-save {
    float: right;
  }
}
.customfields-editor .field-controls > div:first-child {
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid #ddd;
}
@media (min-width: 768px) {
  .customfields-editor .field-controls > div:first-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .customfields-editor .field-controls .field-controls-left {
    float: left;
  }
}
.customfields-editor .field-controls .field-controls-left .btn {
  margin-left: 0;
}
@media (min-width: 768px) {
  .customfields-editor .field-controls .field-controls-right {
    float: right;
  }
}
.customfields-editor label {
  margin-bottom: 8px;
}
.customfields-editor .fields {
  overflow: hidden;
}
.customfields-editor .fields .fields-navigation {
  margin: 0 0 24px 0;
}
.customfields-editor .fields .fields-navigation .btn {
  margin: 0 8px 8px 0;
}
.customfields-editor .fields .fields-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.customfields-editor .fields .fields-navigation ul li {
  display: block;
  padding: 10px 20px;
  margin-bottom: 2px;
  cursor: pointer;
}
.customfields-editor .fields .fields-navigation ul li.active {
  background: #f2f2f2;
}
.customfields-editor .fields .fields-content .field {
  padding: 0;
}
.customfields-editor .fields .fields-content .choices {
  overflow: hidden;
  padding: 20px;
  background: #e6e4df;
}
.customfields-editor .fields .fields-content .choices .choice {
  position: relative;
  margin-bottom: 5px;
  overflow: hidden;
  padding-right: 40px;
}
.customfields-editor .fields .fields-content .choices .choice .controls {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
}
.customfields-editor .fields .fields-content .choices .choice .controls .btn {
  margin-left: 5px;
}
.customfields-editor .fields .fields-content .field-preview {
  margin: 35px -20px 0;
  padding: 15px 20px 0;
  border-top: 1px solid #f2f2f2;
}
.customfields-editor .fields .fields-content .field-preview h2 {
  margin-bottom: 15px;
}
.customfields-editor .fields .fields-content .field-preview .preview {
  padding: 20px;
  border: 1px dashed #ddd;
}
.data-field-options {
  display: block;
  margin-bottom: 32px;
}
.data-field-options:before,
.data-field-options:after {
  display: table;
  content: " ";
}
.data-field-options:after {
  clear: both;
}
.data-field-options:before,
.data-field-options:after {
  display: table;
  content: " ";
}
.data-field-options:after {
  clear: both;
}
.options-list {
  margin-bottom: 8px;
  display: block;
}
.options-list .add-link {
  font-weight: 600;
}
.options-list .add-option-column {
  position: relative;
}
.options-list .add-option-column:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  right: 80%;
  bottom: -25px;
  z-index: 0;
  border: dashed 1px #c0c0c0;
}
.options-list .add-option-column:after {
  content: "";
  display: block;
  position: absolute;
  left: -80%;
  bottom: -27px;
  width: 6px;
  height: 6px;
  background: #c0c0c0;
  border-radius: 50%;
}
.options-list .sortable-handle {
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
}
.options-list .sortable-handle svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}
.options-list .option-content {
  position: relative;
}
.options-list .option-remove-button {
  background: none;
  border: none;
  height: 56px;
  text-align: center;
  box-shadow: none;
  padding: 0;
}
.options-list .option-item {
  padding: 0;
  position: relative;
  background-color: #f2f2f2;
  overflow: hidden;
  width: 100%;
  border-bottom: 2px solid #fff;
}
.options-list .option-item p {
  margin: 0;
}
.options-list .option-item .handle {
  float: left;
  height: 56px;
  width: 56px;
  position: relative;
  border-right: 2px solid #fff;
}
.options-list .option-item .handle .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
}
.options-list .option-item .option-name {
  padding: 8px;
  overflow: hidden;
}
.options-list .option-item .option-control {
  float: right;
  height: 56px;
  width: 40px;
  padding-right: 8px;
  position: relative;
  text-align: center;
}
.options-list .option-item .option-control .option-remove-button {
  padding: 0;
}
.create-group-modal {
  min-width: 320px;
}
.create-group-modal:before,
.create-group-modal:after {
  display: table;
  content: " ";
}
.create-group-modal:after {
  clear: both;
}
.create-group-modal:before,
.create-group-modal:after {
  display: table;
  content: " ";
}
.create-group-modal:after {
  clear: both;
}
/**
 * State: Settings
 *
 */
/**
 * State: Settings -> Users
 *
 */
#profile-pic {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
#settings-user-control {
  padding: 10%;
}
.profile .signature {
  padding: 20px;
  border: 1px solid #ddd;
}
/**
 * State: Settings -> Data
 *
 */
/**
 * State: Settings -> Data -> Lead types
 *
 */
.opportunity-settings .page-title {
  width: 100%;
  margin-bottom: 20px;
}
.opportunity-settings .page-section .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.opportunity-settings .page-section .content .spacer {
  margin-left: 68px;
}
.opportunity-settings .page-section .content .name {
  flex: 1;
}
.opportunity-settings .page-section .content .content-controls {
  gap: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.opportunity-settings .value {
  margin-bottom: 0;
}
.opportunity-settings .loading-icon {
  width: 30px;
  height: 30px;
  opacity: 0.25;
}
.opportunity-settings .opportunity-rel-path {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.opportunity-settings .opportunity-info .item {
  margin-bottom: 20px;
}
.opportunity-settings .input-with-actions {
  margin: 0;
}
.opportunity-settings .error .selectize-input {
  border-color: #a92828;
}
.opportunity-settings .list-lead-types {
  background: #ffffff;
  border-bottom: 3px solid #f2f2f2;
  padding: 20px;
  position: relative;
}
.opportunity-settings .list-lead-types.list-lead-types-header {
  font-weight: 700;
}
.opportunity-settings .list-lead-types.list-lead-type {
  cursor: pointer;
}
.opportunity-settings .list-lead-types.list-lead-type:hover {
  background: #efeeea;
}
.opportunity-settings .sortable .label-text {
  display: block;
}
.opportunity-settings .sortable .move {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 68px;
  border-right: 1px solid #f2f2f2;
}
.opportunity-settings .sortable .move .handle {
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  margin: 0;
}
.opportunity-settings .sortable .move svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}
.opportunity-settings .sortable .move + .label-text {
  margin-left: 68px;
}
.opportunity-settings .responsibles .row .col-sm-6:first-child {
  padding-right: 4px;
}
.opportunity-settings .responsibles .row .col-sm-6:last-child {
  padding-left: 4px;
}
.opportunity-settings .responsibles .assignment-name {
  padding-left: 32px;
}
.opportunity-settings .responsibles .assignment-selection {
  padding-bottom: 8px;
}
.opportunity-settings .responsibles .section-box {
  padding: 32px;
}
.opportunity-settings .responsibles .section-box .section-box-icon {
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px solid #a1a2a1;
  cursor: pointer;
  height: 24px;
  width: 24px;
  position: absolute;
}
.opportunity-settings .responsibles .section-box .section-box-icon .icon {
  padding: 4px;
}
.opportunity-settings .responsibles .section-box.active .section-box-icon {
  background-color: #00a76d;
  border: none;
}
.opportunity-settings .responsibles .table-row {
  width: 100%;
  padding: 20px;
  position: relative;
  border-bottom: 2px solid #ededed;
}
@media (min-width: 768px) {
  .opportunity-settings .responsibles .table-row {
    padding: 0;
    position: static;
    border: 0 none;
  }
}
.opportunity-settings .responsibles .table-row .table-cell.remove {
  width: 16px;
  position: absolute;
  right: 20px;
  top: 20px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .opportunity-settings .responsibles .table-row .table-cell.opportunity {
    width: 150px;
    text-align: center;
  }
  .opportunity-settings .responsibles .table-row .table-cell.opportunity .custom-checkbox {
    display: block;
  }
  .opportunity-settings .responsibles .table-row .table-cell.opportunity .custom-checkbox .input {
    float: none;
    margin: 0 auto;
  }
  .opportunity-settings .responsibles .table-row .table-cell.escalation {
    width: 150px;
    text-align: center;
  }
  .opportunity-settings .responsibles .table-row .table-cell.escalation .custom-checkbox {
    display: block;
  }
  .opportunity-settings .responsibles .table-row .table-cell.escalation .custom-checkbox .input {
    float: none;
    margin: 0 auto;
  }
  .opportunity-settings .responsibles .table-row .table-cell.remove {
    width: 200px;
    position: static;
    right: auto;
    top: auto;
  }
  .opportunity-settings .responsibles .table-row .table-cell.remove .action-button {
    float: right;
  }
}
.opportunity-settings .responsibles .table-row .name {
  font-weight: 700;
}
.opportunity-settings .responsibles .table-row .name .image {
  border-radius: 100%;
  height: 40px;
  margin: 0 auto 10px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 40px;
}
@media (min-width: 768px) {
  .opportunity-settings .responsibles .table-row .name .image {
    float: left;
    margin: 0 20px 0 0;
  }
}
.opportunity-settings .responsibles .table-row .name .inner-content {
  text-align: center;
  margin-bottom: 15px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .opportunity-settings .responsibles .table-row .name .inner-content {
    margin-bottom: 0;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .opportunity-settings .responsibles .table-row .name .inner-content.account {
    line-height: 40px;
  }
}