@charset "UTF-8";
/**
 * Bourbon
 */
/**
 * Bootstrap
 */
/*#region Mixins */
/*#endregion */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
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,
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: transparent; }

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

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  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;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  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; }

* {
  -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: 62.5%;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #f7f7f7; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #0097d9;
  text-decoration: none; }
  a:hover, a:focus {
    color: #00628d;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    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: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #F7F7F7;
  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;
  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;
  margin: -1px;
  padding: 0;
  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; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .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: 200;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

cite {
  font-style: normal; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

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

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

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

.text-justify {
  text-align: justify; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #84CE6B; }

a.text-primary:hover {
  color: #64c145; }

.text-success {
  color: #3c763d; }

a.text-success:hover {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #84CE6B; }

a.bg-primary:hover {
  background-color: #64c145; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover {
  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,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled, .list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline {
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.428571429; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@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;
  border-bottom: 1px dotted #777777; }

.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.428571429;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

blockquote:before,
blockquote:after {
  content: ""; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.3333333333%; }
  .col-sm-2 {
    width: 16.6666666667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.3333333333%; }
  .col-sm-5 {
    width: 41.6666666667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.3333333333%; }
  .col-sm-8 {
    width: 66.6666666667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.3333333333%; }
  .col-sm-11 {
    width: 91.6666666667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.3333333333%; }
  .col-sm-pull-2 {
    right: 16.6666666667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.3333333333%; }
  .col-sm-pull-5 {
    right: 41.6666666667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.3333333333%; }
  .col-sm-pull-8 {
    right: 66.6666666667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.3333333333%; }
  .col-sm-pull-11 {
    right: 91.6666666667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.3333333333%; }
  .col-sm-push-2 {
    left: 16.6666666667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.3333333333%; }
  .col-sm-push-5 {
    left: 41.6666666667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.3333333333%; }
  .col-sm-push-8 {
    left: 66.6666666667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.3333333333%; }
  .col-sm-push-11 {
    left: 91.6666666667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%; }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%; }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%; }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%; }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.3333333333%; }
  .col-md-2 {
    width: 16.6666666667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.3333333333%; }
  .col-md-5 {
    width: 41.6666666667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.3333333333%; }
  .col-md-8 {
    width: 66.6666666667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.3333333333%; }
  .col-md-11 {
    width: 91.6666666667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.3333333333%; }
  .col-md-pull-2 {
    right: 16.6666666667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.3333333333%; }
  .col-md-pull-5 {
    right: 41.6666666667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.3333333333%; }
  .col-md-pull-8 {
    right: 66.6666666667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.3333333333%; }
  .col-md-pull-11 {
    right: 91.6666666667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.3333333333%; }
  .col-md-push-2 {
    left: 16.6666666667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.3333333333%; }
  .col-md-push-5 {
    left: 41.6666666667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.3333333333%; }
  .col-md-push-8 {
    left: 66.6666666667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.3333333333%; }
  .col-md-push-11 {
    left: 91.6666666667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.3333333333%; }
  .col-md-offset-2 {
    margin-left: 16.6666666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.3333333333%; }
  .col-md-offset-5 {
    margin-left: 41.6666666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.3333333333%; }
  .col-md-offset-8 {
    margin-left: 66.6666666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.3333333333%; }
  .col-md-offset-11 {
    margin-left: 91.6666666667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.3333333333%; }
  .col-lg-2 {
    width: 16.6666666667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.3333333333%; }
  .col-lg-5 {
    width: 41.6666666667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.3333333333%; }
  .col-lg-8 {
    width: 66.6666666667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.3333333333%; }
  .col-lg-11 {
    width: 91.6666666667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.3333333333%; }
  .col-lg-pull-2 {
    right: 16.6666666667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.3333333333%; }
  .col-lg-pull-5 {
    right: 41.6666666667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.3333333333%; }
  .col-lg-pull-8 {
    right: 66.6666666667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.3333333333%; }
  .col-lg-pull-11 {
    right: 91.6666666667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.3333333333%; }
  .col-lg-push-2 {
    left: 16.6666666667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.3333333333%; }
  .col-lg-push-5 {
    left: 41.6666666667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.3333333333%; }
  .col-lg-push-8 {
    left: 66.6666666667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.3333333333%; }
  .col-lg-push-11 {
    left: 91.6666666667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%; }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%; }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%; }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%; }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  max-width: 100%;
  background-color: transparent; }

th {
  text-align: left; }

.table {
  width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #f7f7f7; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch; }
    .table-responsive > .table {
      margin-bottom: 0; }
      .table-responsive > .table > thead > tr > th,
      .table-responsive > .table > thead > tr > td,
      .table-responsive > .table > tbody > tr > th,
      .table-responsive > .table > tbody > tr > td,
      .table-responsive > .table > tfoot > tr > th,
      .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap; }
    .table-responsive > .table-bordered {
      border: 0; }
      .table-responsive > .table-bordered > thead > tr > th:first-child,
      .table-responsive > .table-bordered > thead > tr > td:first-child,
      .table-responsive > .table-bordered > tbody > tr > th:first-child,
      .table-responsive > .table-bordered > tbody > tr > td:first-child,
      .table-responsive > .table-bordered > tfoot > tr > th:first-child,
      .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0; }
      .table-responsive > .table-bordered > thead > tr > th:last-child,
      .table-responsive > .table-bordered > thead > tr > td:last-child,
      .table-responsive > .table-bordered > tbody > tr > th:last-child,
      .table-responsive > .table-bordered > tbody > tr > td:last-child,
      .table-responsive > .table-bordered > tfoot > tr > th:last-child,
      .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0; }
      .table-responsive > .table-bordered > tbody > tr:last-child > th,
      .table-responsive > .table-bordered > tbody > tr:last-child > td,
      .table-responsive > .table-bordered > tfoot > tr:last-child > th,
      .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 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: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

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: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  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-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1; }

textarea.form-control {
  height: auto; }

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 34px;
  line-height: 1.428571429 \0; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn,
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn,
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn {
    line-height: 46px; }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled],
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
fieldset[disabled]
input[type="checkbox"],
.radio[disabled],
fieldset[disabled]
.radio,
.radio-inline[disabled],
fieldset[disabled]
.radio-inline,
.checkbox[disabled],
fieldset[disabled]
.checkbox,
.checkbox-inline[disabled],
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto; }

.input-lg, .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: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  -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-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  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); }
  .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; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.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 {
  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); }
  .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; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #a94442; }

.form-control-static {
  margin-bottom: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group, .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control, .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .input-group, .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn, .navbar-form .input-group .input-group-btn,
    .form-inline .input-group .form-control, .navbar-form .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label, .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio, .navbar-form .radio,
  .form-inline .checkbox, .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle; }
  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

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

.form-horizontal .form-control-static {
  padding-top: 7px;
  padding-bottom: 7px; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px; }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  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 {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -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); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active,
  fieldset[disabled] .btn-default,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default:active,
  fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #84CE6B;
  border-color: #74c858; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #64c145;
    border-color: #55aa38; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary:active,
  fieldset[disabled] .btn-primary.active {
    background-color: #84CE6B;
    border-color: #74c858; }
  .btn-primary .badge {
    color: #84CE6B;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active,
  fieldset[disabled] .btn-success,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success:active,
  fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active,
  fieldset[disabled] .btn-info,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info:active,
  fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
  fieldset[disabled] .btn-warning,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning:active,
  fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger:active,
  fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #0097d9;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #00628d;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  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: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.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; }
  .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: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1060;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  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);
  background-clip: padding-box; }
  .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: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #84CE6B; }

.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;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #777777; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1050; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.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 > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }
    .btn-group > .btn:focus,
    .btn-group-vertical > .btn:focus {
      outline: 0; }

.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:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .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-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-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 > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 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); }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .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:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.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-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.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-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }

.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: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px; }
  .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-bottom-right-radius: 0;
  border-top-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-bottom-left-radius: 0;
  border-top-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 {
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .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;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #0097d9; }
  .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.428571429;
      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;
      background-color: #F7F7F7;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.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: #84CE6B; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #F7F7F7; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 70px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 25px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 70px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 12.5px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 25px;
          padding-bottom: 25px; }
      .navbar-nav.navbar-right:last-child {
        margin-right: -15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 18px;
  margin-bottom: 18px; }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .navbar-form.navbar-right:last-child {
        margin-right: -15px; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 18px;
  margin-bottom: 18px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 20px;
    margin-bottom: 20px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 24px;
    margin-bottom: 24px; }

.navbar-text {
  margin-top: 25px;
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; }
      .navbar-text.navbar-right:last-child {
        margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.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;
      line-height: 1.428571429;
      text-decoration: none;
      color: #0097d9;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    color: #00628d;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #84CE6B;
    border-color: #84CE6B;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #84CE6B; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #64c145; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  a.list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #0097d9;
    background-color: #fff; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.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 {
  padding-right: 35px; }
  .alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #84CE6B;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] {
  min-width: 30px; }

.progress-bar[aria-valuenow="0"] {
  color: #b3b4bb;
  min-width: 30px;
  background-color: transparent;
  background-image: none;
  box-shadow: none; }

.progress-bar-success {
  background-color: #5cb85c; }
  .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }

a.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #84CE6B;
  border-color: #84CE6B; }
  .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: white; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
  .panel-title > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px; }
  .panel > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse .panel-body {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #84CE6B; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #84CE6B;
    border-color: #84CE6B; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #84CE6B; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #84CE6B; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }
  .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%; }
  .embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.428571429px; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.428571429; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #FEFEFE;
  text-align: center;
  text-decoration: none;
  background-color: #232323;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #232323; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #232323; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #232323; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #232323; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #232323; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #232323; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #232323; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #232323; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal; }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    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 {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent; }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

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

.clearfix:after {
  clear: both; }

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

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

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

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important;
  visibility: hidden !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; }
  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; }
  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; }
  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; }
  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; }
  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; } }

/*
 *  Usage:
 *
      <div class="sk-three-bounce">
        <div class="sk-child sk-bounce1"></div>
        <div class="sk-child sk-bounce2"></div>
        <div class="sk-child sk-bounce3"></div>
      </div>
 *
 */
.sk-three-bounce {
  margin: 40px auto;
  width: 80px;
  text-align: center; }
  .sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
  .sk-three-bounce .sk-bounce1 {
    animation-delay: -0.32s; }
  .sk-three-bounce .sk-bounce2 {
    animation-delay: -0.16s; }

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

/**
 * Custom Mixins
 */
/**
 * Elements
 */
body {
  font-family: "Maison Neue", sans-serif;
  color: #5A6870;
  color: #424242; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.25; }

h1, h2, h3, h4 {
  font-family: "Lato", sans-serif;
  font-weight: 300; }

h5 {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 14px; }

h4 {
  font-size: 18px;
  font-weight: 700;
  font-size: 17px; }

.modal-header h4, .modal-header h3, .modal-header h2 {
  font-size: 28px;
  font-weight: 300; }

h3 {
  font-size: 22px; }

h2 {
  font-size: 26px;
  line-height: 28px; }

h1 {
  margin-bottom: 20px;
  font-size: 34px;
  margin-top: 5px; }

h1 + h2,
h1 + h3 {
  margin-top: 35px; }

h2 .num, h3 .num {
  display: block;
  color: #fff;
  background: #5A6870;
  border-radius: 20px;
  width: 28px;
  height: 28px;
  text-align: center;
  font-family: "Maison Neue", sans-serif;
  font-size: 18px;
  float: left;
  margin-right: 10px; }

h2 .alert, h3 .alert {
  font-style: italic;
  font-weight: 300;
  font-family: "Maison Neue", sans-serif;
  color: #bbb;
  margin: 5px 10px 0;
  display: inline-block;
  padding: 0; }

.box-padding > h3, .box-padding > h2, .box-padding > h4, .col-padding > h3, .col-padding > h2, .col-padding > h4 {
  margin-top: 0;
  margin-bottom: 20px; }

p.subheadline {
  color: #999; }

p.indented {
  margin-left: 38px;
  margin-top: -5px; }

label {
  font-size: 13px; }

hr {
  border-color: #eee;
  border-style: solid;
  border-width: 0px 1px 1px 1px; }

ul {
  padding-left: 15px; }

/**
 *	Breadcrumbed Headline
 */
h1 {
  line-height: 32px; }
  h1 span.qr-type {
    color: #666;
    margin-right: 5px;
    margin-bottom: -5px; }
    h1 span.qr-type i {
      vertical-align: top;
      height: 35px;
      font-size: 26px; }
  h1 small {
    color: #999;
    margin-left: 10px;
    display: inline-block;
    padding: 8px 15px;
    background: #eee;
    border-radius: 20px;
    font-size: 14px; }
    h1 small b {
      color: #333; }
  h1 span {
    text-decoration: none;
    display: inline-block !important;
    max-width: 500px;
    height: 43px;
    overflow: hidden;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left; }
  h1 a {
    border-bottom: 1px dotted #ddd;
    text-decoration: none;
    color: #aaa;
    display: inline-block;
    position: relative;
    margin-right: 30px;
    float: left;
    font-weight: 300 !important;
    font-family: "Lato", sans-serif; }
    h1 a:after {
      content: "\e008";
      font-family: qrbackend2;
      color: #ccc;
      font-size: 14px;
      position: absolute;
      right: -24px;
      top: 4px; }
    h1 a:hover {
      color: #1f75a4;
      text-decoration: none;
      border-bottom: 1px dotted #1f75a4; }
      h1 a:hover:after {
        color: #1f75a4; }

/* Change the white to any color ;) */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

/**
 * HELPERS
 */
.position-right {
  position: absolute;
  top: 0px;
  right: 0px; }

.inline {
  display: inline !important; }

.fade.fade-remove {
  opacity: 0;
  max-height: 0;
  height: 0;
  overflow: hidden; }
  .fade.fade-remove.in {
    max-height: 1300px;
    opacity: 1;
    display: block;
    height: auto;
    overflow: visible; }

.highlightable {
  background-color: transparent;
  -webkit-transition: background-color 0.6s;
  -o-transition: background-color 0.6s;
  transition: background-color 0.6s; }

.highlight {
  background-color: #f5f5f5 !important; }

/**
 * Tooltips
 */
.tooltip {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

.tooltip.bottom .tooltip-arrow {
  top: 0 !important;
  bottom: auto !important; }

.tooltip.top .tooltip-arrow {
  bottom: 0 !important;
  top: auto !important; }

.tooltip-inner {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  padding: 6px 11px;
  text-align: left;
  border-radius: 3px; }

.tooltip.tooltip-chart {
  position: absolute;
  margin-left: 3px;
  margin-top: -10px; }
  .tooltip.tooltip-chart span {
    font-size: 12px;
    color: #fff;
    display: block;
    font-weight: bold; }

/**
 * Z-INDEX
 */
@media (min-width: 768px) {
  #scannerButton.introjs-showElement {
    z-index: 9996 !important; }
  .navbar-nav > li > .dropdown-menu {
    z-index: 9997 !important; }
  .modal-backdrop {
    z-index: 9999 !important; }
  .introjs-overlay,
  .introjs-helperLayer {
    z-index: 9996 !important; } }

/**
 * DROPDOWNS
 */
.dropdown-menu {
  box-shadow: 0 10px 32px -12px rgba(0, 0, 0, 0.4);
  border: 1px solid #DEE1E4;
  margin-top: 2px;
  left: auto; }
  .dropdown-menu li {
    border-bottom: none; }
    .dropdown-menu li:last-child {
      border-bottom: none; }
    .dropdown-menu li a {
      padding: 6px 20px;
      color: #111;
      cursor: pointer;
      text-decoration: none; }
      .dropdown-menu li a i {
        margin: 0 10px 0 -10px;
        opacity: 0.4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        text-align: center;
        display: inline-block;
        width: 20px; }
    .dropdown-menu li a:hover {
      background: #f5f5f5;
      color: #000 !important;
      text-decoration: none !important; }
      .dropdown-menu li a:hover i {
        text-decoration: none !important;
        opacity: 1 !important;
        color: #000 !important; }
  .dropdown-menu.align-right {
    right: 0px; }

.dropdown-menu.colorpicker {
  min-width: 100px; }

/**
 * TABLES
 */
table {
  width: 100%; }

.tableContainer table thead tr th {
  border: none; }

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
  border-top: 1px solid #f2f2f2; }

/**
 * HACKS
 */
.ie8 svg {
  display: none; }

/**
 * OVERLAY
 */
.spinner-overlay {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 5px 5px 0 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .spinner-overlay .spinner {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important; }
  .spinner-overlay.loading {
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85); }

.listModeDetail.box-list .spinner-overlay {
  background: #f7f7f7; }

.ui-effects-transfer {
  border: 1px dotted black;
  z-index: 10000; }

.position-relative {
  position: relative !important; }

.w-60 {
  max-width: 60% !important; }

/**
 * PADDING
 */
.no-padding {
  padding: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.pl-5 {
  padding-left: 5px !important; }

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

.pb-25 {
  padding-bottom: 25px !important; }

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

.pr-0 {
  padding-right: 0 !important; }

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

.pr-15 {
  padding-right: 15px !important; }

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

.pr-25 {
  padding-right: 25px !important; }

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

.pr-35 {
  padding-right: 35px !important; }

.plr-0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.plr-15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

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

.pt-2 {
  padding-top: 2px; }

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

.pl-15 {
  padding-left: 15px !important; }

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

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

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

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

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

/**
 * MARGIN
 */
@media (max-width: 768px) {
  .sm-mb-20 {
    margin-bottom: 20px; } }

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

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

.ml_25 {
  margin-left: -25px !important; }

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

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

.mt_45 {
  margin-top: -45px !important; }

.left-0 {
  left: 0 !important; }

.page-alert.fade:not(.in) {
  display: none; }

.inline-block {
  display: inline-block; }

.text-regular {
  font-weight: 400 !important; }

.text-semibold {
  font-weight: 600 !important; }

.text-bold {
  font-weight: 700 !important; }

.line-height-xsmall {
  line-height: 1.6; }

.line-height-small {
  line-height: 1.7; }

.line-height-medium {
  line-height: 1.8; }

.line-height-big {
  line-height: 1.9; }

.line-height-label {
  line-height: 37px; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-not-underline {
  text-decoration: none !important; }

.text-underline {
  text-decoration: underline !important; }

.text-justify {
  text-align: justify; }

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

.text-big {
  font-size: 26px !important; }

.text-break-word {
  word-wrap: break-word; }

.text-ellipsis,
.text-ellipsis-left {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.text-ellipsis-left {
  direction: rtl;
  text-align: left; }

.tooltip.fade.in.top {
  z-index: 999999 !important; }

@media (max-width: 540px), (min-width: 700px) and (max-width: 991px) {
  .reset-padding-to-col.mobile-text-ellipsis-left,
  .mobile-text-ellipsis-left {
    padding-left: 25px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    position: relative;
    background-color: #FFF; }
    .reset-padding-to-col.mobile-text-ellipsis-left:before,
    .mobile-text-ellipsis-left:before {
      content: '\02026';
      position: absolute;
      z-index: 1;
      left: -1em;
      background-color: inherit;
      padding-left: 1.5em;
      margin-left: 0.5em; }
    .reset-padding-to-col.mobile-text-ellipsis-left a,
    .mobile-text-ellipsis-left a {
      min-width: 100%;
      position: relative;
      display: inline-block;
      float: right;
      overflow: visible;
      background-color: inherit;
      text-indent: 0.5em; }
      .reset-padding-to-col.mobile-text-ellipsis-left a:before,
      .mobile-text-ellipsis-left a:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 1em;
        height: 1em;
        background-color: inherit;
        z-index: 200;
        left: -.5em; } }

.company-name-container {
  max-width: 300px !important;
  display: table-cell;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.4; }

#header_company_name {
  display: table; }

.list-view {
  position: relative; }

.text-field-empty {
  color: #a4a6a8; }

.text-slim {
  color: #a4a6a8;
  font-size: 14px;
  font-weight: 400; }

.underline-link {
  text-align: justify; }
  .underline-link a {
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline;
    color: #797d80; }
    .underline-link a:hover {
      color: #616568 !important; }
  .underline-link.small-paragraph {
    line-height: 1.9; }

.attention-color {
  color: #ff7a69; }

.qr-button {
  cursor: pointer;
  padding: 13px 32px;
  color: #fff;
  background: #47bdef;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  .qr-button:hover {
    background: #25acdd;
    text-decoration: none;
    color: #fff; }

.form-control::-webkit-input-placeholder {
  color: #a4a6a8 !important;
  font-weight: 400 !important; }

.update-success {
  margin-top: -70px !important;
  float: left !important; }

.always-visible.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6;
  margin: 10px 0; }

.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  right: 17px !important;
  background-color: #eaeaea;
  width: 2px; }

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #a4a6a8 !important;
  width: 2px !important;
  right: 0; }

.qr-form .error input {
  border: 2px solid #eaeaea !important; }

.qr-form input.error {
  border: 2px solid #eaeaea !important;
  color: #616568 !important; }

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

.input-pl-15 {
  padding-left: 15px !important; }

.input-pr-15 {
  padding-right: 15px !important; }

.ml_15 {
  margin-left: -15px !important; }

.mlr-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.success-update-msg {
  margin-top: 0 !important;
  padding-right: 20px;
  float: right !important;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.inprogress-container .model-text {
  display: inline-block;
  float: left; }

.inprogress-container .sk-three-bounce {
  margin: 0;
  float: left; }
  .inprogress-container .sk-three-bounce .sk-child {
    width: 10px;
    height: 10px; }

.ladda-button {
  color: #fff;
  background: #90c52d;
  padding: 11px 25px;
  font-size: 15px;
  float: right;
  border: none !important; }
  .ladda-button:hover {
    background: #85b62b; }
  .ladda-button:focus {
    outline: none; }
  .ladda-button.unsubscribe-btn {
    padding: 11px 45px;
    background: #ff7a69; }
    .ladda-button.unsubscribe-btn:hover {
      background: #fa6c5a; }

[data-loading].ladda-button {
  background: #d4d4d4;
  cursor: no-drop;
  padding-left: 45px !important; }

.action-button {
  color: #fff;
  background: #90c52d;
  padding: 11px 25px;
  font-size: 15px;
  float: right;
  border: none !important; }
  .action-button:hover {
    background: #85b62b; }
  .action-button:focus {
    outline: none; }

html, body {
  height: 100%; }

#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -50px; }

* {
  font-family: 'Source Sans Pro', sans-serif !important; }

#page {
  margin-bottom: 0px;
  width: 100%;
  position: relative;
  padding-bottom: 140px; }

#footer {
  position: relative;
  margin: 0 auto;
  min-height: 50px;
  float: left;
  text-align: center;
  background: #f4f4f4;
  width: 100%; }
  #footer p {
    padding: 12px 30px 25px 30px;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 400;
    color: #a4a6a8;
    border-top: 1px solid #e8e8e8; }
    #footer p a {
      color: #47bdef; }
      #footer p a:hover {
        color: #25acdd;
        text-decoration: none; }

.row {
  position: relative; }

/**
 * Box
 * @todo Move somewhere else since this is qute
 */
.listModeDetail .cListView,
.box {
  clear: left;
  background: #fff;
  border: 1px solid #d4d4d4;
  position: relative;
  min-height: 50px; }
  .listModeDetail .cListView.demoMode,
  .box.demoMode {
    min-height: 220px; }

.box-list {
  margin-bottom: 30px; }

.box-login {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 90px !important; }

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

.box-footer {
  position: absolute;
  bottom: 0;
  border-radius: 0 0 5px 5px;
  background: #fbfbfb;
  border-top: 1px solid #f5f5f5;
  padding: 10px;
  width: 100%;
  height: 70px;
  background-color: #F4F5F5;
  background-image: -webkit-linear-gradient(-450deg, #F4F5F5 0%, #efeeee 100%);
  background-image: linear-gradient(180deg,#F4F5F5 0%, #efeeee 100%);
  border-top: 1px solid #E6E5E5;
  margin-top: 20px;
  left: 0; }
  .box-footer .btn-primary {
    padding-left: 40px;
    padding-right: 40px; }
  .box-footer .message-feedback {
    display: inline-block;
    color: #999;
    font-style: italic;
    margin-left: 15px;
    padding: 5px 5px;
    vertical-align: middle; }

.box-outer {
  margin-top: 10px; }

.box > hr {
  margin: 40px 0; }

.box-padding,
.col-padding {
  padding: 20px 20px; }
  .box-padding .row-form,
  .col-padding .row-form {
    margin: 0 -20px !important; }

.col-padding {
  padding: 20px 40px; }

.box-hasfooter {
  padding-bottom: 65px !important; }
  .box-hasfooter .box-footer {
    height: 65px !important; }
  .box-hasfooter .btn-primary {
    padding-left: 20px;
    padding-right: 20px; }

.box-hasfooter-sm {
  padding-bottom: 55px !important; }
  .box-hasfooter-sm .box-footer {
    height: 55px !important; }

@media (max-width: 768px) {
  #header .container {
    padding-left: 15px; }
  .container {
    padding-left: 5px;
    padding-right: 5px; }
  .listModeDetail .cListView,
  .box {
    margin-right: 0;
    margin-left: 0; } }

.container-fluid.headbar {
  background: #fff;
  height: 90px;
  border-bottom: 1px solid #e8e8e8; }

.text-label-dark {
  font-size: 15px;
  color: #616568; }

.disabledTag {
  opacity: 0.5;
  pointer-events: none; }

.container.headbar h1 {
  margin: 25px 0 0;
  padding: 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  color: #616568;
  font-size: 26px; }

.container.headbar .btn-secondary-headbar {
  background: #fff;
  border: 1px #90c52d solid !important;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  color: #90c52d;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  padding: 8px 25px 5px 18px;
  margin: 12px 0 5px; }
  .container.headbar .btn-secondary-headbar:hover {
    background: #85b62b !important;
    border-color: #85b62b !important;
    color: #fff !important; }
  .container.headbar .btn-secondary-headbar i {
    opacity: 1;
    font-size: 30px;
    margin-right: 5px; }

.container.headbar .btn-primary-headbar {
  background: #73C44E;
  border: none !important;
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  color: #fff;
  margin: 0 auto;
  margin-bottom: 5px;
  padding: 10px 20px 10px 20px;
  margin-top: 40px;
  margin-right: 15px; }

.manage-tools {
  padding: 2px 0 0; }

::i-block-chrome, .icon-egoditorlogo-current {
  margin-top: 20px; }

#scanner_div {
  position: absolute;
  width: 200px;
  height: 264px;
  z-index: 999;
  box-shadow: 0px 6px 9px 0px rgba(60, 66, 89, 0.1), 0px 2px 6px 0px rgba(60, 66, 69, 0.25), 4px 7px 16px 0px rgba(86, 86, 86, 0.1), 4px 7px 16px 0px rgba(86, 86, 86, 0.1);
  padding: 30px 0px; }
  #scanner_div + .ui-effects-transfer {
    border: 1px #d4d4d4 solid !important;
    background: url(/img/scanner/qr_placeholder.png);
    background-size: 200px 200px;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.5); }
  #scanner_div.small-scan-box {
    height: 230px !important;
    padding-bottom: 0 !important; }
  #scanner_div .view {
    border-top: 1px #d4d4d4 solid;
    border-bottom: 1px #d4d4d4 solid;
    border-left: 1px #fff solid;
    border-right: 1px #fff solid;
    height: 200px;
    width: 200px;
    float: left;
    display: inline-block; }
    #scanner_div .view.wait {
      background: url(/img/scanner/qr_placeholder.png);
      background-size: 200px 200px;
      background-repeat: no-repeat;
      background-color: rgba(255, 255, 255, 0.5); }
      #scanner_div .view.wait.hover {
        background: none; }
    #scanner_div .view.click_no_code, #scanner_div .view.decode_wait, #scanner_div .view.decode_failed {
      border-bottom: 2px transparent solid !important;
      border-top: 1px #d4d4d4 solid !important;
      height: 200px;
      background: rgba(255, 255, 255, 0.85); }
      #scanner_div .view.click_no_code .top_text, #scanner_div .view.decode_wait .top_text, #scanner_div .view.decode_failed .top_text {
        width: 198px;
        margin-left: -2px !important;
        margin-top: -33px !important; }
  #scanner_div .top_text {
    margin-top: -30px;
    padding: 5px 0 !important;
    float: left;
    background: #fff;
    width: 200px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #797d80; }
  #scanner_div .bottom_text {
    margin-bottom: -30px;
    padding: 6px 0 !important;
    float: left;
    background: #fff;
    width: 200px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #a4a6a8; }
  #scanner_div .icon {
    color: #008000;
    font-size: 60px;
    z-index: 2000;
    margin: 0;
    position: absolute;
    top: calc(50% + 20px);
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    color: #fff !important;
    font-size: 20px;
    text-align: center;
    padding-top: 13px; }
    #scanner_div .icon.icon-modal-close {
      background: #ff5f4a; }
    #scanner_div .icon.icon-check {
      background: #90c52d; }

input[type="text"], input[type="password"], .row-form select {
  width: 100%;
  height: 100%;
  padding: 10px 10px;
  border-radius: 2px;
  padding: 0px 10px;
  line-height: 36px;
  height: 40px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="text"], input[type="password"], textarea, .row-form select {
  background: #fff;
  border: 1px solid #d0d0d0;
  box-shadow: none;
  overflow: visible;
  font-size: 15px;
  line-height: 1;
  color: #333;
  -webkit-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s; }

input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder {
  color: #ddd; }

input:focus {
  outline: none; }

.ie8 input[type="text"], .ie8 input[type="password"] {
  line-height: 40px; }

select.form-control {
  font-size: 15px;
  color: #333;
  line-height: 34px;
  height: 34px; }

.row-form {
  padding-bottom: 10px; }
  .row-form input[type="text"], .row-form select {
    width: 100%; }
  .row-form label {
    margin-bottom: 0;
    color: #666; }

.checkbox, .radio, .row-form .radio, .row-form .checkbox {
  position: relative; }
  .checkbox label, .radio label, .row-form .radio label, .row-form .checkbox label {
    font-family: "Maison Neue", sans-serif;
    font-weight: 500; }

.error > input[type="text"], .error > textarea, input.error, textarea.error {
  border: 1px solid #AC3D53 !important;
  color: #AC3D53 !important; }

.error label {
  color: #B8364B !important; }

#login-form .errorMessage, #form-payment .errorMessage {
  color: #B8364B;
  display: block !important;
  padding-top: 3px; }

.uploadButtonLabel {
  position: relative;
  width: 130px;
  width: auto; }

.uploadButtonContainer.fileover .dragmessage {
  background: #1CB6EA;
  color: #fff; }

.uploadButtonContainer.filedrag .uploadButtonLabel {
  visibility: hidden; }

.uploadButtonContainer.filedrag .dragmessage {
  display: block; }

.dragmessage {
  font-size: 20px;
  color: #aaa;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  pointer-events: none;
  display: none;
  text-align: center;
  line-height: 50px;
  height: 100%;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.colorpicker {
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-left: -94px; }
  .colorpicker:before, .colorpicker:after {
    left: auto;
    right: 11px; }
  .colorpicker:after {
    right: 12px; }
  .colorpicker input[type="text"] {
    border: 1px solid #eee;
    width: 120px;
    margin-top: 5px;
    height: 30px; }
  .colorpicker .palette {
    padding: 4px 0 0 0;
    max-width: 120px;
    z-index: -1; }
    .colorpicker .palette .btn-color {
      width: 26px;
      height: 25px;
      float: left;
      border: none;
      border-radius: 3px;
      box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
      margin: 2px;
      background: #fff;
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      filter: alpha(opacity=80); }
      .colorpicker .palette .btn-color:hover {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100); }
      .colorpicker .palette .btn-color:active {
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50); }
  .colorpicker .btn-block {
    margin-top: 5px; }

.colorpicker-color {
  display: none; }

.input-group-colorpicker, .input-group-colorpicker-angular {
  position: relative;
  width: 100%; }
  .input-group-colorpicker > .icon, .input-group-colorpicker-angular > .icon {
    position: absolute;
    left: 8px;
    top: 16px;
    font-size: 16px;
    z-index: 999;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40); }
  .input-group-colorpicker input[type="text"], .input-group-colorpicker-angular input[type="text"] {
    padding-left: 34px !important;
    color: #bbb; }

#whitelabel-form .colorpicker-element input[type="text"] {
  border: none !important; }

#whitelabel-form .colorpicker-element .input-group-addon {
  padding: 0;
  width: 52px !important;
  height: 44px !important;
  padding: 8px;
  background: #f8f9f9;
  border: none !important; }
  #whitelabel-form .colorpicker-element .input-group-addon i {
    background-color: rgba(255, 255, 255, 0.1);
    background-image: -webkit-linear-gradient(-450deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
    background-image: linear-gradient(180deg,rgba(255, 255, 255, 0.1) 0%, transparent 100%);
    border-radius: 5px;
    width: 100% !important;
    display: block;
    height: 100% !important;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3); }
    #whitelabel-form .colorpicker-element .input-group-addon i:hover {
      background-color: rgba(255, 255, 255, 0.3);
      background-image: -webkit-linear-gradient(-450deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%);
      background-image: linear-gradient(180deg,rgba(255, 255, 255, 0.3) 0%, transparent 100%); }

.input-group-colorpicker-no-input input[type="text"] {
  display: none; }

.input-group-colorpicker-no-input .input-group-addon {
  background: none;
  border: none; }

label.label-b {
  font-weight: 300;
  padding-top: 16px;
  padding-right: 4px;
  color: #999;
  display: block;
  text-align: right;
  text-transform: uppercase;
  font-size: 11px;
  font-family: "Lato", sans-serif; }

.selectpicker-icon-only {
  width: 60px !important;
  height: 36px !important;
  margin: 10px !important; }

.sp-container {
  background: #fff;
  box-shadow: 0 10px 32px -12px rgba(0, 0, 0, 0.4);
  border: 1px solid #dee1e4;
  margin-top: 2px;
  left: auto;
  border-radius: 4px; }
  .sp-container input[type="text"] {
    height: 30px;
    border: 1px solid #eee;
    color: #333;
    font-size: 15px !important; }

.sp-palette-container,
.sp-picker-container {
  padding: 5px 5px 300px; }

.sp-picker-container {
  width: 130px; }

.sp-palette-container {
  float: right;
  border-right: none;
  max-width: 120px; }

.sp-palette .sp-thumb-el {
  width: 26px;
  height: 25px;
  float: left;
  border: none;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
  margin: 2px;
  background: #fff;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80); }
  .sp-palette .sp-thumb-el:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100); }
  .sp-palette .sp-thumb-el:active {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50); }
  .sp-palette .sp-thumb-el .sp-thumb-inner {
    border-radius: 3px; }

.sp-clear, .sp-color, .sp-hue {
  border: none; }

.sp-replacer {
  float: right;
  margin: 10px 0px 10px 15px;
  border: none;
  background: none;
  padding: 0; }

.sp-dd {
  display: none; }

.sp-cancel {
  display: none; }

.sp-button-container {
  width: 100%; }

.sp-preview {
  border: none;
  height: 40px;
  width: 42px;
  background: none; }

.sp-preview-inner {
  border: none;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  background-image: -webkit-linear-gradient(-450deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
  background-image: linear-gradient(180deg,rgba(255, 255, 255, 0.1) 0%, transparent 100%);
  border-radius: 8px;
  display: block;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
  border: 4px solid #fff; }

.sp-active .sp-preview-inner,
.sp-preview-inner:hover {
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(-450deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%);
  background-image: linear-gradient(180deg,rgba(255, 255, 255, 0.3) 0%, transparent 100%);
  border: 4px solid #EEE; }

.row-form textarea.textarea-limited {
  padding-bottom: 23px;
  resize: vertical; }

.row-form .originalTextareaInfo {
  position: absolute;
  padding: 0 15px 0 5px;
  color: #aaa;
  width: 100% !important;
  position: absolute;
  margin: 0;
  margin-top: -23px;
  text-align: right; }

.btn {
  -webkit-transition: background 0.2s, opacity 0.2s;
  -o-transition: background 0.2s, opacity 0.2s;
  transition: background 0.2s, opacity 0.2s; }

.btn, .btn:active {
  outline: 0; }

.btn-default {
  border-color: #cfcfcf;
  background-color: #fbfbfb;
  background-image: -webkit-linear-gradient(-450deg, #fbfbfb 0%, #f3f3f3 100%);
  background-image: linear-gradient(180deg,#fbfbfb 0%, #f3f3f3 100%); }
  .btn-default:hover {
    border-color: #bbbbbb;
    background-color: #f8f8f8;
    background-image: -webkit-linear-gradient(-450deg, #f8f8f8 0%, #f1f1f1 100%);
    background-image: linear-gradient(180deg,#f8f8f8 0%, #f1f1f1 100%); }

.btn-primary {
  background-color: #84CE6B;
  background-image: -webkit-linear-gradient(-450deg, #84CE6B 0%, #67BD43 100%);
  background-image: linear-gradient(180deg,#84CE6B 0%, #67BD43 100%);
  border: 1px solid #59A500;
  border-bottom: 1px solid #559707; }
  .btn-primary:hover {
    border-color: #7B9971;
    background-color: #7aca60;
    background-image: -webkit-linear-gradient(-450deg, #7aca60 0%, #61b23f 100%);
    background-image: linear-gradient(180deg,#7aca60 0%, #61b23f 100%); }
  .btn-primary:active {
    background: #67BD43; }
  .btn-primary.disabled {
    border-color: #7B9971; }

.btn-link:active, .btn-link.active {
  box-shadow: none; }

.btn-link.btn-remove, .btn-link.btn-cancel {
  color: red;
  border: none !important; }

.btn i {
  margin-right: 0px;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  vertical-align: middle;
  position: relative;
  top: 2px;
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  width: 26px; }

.btn:hover i, .btn.active i {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

.actionsContainer .btn {
  padding: 6px 6px; }
  .actionsContainer .btn i {
    width: 20px; }

.btn-icon-only i {
  margin-right: 0;
  width: 16px; }

.btn-sm i, .btn-group-sm > .btn i {
  margin-right: 0;
  margin-top: 2px; }

.open > .btn,
.open > .btn:active {
  background: #ddd;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(-450deg, #ddd 0%, #ddd 100%);
  background-image: linear-gradient(180deg,#ddd 0%, #ddd 100%);
  border-bottom-color: #aaa;
  color: #333; }

.open > a {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80); }

.modal-header button, .btn-close, button.close, .close {
  background: none !important;
  box-shadow: none !important;
  padding: 0;
  margin: 0; }
  .modal-header button:hover, .btn-close:hover, button.close:hover, .close:hover {
    border: none; }

.headbar .btn-help {
  padding: 10px 0 0;
  top: 0;
  margin-left: 0; }
  .headbar .btn-help i {
    opacity: 1;
    font-size: 18px;
    color: #d4d4d4 !important; }
  .headbar .btn-help:hover i {
    color: #a4a6a8 !important; }

.btn-help {
  position: relative;
  margin-left: 10px;
  display: inline-block;
  background: transparent;
  padding: 4px 4px;
  z-index: 10;
  border: none !important;
  font-size: 20px;
  line-height: 20px;
  outline: 0 !important; }
  .btn-help i {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    color: #333;
    font-size: 20px;
    -webkit-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease; }
  .btn-help:hover, .btn-help:focus, .btn-help:active, .btn-help.active {
    background: none !important; }
    .btn-help:hover i, .btn-help:focus i, .btn-help:active i, .btn-help.active i {
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      filter: alpha(opacity=80); }
  .btn-help:active i, .btn-help.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100); }

.tour-active .btn-help i,
.btn-help.focus i {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

.btn-facebook, .btn-google, .btn-twitter, .btn-xing, .btn-linkedin {
  color: #fff !important;
  width: 50px;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  background-color: rgba(255, 255, 255, 0.15);
  background-image: -webkit-linear-gradient(-450deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(180deg,rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%); }
  .btn-facebook:hover, .btn-google:hover, .btn-twitter:hover, .btn-xing:hover, .btn-linkedin:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60); }
  .btn-facebook.active, .btn-google.active, .btn-twitter.active, .btn-xing.active, .btn-linkedin.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    box-shadow: none; }

.btn-facebook {
  background-color: #3B5998 !important;
  border-color: #344e86 !important; }

.btn-google {
  background-color: #D0021B !important;
  border-color: #b70218 !important; }

.btn-twitter {
  background-color: #505050 !important;
  border-color: #434343 !important; }

.btn-linkedin {
  background-color: #0488B8 !important;
  border-color: #03769f !important; }

.btn-xing {
  background-color: #0B888D !important;
  border-color: #097175 !important; }

.icon.pull-left {
  margin-right: .3em; }

@media (max-width: 768px) {
  .btn-help {
    display: none; } }

.slim-button {
  background: #fff;
  border: 1px #d4d4d4 solid;
  border-radius: 2px;
  font-size: 15px;
  font-weight: 600;
  color: #47bdef !important;
  padding: 10px 40px 0;
  width: 200px;
  text-align: center;
  float: left; }
  .slim-button:hover {
    color: #25acdd !important;
    border-color: #a4a6a8;
    text-decoration: none; }
  .slim-button i {
    font-size: 30px;
    line-height: 30px;
    float: left;
    margin: 0 10px; }

.watermark-container {
  text-align: center; }

.icon-watermark {
  font-size: 119px;
  opacity: 0.2;
  margin-top: 20px; }

.point-it:after {
  content: "";
  background-color: #F00;
  border-radius: 50%;
  opacity: 1;
  width: 6px;
  height: 6px;
  pointer-events: none;
  margin-top: -2px;
  font-weight: bold;
  color: #FFF;
  padding: 0px 3px 0px 3px;
  position: absolute;
  top: 10px;
  right: -5px; }

.alert:empty {
  display: none; }

.alert {
  font-weight: 300;
  font-size: 15px;
  line-height: 17px;
  border-radius: 4px;
  border: none;
  padding: 8px 15px; }
  .alert .container {
    padding: 10px 30px; }
  .alert table {
    margin-top: 15px; }
  .alert p, .alert table, .alert li {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500; }
  .alert > p + p,
  .alert > p + ul {
    margin-top: 15px; }
  .alert .close i:before {
    line-height: 30px; }
  .alert > i {
    float: left;
    margin-right: 5px;
    line-height: 25px; }
  .alert.alert-neutral {
    background: #F2F4F5;
    color: #4E575A; }
  .alert.alert-md {
    font-size: 15px;
    line-height: 22px;
    padding: 12px 20px 12px 20px; }
    .alert.alert-md p, .alert.alert-md li {
      font-size: 15px; }
  .alert.alert-lg {
    font-size: 18px;
    line-height: 25px;
    padding: 12px 14px 12px 14px; }
    .alert.alert-lg p, .alert.alert-lg li {
      font-size: 18px; }
  .alert.alert-fullwidth {
    margin-top: -20px;
    border-radius: 0;
    border-bottom: 1px solid #e9e9e9; }
  .alert.alert-message {
    background: #fff;
    min-height: 130px;
    position: relative;
    padding: 10px 0px;
    top: 20px; }
    .alert.alert-message .inner {
      text-align: center; }
      .alert.alert-message .inner h2 {
        font-weight: 800; }
      .alert.alert-message .inner .lead {
        font-size: 20px;
        color: #999;
        font-weight: 300;
        line-height: 28px; }
      .alert.alert-message .inner h5 {
        text-transform: uppercase; }
      .alert.alert-message .inner .btn-lg, .alert.alert-message .inner .btn-group-lg > .btn {
        padding: 15px 40px; }
    .alert.alert-message .row-features {
      padding: 15px 0 15px; }
      .alert.alert-message .row-features h5 {
        color: #50B9E7;
        margin: 12px 0 15px; }
      .alert.alert-message .row-features img {
        width: 120px; }
    .alert.alert-message .row-customers {
      padding: 20px 0;
      margin: 20px 0;
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee; }
      .alert.alert-message .row-customers h5 {
        margin: 0 0 20px;
        color: #999;
        font-weight: 300; }

.hint-arrow {
  position: relative; }
  .hint-arrow p {
    font-size: 20px;
    font-weight: 300;
    color: #999; }
  .hint-arrow img {
    position: absolute;
    left: -60px;
    top: 8px; }

.alert-ie8 {
  display: none; }

.ie8 .alert-ie8 {
  display: block; }

.alert-error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-error hr {
    border-top-color: #e4b9c0; }
  .alert-error .alert-link {
    color: #843534; }

/* REQUIRED */
.page-alert {
  margin-bottom: 20px; }

.alert-error.grey-text {
  color: #797d80 !important;
  font-size: 15px !important;
  font-weight: 600 !important; }

.alert-error, .alert-success {
  font-family: 'Source Sans Pro', sans-serif;
  padding: 8px 30px 8px 60px !important;
  margin-top: 10px !important;
  background-color: #fff !important;
  border: 2px #ff7a69 solid !important;
  color: #ff7a69 !important;
  line-height: 30px !important;
  border-radius: 2px !important;
  font-weight: 600 !important;
  position: relative !important; }
  .alert-error p, .alert-success p {
    line-height: 30px !important; }
  .alert-error h1, .alert-success h1 {
    font-size: 26px;
    margin-bottom: 0;
    color: #ff7a69 !important; }
  .alert-error:after, .alert-success:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ff7a69;
    line-height: 1;
    top: 14px;
    left: 30px; }
  .alert-error:before, .alert-success:before {
    content: '!';
    position: absolute;
    top: 16px;
    left: 37px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    z-index: 1000; }
  .alert-error .close, .alert-success .close {
    height: 18px;
    padding-top: 13px;
    opacity: 1 !important;
    color: #797d80;
    font-weight: 400 !important;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding-right: 0 !important; }
    .alert-error .close:focus, .alert-success .close:focus {
      outline: none !important; }
    .alert-error .close:hover .icon-close:before, .alert-success .close:hover .icon-close:before {
      font-weight: bold !important; }
    .alert-error .close .icon-close:before, .alert-success .close .icon-close:before {
      font-size: 40px;
      line-height: 35px !important;
      content: "\e0ad" !important;
      font-weight: 400 !important; }

.alert-success {
  border-color: #90c52d !important;
  color: #797d80 !important; }
  .alert-success:after {
    background: #90c52d; }
  .alert-success:before {
    left: 32px;
    top: 19px;
    font-family: "qrbackend2" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e0aa'; }

.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s; }

.animated.pulse {
  -webkit-animation-duration: 1.4s;
  -moz-animation-duration: 1.4s;
  -ms-animation-duration: 1.4s;
  -o-animation-duration: 1.4s;
  animation-duration: 1.4s; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px); } }

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0); }
  40% {
    -o-transform: translateY(-30px); }
  60% {
    -o-transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }

.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }
  50% {
    -moz-transform: scale(1.1); }
  100% {
    -moz-transform: scale(1); } }

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1); }
  50% {
    -o-transform: scale(1.1); }
  100% {
    -o-transform: scale(1); } }

@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse; }

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0.3; } }

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0.3; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0.3; } }

.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash; }

.animated.flash-color {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s; }

@-moz-keyframes flash-color {
  0%, 100% {
    background-color: #fff; }
  15%, 75% {
    background-color: #FFF188; } }

@-o-keyframes flash-color {
  0%, 100% {
    background-color: #fff; }
  15%, 75% {
    background-color: #FFF188; } }

@keyframes flash-color {
  0%, 100% {
    background-color: #fff; }
  15%, 75% {
    background-color: #FFF188; } }

.flash-color {
  -webkit-animation-name: flash-color;
  -moz-animation-name: flash-color;
  -o-animation-name: flash-color;
  animation-name: flash-color; }

@-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-animation-duration: .75s;
  animation-duration: .75s; }

.pagination {
  width: 100%;
  text-align: left;
  margin: 0;
  position: absolute;
  display: inline-block; }
  .pagination > li {
    float: left; }
    .pagination > li.next a {
      margin-left: 15px; }
    .pagination > li.previous a {
      margin-right: 15px; }
    .pagination > li.next a, .pagination > li.previous a, .pagination > li.first a, .pagination > li.last a {
      color: #888;
      float: left; }
    .pagination > li.hidden {
      opacity: 0.45;
      pointer-events: none; }
    .pagination > li > a {
      border: 2px solid #eaeaea;
      font-weight: bold;
      color: #888;
      padding: 5px 13px !important;
      text-decoration: none;
      margin: 8px 0 0 3px;
      font-size: 13px;
      border-radius: 2px;
      background: transparent;
      color: #888; }
      .pagination > li > a i {
        font-size: 11px; }
      .pagination > li > a:hover {
        color: #888;
        background: transparent !important;
        border: 2px solid #b7b7b7; }
    .pagination > li.selected > a,
    .pagination > li.active > a {
      background: transparent;
      border: 2px solid #70c250;
      color: #888; }
      .pagination > li.selected > a:hover,
      .pagination > li.active > a:hover {
        color: #888;
        background: transparent !important; }

.pagination-static {
  position: static; }

.pagination-small {
  padding-left: 8px; }
  .pagination-small > li.last, .pagination-small > li.first {
    display: none; }
  .pagination-small > li.next a {
    margin-left: 10px; }
  .pagination-small > li.previous a {
    margin-right: 10px; }
  .pagination-small > li > a {
    padding: 1px 8px !important;
    margin: 2px 0 0 3px;
    box-shadow: none; }

#header {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  margin: 0px auto 20px;
  z-index: 1009;
  top: -10px;
  border-bottom: 1px solid #fff;
  -webkit-transition: top 0.3s ease;
  -o-transition: top 0.3s ease;
  transition: top 0.3s ease;
  -webkit-backface-visibility: hidden;
  height: 70px;
  padding-top: 0;
  background-color: #1CB6EA; }
  #header #intercomlink {
    position: relative;
    top: 3px; }
  #header #mainmenu a {
    color: #fff !important; }
  #header .icon-egoditorlogo {
    color: #fff; }
  #header ul.dropdown-menu {
    right: 0 !important;
    margin-top: -8px;
    background: #fff;
    margin-top: 16px;
    border-radius: 0 0 3px 3px;
    border-top: none; }
    #header ul.dropdown-menu:after, #header ul.dropdown-menu:before {
      bottom: 100%;
      right: 30px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    #header ul.dropdown-menu:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #fff;
      border-width: 6px;
      margin-left: -6px; }
    #header ul.dropdown-menu:before {
      border-color: rgba(237, 237, 237, 0);
      border-bottom-color: #ededed;
      border-width: 7px;
      margin-left: -7px; }

#logo .text, #logo_payment .text {
  font-size: 29px;
  position: relative;
  top: 17px; }
  #logo .text .icon-egoditorlogo-current, #logo_payment .text .icon-egoditorlogo-current {
    width: 40px;
    height: 40px;
    display: block;
    background: url(/img/logo-icon.svg);
    background-repeat: no-repeat; }

#logo:hover, #logo_payment:hover {
  text-decoration: none;
  opacity: 0.95;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: alpha(opacity=95); }

#logo:active, #logo_payment:active {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75); }

#headerLinks {
  padding: 16px 5px; }
  #headerLinks a {
    color: #fff; }

#goprolink {
  color: #ffffff; }
  #goprolink :hover {
    color: #ffffff; }

#mainmenu {
  height: 60px; }
  #mainmenu a {
    font-weight: bold; }
  #mainmenu #nav_create {
    display: none; }
  #mainmenu .btn-create-code {
    color: #fff;
    border: 2px solid #74ccf0;
    background-color: #3FBCEC;
    padding: 6px 12px 6px 6px;
    margin-top: 18px;
    margin-left: 7px;
    font-weight: bold; }
    #mainmenu .btn-create-code i {
      margin-right: 0;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100); }
    #mainmenu .btn-create-code:hover {
      border-color: #fff;
      color: #fff; }
  #mainmenu .menuList {
    display: inline-block;
    margin: 20px 0px 0px 21px;
    padding: 7px 7px 7px 21px;
    height: 30px;
    overflow: hidden;
    list-style: none;
    border-left: 1px solid #5BC5EF;
    overflow: hidden;
    list-style: none; }
    #mainmenu .menuList > li {
      text-transform: uppercase;
      float: left;
      margin-right: 20px; }
      #mainmenu .menuList > li a {
        font-weight: bold;
        opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60); }
      #mainmenu .menuList > li > a i {
        font-size: 24px;
        opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60); }
      #mainmenu .menuList > li.active > a > span {
        font-weight: bold; }
      #mainmenu .menuList > li.active a {
        text-decoration: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100); }
      #mainmenu .menuList > li.active > a i {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100); }

#accountMenu {
  height: 42px;
  line-height: 20px;
  color: #414141;
  color: #fff;
  padding: 0px 10px;
  position: absolute;
  right: 0;
  top: 25px;
  margin-top: 0px;
  float: right; }
  #accountMenu .divider, #accountMenu .greet {
    color: #fff; }
  #accountMenu .greet {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60); }
  #accountMenu .item {
    padding: 0px 5px 0px 5px; }
  #accountMenu .item > a {
    color: #fff;
    text-decoration: none; }
    #accountMenu .item > a:hover, #accountMenu .item > a:active {
      text-decoration: underline;
      color: #fff; }
  #accountMenu .divider {
    border-right: 1px solid #fff;
    padding-left: 4px;
    margin-right: 6px;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30); }

.badge-plan {
  font-size: 13px;
  font-weight: 600 !important;
  z-index: 20000000;
  padding: 1px 35px;
  background: #505558;
  border: 1px #797d80 solid;
  border-radius: 0 0 2px 2px;
  position: absolute;
  top: 0;
  right: 105px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
  border-top: 0; }
  .badge-plan:hover {
    background: #737779;
    border-color: #fff; }
  @media (max-width: 768px) {
    .badge-plan {
      right: 20px; } }
  @media (max-width: 767px) {
    .badge-plan {
      right: 100px; } }
  @media (max-width: 375px) {
    .badge-plan {
      right: calc(50% - 100px); } }

#badgePopover {
  position: absolute;
  left: auto;
  top: 30px;
  right: 40px;
  padding: 20px; }
  @media (max-width: 375px) {
    #badgePopover {
      right: 25px; } }
  @media (max-width: 320px) {
    #badgePopover {
      right: 0; } }
  #badgePopover.popover {
    max-width: 325px; }
    #badgePopover.popover .close {
      font-size: 15px;
      font-weight: 600;
      color: #797d80 !important;
      margin-top: 5px;
      opacity: 1; }
      #badgePopover.popover .close:hover {
        color: #616568 !important; }
    #badgePopover.popover .popover-footer {
      margin-top: 10px;
      padding: 10px; }
    #badgePopover.popover .separator {
      width: 100%;
      height: 1px;
      background: #d4d4d4; }
    #badgePopover.popover .title-text {
      font-size: 18px;
      font-weight: 600;
      color: #616568; }
    #badgePopover.popover .arrow {
      top: -25px;
      border-width: 13px;
      border-bottom-color: #fff;
      left: calc(50% - 10px) !important; }
      #badgePopover.popover .arrow:after {
        border-width: 12px; }

.optionslink {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: -10px solid;
  margin-top: -17px; }

@media (max-width: 768px) {
  #mainmenu .btn-create-code {
    padding: 6px; }
  .menuList {
    padding-top: 0px; }
  #buttonScanner {
    margin-right: 15px; } }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 5px !important;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #fff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

/**
 * Compact Header (currently not used )
 */
.popover {
  z-index: 1000; }

.errorMessage {
  display: none !important; }

.modal {
  top: 65px;
  overflow-y: auto;
  z-index: 999999; }

.modal-body-nopadding {
  padding-top: 15px; }

.modal-form .modal-footer {
  border-top: none;
  padding-top: 10px; }

.modal-header {
  border-bottom: none; }
  .modal-header .close {
    z-index: 99999;
    font-size: 29px; }

.modal-footer {
  border-top: none;
  padding-top: 0;
  text-align: left; }
  .modal-footer.alert {
    margin-bottom: 0;
    border-radius: 0 0 5px 5px; }

.modal-backdrop.in {
  opacity: 0.5 !important; }

#bootstrap-simple-prompt .modal-dialog {
  max-width: 470px; }

#bootstrap-simple-prompt .btn-primary {
  float: left;
  margin-right: 5px; }

.modal.modal-full {
  margin-left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0; }
  .modal.modal-full .modal-footer {
    border-top: none; }
  .modal.modal-full .modal-content {
    background: none;
    box-shadow: none;
    border: none;
    position: fixed;
    top: 20%;
    left: 50%;
    width: 900px;
    margin-left: -460px; }
  .modal.modal-full h1, .modal.modal-full h2, .modal.modal-full h3, .modal.modal-full h4, .modal.modal-full p {
    color: #fff;
    text-shadow: 1px 1px 0px #000; }
  .modal.modal-full button {
    margin-bottom: 10px; }
  .modal.modal-full button.btn-primary,
  .modal.modal-full button.primary {
    border: 1px solid #333; }
  .modal.modal-full .close {
    color: #fff;
    font-size: 38px;
    opacity: 0.8;
    line-height: 30px;
    right: 0;
    position: fixed;
    top: 10px;
    right: 20px;
    font-weight: bold; }

.modal-download table td .btn-group .btn:hover .b {
  opacity: 1; }

.modal-download .advance-container {
  position: absolute;
  width: 100%;
  border-top: 1px #d4d4d4 solid;
  bottom: 0px;
  left: 0;
  padding: 20px 80px 0; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .modal-download .advance-container {
      padding: 20px 55px 0 !important; } }
  @media (max-width: 767px) {
    .modal-download .advance-container {
      padding: 20px 15px !important; } }
  @media (max-width: 480px) {
    .modal-download .advance-container .download-options-row td {
      width: 100% !important;
      float: left; } }
  .modal-download .advance-container .frame {
    display: table; }
    .modal-download .advance-container .frame i {
      vertical-align: middle;
      font-size: 20px;
      color: #47bdef; }
    .modal-download .advance-container .frame .helper {
      margin-right: 5px; }

.modal-download table .spacer-10 {
  height: 10px; }

.modal-download table .spacer-5 {
  height: 5px; }

.modal-download table td {
  padding-bottom: 20px; }
  .modal-download table td:first-child {
    width: 195px; }
    .modal-download table td:first-child span {
      font-size: 15px;
      color: #a4a6a8;
      font-weight: 400; }
  .modal-download table td .btn-group .btn {
    width: 100px;
    height: 60px;
    margin-right: 27px;
    line-height: 1;
    background: #fff;
    border: 1px #47bdef solid;
    border-radius: 2px;
    color: #47bdef;
    padding: 15px 0 !important;
    text-align: center; }
    .modal-download table td .btn-group .btn:hover {
      color: #fff;
      background: #25acdd;
      border-color: #25acdd; }
    .modal-download table td .btn-group .btn:last-child {
      margin-right: 0 !important; }
    @media (min-width: 768px) and (max-width: 950px) {
      .modal-download table td .btn-group .btn {
        margin-top: 20px !important;
        margin-bottom: 20px !important; } }
    @media (max-width: 682px) {
      .modal-download table td .btn-group .btn {
        margin-top: 20px !important;
        margin-bottom: 20px !important; } }
    .modal-download table td .btn-group .btn .a {
      font-weight: 600;
      font-size: 26px; }
    .modal-download table td .btn-group .btn .b {
      opacity: 0;
      font-size: 12px;
      font-weight: 400;
      float: left;
      text-align: center;
      width: 100%; }
      @media (max-width: 768px) {
        .modal-download table td .btn-group .btn .b {
          opacity: 1 !important; } }
    .modal-download table td .btn-group .btn .icon {
      font-size: 17px;
      opacity: 1;
      margin-right: 0px;
      margin-top: 0px; }

.demoModalSmall {
  background: rgba(69, 83, 91, 0.7);
  position: absolute;
  bottom: 20px;
  right: 0;
  border-radius: 8px 0 0 8px;
  padding: 8px 8px 8px 15px;
  z-index: 11;
  display: none; }
  .demoModalSmall h3 {
    display: inline-block;
    margin: 0;
    margin-right: 20px;
    color: #fff;
    vertical-align: middle; }

.modal.demoModal.fade.in {
  top: -100%; }

.modal.demoModal.fade.in {
  top: 0%;
  display: block;
  overflow: auto; }

.modal.demoModal {
  position: absolute;
  border-radius: 8px;
  background: #999;
  background: rgba(69, 83, 91, 0.6);
  box-shadow: none;
  text-align: center;
  max-height: none !important;
  min-height: 220px;
  width: 100%;
  border-radius: 5px;
  height: 100% !important; }
  .modal.demoModal .modal-header {
    padding-bottom: 5px; }
  .modal.demoModal .modal-header h3 {
    padding: 25px 0 10px;
    color: #fff; }
  .modal.demoModal .modal-body {
    padding: 0px 20px 30px;
    color: #fff; }
    .modal.demoModal .modal-body button {
      margin-top: 10px; }
  .modal.demoModal p {
    font-size: 13px;
    margin-bottom: 20px; }

.panel-group.panel-info > .panel {
  background: none;
  border: none; }
  .panel-group.panel-info > .panel > .panel-heading {
    border: none;
    background: none;
    padding: 5px 0; }
  .panel-group.panel-info > .panel .panel-body {
    padding: 5px 0;
    border: none;
    background: none; }

/**
 * Panels
 */
.panel-group .panel + .panel {
  margin-top: 0; }

.panel {
  box-shadow: none; }
  .panel .panel-body {
    color: #999;
    padding-left: 15px !important; }
  .panel .panel-title > a {
    font-family: "Maison Neue", sans-serif;
    font-size: 15px;
    font-weight: 300;
    border-bottom: 1px solid transparent;
    position: relative;
    margin-left: 15px; }
    .panel .panel-title > a:before {
      font-family: qrbackend2;
      content: "\e006";
      font-size: 10px;
      position: absolute;
      left: -15px;
      top: 6px;
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50); }
    .panel .panel-title > a.collapsed {
      border-bottom: 1px solid #ddd; }
      .panel .panel-title > a.collapsed:before {
        content: "\e008"; }
      .panel .panel-title > a.collapsed:hover {
        border-bottom: 1px solid #ccc; }
    .panel .panel-title > a:hover {
      text-decoration: none;
      border-bottom: 1px solid #999; }
      .panel .panel-title > a:hover:before {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100); }

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: none; }

/**
 * POPOVERS
 */
.popover-error {
  -moz-transition: all translate3d(12px, 0, 0) ease;
  -o-transition: all translate3d(12px, 0, 0) ease;
  -webkit-transition: all translate3d(12px, 0, 0) ease;
  transition: all translate3d(12px, 0, 0) ease;
  -webkit-transition: all 0.25s linear 0.45s;
  -o-transition: all 0.25s linear 0.45s;
  transition: all 0.25s linear 0.45s;
  left: 100% !important;
  color: #fff;
  background: #D71D3A;
  background: #D71D3A;
  border-color: #D71D3A;
  top: 0 !important; }
  .popover-error.visible, .popover-error.in {
    opacity: 1;
    -moz-transition: all translate3d(0, 0, 0) ease;
    -o-transition: all translate3d(0, 0, 0) ease;
    -webkit-transition: all translate3d(0, 0, 0) ease;
    transition: all translate3d(0, 0, 0) ease; }
  .popover-error .popover-content {
    min-width: 240px; }
  .popover-error.bottom > .arrow:after {
    border-bottom-color: rgba(0, 0, 0, 0.95); }
  .popover-error.top > .arrow:after {
    border-top-color: rgba(0, 0, 0, 0.95); }
  .popover-error.right > .arrow {
    top: 20px !important; }
  .popover-error.right > .arrow:after {
    border-right-color: #D71D3A; }
  .popover-error.left > .arrow:after {
    border-left-color: rgba(0, 0, 0, 0.95); }
  .popover-error.right {
    margin-top: 3px; }

.uploadButtonContainer .popover-error.right {
  margin-top: 20px !important; }

.tour-active .popover-error {
  display: none !important; }

#accountPopover.popover {
  max-width: 340px;
  width: 340px;
  margin-right: -110px; }
  #accountPopover.popover .popover-title > a {
    text-decoration: underline; }
  #accountPopover.popover .arrow {
    left: auto;
    right: 140px; }
  #accountPopover.popover .popover-title,
  #accountPopover.popover .popover-content,
  #accountPopover.popover .popover-footer {
    padding-right: 20px;
    padding-left: 20px; }
  #accountPopover.popover .popover-footer {
    border-top: 1px solid #eee;
    padding-bottom: 20px;
    padding-top: 10px;
    color: #3E5659; }

#messagePopover.popover {
  max-width: 440px;
  width: 440px; }
  #messagePopover.popover h3.popover-title {
    color: #888;
    padding-left: 20px; }
    #messagePopover.popover h3.popover-title i {
      display: inline-block;
      font-size: 20px;
      margin-right: 10px;
      color: #bbb; }
  #messagePopover.popover a:hover {
    text-decoration: none; }
  #messagePopover.popover .popover-content {
    padding: 0;
    color: #333;
    padding-top: 0; }
    #messagePopover.popover .popover-content ul {
      list-style: none;
      padding: 0;
      margin: 0; }
  #messagePopover.popover .accordion .accordion-group:first-child {
    border: none; }
  #messagePopover.popover .accordion .accordion-group {
    margin-bottom: 0;
    padding: 0 10px 0px; }
    #messagePopover.popover .accordion .accordion-group.new {
      background: #f5f5f5; }
    #messagePopover.popover .accordion .accordion-group:hover a.remove {
      display: block; }
    #messagePopover.popover .accordion .accordion-group .accordion-heading {
      position: relative; }
    #messagePopover.popover .accordion .accordion-group a.remove {
      position: absolute;
      right: -7px;
      top: 14px;
      display: none;
      color: #000; }
    #messagePopover.popover .accordion .accordion-group a.accordion-toggle, #messagePopover.popover .accordion .accordion-group .accordion-heading {
      color: #888;
      outline: 0;
      padding: 4px 0px !important; }
    #messagePopover.popover .accordion .accordion-group a.accordion-toggle:hover {
      color: #000 !important; }
    #messagePopover.popover .accordion .accordion-group.new a.accordion-toggle {
      font-weight: bold;
      color: #333; }
      #messagePopover.popover .accordion .accordion-group.new a.accordion-toggle i {
        background: #34E0C2;
        background: #79cf19; }
  #messagePopover.popover .accordion .accordion-inner {
    color: #888;
    font-size: 14px;
    padding: 0px 0 15px 40px !important; }
  #messagePopover.popover .messageIcon {
    margin-right: 2px; }
    #messagePopover.popover .messageIcon i {
      display: inline-block;
      width: 30px;
      height: 30px;
      background: #ccc;
      border-radius: 20px;
      width: 30px;
      text-align: center;
      color: #fff;
      opacity: 1;
      vertical-align: middle;
      line-height: 29px; }

#messagePopover.popover .arrow, #badgePopover.popover .arrow {
  left: auto;
  right: 80px; }

#badgePopover.popover.in {
  display: block;
  z-index: 200000000; }

@media (max-width: 768px) {
  .popover.popover-error {
    position: static !important;
    margin: 0;
    max-width: 100%;
    box-shadow: none;
    border-radius: 0; }
    .popover.popover-error .arrow {
      display: none; } }

/**
 * Modules
 */
.usermanagement .cListView {
  min-height: 70px; }
  .usermanagement .cListView .qr-type i {
    font-size: 24px;
    color: #bbb;
    margin: -14px 10px 0; }
  .usermanagement .cListView .account-owner {
    margin-left: 10px;
    display: inline-block;
    color: #999; }
  .usermanagement .cListView .btn-group {
    padding-top: 20px; }

#account .input-disabled {
  background: #eee;
  opacity: 0.5;
  cursor: no-drop; }

#account .userm-list-item {
  background: #fff;
  border: 1px #d4d4d4 solid;
  border-radius: 2PX;
  padding: 17px 15px 12px;
  margin-bottom: 25px; }
  #account .userm-list-item .username-email {
    display: inline-block;
    width: 100%; }
  #account .userm-list-item .user-name {
    cursor: context-menu;
    line-height: 25px;
    display: inline-block;
    width: calc(100% - 40px); }
  #account .userm-list-item .qr-type {
    font-size: 18px;
    margin-right: 20px; }

@media (max-width: 767px) {
  #account .user-name .w-60 {
    max-width: 100% !important;
    width: 100% !important;
    display: inline !important; }
  #account .user-actions-btns {
    margin-top: 5px;
    text-align: right; } }

@media (min-width: 991px) and (max-width: 1199px) {
  #account .user-actions-btns .grey-link.mr-20 {
    margin-right: 10px !important; } }

@media (max-width: 540px) {
  #account .user-name {
    display: block !important; }
  #account .user-text-container {
    display: block !important;
    float: left;
    width: calc(100% - 40px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; } }

#account #addNewUserModal .alert-error p {
  text-align: left; }

#OSChartAreaInner {
  height: 325px;
  width: 100%; }
  #OSChartAreaInner.disabled {
    pointer-events: none;
    opacity: 0.25; }

.chartBoard {
  width: 100%;
  height: 300px; }

#tracking_stats_content .empty {
  margin: 0 20px !important; }

.tableContainer table thead tr th {
  background: none; }

.trackingFoot .tableContainer table tr.odd {
  background-color: #f3f3f3; }

.trackingFoot .tableContainer table tr.even {
  background-color: transparent; }

.qr-tracking-preview .qr-container {
  text-align: center;
  width: 190px;
  height: 190px; }
  .qr-tracking-preview .qr-container img {
    opacity: 1;
    margin: 0;
    width: 180px !important; }
  .qr-tracking-preview .qr-container:hover img {
    opacity: 1; }

.trackingFoot {
  background: #f5f5f5;
  border-top: 1px solid #e0e0e0; }

.btn-group-custom-timespan .dropdown-menu input[type="text"] {
  color: #0097d9;
  text-decoration: underline;
  padding: 0;
  border: none;
  line-height: 0;
  height: auto;
  margin-bottom: 15px;
  cursor: pointer; }
  .btn-group-custom-timespan .dropdown-menu input[type="text"]:focus {
    outline: none; }

.legend table {
  width: auto; }

#scans_info .codeInfo .actionsContainer {
  padding-right: 0; }

#scans_info .codeInfo .imgContainer, #scans_info .codeInfo .qr-preview-overlay {
  border-radius: 10px 0 0 0; }

#scans_info #overview-stats {
  border-radius: 0 0 5px 5px; }
  #scans_info #overview-stats .col-xs-2 {
    margin-top: 10px !important;
    margin-bottom: 10px;
    display: block;
    width: 20%;
    margin: 0;
    text-align: center;
    height: 80px;
    border-radius: 4px;
    border: none;
    background: none;
    font-weight: bold;
    font-size: 22px;
    position: relative; }
    #scans_info #overview-stats .col-xs-2:last-child:after {
      border-right: none; }
    #scans_info #overview-stats .col-xs-2:after {
      content: " ";
      position: absolute;
      height: 60px;
      right: 0;
      top: 0;
      border-right: 1px solid #e9e9e9; }
    #scans_info #overview-stats .col-xs-2:hover h4, #scans_info #overview-stats .col-xs-2:hover p {
      color: #333; }
    #scans_info #overview-stats .col-xs-2 h4 {
      font-size: 13px;
      text-transform: uppercase;
      font-family: sans-serif;
      color: #999;
      font-size: 12px;
      position: absolute;
      bottom: 10px;
      margin-bottom: 0;
      width: 100%;
      height: 24px;
      vertical-align: middle; }
    #scans_info #overview-stats .col-xs-2 p {
      font-size: 31px;
      width: 100%;
      position: absolute;
      top: 0px;
      color: #999;
      width: 100%;
      margin: 0; }

.verifyStatus {
  display: none; }
  .verifyStatus.alert-success {
    display: block; }
  .verifyStatus.alert-error {
    display: block; }

input[type="text"].large {
  font-size: 30px;
  height: 72px !important; }

#whitelabel-form .unlink {
  display: none; }

#whitelabel-form .verify {
  display: block; }

#whitelabel-form .saveButton {
  display: none; }

#whitelabel-form .alert-success {
  display: none; }

#whitelabel-form .alert-error {
  display: none; }

#whitelabel-form .domainVerified .unlink {
  display: none; }

#whitelabel-form .domainVerified .verify {
  display: none; }

#whitelabel-form .domainVerified .saveButton {
  display: block; }

#whitelabel-form .domainVerified .alert-success {
  display: block; }

#whitelabel-form .domainReady .unlink {
  display: block; }

#whitelabel-form .domainReady .verify {
  display: none; }

#whitelabel-form .domainReady .saveButton {
  display: none; }

#whitelabel-form .valid > input[type="text"],
#whitelabel-form input[type="text"].valid,
#whitelabel-form .domainReady input[type="text"] {
  pointer-events: none;
  color: #7C986E;
  background: #EEF6EA;
  border: 1px solid #AAE17B; }
  #whitelabel-form .valid > input[type="text"] label,
  #whitelabel-form input[type="text"].valid label,
  #whitelabel-form .domainReady input[type="text"] label {
    color: #7C986E; }

#whitelabel-form .domainNotVerified .alert-error {
  display: block; }

.whiteLabelLogo {
  min-height: 40px;
  min-width: 40px;
  display: inline-block; }

.span-info .inner {
  padding-left: 15px;
  padding-top: 0px; }
  .span-info .inner h4 {
    margin-top: 0; }
    .span-info .inner h4 a {
      text-decoration: none !important;
      font-size: 15px;
      font-weight: 600;
      color: #797d80;
      margin-left: 0 !important;
      border: 0 !important; }
      .span-info .inner h4 a:hover {
        border: 0 !important;
        color: #47bdef !important; }
      .span-info .inner h4 a:before {
        display: none !important; }

.pill-switch .nav-pills > li {
  position: relative;
  overflow: visible;
  padding: 0;
  margin: 0; }
  .pill-switch .nav-pills > li > a {
    opacity: 0.25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
    width: 54px;
    height: 54px;
    padding: 0;
    margin: 0; }
    .pill-switch .nav-pills > li > a img {
      width: 100%; }
  .pill-switch .nav-pills > li:hover a {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70); }
  .pill-switch .nav-pills > li.active a {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100); }

.help-container {
  border: 1px #d4d4d4 solid;
  min-height: 138px; }

.nav-pills > li.active > a {
  background: none !important; }

.nav > li > a:hover, .nav > li > a:focus {
  background: none !important; }

.color-pill-switch .nav-pills li {
  margin-right: 12px !important; }
  .color-pill-switch .nav-pills li:hover a {
    opacity: 1 !important; }
  .color-pill-switch .nav-pills li:hover .c2 {
    border-color: #d4d4d4; }
  .color-pill-switch .nav-pills li a {
    width: 45px;
    height: 45px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .color-pill-switch .nav-pills li a .c1, .color-pill-switch .nav-pills li a .c2 {
      display: inline-block; }
    .color-pill-switch .nav-pills li a .c2 {
      width: 45px;
      height: 45px;
      border: 2px #eaeaea solid;
      background: #fff;
      border-radius: 2px; }
    .color-pill-switch .nav-pills li a .c1 {
      width: 31px;
      height: 31px;
      position: absolute;
      top: 7px;
      left: 7px; }
  .color-pill-switch .nav-pills li.active .c2 {
    border-color: #90c52d; }
  .color-pill-switch .nav-pills li:last-child {
    margin-right: 0 !important; }

.input-group-colorpicker input[type="text"] {
  color: #616568;
  border-radius: 2px;
  border: 2px #eaeaea solid;
  padding: 10px 15px !important;
  height: 45px; }
  .input-group-colorpicker input[type="text"]:focus {
    border-color: #d4d4d4; }

.input-group-colorpicker .input-group-addon {
  padding: 5px;
  background: #fff;
  border: 2px #eee solid;
  border-left: 0 !important; }
  .input-group-colorpicker .input-group-addon i {
    width: 31px;
    height: 31px;
    position: relative; }
  .input-group-colorpicker .input-group-addon:hover i:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d7d7d7+100&0.5+0,0+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(215, 215, 215, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(215, 215, 215, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(215, 215, 215, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00d7d7d7', GradientType=0); }

/* IE6-9 */
#account .whitelabel-container .form-group.mb-10 {
  margin-bottom: 10px !important; }

@media all and (max-width: 1200px) {
  .color-pill-switch .nav-pills li {
    margin-bottom: 10px; } }

@media all and (max-width: 991px) {
  .reset-padding-to-col {
    padding-left: 15px !important;
    padding-right: 15px !important; }
  .reset-padding-to-initial {
    padding: initial !important; }
  .space-below {
    margin-bottom: 10px !important; } }

@media all and (max-width: 767px) {
  .help-container {
    margin-top: 20px !important;
    margin-bottom: 20px !important; }
  .reset-padding-right0 {
    padding-right: 0 !important; }
  .reset-padding-right15 {
    padding-right: 15px !important; }
  .reset-padding-left0 {
    padding-left: 0 !important; }
  .reset-padding-left15 {
    padding-left: 15px !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .tablet-reset-padding-right0 {
    padding-right: 0 !important; }
  .tablet-reset-padding-left15 {
    padding-left: 15px !important; } }

.pricing-test1.pricing-test2 .pricing-element-container {
  height: 520px; }

.pricing-test1 .pricing-element-container {
  background: #fff !important;
  border-radius: 5px;
  overflow: hidden;
  border: none;
  height: 640px;
  cursor: pointer; }
  .pricing-test1 .pricing-element-container:hover {
    box-shadow: 0px 2px 20px -4px rgba(0, 0, 0, 0.29); }
  .pricing-test1 .pricing-element-container.current-plan {
    cursor: default; }
    .pricing-test1 .pricing-element-container.current-plan button {
      display: none; }
  .pricing-test1 .pricing-element-container ul {
    margin: 0 10px; }
    .pricing-test1 .pricing-element-container ul li {
      padding: 4px 40px !important;
      text-align: left; }
    .pricing-test1 .pricing-element-container ul.pricing-list-secondary {
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid #eee; }
  .pricing-test1 .pricing-element-container .pricing-head {
    background: none;
    border-bottom: none;
    height: 310px; }
    .pricing-test1 .pricing-element-container .pricing-head h2 {
      text-transform: uppercase;
      margin-bottom: 10px; }
    .pricing-test1 .pricing-element-container .pricing-head img {
      margin: 5px 0 !important; }
    .pricing-test1 .pricing-element-container .pricing-head:after, .pricing-test1 .pricing-element-container .pricing-head:before {
      display: none; }

.pricing-test1 .pricing-element-container .pricing-head .price-container {
  margin-top: 20px; }

.pricing-test1 .pricing-element-container .pricing-head h5.subtitle {
  margin-bottom: 40px; }

.pricing-test1 .pricing-element-container .pricing-head .price-sub {
  color: #888;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 20px; }

.section > #content {
  padding: 0; }

.large-padding.row-fluid .span12 {
  width: 48.473684210526315%; }

.large-padding.row-fluid .span8 {
  width: 31.631578947368425%; }

.large-padding.row-fluid [class*="span"] {
  margin-left: 2.0526315789473684%; }
  .large-padding.row-fluid [class*="span"]:first-child {
    margin-left: 0; }

#customers img {
  opacity: 0.35;
  padding-right: 10px;
  float: left; }

#customers h3 {
  color: #999; }

#customers p {
  color: #aaa; }

#pricing > div {
  text-align: center; }
  #pricing > div button {
    margin-top: 10px; }

#pricing.row-fluid [class*="span"] {
  margin-left: 0px; }

#pricing.row-fluid .span8 {
  width: 33.3333% !important; }

#needhelp {
  padding-top: 10px; }
  #needhelp b {
    color: #222; }

p.taxes {
  font-size: 13px;
  color: #aaa;
  margin-top: 10px; }
  p.taxes b {
    color: #333; }

p#freeplan {
  color: #333 !important; }

.pricing-element-container {
  position: relative;
  text-align: center;
  box-shadow: 0 0 15px -10px #ccc;
  border: 1px solid #eee;
  box-shadow: 0px 2px 10px -4px rgba(0, 0, 0, 0.16); }
  .pricing-element-container.current-plan .pricing-header .upgrade-plan, .pricing-element-container.current-plan .pricing-footer .upgrade-plan {
    display: none; }
  .pricing-element-container.current-plan .pricing-header .current-plan-badge, .pricing-element-container.current-plan .pricing-footer .current-plan-badge {
    display: inline-block !important; }
  .pricing-element-container.primary {
    border: 1px solid #dedede;
    box-shadow: 0 0 35px -10px rgba(0, 0, 0, 0.26);
    background: #F9F9F9;
    margin-top: -5px;
    z-index: 999; }
    .pricing-element-container.primary .pricing-body-top {
      margin-bottom: 10px; }
  .pricing-element-container .pricing-body {
    padding-top: 20px; }
    .pricing-element-container .pricing-body ul {
      list-style: none; }
      .pricing-element-container .pricing-body ul li {
        padding: 4px 0;
        white-space: nowrap;
        font-size: 14px;
        display: block; }
  .pricing-element-container .pricing-body-top {
    min-height: 100px; }
    .pricing-element-container .pricing-body-top b {
      color: #333;
      font-weight: bold !important; }
    .pricing-element-container .pricing-body-top .span12.text-right {
      padding-right: 7px; }
  .pricing-element-container .pricing-body-bottom {
    text-align: left;
    border-top: 1px solid #dedede;
    padding-bottom: 20px; }
    .pricing-element-container .pricing-body-bottom p {
      margin-left: 43px;
      margin-right: 10px;
      color: #808080; }
      .pricing-element-container .pricing-body-bottom p b {
        text-transform: uppercase;
        font-size: 11px;
        margin-top: 3px;
        display: block; }
    .pricing-element-container .pricing-body-bottom h4 {
      margin-left: 10px;
      margin-bottom: 5px;
      color: #333;
      font-family: sans-serif;
      font-weight: bold;
      font-size: 14px;
      padding-left: 30px;
      position: relative; }
      .pricing-element-container .pricing-body-bottom h4 i {
        position: absolute;
        left: -3px;
        top: 2px;
        line-height: 14px;
        text-align: center;
        display: inline-block;
        width: 30px;
        margin-right: 3px;
        color: #bbb;
        font-size: 20px; }
  .pricing-element-container .pricing-head {
    padding: 20px 0;
    background: #fff;
    height: 220px;
    position: relative; }
    .pricing-element-container .pricing-head button.button-upgrade {
      margin-top: 10px; }
    .pricing-element-container .pricing-head h2.title {
      color: #000;
      margin: 0; }
    .pricing-element-container .pricing-head h5.subtitle {
      color: #999;
      font-size: 13px;
      font-weight: normal;
      margin-bottom: 20px;
      margin-top: 0;
      font-weight: 300; }
    .pricing-element-container .pricing-head .current-plan-badge {
      border-radius: 10px;
      padding: 6px 15px;
      font-weight: bold;
      background: #eee;
      margin-top: 10px;
      color: #999;
      display: none;
      max-width: 120px; }
    .pricing-element-container .pricing-head .price-container {
      color: #3094CA;
      position: relative;
      white-space: nowrap; }
      .pricing-element-container .pricing-head .price-container .currency {
        font-size: 14px;
        vertical-align: top;
        font-weight: 300; }
      .pricing-element-container .pricing-head .price-container .time {
        color: #999;
        font-size: 10px; }
      .pricing-element-container .pricing-head .price-container .price {
        font-size: 32px;
        line-height: 26px;
        font-weight: 300;
        font-family: 'Lato', sans-serif; }
    .pricing-element-container .pricing-head .price-sub {
      color: #bbb;
      font-size: 10px;
      padding: 10px 0 0 0;
      line-height: 15px; }
      .pricing-element-container .pricing-head .price-sub.has-line {
        border-top: 1px solid #eee; }
      .pricing-element-container .pricing-head .price-sub .price-small {
        font-size: 15px;
        font-weight: 300;
        color: #3094CA;
        font-family: 'Lato', sans-serif; }

.pricing-head {
  position: relative;
  background: #ffffff;
  border: none;
  border-bottom: 1px solid #dedede; }
  .pricing-head:after, .pricing-head:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .pricing-head:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 12px;
    left: 50%;
    margin-left: -12px; }
  .pricing-head:before {
    border-color: rgba(222, 222, 222, 0);
    border-top-color: #dedede;
    border-width: 13px;
    left: 50%;
    margin-left: -13px; }

.popular-badge {
  position: absolute;
  top: -7px;
  left: -30px;
  width: 45px;
  height: 45px;
  z-index: 99; }
  .popular-badge .popular-badge-triangle {
    top: 0;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-bottom: 45px solid #3094CA;
    -moz-transition: all rotate(-45deg) ease;
    -o-transition: all rotate(-45deg) ease;
    -webkit-transition: all rotate(-45deg) ease;
    transition: all rotate(-45deg) ease;
    text-align: center; }
  .popular-badge span {
    -moz-transition: all rotate(-45deg) ease;
    -o-transition: all rotate(-45deg) ease;
    -webkit-transition: all rotate(-45deg) ease;
    transition: all rotate(-45deg) ease;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    left: 20px;
    display: inline-block;
    top: 20px;
    width: 65px;
    display: block; }

.ie8 .popular-badge {
  top: 0;
  left: 0;
  width: auto;
  background: #3094CA;
  height: 34px; }
  .ie8 .popular-badge .popular-badge-triangle {
    display: none; }
  .ie8 .popular-badge span {
    position: relative;
    top: 5px;
    left: 0px;
    width: 60px; }

.pricing-dez2014 {
  position: relative; }
  .pricing-dez2014 .choose-plan-hint {
    position: absolute;
    top: 140px;
    left: -170px;
    font-size: 20px;
    font-family: 'Lato', sans-serif; }
  .pricing-dez2014 .col-sm-4 {
    padding: 0 5px;
    position: relative; }
  @media (max-width: 768px) {
    .pricing-dez2014 .col-sm-4 {
      padding: 0 15px; }
    .pricing-dez2014 .badge-bestvalue {
      left: 13px !important; } }
  .pricing-dez2014 .price-sub {
    font-size: 13px;
    padding: 7px 0; }
    .pricing-dez2014 .price-sub span {
      opacity: 0.5; }
      .pricing-dez2014 .price-sub span.price-small {
        opacity: 1; }
  .pricing-dez2014 .pricing-footer {
    padding: 15px 20px;
    background: #fff; }
  .pricing-dez2014 .pricing-header-bottom {
    border-bottom: 1px solid #eee;
    padding: 15px 20px;
    background: #fff;
    color: #999; }
    .pricing-dez2014 .pricing-header-bottom p {
      margin-top: 5px; }
  .pricing-dez2014 .pricing-header-top {
    height: 260px; }
  .pricing-dez2014 .pricing-header {
    text-align: center;
    background: #3F5063;
    color: #fff; }
    .pricing-dez2014 .pricing-header .plan-title {
      padding: 20px 0 10px;
      margin: 0 !important; }
  .pricing-dez2014 .price-container {
    display: inline-block;
    height: 150px;
    width: 150px;
    border-radius: 150px;
    background: rgba(255, 255, 255, 0.1); }
    .pricing-dez2014 .price-container .price {
      display: inline-block;
      margin-top: 35px;
      font-size: 35px;
      font-family: 'Lato', sans-serif;
      font-weight: 500; }
    .pricing-dez2014 .price-container .time {
      display: block;
      font-size: 14px; }
  .pricing-dez2014 .pricing-body {
    background: #fff; }
  .pricing-dez2014 .pricing-list {
    margin: 0;
    border-bottom: 1px solid #eee;
    padding: 0; }
    .pricing-dez2014 .pricing-list .value {
      font-weight: bold;
      font-size: 18px;
      color: #3F474C; }
    .pricing-dez2014 .pricing-list .value-small {
      display: inline-block !important;
      white-space: normal !important;
      font-size: 12px !important; }
    .pricing-dez2014 .pricing-list .description-mobile {
      display: none; }
    @media (max-width: 768px) {
      .pricing-dez2014 .pricing-list {
        text-align: left; }
        .pricing-dez2014 .pricing-list .description-mobile {
          display: inline-block !important;
          margin-left: 20px;
          width: 70%; } }
    .pricing-dez2014 .pricing-list .description {
      position: absolute;
      left: -220px;
      padding-right: 20px;
      width: 200px;
      display: inline-block;
      text-align: right;
      color: #999; }
      .pricing-dez2014 .pricing-list .description:after {
        font-family: "qrbackend2" !important;
        content: "\e025";
        font-size: 13px;
        text-decoration: none;
        opacity: 0.4;
        position: absolute;
        right: 0px;
        top: 5px; }
      .pricing-dez2014 .pricing-list .description:hover {
        color: #333; }
        .pricing-dez2014 .pricing-list .description:hover:after {
          opacity: 0.8; }
      .pricing-dez2014 .pricing-list .description.active {
        color: #333; }
    .pricing-dez2014 .pricing-list .description-collapsable:after {
      content: "\e004"; }
    .pricing-dez2014 .pricing-list .description-collapsable.active:after {
      content: "\e005"; }
    .pricing-dez2014 .pricing-list li {
      padding: 3px 0; }
      .pricing-dez2014 .pricing-list li.advanced {
        display: none;
        background: #FAFBFB; }
      .pricing-dez2014 .pricing-list li.divider {
        margin-top: 3px;
        padding-top: 6px;
        border-top: 1px solid #eee; }
  .pricing-dez2014 .current-plan-badge {
    border-radius: 10px;
    padding: 6px 15px;
    font-weight: bold;
    background: #eee;
    margin-top: 10px;
    color: #999;
    display: none;
    max-width: 120px; }
  .pricing-dez2014 .btn {
    font-weight: bold;
    margin-bottom: 3px; }
  .pricing-dez2014 .icon {
    font-size: 22px; }
  .pricing-dez2014 .icon-close {
    color: red; }
  .pricing-dez2014 .icon-plus {
    color: green; }
  .pricing-dez2014 .badge-bestvalue {
    position: absolute;
    left: 3px;
    z-index: 99;
    top: -12px; }
  .pricing-dez2014 .col-plan-professional .pricing-header {
    background: #3F5063; }
  .pricing-dez2014 .col-plan-advanced .pricing-header {
    background: #F17F5C;
    margin-top: -10px;
    padding-top: 10px;
    background: #F1B45C; }
    .pricing-dez2014 .col-plan-advanced .pricing-header .price-container {
      background: rgba(0, 0, 0, 0.05); }
  .pricing-dez2014 .col-plan-starter .pricing-header {
    background: #1CB6EA;
    background: #E3E3E3;
    color: #6D7076; }
    .pricing-dez2014 .col-plan-starter .pricing-header .price-container {
      background: rgba(0, 0, 0, 0.05); }

.box-features {
  text-align: center;
  margin: 30px 0;
  float: left; }
  .box-features .box-header {
    background: #FAFBFB;
    padding: 40px 0 10px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #eee; }
    .box-features .box-header .lead {
      color: #999; }
  .box-features .box-body {
    padding: 20px 40px; }
    .box-features .box-body p {
      color: #999;
      font-size: 16px;
      line-height: 1.5;
      font-weight: 300; }

#form-payment #payment-body {
  padding: 0 20px; }

#form-payment #payment-head {
  background: #F0F2F3;
  background: #E6E9EB;
  border-radius: 5px 5px 0 0;
  margin-top: -20px; }
  #form-payment #payment-head h2 {
    margin: 0px 20px 20px;
    padding-top: 20px !important; }
  #form-payment #payment-head h3 {
    margin: 20px 20px 20px;
    padding-top: 20px !important;
    color: #666; }
    #form-payment #payment-head h3 span {
      color: #000; }
  #form-payment #payment-head .radio {
    margin-left: 0 !important;
    padding-left: 0 !important; }
  #form-payment #payment-head .radio-item {
    padding: 10px 45px 10px;
    margin-left: 0;
    position: relative; }
    #form-payment #payment-head .radio-item label {
      cursor: pointer;
      position: relative;
      width: 100%;
      font-size: 15px;
      line-height: 22px; }
      #form-payment #payment-head .radio-item label .price {
        display: inline-block;
        font-size: 22px;
        position: absolute;
        right: 0;
        color: #999; }
        #form-payment #payment-head .radio-item label .price .type {
          line-height: 22px;
          font-size: 12px;
          font-weight: normal;
          color: #999; }
    #form-payment #payment-head .radio-item input[type="radio"]:checked + label {
      color: #000; }
      #form-payment #payment-head .radio-item input[type="radio"]:checked + label .price {
        color: #000; }
    #form-payment #payment-head .radio-item .badge {
      margin-left: 10px;
      background-color: #0097d9;
      padding: 3px 10px; }
      #form-payment #payment-head .radio-item .badge span {
        font-weight: normal; }
  #form-payment #payment-head .taxes {
    font-size: 11px;
    color: #999;
    padding: 10px 40px 10px;
    text-align: right; }

#form-payment img.icon_payment {
  margin-left: 10px; }

#form-payment label {
  color: #666;
  font-size: 14px; }
  #form-payment label.control-label {
    text-align: right; }
  #form-payment label a {
    float: right; }

#form-payment .alert-taxnumber {
  padding: 4px 10px; }
  #form-payment .alert-taxnumber p {
    margin-top: 5px; }

.freeplan-activation-a .container-buttons {
  margin-top: 20px; }

.freeplan-activation-a .lead {
  color: #999; }

.freeplan-activation-a .box-freeplan-features .row {
  margin: 0; }

.freeplan-activation-a .box-freeplan-features .box-bottom {
  border-radius: 0 0 5px 5px;
  background: #fafbfb; }
  .freeplan-activation-a .box-freeplan-features .box-bottom .row {
    border-top: 1px solid #eee; }
    .freeplan-activation-a .box-freeplan-features .box-bottom .row:last-child {
      border-bottom: none; }

.freeplan-activation-a .box-freeplan-features .col-feature {
  border-right: 1px solid #eee; }
  .freeplan-activation-a .box-freeplan-features .col-feature:last-child {
    border-right: none; }

.freeplan-activation-a .box-freeplan-features img {
  margin: 10px; }

.freeplan-activation-a .box-freeplan-features table {
  width: 100%;
  margin: 0; }
  .freeplan-activation-a .box-freeplan-features table td:first-child {
    width: 20px; }
  .freeplan-activation-a .box-freeplan-features table .td-image {
    width: 140px; }

.freeplan-activation-b .container-buttons {
  margin-top: 20px; }

.freeplan-activation-b .lead {
  color: #999; }

.freeplan-activation-b table {
  text-align: center; }
  .freeplan-activation-b table tr td {
    width: 33%;
    padding: 10px 6px;
    font-size: 19px;
    font-weight: bold;
    border-top: 1px solid #f4f4f4; }
    .freeplan-activation-b table tr td.middle {
      background: #fafbfb;
      color: #999;
      font-weight: normal;
      font-size: 14px;
      border-right: 1px solid #eee;
      border-left: 1px solid #eee; }
  .freeplan-activation-b table thead td.middle {
    background: #fafbfb;
    font-weight: bold; }
  .freeplan-activation-b table thead td {
    position: relative; }
  .freeplan-activation-b table thead .btn-mode-prev,
  .freeplan-activation-b table thead .btn-mode-next {
    position: absolute;
    top: 28px;
    background: none;
    opacity: 0.5;
    padding: 10px 8px; }
    .freeplan-activation-b table thead .btn-mode-prev:hover, .freeplan-activation-b table thead .btn-mode-prev:active,
    .freeplan-activation-b table thead .btn-mode-next:hover,
    .freeplan-activation-b table thead .btn-mode-next:active {
      opacity: 1;
      box-shadow: none;
      outline: 0; }
  .freeplan-activation-b table thead .btn-mode-prev {
    left: 10px; }
  .freeplan-activation-b table thead .btn-mode-next {
    right: 10px; }
  .freeplan-activation-b table td {
    vertical-align: middle; }
  .freeplan-activation-b table td.advanced {
    display: none; }
  .freeplan-activation-b table td.starter {
    display: none; }
  .freeplan-activation-b table td.professional {
    display: none; }
  .freeplan-activation-b table.mode-advanced td.advanced {
    display: table-cell; }
  .freeplan-activation-b table.mode-professional .btn-mode-next {
    display: none; }
  .freeplan-activation-b table.mode-professional td.professional {
    display: table-cell; }
  .freeplan-activation-b table.mode-starter td.starter {
    display: table-cell; }
  .freeplan-activation-b table.mode-starter .btn-mode-prev {
    display: none; }

.introjs-tooltip {
  box-shadow: 0px 4px 8px 0px rgba(78, 82, 86, 0.7);
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-backface-visibility: hidden;
  background: #3c4245;
  padding: 20px 25px; }
  .introjs-tooltip.tooltip-left-scan {
    left: 65px; }
    @media (max-width: 767px) {
      .introjs-tooltip.tooltip-left-scan {
        left: 0 !important; } }
  .introjs-tooltip .introjs-tooltiptext {
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 15px;
    font-weight: 600;
    text-shadow: none;
    color: #fff;
    -webkit-backface-visibility: hidden;
    line-height: 1.35;
    font-family: "Lato", sans-serif;
    padding: 7px 10px 7px 10px; }
    .introjs-tooltip .introjs-tooltiptext h2 {
      color: #fff;
      font-size: 18px;
      font-weight: 600;
      display: inline-block;
      margin: 0 2px 20px; }
    .introjs-tooltip .introjs-tooltiptext b {
      color: #fff;
      font-size: 15px;
      font-weight: 600;
      display: inline-block;
      margin: 0 2px; }
  .introjs-tooltip.last-tooltip a.introjs-nextbutton {
    display: none; }
  .introjs-tooltip.last-tooltip a.introjs-skipbutton {
    display: block !important; }
  .introjs-tooltip.nobuttons a.introjs-nextbutton,
  .introjs-tooltip.nobuttons a.introjs-skipbutton {
    display: none !important; }

.introjs-tooltip .introjs-skipbutton {
  float: left; }

.introjs-tooltip .introjs-nextbutton {
  float: left; }

.introjs-tooltip .introjs-prevbutton {
  float: left; }

.introjs-tooltip .introjs-skipbutton {
  float: right; }

.introjs-tooltipbuttons {
  text-align: left; }

.introjs-tooltip {
  min-width: 260px;
  max-width: 380px; }
  .introjs-tooltip.extralarge {
    max-width: 620px;
    min-width: 420px; }
  .introjs-tooltip.large {
    max-width: 520px;
    min-width: 320px; }
  .introjs-tooltip a.introjs-button {
    font-size: 13px;
    padding: 6px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    /* Rectangle 6: */
    color: #fff;
    text-align: center;
    border: none !important;
    text-decoration: none;
    border-radius: 5px;
    /* Rectangle 6: */
    box-shadow: none;
    text-shadow: none !important;
    background: none;
    outline: none;
    margin-top: 0;
    opacity: .45;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
    .introjs-tooltip a.introjs-button:before, .introjs-tooltip a.introjs-button:after {
      content: " ";
      display: table; }
    .introjs-tooltip a.introjs-button:after {
      clear: both; }
    .introjs-tooltip a.introjs-button:hover {
      opacity: 1 !important; }
    .introjs-tooltip a.introjs-button.introjs-disabled {
      display: none; }
    .introjs-tooltip a.introjs-button i {
      font-size: 11px; }
  .introjs-tooltip:hover a.introjs-button {
    opacity: 0.45;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
  .introjs-tooltip:hover a.introjs-nextbutton {
    opacity: 1; }

.introjs-tooltip a.introjs-nextbutton {
  opacity: 1 !important;
  color: #90c52d !important; }
  .introjs-tooltip a.introjs-nextbutton:hover {
    color: #85b62b !important; }

.introjs-tooltip a.introjs-skipbutton {
  font-size: 15px;
  font-weight: 600;
  opacity: 1 !important;
  color: #90c52d;
  display: none; }
  .introjs-tooltip a.introjs-skipbutton:hover {
    color: #85b62b !important; }

.introjs-overlay {
  background: #616568;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0.9 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; }
  .introjs-overlay.hidden {
    opacity: 0 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    display: block !important;
    visibility: hidden; }

.introjs-helperLayer {
  background: none;
  border: none !important;
  box-shadow: none !important;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-backface-visibility: hidden; }
  .introjs-helperLayer.shadow {
    border-radius: 11px !important;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4) !important; }
  .introjs-helperLayer.round-icon {
    background: white;
    width: 40px !important;
    height: 40px !important;
    border-radius: 21px;
    margin-top: -14px; }
  .introjs-helperLayer.white-background {
    background: #fff; }
  .introjs-helperLayer .introjs-helperNumberLayer {
    display: none; }

.tourActive {
  padding-top: 0 !important; }
  .tourActive #header {
    position: static !important;
    height: 55px !important; }

.introjs-arrow {
  border: 10px solid transparent;
  content: '';
  position: absolute; }

.introjs-arrow.top {
  top: -20px;
  border-bottom-color: #3c4245;
  border-bottom-color: #3c4245; }

.introjs-arrow.right {
  right: -20px;
  top: 10px;
  border-left-color: #3c4245;
  border-left-color: #3c4245; }

.introjs-arrow.bottom {
  bottom: -20px;
  border-top-color: #3c4245;
  border-top-color: #3c4245; }

.introjs-arrow.bottom-right {
  bottom: -20px;
  right: 20px;
  border-top-color: #3c4245;
  border-top-color: #3c4245; }

.introjs-arrow.left {
  left: -20px;
  top: 10px;
  border-right-color: #3c4245;
  border-right-color: #3c4245; }

.introjs-arrow.top-right {
  top: -20px;
  right: 10px;
  border-bottom-color: #3c4245;
  border-bottom-color: #3c4245; }

.introjs-arrow.top-middle {
  top: -20px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #3c4245;
  border-bottom-color: #3c4245; }

.downloadHintTooltip {
  position: absolute;
  left: 0;
  bottom: 0; }

#cListViewWrapper {
  margin-top: 10px; }

#navbar {
  margin-left: 10px; }

#tracking_overview {
  position: relative !important; }
  #tracking_overview .scansContainer {
    display: none; }

.btn-group.switchListMode .btn {
  padding: 4px 9px; }

#summaryPlugin {
  margin: 15px 0 20px !important;
  float: left; }
  #summaryPlugin a {
    color: #47bdef !important;
    font-size: 15px;
    font-weight: 600; }
    #summaryPlugin a:hover {
      color: #25acdd !important;
      text-decoration: none !important; }
    #summaryPlugin a:focus {
      outline: none; }
    @media (max-width: 640px) {
      #summaryPlugin a {
        float: left;
        width: 100%;
        margin-bottom: 10px; } }
  #summaryPlugin span {
    font-size: 15px;
    font-weight: 600;
    color: #797d80; }
  #summaryPlugin > span {
    margin-right: 45px; }
    @media (max-width: 640px) {
      #summaryPlugin > span {
        margin-right: 0; } }
  #summaryPlugin > input {
    background: none;
    margin-top: -5px;
    border-radius: 4px; }
  #summaryPlugin.fade.in {
    margin-top: 0; }
  #summaryPlugin.listModeDetail {
    display: none; }

.list-tools {
  margin-top: 10px; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #scannerButton {
    display: none !important; } }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  #scannerButton {
    display: none !important; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  #scannerButton {
    display: none !important; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #scannerButton {
    display: none !important; } }

.searchContainer {
  position: relative;
  float: left !important;
  display: inline-block; }
  .searchContainer input {
    background: transparent;
    height: 32px !important;
    margin: -1px 5px 0px -15px;
    border-radius: 2px;
    width: 180px;
    border: 1px #d4d4d4 solid;
    color: #a4a6a8;
    -webkit-transition: all 0.2s ease 0.2s;
    -o-transition: all 0.2s ease 0.2s;
    transition: all 0.2s ease 0.2s;
    font-weight: 400; }
    .searchContainer input:hover {
      background: #fff;
      border-color: #a4a6a8; }
    .searchContainer input:focus, .searchContainer input.active {
      -webkit-transition: all 0.2s ease 0.1s;
      -o-transition: all 0.2s ease 0.1s;
      transition: all 0.2s ease 0.1s;
      color: #616568;
      background: #fff;
      width: 260px; }
    .searchContainer input:-moz-placeholder, .searchContainer input::-webkit-input-placeholder, .searchContainer input::-moz-placeholder {
      color: #a4a6a8; }
  .searchContainer button {
    background: none;
    box-shadow: none;
    position: absolute;
    right: 7px;
    top: -3px;
    border: none; }
    .searchContainer button i {
      color: #a4a6a8;
      font-size: 30px; }
    .searchContainer button:hover, .searchContainer button:active, .searchContainer button:focus {
      outline: none; }

.codeInfo .icon_type_watermark {
  position: absolute;
  bottom: 30px;
  right: 30px; }
  .codeInfo .icon_type_watermark .qr-type i {
    color: #ddd;
    font-size: 41px;
    float: none; }

#spotlight {
  position: fixed;
  display: none;
  background-color: #333333;
  opacity: 0.9;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 9998;
  background-position: initial initial;
  background-repeat: initial initial; }

#cListViewHeader {
  padding-left: 2px !important;
  width: 100%;
  font-weight: 600;
  border-bottom: none;
  height: auto;
  padding: 10px 0 10px;
  border-bottom: 1px #d4d4d4 solid; }
  #cListViewHeader:before, #cListViewHeader:after {
    content: " ";
    display: table; }
  #cListViewHeader:after {
    clear: both; }
  #cListViewHeader .listHeader {
    float: left;
    color: #797d80;
    font-weight: 600;
    font-size: 15px;
    text-align: center; }
    #cListViewHeader .listHeader a {
      color: #797d80;
      font-weight: 600;
      text-decoration: none;
      position: relative; }
      #cListViewHeader .listHeader a:before {
        font-family: "qrbackend2" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute; }
      #cListViewHeader .listHeader a.asc:before {
        content: "\e0a5";
        left: -20px;
        top: 5px; }
      #cListViewHeader .listHeader a.desc:before {
        content: "\e0a2";
        left: -20px;
        top: 5px; }
      #cListViewHeader .listHeader a:hover {
        color: #616568;
        text-decoration: none; }
    #cListViewHeader .listHeader.wide {
      width: 120px; }
    #cListViewHeader .listHeader.scansTotal a, #cListViewHeader .listHeader.scansUnique a {
      padding-right: 0; }

.listHeader.code a:before {
  right: -20px;
  left: initial !important; }

.list-view-loading {
  background-position: center center !important; }

.titleSpan:hover {
  color: #616568 !important;
  cursor: pointer !important; }

.titleSpan.editingMode {
  cursor: text !important; }

.cListView {
  width: 100%;
  overflow: visible;
  position: relative !important;
  z-index: 1;
  padding: 0 0;
  -webkit-transition: background-color 0.6s;
  -o-transition: background-color 0.6s;
  transition: background-color 0.6s; }
  .cListView:before, .cListView:after {
    content: " ";
    display: table; }
  .cListView:after {
    clear: both; }
  .cListView.not_allowed_code_type {
    border-color: #ff7a69 !important;
    border-width: 2px; }
    .cListView.not_allowed_code_type .titleSpan,
    .cListView.not_allowed_code_type .listItem.created,
    .cListView.not_allowed_code_type .listItem.scansUnique,
    .cListView.not_allowed_code_type .listItem.scansTotal,
    .cListView.not_allowed_code_type .codeInfo .scansContainer .scansTotal, .cListView.not_allowed_code_type .codeInfo .scansContainer .scansUnique,
    .cListView.not_allowed_code_type .codeInfo .titleContainer span.qr-type i,
    .cListView.not_allowed_code_type .listItem.code .qr-type i,
    .cListView.not_allowed_code_type .codeInfo table td:last-child, .cListView.not_allowed_code_type .cListView .codeInfo table td:last-child,
    .cListView.not_allowed_code_type .codeInfo table td:first-child, .cListView.not_allowed_code_type .cListView .codeInfo table td:first-child {
      color: #654E3F !important; }
  .cListView.focus {
    z-index: 99999 !important; }
  .cListView.active .titleSpan {
    color: #222 !important; }
  .cListView.active span.qr-type i {
    color: #222 !important; }
  .cListView.active .listItem.check, .cListView.selected .listItem.check, .cListView:hover .listItem.check {
    opacity: 1; }

.cListView .scansContainer, .cListView .imgContainer {
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s; }

.cListView.highlight {
  -webkit-transition: background-color 0.6s;
  -o-transition: background-color 0.6s;
  transition: background-color 0.6s;
  background: #fcf8e3 !important; }
  .cListView.highlight .imgContainer {
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90); }
  .cListView.highlight .scansContainer {
    background: #fcf7de !important;
    background: #fcf8e3 !important;
    border-left-color: #fcf7de !important; }

.icon-big-button {
  font-size: 26px !important;
  color: #fff;
  opacity: 1 !important; }

#cListViewWrapper.listModeSimple .dropdown-menu {
  top: 45px !important; }

#cListViewWrapper.listModeSimple .btn-group-actions.open .dropdown-toggle {
  border: 2px #eaeaea solid; }

.listModeSimple .cListView {
  -webkit-transition: background-color 0.05s;
  -o-transition: background-color 0.05s;
  transition: background-color 0.05s; }
  .listModeSimple .cListView .btn-group-actions {
    display: block; }
    .listModeSimple .cListView .btn-group-actions > .btn > i {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100); }
  .listModeSimple .cListView:nth-child(even) {
    background: #fafafa; }
  .listModeSimple .cListView:last-child {
    border-radius: 0 0 5px 5px; }
  .listModeSimple .cListView:hover, .listModeSimple .cListView.selected {
    background: #f7f7f7;
    color: #616568; }
    .listModeSimple .cListView:hover .listItem.created,
    .listModeSimple .cListView:hover .listItem.scansTotal,
    .listModeSimple .cListView:hover .listItem.scansUnique,
    .listModeSimple .cListView:hover .listItem.code .titleSpan,
    .listModeSimple .cListView:hover .listItem.code .qr-type i, .listModeSimple .cListView.selected .listItem.created,
    .listModeSimple .cListView.selected .listItem.scansTotal,
    .listModeSimple .cListView.selected .listItem.scansUnique,
    .listModeSimple .cListView.selected .listItem.code .titleSpan,
    .listModeSimple .cListView.selected .listItem.code .qr-type i {
      color: #616568; }
  .listModeSimple .cListView .listRow {
    border: 2px transparent solid;
    color: #797d80; }
    .listModeSimple .cListView .listRow.selected {
      background: #e7f8ff; }
  .listModeSimple .cListView:active, .listModeSimple .cListView:hover, .listModeSimple .cListView.active {
    -webkit-transition: background-color 0.15s;
    -o-transition: background-color 0.15s;
    transition: background-color 0.15s; }
  .listModeSimple .cListView.not_allowed_code_type.selected {
    background: #ebcccc !important; }
  .listModeSimple .cListView.not_allowed_code_type:hover {
    background: #efd7d7; }
  .listModeSimple .cListView .dropdown-container .btn-group-actions.open .billing-button, .listModeSimple .cListView .dropdown-container .btn-group-actions.open .billing-button:focus {
    background-color: #fff !important; }
  .listModeSimple .cListView .dropdown-container .btn-group-actions.open .dropdown-menu li a {
    padding: 10px 30px 10px 47px;
    font-size: 15px; }
  .listModeSimple .cListView .dropdown-container {
    float: inherit !important;
    width: auto;
    margin-top: 0; }
  .listModeSimple .cListView .dropdown-menu li a i {
    padding-right: 5px;
    position: absolute;
    left: 25px;
    opacity: 1;
    color: #797d80; }
    .listModeSimple .cListView .dropdown-menu li a i:before {
      font-size: 30px !important; }
  .listModeSimple .cListView .dropdown-container .btn-group-actions.open .caret:before {
    top: 10px !important; }
  .listModeSimple .cListView .dropdown-menu li a:hover i {
    color: #25acdd !important; }
  .listModeSimple .cListView .btn-group-actions {
    display: block;
    position: absolute;
    top: 12px;
    right: 30px;
    z-index: 9999; }
    .listModeSimple .cListView .btn-group-actions .dropdown-menu {
      width: auto !important;
      min-width: inherit !important;
      right: 0; }
    .listModeSimple .cListView .btn-group-actions .dropdown-selected {
      display: none; }
    .listModeSimple .cListView .btn-group-actions .dropdown-toggle:hover i:before {
      color: #47bdef; }
    .listModeSimple .cListView .btn-group-actions .dropdown-toggle i:before {
      top: 15px; }
  .listModeSimple .cListView .row2 {
    display: none; }
  .listModeSimple .cListView .row1 .titleSpan {
    font-size: 15px;
    border: 1px solid transparent; }
  .listModeSimple .cListView .row1 span.qr-type {
    margin-right: 5px;
    float: left; }
  .listModeSimple .cListView .row1 span.qr-type i {
    color: #aaa;
    font-size: 21px;
    margin-right: 0px;
    background: none;
    margin-top: -2px;
    margin-top: -6px; }

#cListViewWrapper .cListViewRight {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  padding-right: 30px;
  width: 300px; }
  #cListViewWrapper .cListViewRight .listItem,
  #cListViewWrapper .cListViewRight .listHeader {
    width: 100px; }
  #cListViewWrapper .cListViewRight .listHeader {
    padding-top: 10px; }
  #cListViewWrapper .cListViewRight .btn {
    margin-top: 15px;
    font-weight: normal; }
  #cListViewWrapper .cListViewRight.cListViewRightDelete {
    width: 400px; }

.listItem {
  float: left;
  font-size: 15px; }

.listItem.check {
  text-align: center;
  float: left;
  position: relative;
  margin-top: 10px; }
  .listItem.check input {
    margin: 30px auto 22px; }

.listItem.check,
.listHeader.check {
  height: 100% !important;
  z-index: 999; }

.listItem.scansUnique,
.listItem.scansTotal {
  font-size: 15px;
  line-height: 60px;
  font-weight: 600;
  text-align: center;
  color: #797d80; }
  .listItem.scansUnique b.small, .listItem.scansUnique span.small,
  .listItem.scansTotal b.small,
  .listItem.scansTotal span.small {
    font-weight: 300 !important;
    font-size: 22px !important; }

.listItem.code,
.listHeader.code {
  padding-left: 10px !important;
  text-align: left !important; }

.listItem.code {
  padding: 10px 0; }
  .listItem.code .titleContainer {
    width: 100%; }
    .listItem.code .titleContainer .titleSpan {
      width: 80%;
      float: left;
      margin-right: 15px;
      font-size: 18px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .listItem.code .titleContainer .editTitle {
      opacity: 0;
      display: none;
      color: #797d80; }

.codeInfo .imgContainer.scaled {
  z-index: 999999; }

.codeInfo .imgContainer {
  width: 200px;
  height: 200px;
  padding: 0;
  margin: 0 20px 0 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  overflow: hidden; }
  .codeInfo .imgContainer .qr-preview-overlay .spinner {
    border-radius: 5px;
    top: 95px !important;
    left: 50% !important; }

.codeInfo.loading img {
  opacity: 0; }

.codeInfo .tableContainer {
  float: left;
  width: 100%;
  margin-top: -5px;
  min-height: 60px;
  padding-left: 40px; }
  .codeInfo .tableContainer .shortdomain:hover {
    color: #616568; }

.codeInfo .actionsContainer {
  float: left;
  padding-left: 40px;
  display: inline-block; }

.codeInfo .scans_buttons {
  float: left; }

.cListView .codeInfo {
  width: 100%;
  height: 190px;
  padding: 40px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
  padding-top: 5px; }
  .cListView .codeInfo .imgContainer {
    float: left;
    margin-left: 0;
    cursor: pointer; }
  .cListView .codeInfo .scansContainer {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100px;
    background: #fff;
    border-left: 1px solid #e8e8e8;
    border-radius: 0 5px 5px 0; }
    .cListView .codeInfo .scansContainer .scansTotal {
      padding: 20px 0px 20px 0px;
      border-bottom: 1px solid #e8e8e8; }
      .cListView .codeInfo .scansContainer .scansTotal span {
        margin-left: auto !important; }
    .cListView .codeInfo .scansContainer .scansUnique {
      padding-top: 20px;
      color: #a4a6a8 !important; }
      .cListView .codeInfo .scansContainer .scansUnique span {
        color: #a4a6a8 !important;
        margin-left: auto !important; }
    .cListView .codeInfo .scansContainer .scansTotal,
    .cListView .codeInfo .scansContainer .scansUnique {
      width: 100px;
      font-weight: 400;
      color: #797d80;
      font-size: 26px;
      line-height: 38px;
      text-align: center; }
      .cListView .codeInfo .scansContainer .scansTotal b.small,
      .cListView .codeInfo .scansContainer .scansUnique b.small {
        font-size: 20px; }
      .cListView .codeInfo .scansContainer .scansTotal span,
      .cListView .codeInfo .scansContainer .scansUnique span {
        padding-top: 3px;
        line-height: 1.1;
        display: block;
        font-size: 15px;
        font-weight: 400;
        color: #797d80;
        width: 100%;
        margin-left: 25px; }

.codeInfo .imgContainer,
.cListView .codeInfo .imgContainer {
  position: relative; }
  .codeInfo .imgContainer img,
  .cListView .codeInfo .imgContainer img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0; }
    .codeInfo .imgContainer img.loaded,
    .cListView .codeInfo .imgContainer img.loaded {
      opacity: 1; }
  .codeInfo .imgContainer.empty:after,
  .cListView .codeInfo .imgContainer.empty:after {
    content: "\f029";
    font-size: 22px;
    color: #ccc;
    text-transform: uppercase;
    opacity: 1; }
  .codeInfo .imgContainer:after, .codeInfo .imgContainer:before,
  .cListView .codeInfo .imgContainer:after,
  .cListView .codeInfo .imgContainer:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    text-align: center;
    top: 0;
    z-index: 111;
    opacity: 0; }
  .codeInfo .imgContainer:before,
  .cListView .codeInfo .imgContainer:before {
    content: "";
    display: block; }
  .codeInfo .imgContainer:hover:after,
  .cListView .codeInfo .imgContainer:hover:after {
    opacity: 1; }
  .codeInfo .imgContainer:hover:before,
  .cListView .codeInfo .imgContainer:hover:before {
    opacity: 0.8; }

.codeInfo table,
.cListView .codeInfo table {
  border-radius: 5px; }
  .codeInfo table td,
  .cListView .codeInfo table td {
    font-size: 15px !important;
    padding-right: 10px;
    padding-left: 3px;
    color: #797d80; }
    .codeInfo table td a,
    .cListView .codeInfo table td a {
      color: #888;
      text-decoration: none;
      border-bottom: 1px solid #e0e0e0; }
      .codeInfo table td a:hover,
      .cListView .codeInfo table td a:hover {
        border-bottom: 1px solid #1f75a4;
        color: #1f75a4; }
    .codeInfo table td:first-child,
    .cListView .codeInfo table td:first-child {
      font-weight: 400;
      letter-spacing: 0.05em;
      width: 30%;
      vertical-align: top; }
    .codeInfo table td:last-child,
    .cListView .codeInfo table td:last-child {
      font-weight: 600; }

.actions {
  overflow: visible !important;
  margin-top: 15px;
  display: inline-block; }
  .actions a {
    display: inline-block;
    margin-right: 6px; }
    .actions a.btn {
      box-shadow: none; }
    .actions a.remove {
      color: red;
      color: #b23d3d;
      vertical-align: middle;
      height: 18px; }
      .actions a.remove:hover {
        color: #6E2727; }

.listModeSimple .hide-on-list-view {
  display: none !important;
  visibility: hidden !important; }

.statistics-container-mobile {
  display: none; }

.statistics-container {
  display: inline-block;
  font-size: 15px;
  padding: 14px 0;
  margin: 10px 0 0 65px;
  line-height: 0.9;
  position: relative; }
  .statistics-container a {
    color: #47bdef;
    font-size: 15px; }
    .statistics-container a:hover {
      text-decoration: none; }
  .statistics-container:hover a, .statistics-container:hover i {
    color: #25acdd; }
  .statistics-container i {
    font-size: 30px;
    margin-top: 0px;
    display: inline-block;
    top: 10px;
    position: absolute;
    left: -35px; }

#tracking_overview .actionsContainer.new {
  display: none; }

.actionsContainer.upgradescreen {
  padding-left: 0;
  margin-top: 10px; }

#tracking_overview .actionsContainer.old {
  display: block !important;
  visibility: visible !important; }

.listModeDetail {
  box-shadow: none !important;
  background: transparent !important;
  border: none !important; }
  .listModeDetail .actions-dropdown-container {
    padding: 0 25px 0 0;
    z-index: 9998 !important;
    width: 220px;
    float: left;
    margin: 10px 0; }
    .listModeDetail .actions-dropdown-container .dropdown-container .btn-group-actions.open .dropdown-menu li a {
      padding: 10px 30px 10px 47px;
      font-size: 15px; }
    .listModeDetail .actions-dropdown-container .dropdown-menu li a i {
      padding-right: 5px;
      position: absolute;
      left: 25px;
      opacity: 1;
      color: #797d80; }
      .listModeDetail .actions-dropdown-container .dropdown-menu li a i:before {
        font-size: 30px; }
    .listModeDetail .actions-dropdown-container .dropdown-menu li a:hover i {
      color: #25acdd !important; }
  .listModeDetail .actionsContainer.new.hidden {
    visibility: hidden !important;
    display: none !important; }
  .listModeDetail .actionsContainer.new {
    display: block !important; }
    .listModeDetail .actionsContainer.new .dropdown-menu {
      margin-top: -23px;
      border-radius: 0px; }
    .listModeDetail .actionsContainer.new .action_tracking {
      display: none; }
    .listModeDetail .actionsContainer.new .dropdown-selected {
      width: calc(100% - 40px) !important;
      opacity: 1;
      padding: 10px 10px 10px 45px !important;
      text-align: left; }
    .listModeDetail .actionsContainer.new .btn-group-actions.open .caret:before {
      top: 7px !important; }
    .listModeDetail .actionsContainer.new button {
      position: relative; }
    .listModeDetail .actionsContainer.new .btn-group-actions {
      display: block !important;
      width: 100%;
      position: relative;
      float: left; }
    .listModeDetail .actionsContainer.new .action_tracking {
      margin-left: 0; }
    .listModeDetail .actionsContainer.new .btn.dropdown {
      font-size: 10px;
      color: #0097d9;
      border: 2px solid #e5e5e5;
      border-radius: 3px;
      background: #FFF;
      box-shadow: none;
      font-size: 14px;
      font-weight: 500;
      height: 34px;
      outline: none !important;
      padding: 5px !important;
      line-height: 20px !important; }
    .listModeDetail .actionsContainer.new .btn.action_download span {
      padding: 0px 26px; }
    .listModeDetail .actionsContainer.new .btn.dropdown-toggle {
      font-size: 10px;
      color: #0097d9;
      border: 2px solid #e5e5e5;
      border-radius: 3px;
      background: #FFF;
      box-shadow: none;
      font-size: 14px;
      font-weight: 500;
      height: 34px;
      outline: none !important;
      padding: 0px 5px !important;
      line-height: 20px !important; }
      .listModeDetail .actionsContainer.new .btn.dropdown-toggle span {
        padding: 20px; }
  .listModeDetail .action_tracking {
    margin-left: -18px; }
  .listModeDetail .cListView {
    background: #fff;
    margin-bottom: 25px; }
    .listModeDetail .cListView .row1 {
      display: none; }
    .listModeDetail .cListView .row2 {
      display: block; }
    .listModeDetail .cListView .btn-group-actions {
      display: none; }
    .listModeDetail .cListView.flash-color.animated .scansContainer {
      background-color: transparent;
      -webkit-transition: background-color 0.5 ease;
      -o-transition: background-color 0.5 ease;
      transition: background-color 0.5 ease; }
    .listModeDetail .cListView .scansContainer {
      -webkit-transition: background-color 0.5 ease;
      -o-transition: background-color 0.5 ease;
      transition: background-color 0.5 ease; }
  .listModeDetail .empty {
    border: 2px solid #eee !important; }
  .listModeDetail #cListViewHeader {
    display: none; }

.titleContainer {
  float: left;
  display: inline-block;
  margin-top: 10px;
  position: relative; }
  .titleContainer .editTitleOk {
    margin-left: 10px; }
  .titleContainer .editTitleOk,
  .titleContainer .editTitleCancel {
    display: none;
    margin-top: -12px; }

.row1 .titleContainer .editTitle {
  top: -4px; }

.titleContainer:hover .editTitle {
  opacity: 0.35;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: alpha(opacity=35); }
  .titleContainer:hover .editTitle:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100); }

.codeInfo .row2,
.codeInfo.row2 {
  padding: 0px !important;
  margin: 0;
  height: auto; }

.listModeSimple .editing .titleSpan.editingMode {
  margin-right: 15px;
  font-size: 18px;
  width: calc(100% - 40px);
  margin-left: -3px;
  margin-top: -2px; }

.listModeSimple .editing .editTitleOk,
.listModeSimple .editing .editTitleCancel {
  float: right !important; }

.listModeSimple .editing .editTitleOk {
  margin-right: 20px; }

.codeInfo .alert.alert-error.title-error {
  float: left; }

.codeInfo .titleContainer {
  margin-top: 20px !important;
  display: inline-block;
  float: left;
  max-width: calc(100% - 40px); }
  .codeInfo .titleContainer .titleSpan {
    font-size: 26px;
    font-weight: 600;
    color: #797d80 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left; }
    .codeInfo .titleContainer .titleSpan:hover {
      color: #616568 !important; }
  .codeInfo .titleContainer span.qr-type {
    margin-right: 10px;
    float: left;
    margin-top: 4px; }
    .codeInfo .titleContainer span.qr-type i {
      color: #797d80;
      font-size: 28px; }
  .codeInfo .titleContainer .editTitle {
    opacity: 0;
    position: absolute;
    right: -30px;
    color: #a4a6a8;
    font-size: 30px;
    top: 7px;
    line-height: 1;
    cursor: pointer; }
  .codeInfo .titleContainer:hover .editTitle {
    display: inline-block;
    opacity: 1; }
    .codeInfo .titleContainer:hover .editTitle:hover {
      color: #797d80; }

.codeInfo .titleSpan {
  display: inline-block;
  text-decoration: none;
  width: auto;
  max-width: 92%;
  min-width: 202px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  word-break: break-all;
  padding: 2px 3px 2px 0; }
  .codeInfo .titleSpan span {
    display: inline-block;
    font-family: sans-serif;
    margin-left: 15px;
    color: #999;
    font-weight: 300;
    font-style: italic; }

#cListViewWrapper .dropdown-menu {
  z-index: 9000 !important;
  top: 0;
  padding-top: 2px; }
  #cListViewWrapper .dropdown-menu li a {
    position: relative; }
    #cListViewWrapper .dropdown-menu li a i {
      top: 9px !important;
      left: 26px !important; }

#cListViewWrapper .btn-group-actions.open .dropdown-toggle {
  z-index: 9001;
  border: 0; }

.titleContainer.editing .editTitleOk,
.titleContainer.editing .editTitleCancel {
  display: inline-block;
  border-radius: 2px;
  padding: 5px 20px;
  margin-top: 4px;
  float: left;
  text-decoration: none; }

.titleContainer.editing .editTitleCancel {
  padding: 5px;
  color: #a4a6a8; }
  .titleContainer.editing .editTitleCancel:hover {
    color: #797d80; }

.titleContainer.editing .editTitle {
  display: none !important; }

.titleContainer.editing .titleSpan {
  border-radius: 2px;
  border: 1px solid #d4d4d4 !important;
  padding: 5px 15px 5px 5px !important;
  width: 300px;
  margin-left: -5px;
  white-space: nowrap;
  overflow: hidden;
  display: none;
  outline: none;
  line-height: 1 !important;
  float: left; }

.titleContainer .titleSpan-input {
  float: left;
  margin-top: 2px;
  margin-left: -6px;
  margin-bottom: 1px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #d4d4d4 !important;
  padding: 5px 15px 5px 5px !important;
  width: 300px;
  font-size: 26px;
  font-weight: 600;
  color: #797d80 !important; }

.titleContainer .titleSpan {
  min-height: 20px; }

.titleContainer .editTitleOk, .titleContainer .editTitleCancel {
  padding: 3px 7px;
  margin-bottom: -8px; }

.listItem.created,
.listHeader.created {
  text-align: left !important; }

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

.listItem.created {
  color: #797d80;
  line-height: 14px;
  text-transform: uppercase;
  padding-top: 26px; }

.cListView:hover .listItem .subtitleSpan {
  visibility: visible; }

.cListView:hover .listItem.actions {
  visibility: visible; }

.cListView:hover .listItem.check,
.cListView:hover .listHeader.check {
  opacity: 1; }

.listItem.scans {
  color: #999;
  padding-top: 12px; }

.listItem.scans .uniqueLabel, .listItem.scans .uniqueHolder {
  line-height: 14px; }

.listItem {
  height: auto; }

.listModeSimple.clickable .cListView .row1 {
  cursor: pointer; }

#cListViewWrapper.cList5Col .cListView {
  height: auto; }

#cListViewWrapper.cList5Col .listHeader,
#cListViewWrapper.cList5Col .listItem {
  width: 20% !important;
  padding: 5px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#cListViewWrapper.cList5Col .list-view .pager {
  text-align: center;
  margin: 15px 0 15px 0; }

.col-user,
.col-user-actions {
  padding-top: 15px; }

.col-user .titleContainer {
  margin-left: -10px; }

.col-user-actions {
  text-align: right; }
  .col-user-actions select {
    margin-top: 5px; }
  .col-user-actions select, .col-user-actions .btn {
    float: none; }

@media (max-width: 768px) {
  .col-user-actions {
    text-align: left;
    padding-top: 0; } }

#cListViewWrapper.upgradescreen .restoreLink, #cListViewWrapper.upgradescreen .deleteLink, #cListViewWrapper.upgradescreen .action_download, #cListViewWrapper.upgradescreen .action_edit, #cListViewWrapper.upgradescreen .action_tracking, #cListViewWrapper.upgradescreen .action_design {
  display: none; }

#cListViewWrapper.upgradescreen .action_archive {
  border-bottom-left-radius: auto !important;
  border-top-left-radius: auto !important; }

#cListViewWrapper.archivescreen .archiveLink {
  display: none; }

#cListViewWrapper.archivescreen .imgContainer {
  position: relative; }
  #cListViewWrapper.archivescreen .imgContainer:after {
    font-family: qrbackend2;
    content: "\e001";
    position: absolute;
    color: #fff;
    padding: 10px;
    background: #aaa;
    font-size: 22px;
    width: 45px !important;
    height: 45px !important;
    top: auto;
    left: auto;
    text-align: center;
    visibility: visible !important;
    right: 5px;
    bottom: 5px;
    line-height: 28px;
    border-radius: 45px;
    opacity: 1 !important;
    display: block !important;
    width: auto;
    height: auto;
    border: 4px solid #fff; }
  #cListViewWrapper.archivescreen .imgContainer img {
    opacity: 0.15; }
  #cListViewWrapper.archivescreen .imgContainer .qr-preview-overlay:hover {
    cursor: default; }

.info-container {
  background-color: #fff !important;
  border: 1px #d4d4d4 solid !important;
  border-radius: 2px !important;
  text-align: center !important;
  padding: 40px 0; }

.listModeSimple .info-container {
  border: 0 !important; }

.empty,
.emptystate {
  border: none;
  padding: 15px 35px 15px 14px;
  border-radius: 4px;
  width: auto;
  display: block;
  background-color: transparent;
  color: #999;
  padding: 30px;
  text-align: center;
  color: #aaa;
  font-size: 22px;
  margin-bottom: 15px; }
  .empty a.btn,
  .emptystate a.btn {
    font-weight: bold;
    padding: 10px 20px; }

.empty {
  font-size: 16px; }

.listModeDetail .emptystate {
  border: 2px solid #E4E4E4; }

.resize-container {
  width: calc(100% - 320px);
  float: left;
  padding-left: 15px; }

.listEmpty #summaryPlugin {
  display: none; }

.colorpicker.dropdown-menu.colorpicker-visible {
  z-index: 9999999 !important; }

@media (max-width: 768px) {
  .listModeDetail .action_tracking {
    margin-left: 0px; }
  .listModeSimple .cListView .btn-group-actions {
    display: block; }
  .list-tools,
  .searchContainer,
  .searchContainer input,
  .searchContainer input:focus,
  .searchContainer input.active {
    -webkit-transition: width 0s;
    -o-transition: width 0s;
    transition: width 0s; }
  .list-tools {
    height: 50px;
    margin-top: 0; }
  .listHeader.scansTotal,
  .listItem.scansTotal {
    display: none; }
  .listHeader.scansUnique,
  .listItem.scansUnique {
    width: 14%; }
  .listHeader.created,
  .listItem.created {
    display: none; }
  .listModeSimple #cListViewHeader,
  .listModeSimple .cListView .row1 {
    padding-right: 50px; } }

@media (max-width: 480px) {
  .resize-container {
    padding-left: 20px; } }

@media (max-width: 1024px) {
  .codeInfo .titleContainer {
    max-width: 100%; }
  .editTitle {
    display: none !important; }
  .codeInfo .titleContainer .titleSpan {
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden !important; } }

@media (max-width: 1024px) {
  .codeInfo .titleContainer {
    width: 100%; }
    .codeInfo .titleContainer .titleSpan {
      max-width: 80%;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      padding-top: 0px !important; } }

.listModeSimple .checkboxes-container {
  float: left; }

@media (max-width: 1200px) {
  #qrcode-model-grid .checkboxes-container.blue-checkbox [type="checkbox"]:not(:checked) + label:before,
  #qrcode-model-grid .checkboxes-container.blue-checkbox [type="checkbox"]:checked + label:before {
    left: 0px !important; }
  #qrcode-model-grid .checkboxes-container.blue-checkbox [type="checkbox"]:not(:checked) + label:after,
  #qrcode-model-grid .checkboxes-container.blue-checkbox [type="checkbox"]:checked + label:after {
    left: -20px !important; }
  .listHeader:last-child {
    padding-left: 0 !important; }
  .listModeSimple .editing .editTitleOk {
    margin-right: 38px; }
  .listItem .titleContainer {
    width: 100%; }
    .listItem .titleContainer .titleSpan {
      max-width: 80%;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      padding-top: 0 !important; } }

@media (max-width: 991px) {
  .listModeSimple .dropdown-container .btn-group-actions {
    right: 15px; }
  .manage-tools {
    padding-top: 10px !important; }
  .codeInfo .tableContainer {
    padding-right: 15px; } }

@media (max-width: 991px) {
  .statistics-container {
    display: none !important; }
  .statistics-container-mobile {
    display: block; } }

@media (max-width: 768px) {
  .listItem.code,
  .listHeader.code {
    width: 65%;
    padding-left: 0 !important; } }

@media (max-width: 768px) {
  .listHeader:last-child {
    display: none; } }

@media (max-width: 700px) {
  .searchContainer {
    margin-top: 10px; }
  .codeInfo .scansContainer {
    height: 200px !important; }
  .codeInfo .resize-container {
    padding-bottom: 10px;
    width: 100%;
    border-top: 1px #d4d4d4 solid;
    padding-left: 25px; } }

@media (max-width: 480px) {
  .listItem.code,
  .listHeader.code {
    width: 80%; }
  .resize-container {
    padding-bottom: 10px; }
  .searchContainer {
    width: 100% !important;
    margin-top: 10px; }
    .searchContainer input {
      width: 100% !important; }
  .list-tools {
    text-align: right;
    width: 100%; }
  .switchListMode {
    margin-right: 20px; } }

@media (max-width: 560px) {
  .listModeSimple #qrcode-model-grid .checkboxes-container.blue-checkbox [type="checkbox"]:not(:checked) + label:before,
  .listModeSimple #qrcode-model-grid .checkboxes-container.blue-checkbox [type="checkbox"]:checked + label:before {
    left: -10px !important; }
  .listModeSimple #qrcode-model-grid .checkboxes-container.blue-checkbox [type="checkbox"]:not(:checked) + label:after,
  .listModeSimple #qrcode-model-grid .checkboxes-container.blue-checkbox [type="checkbox"]:checked + label:after {
    left: -40px !important; } }

@media (max-width: 420px) {
  .listModeSimple .scansUnique {
    display: none; } }

@media (max-width: 320px) {
  .container-mobile {
    margin: 0 -15px !important; } }

.firstrun .steps {
  display: none;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  padding: 24px 0px; }
  .firstrun .steps.active {
    display: block !important; }

.newgenerator .qr-preview-overlay {
  height: 368px; }

.newgenerator .btn-group.bootstrap-select {
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important; }

.newgenerator .btn.selectpicker {
  height: 44px; }

.newgenerator .box {
  padding-bottom: 90px; }

.newgenerator .col-static-codetypes,
.newgenerator .col-dynamic-codetypes {
  background: #fff; }

@keyframes pulse_animation {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.2); } }

.newgenerator, .form2col {
  display: block;
  font-size: 14px;
  line-height: 22px; }
  .newgenerator .row-generator-codetype-chooser, .form2col .row-generator-codetype-chooser {
    padding: 20px 0;
    margin: 0; }
    .newgenerator .row-generator-codetype-chooser .dynamiccodes .code-type-card i, .newgenerator .row-generator-codetype-chooser .staticcodes .code-type-card i, .form2col .row-generator-codetype-chooser .dynamiccodes .code-type-card i, .form2col .row-generator-codetype-chooser .staticcodes .code-type-card i {
      -webkit-transition: all 200ms ease-in;
      -webkit-transform: scale(1);
      -ms-transition: all 200ms ease-in;
      -ms-transform: scale(1);
      -moz-transition: all 200ms ease-in;
      -moz-transform: scale(1);
      transition: all 200ms ease-in;
      transform: scale(1);
      transform-origin: 75% 50%; }
    .newgenerator .row-generator-codetype-chooser .dynamiccodes .code-type-card:hover i, .newgenerator .row-generator-codetype-chooser .dynamiccodes .code-type-card .active i, .newgenerator .row-generator-codetype-chooser .staticcodes .code-type-card:hover i, .newgenerator .row-generator-codetype-chooser .staticcodes .code-type-card .active i, .form2col .row-generator-codetype-chooser .dynamiccodes .code-type-card:hover i, .form2col .row-generator-codetype-chooser .dynamiccodes .code-type-card .active i, .form2col .row-generator-codetype-chooser .staticcodes .code-type-card:hover i, .form2col .row-generator-codetype-chooser .staticcodes .code-type-card .active i {
      -webkit-transition: all 200ms ease-in;
      -webkit-transform: scale(1.2);
      -ms-transition: all 200ms ease-in;
      -ms-transform: scale(1.2);
      -moz-transition: all 200ms ease-in;
      -moz-transform: scale(1.2);
      transition: all 200ms ease-in;
      transform: scale(1.2); }
    .newgenerator .row-generator-codetype-chooser .dynamiccodes .code-type-card:nth-child(even), .newgenerator .row-generator-codetype-chooser .staticcodes .code-type-card:nth-child(even), .form2col .row-generator-codetype-chooser .dynamiccodes .code-type-card:nth-child(even), .form2col .row-generator-codetype-chooser .staticcodes .code-type-card:nth-child(even) {
      padding-left: 15px !important;
      padding-right: 0 !important; }
      @media (max-width: 1200px) {
        .newgenerator .row-generator-codetype-chooser .dynamiccodes .code-type-card:nth-child(even), .newgenerator .row-generator-codetype-chooser .staticcodes .code-type-card:nth-child(even), .form2col .row-generator-codetype-chooser .dynamiccodes .code-type-card:nth-child(even), .form2col .row-generator-codetype-chooser .staticcodes .code-type-card:nth-child(even) {
          padding: 0 !important; } }
    .newgenerator .row-generator-codetype-chooser .dynamiccodes .code-type-card:nth-child(odd), .newgenerator .row-generator-codetype-chooser .staticcodes .code-type-card:nth-child(odd), .form2col .row-generator-codetype-chooser .dynamiccodes .code-type-card:nth-child(odd), .form2col .row-generator-codetype-chooser .staticcodes .code-type-card:nth-child(odd) {
      padding-left: 0 !important;
      padding-right: 10px !important; }
      @media (max-width: 1200px) {
        .newgenerator .row-generator-codetype-chooser .dynamiccodes .code-type-card:nth-child(odd), .newgenerator .row-generator-codetype-chooser .staticcodes .code-type-card:nth-child(odd), .form2col .row-generator-codetype-chooser .dynamiccodes .code-type-card:nth-child(odd), .form2col .row-generator-codetype-chooser .staticcodes .code-type-card:nth-child(odd) {
          padding: 0 !important; } }
  .newgenerator .row-generator-group, .form2col .row-generator-group {
    position: relative; }
  .newgenerator .row-generator-placeholder,
  .newgenerator .sortable-placeholder, .form2col .row-generator-placeholder,
  .form2col .sortable-placeholder {
    height: 47px;
    background: #f5f5f5; }
  .newgenerator h5, .form2col h5 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px; }
  .newgenerator .row-generator-divider,
  .newgenerator .row-generator-divider-blank, .form2col .row-generator-divider,
  .form2col .row-generator-divider-blank {
    background: #FCFCFD;
    border: 1px solid #F8FBFD;
    border-top: 1px solid #EDF0F2;
    border-width: 1px 0;
    height: 20px; }
  .newgenerator .row-generator-divider-blank, .form2col .row-generator-divider-blank {
    border: none;
    background: #fff; }
  .newgenerator .row-form-sub .col-form-a, .form2col .row-form-sub .col-form-a {
    font-size: 14px !important;
    font-weight: normal !important; }
  .newgenerator .row-form, .form2col .row-form {
    margin: 0;
    padding-bottom: 0; }
    .newgenerator .row-form .meta, .form2col .row-form .meta {
      font-size: 12px;
      color: #aaa;
      padding: 10px 10px;
      display: inline-block; }
    .newgenerator .row-form .col-form-a, .form2col .row-form .col-form-a {
      border-top: 1px solid #F2F4F5; }
    .newgenerator .row-form .col-form-b, .form2col .row-form .col-form-b {
      border-top: 1px solid #E1E5E5; }
    .newgenerator .row-form.row-form-light .col-form-b, .form2col .row-form.row-form-light .col-form-b {
      border-top: 1px solid #F2F4F5; }
    .newgenerator .row-form.active .col-form-a, .form2col .row-form.active .col-form-a {
      padding-right: 20px;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      color: #000 !important; }
    .newgenerator .row-form .col-form-a, .form2col .row-form .col-form-a {
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      height: 100%;
      padding: 12px 25px 0 10px;
      vertical-align: middle;
      font-weight: bold;
      cursor: pointer;
      color: #999;
      color: #636F73;
      border-width: 1px;
      font-family: "Lato", sans-serif;
      font-size: 15px;
      line-height: 15px; }
      .newgenerator .row-form .col-form-a label, .form2col .row-form .col-form-a label {
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 0; }
      .newgenerator .row-form .col-form-a .btn-link, .form2col .row-form .col-form-a .btn-link {
        margin: 0;
        padding: 0;
        font-size: 13px;
        margin-top: 0;
        font-family: "Maison Neue", sans-serif; }
      .newgenerator .row-form .col-form-a small, .form2col .row-form .col-form-a small {
        font-family: "Maison Neue", sans-serif;
        font-weight: normal;
        font-size: 12px;
        margin-top: 5px;
        color: #999; }
    .newgenerator .row-form .col-form-b, .form2col .row-form .col-form-b {
      padding: 0;
      position: relative;
      min-height: 44px; }
      .newgenerator .row-form .col-form-b .alert, .form2col .row-form .col-form-b .alert {
        margin-bottom: 0;
        border-radius: 0; }
      .newgenerator .row-form .col-form-b img.preview, .form2col .row-form .col-form-b img.preview {
        min-width: 50px; }
      .newgenerator .row-form .col-form-b div[class*="col-"], .form2col .row-form .col-form-b div[class*="col-"] {
        margin: 0;
        padding: 0; }
      .newgenerator .row-form .col-form-b.disabled, .form2col .row-form .col-form-b.disabled {
        pointer-events: none;
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30); }
      .newgenerator .row-form .col-form-b .switchlist, .form2col .row-form .col-form-b .switchlist {
        margin: 10px 0 !important; }
    .newgenerator .row-form .progress, .form2col .row-form .progress {
      width: 100%;
      border-radius: 0;
      height: 50px;
      margin-bottom: 0; }
    .newgenerator .row-form .img-preview-container, .form2col .row-form .img-preview-container {
      position: relative;
      display: inline-block;
      float: left; }
      .newgenerator .row-form .img-preview-container .overlay-preview, .form2col .row-form .img-preview-container .overlay-preview {
        color: #fff;
        position: absolute;
        bottom: 10px;
        font-size: 20px;
        right: 10px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0); }
      .newgenerator .row-form .img-preview-container:hover .overlay-preview, .form2col .row-form .img-preview-container:hover .overlay-preview {
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80); }
      .newgenerator .row-form .img-preview-container img, .form2col .row-form .img-preview-container img {
        max-width: 120px;
        cursor: pointer; }
        .newgenerator .row-form .img-preview-container img:hover, .form2col .row-form .img-preview-container img:hover {
          opacity: 0.8;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
          filter: alpha(opacity=80); }
        .newgenerator .row-form .img-preview-container img:active, .form2col .row-form .img-preview-container img:active {
          opacity: 0.6;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
          filter: alpha(opacity=60); }
    .newgenerator .row-form .input-group, .form2col .row-form .input-group {
      border: none;
      margin: 0; }
      .newgenerator .row-form .input-group .input-group-addon, .form2col .row-form .input-group .input-group-addon {
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #D8DDE2; }
      .newgenerator .row-form .input-group .input-group-addon-checkbox, .form2col .row-form .input-group .input-group-addon-checkbox {
        vertical-align: top;
        background: #fbfbfb;
        border-right: 1px solid #eee;
        padding-top: 18px !important; }
      .newgenerator .row-form .input-group input[type="text"], .form2col .row-form .input-group input[type="text"] {
        margin: 0; }
  .newgenerator .section-generator, .form2col .section-generator {
    float: left;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    position: relative;
    min-height: 200px; }
  .newgenerator .carousel .carousel-inner, .form2col .carousel .carousel-inner {
    overflow: visible !important; }
    .newgenerator .carousel .carousel-inner > .item, .form2col .carousel .carousel-inner > .item {
      min-height: 300px; }
  .newgenerator .carousel.sliding .carousel-inner, .form2col .carousel.sliding .carousel-inner {
    overflow: hidden !important; }

.row-generator-body {
  width: 100%;
  float: left; }

.footer-generator-actions {
  float: left;
  width: 100%; }
  .footer-generator-actions .btn-primary {
    padding-left: 50px;
    padding-right: 50px; }
    .footer-generator-actions .btn-primary[data-loading] {
      padding-left: 76px; }
  .footer-generator-actions .col-skip {
    padding: 15px 10px;
    color: #aaa;
    font-size: 15px; }
    .footer-generator-actions .col-skip a {
      padding: 0 10px; }

.row-preview-switch {
  height: 62px; }

.newgenerator .row-form, .form2col .row-form {
  background: #fff; }
  .newgenerator .row-form .error > input[type="text"], .form2col .row-form .error > input[type="text"] {
    padding: 0px 0px 0px 19px; }
  .newgenerator .row-form input[type="text"], .newgenerator .row-form textarea, .newgenerator .row-form select, .newgenerator .row-form .btn.selectpicker-input, .form2col .row-form input[type="text"], .form2col .row-form textarea, .form2col .row-form select, .form2col .row-form .btn.selectpicker-input {
    width: 100%;
    padding: 1px 0px 1px 20px;
    border: none;
    padding-left: 20px;
    box-sizing: border-box;
    background: #fafafa;
    color: #333;
    background: #f8f9f9;
    border: 0;
    border-radius: 0;
    margin: 0;
    font-size: 20px;
    box-shadow: inset 3px 0px 7px -4px rgba(0, 0, 0, 0.12); }
    .newgenerator .row-form input[type="text"]:focus, .newgenerator .row-form textarea:focus, .newgenerator .row-form select:focus, .newgenerator .row-form .btn.selectpicker-input:focus, .form2col .row-form input[type="text"]:focus, .form2col .row-form textarea:focus, .form2col .row-form select:focus, .form2col .row-form .btn.selectpicker-input:focus {
      background: #fff;
      color: #000; }
  .newgenerator .row-form input[type="text"], .newgenerator .row-form select, .form2col .row-form input[type="text"], .form2col .row-form select {
    height: 44px; }
    .newgenerator .row-form input[type="text"].bordered, .newgenerator .row-form select.bordered, .form2col .row-form input[type="text"].bordered, .form2col .row-form select.bordered {
      border-bottom: 1px solid #EDF0F2; }
  .newgenerator .row-form select, .form2col .row-form select {
    border-radius: none;
    margin: 0;
    border: none; }
  .newgenerator .row-form .btn.selectpicker-input, .form2col .row-form .btn.selectpicker-input {
    font-size: 16px; }
    .newgenerator .row-form .btn.selectpicker-input i, .form2col .row-form .btn.selectpicker-input i {
      margin-right: 10px; }
  .newgenerator .row-form textarea, .form2col .row-form textarea {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    height: 180px;
    min-height: 180px;
    max-width: 100%;
    margin-bottom: -7px; }
  .newgenerator .row-form .col-form-b + .col-form-b, .form2col .row-form .col-form-b + .col-form-b {
    border-left: 1px solid #E1E5E5; }
    .newgenerator .row-form .col-form-b + .col-form-b input[type="text"], .form2col .row-form .col-form-b + .col-form-b input[type="text"] {
      box-shadow: none; }

.newgenerator .row-form-first, .form2col .row-form-first {
  border-radius: 5px 5px 0 0 !important; }
  .newgenerator .row-form-first .col-form-b, .newgenerator .row-form-first .col-form-a, .form2col .row-form-first .col-form-b, .form2col .row-form-first .col-form-a {
    border-top: none !important; }

.newgenerator .row-form-last, .form2col .row-form-last {
  border-bottom: 1px solid #F2F4F5; }

.newgenerator .spinner-overlay {
  border-radius: 0; }

.newgenerator .row-form-hasinput .col-form-b {
  border-left: 1px solid #E1E5E5; }

.newgenerator .row-form-meta {
  width: 100%;
  position: relative;
  display: block;
  background: #FAFAFB;
  color: #999; }
  .newgenerator .row-form-meta .action-more {
    position: absolute;
    top: 0px;
    right: 0px; }
    .newgenerator .row-form-meta .action-more a {
      font-size: 14px; }
  .newgenerator .row-form-meta .col-form-a {
    font-size: 13px !important;
    line-height: 30px !important;
    height: 44px;
    min-height: 44px; }
  .newgenerator .row-form-meta .col-form-b {
    height: 44px;
    min-height: 44px; }
    .newgenerator .row-form-meta .col-form-b input[type="text"] {
      background: transparent;
      font-size: 15px;
      border: none;
      border-left: none;
      padding-right: 120px;
      height: 44px; }
      .newgenerator .row-form-meta .col-form-b input[type="text"]:focus {
        background: #fff; }

/**
 *  Smartphone and QR Code preview
 */
.preview-qrcode {
  text-align: center;
  position: relative;
  padding: 0px !important;
  overflow: hidden; }
  .preview-qrcode .code-container {
    position: relative;
    min-height: 358px; }
  .preview-qrcode img {
    width: 100%; }
  .preview-qrcode .settings-preview-qrcode {
    text-align: left; }
    .preview-qrcode .settings-preview-qrcode .row-shorturl .input-combo {
      padding: 5px 0 5px 10px;
      float: left; }
      .preview-qrcode .settings-preview-qrcode .row-shorturl .input-combo span, .preview-qrcode .settings-preview-qrcode .row-shorturl .input-combo .codeInput {
        display: inline-block;
        font-size: 14px;
        line-height: 1; }
      .preview-qrcode .settings-preview-qrcode .row-shorturl .input-combo .codeInput {
        width: 90px;
        height: auto;
        padding: 0;
        margin: 0;
        background: #fbfbfb; }
        .preview-qrcode .settings-preview-qrcode .row-shorturl .input-combo .codeInput[disabled="disabled"] {
          color: #999;
          background: #fff; }
    .preview-qrcode .settings-preview-qrcode .row-shorturl .btn {
      margin: 0;
      padding: 10px; }
  .preview-qrcode .footer-preview-qrcode {
    text-align: center;
    background-image: -moz-linear-gradient(-89deg, #F5F6F6 0%, #F2F3F3 100%);
    background-image: -ms-linear-gradient(-89deg, #F5F6F6 0%, #F2F3F3 100%);
    background-image: linear-gradient(-179deg, #F5F6F6 0%, #F2F3F3 100%);
    border-top: 1px solid #EAEDEF;
    height: 50px;
    border-radius: 0 0 5px 5px; }
    .preview-qrcode .footer-preview-qrcode .btn {
      background: none;
      width: 100%;
      position: relative;
      height: 50px;
      color: #9DA6AD;
      font-weight: bold; }
      .preview-qrcode .footer-preview-qrcode .btn:hover {
        color: #6F7A82; }
      .preview-qrcode .footer-preview-qrcode .btn:active, .preview-qrcode .footer-preview-qrcode .btn.active {
        box-shadow: none; }
      .preview-qrcode .footer-preview-qrcode .btn i {
        position: absolute;
        right: 15px;
        top: 15px; }

.qr-preview-overlay {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.96);
  border-radius: 5px 5px 0 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s; }
  .qr-preview-overlay .spinner {
    width: 36px;
    height: 36px;
    position: absolute !important;
    top: 175px !important;
    left: 50% !important; }
  .qr-preview-overlay.loading {
    -webkit-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    transition: opacity 0.1s;
    opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95); }

.btn-generator-done {
  display: none !important; }

.col-skip {
  display: none; }

.btn-generator-prev {
  -webkit-transition: all 0.2s ease 0.3s;
  -o-transition: all 0.2s ease 0.3s;
  transition: all 0.2s ease 0.3s;
  color: #eee; }

.col-preview .alert-not-scanable {
  margin-bottom: 0;
  display: none; }

.col-preview.error .alert-not-scanable {
  display: block; }

.position-spinner {
  display: inline-block; }

/**
 * Generator States
 */
.state-designer-image-uploaded .row-designer-extended,
.state-designer-extended .row-designer-extended {
  display: none; }

.ie8 .state-generator-codetype .btn-generator-prev, .ie9 .state-generator-codetype .btn-generator-prev {
  display: none; }

.state-generator-codetype .firststep {
  display: block; }

.state-generator-codetype .secondstep {
  display: none; }

.state-generator-codetype .btn-generator-prev {
  pointer-events: none;
  opacity: 0; }

.state-generator-data .col-skip {
  display: inline-block !important; }

.state-generator-design .btn-generator-save-directly {
  display: none !important; }

.state-generator-design .btn-generator-next {
  display: none !important; }

.state-generator-design .btn-generator-done {
  display: inline-block !important; }

/**
 *  Generator wizard style progress bar
 *  @todo
 */
.blurred {
  filter: blur(5px);
  -webkit-filter: blur(5px); }

.overlay-restriction {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #333;
  background: rgba(0, 10, 10, 0.65);
  border-radius: 3px;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8); }
  .overlay-restriction .overlay-restriction-inner {
    height: 100%;
    width: 100%;
    display: table;
    text-align: center; }
    .overlay-restriction .overlay-restriction-inner span {
      margin: 0 20px;
      display: table-cell;
      vertical-align: middle;
      color: #FFFFFF;
      height: 100%; }
  .overlay-restriction a {
    color: #6CBFF7; }
    .overlay-restriction a:hover {
      color: #8ABFEC; }

@media (max-width: 1200px) {
  .btn-help {
    display: none; }
  .newgenerator .row-form .col-form-a {
    padding: 10px 15px 6px 15px;
    min-height: auto;
    height: auto; }
  .newgenerator .row-form .col-form-b {
    border-top: none !important;
    border-left: none !important;
    min-height: auto;
    height: auto; }
    .newgenerator .row-form .col-form-b input[type="text"], .newgenerator .row-form .col-form-b textarea, .newgenerator .row-form .col-form-b select, .newgenerator .row-form .col-form-b .btn.selectpicker {
      box-shadow: inset 0px 3px 6px -3px rgba(0, 0, 0, 0.07);
      background: #f9f9f9; }
    .newgenerator .row-form .col-form-b .btn {
      margin-left: 10px; }
    .newgenerator .row-form .col-form-b .dropdown-menu {
      right: 0; } }

@media (min-width: 1200px) {
  .newgenerator .col-form-a {
    text-align: right;
    min-height: 44px; } }

.generator-pre-content {
  height: 65px;
  border-bottom: 1px solid #eaeaea;
  padding-top: 5px;
  padding-bottom: 10px; }

.newgen-v2 {
  padding-top: 18px; }
  .newgen-v2 .formly-field {
    height: auto; }
  .newgen-v2 .step-description {
    height: 40px;
    margin-top: 10px;
    margin-bottom: -3px;
    letter-spacing: 0.1em;
    margin: 0;
    color: #323032;
    font-weight: 400; }
    .newgen-v2 .step-description h2, .newgen-v2 .step-description .h2 {
      font-size: 24px; }
  .newgen-v2 .row-generator-body {
    padding-top: 22px; }
  .newgen-v2 .footer-generator-actions {
    padding-top: 43px; }
  .newgen-v2.state-generator-codetype .btn-default-gen, .newgen-v2.state-generator-data .btn-default-gen, .newgen-v2.state-generator-design .btn-default-gen {
    outline: 0;
    cusor: pointer;
    border: 0px;
    background: #F7F7F7;
    border: 2px solid #EAEAEA;
    color: #818590 !important;
    width: 20% !important;
    border-radius: 0px;
    height: 55px;
    margin-left: 0px;
    margin-right: 0px;
    -webkit-transition: margin-left 0.4s ease;
    -o-transition: margin-left 0.4s ease;
    transition: margin-left 0.4s ease;
    padding: 0px 0px;
    color: #fff;
    display: none;
    min-width: 100px; }
  .newgen-v2.state-generator-codetype .btn-primary-gen, .newgen-v2.state-generator-data .btn-primary-gen, .newgen-v2.state-generator-design .btn-primary-gen {
    outline: 0;
    cusor: pointer;
    border: 0px;
    background: #5BC346;
    width: 65%;
    border-radius: 0px;
    height: 55px;
    margin-left: 0px;
    -webkit-transition: margin-left 0.4s ease;
    -o-transition: margin-left 0.4s ease;
    transition: margin-left 0.4s ease;
    padding: 0px 0px;
    color: #fff; }
  .newgen-v2.state-generator-data .btn-primary-gen, .newgen-v2.state-generator-design .btn-primary-gen {
    margin-left: 120px !important;
    width: 55% !important;
    -webkit-transition: width 0.4s ease;
    -o-transition: width 0.4s ease;
    transition: width 0.4s ease;
    -webkit-transition: margin-left 0.4s ease;
    -o-transition: margin-left 0.4s ease;
    transition: margin-left 0.4s ease; }
  .newgen-v2.state-generator-data .btn-default-gen, .newgen-v2.state-generator-design .btn-default-gen {
    margin-right: -100px;
    display: inline;
    width: 25%;
    -webkit-transition: margin-right 0.4s ease;
    -o-transition: margin-right 0.4s ease;
    transition: margin-right 0.4s ease;
    -webkit-transition: display 0.4s ease;
    -o-transition: display 0.4s ease;
    transition: display 0.4s ease; }
  .newgen-v2 textarea::-webkit-input-placeholder {
    padding: 2px; }
  .newgen-v2 .state-generator-data #formHere {
    display: block !important; }
  .newgen-v2 .preview-qrcode {
    position: relative;
    top: 69px;
    border: 2px solid #ddd; }
  .newgen-v2 .preview-smartphone {
    position: relative;
    top: 5px; }
  .newgen-v2 .row-form {
    position: relative; }
    .newgen-v2 .row-form.ui-sortable-helper {
      background: #fff; }
    .newgen-v2 .row-form.sortable-item:hover i {
      color: #ccc; }
    .newgen-v2 .row-form.sortable-item i {
      color: #eee;
      position: absolute;
      left: 15px;
      top: 15px; }
    .newgen-v2 .row-form .actions a,
    .newgen-v2 .row-form .filename {
      display: inline-block;
      margin: 10px; }
    .newgen-v2 .row-form .checkbox {
      margin-left: 10px;
      margin-top: 12px; }
    .newgen-v2 .row-form .actions {
      margin-top: 0; }
      .newgen-v2 .row-form .actions a + a {
        margin-left: 0; }
    .newgen-v2 .row-form .btn {
      margin: 10px;
      margin-left: 0; }
    .newgen-v2 .row-form .btn + .btn {
      margin-left: 5px; }
    .newgen-v2 .row-form .btn-group {
      margin: 10px; }
      .newgen-v2 .row-form .btn-group .btn {
        margin: 0; }
    .newgen-v2 .row-form .filename {
      font-size: 14px; }
    .newgen-v2 .row-form .actions a.btn-remove {
      color: #D0021B; }
  .newgen-v2 .popover {
    top: -5px !important; }
  .newgen-v2 .box {
    padding-bottom: 0px; }
  .newgen-v2 .col-generator {
    padding-left: 5px !important;
    padding-right: 5px !important;
    /*Input addon*/ }
    .newgen-v2 .col-generator .first.row {
      margin-top: 40px; }
    .newgen-v2 .col-generator .col-form-b {
      border-color: #F2F4F5;
      padding-right: 18px;
      margin-bottom: 12px; }
    .newgen-v2 .col-generator .col-form-a {
      text-align: left; }
    .newgen-v2 .col-generator .col-2-setup {
      margin-left: -25px; }
    .newgen-v2 .col-generator .col-1-setup {
      padding-right: 43px; }
    @media (max-width: 1200px) {
      .newgen-v2 .col-generator .col-2-setup {
        margin-left: 0px; }
      .newgen-v2 .col-generator .col-1-setup {
        padding-right: 18px !important; } }
    @media (max-width: 1200px) {
      .newgen-v2 .col-generator label {
        height: 36px;
        margin-left: 0px !important; } }
    .newgen-v2 .col-generator label {
      font-size: 14px;
      line-height: 43px;
      font-weight: 400;
      margin-left: -3px; }
      .newgen-v2 .col-generator label:after {
        content: ": "; }
    .newgen-v2 .col-generator a {
      color: #1DB7E9;
      text-decoration: none;
      cursor: pointer; }
    .newgen-v2 .col-generator .originalTextareaInfo {
      position: relative;
      width: 100% !important;
      text-align: right;
      right: 10px;
      color: #DDDDDD;
      font-weight: 300;
      top: -17px; }
    .newgen-v2 .col-generator .fileinput-button, .newgen-v2 .col-generator .call-to-action {
      background: #1CB6EA;
      padding: 12px;
      color: #fff;
      text-transform: uppercase;
      border-radius: 2px;
      border: 0;
      width: 90%;
      margin-bottom: 12px; }
    .newgen-v2 .col-generator .spacer {
      border-top: 1px solid #EAEAEA;
      margin-top: 47px;
      margin-bottom: 25px;
      margin-left: -20px;
      margin-right: -20px; }
    .newgen-v2 .col-generator .advancedoptions i {
      font-size: 12px;
      padding-left: 11px;
      top: 3px;
      position: relative; }
    .newgen-v2 .col-generator .outer-addon i {
      opacity: 0.2;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
      filter: alpha(opacity=20);
      color: #333;
      font-size: 15px;
      -webkit-transition: opacity 0.4s ease;
      -o-transition: opacity 0.4s ease;
      transition: opacity 0.4s ease; }
      .newgen-v2 .col-generator .outer-addon i:hover, .newgen-v2 .col-generator .outer-addon i:focus, .newgen-v2 .col-generator .outer-addon i:active, .newgen-v2 .col-generator .outer-addon i.active {
        cursor: pointer;
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        background: none !important; }
      .newgen-v2 .col-generator .outer-addon i:active i, .newgen-v2 .col-generator .outer-addon i.active {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100); }
    .newgen-v2 .col-generator .outer-addon .icon {
      position: absolute;
      padding: 12px 10px;
      color: #B3B3BB; }
      .newgen-v2 .col-generator .outer-addon .icon.icon-link {
        transform: rotate(90deg); }
    .newgen-v2 .col-generator .outer-addon .left-addon .icon {
      left: 0px; }
    .newgen-v2 .col-generator .outer-addon .right-addon .icon {
      right: -10px; }
    @media (max-width: 1200px) {
      .newgen-v2 .col-generator .outer-addon .right-addon .icon {
        right: 0px !important; } }
    .newgen-v2 .col-generator .inner-addon {
      position: relative; }
      .newgen-v2 .col-generator .inner-addon .tooltip {
        right: -27px;
        top: 15px;
        color: #333; }
        .newgen-v2 .col-generator .inner-addon .tooltip i {
          opacity: 0.2;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
          filter: alpha(opacity=20);
          color: #333;
          font-size: 15px;
          -webkit-transition: opacity 0.4s ease;
          -o-transition: opacity 0.4s ease;
          transition: opacity 0.4s ease; }
          .newgen-v2 .col-generator .inner-addon .tooltip i:hover, .newgen-v2 .col-generator .inner-addon .tooltip i:focus, .newgen-v2 .col-generator .inner-addon .tooltip i:active, .newgen-v2 .col-generator .inner-addon .tooltip i.active {
            cursor: pointer;
            opacity: 0.8;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            filter: alpha(opacity=80);
            background: none !important; }
          .newgen-v2 .col-generator .inner-addon .tooltip i:active i, .newgen-v2 .col-generator .inner-addon .tooltip i.active {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100); }
    .newgen-v2 .col-generator .inner-addon .icon {
      position: absolute;
      padding: 12px 10px;
      pointer-events: none;
      color: #B3B3BB;
      font-size: 18px; }
      .newgen-v2 .col-generator .inner-addon .icon.icon-link {
        transform: rotate(90deg); }
    .newgen-v2 .col-generator .left-addon .icon {
      left: 0px; }
    .newgen-v2 .col-generator .right-addon .icon {
      right: 0px; }
    .newgen-v2 .col-generator .left-addon input {
      padding-left: 30px; }
    .newgen-v2 .col-generator .right-addon input {
      padding-right: 30px; }
    .newgen-v2 .col-generator .error > input[type="text"] {
      border: 2px solid #D71D3A !important; }
    .newgen-v2 .col-generator .error > textarea {
      border: 2px solid #D71D3A !important; }
    .newgen-v2 .col-generator p.indented {
      display: inline-block !important;
      margin-left: 0px;
      max-width: 550px; }
    @media (max-width: 1200px) {
      .newgen-v2 .col-generator p.indented {
        margin-left: -5px; } }
    .newgen-v2 .col-generator h6 {
      padding-top: 8px;
      margin-left: -5px; }
      .newgen-v2 .col-generator h6.show-num {
        padding-left: 15px; }
        .newgen-v2 .col-generator h6.show-num .num {
          visibility: visible !important; }
    .newgen-v2 .col-generator .num {
      width: 40px;
      height: 40px;
      background: #ffffff;
      color: #565656;
      border: 2px solid #e5e5e5;
      line-height: 36px;
      padding-left: 1px;
      display: block;
      float: left;
      text-align: center;
      margin-right: 25px;
      font-size: 16px;
      border-radius: 50px;
      font-family: "Maison Neue", sans-serif;
      margin-top: -8px;
      left: 5px;
      position: relative;
      visibility: hidden; }
      .newgen-v2 .col-generator .num.icon {
        border: 0px;
        margin-top: -6px;
        color: #CACBCF;
        font-size: 22px;
        transform: rotate(30deg); }

.socialmediaHolder {
  display: block;
  margin-top: 5px;
  font-size: 14px; }
  .socialmediaHolder .icon-wrapper {
    padding: 6px 11px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background: #000;
    margin: 10px 4px 5px 0;
    color: #fff;
    float: left;
    line-height: 23px; }
    .socialmediaHolder .icon-wrapper.pointer {
      margin: 0 15px 15px 0;
      cursor: pointer; }
    .socialmediaHolder .icon-wrapper i {
      top: 2px;
      position: relative; }
    .socialmediaHolder .icon-wrapper.facebook {
      background: #3b5998; }
    .socialmediaHolder .icon-wrapper.twitter {
      background: #1da1f2; }
    .socialmediaHolder .icon-wrapper.linkedin {
      background: #0077b5; }
    .socialmediaHolder .icon-wrapper.instagram {
      background: #c13584; }
    .socialmediaHolder .icon-wrapper.xing {
      background: #026466; }
    .socialmediaHolder .icon-wrapper.pinterest {
      background: #bd081c; }
    .socialmediaHolder .icon-wrapper.googleplus {
      background: #EA4F39; }
    .socialmediaHolder .icon-wrapper.vkontakte {
      background: #45668e; }
    .socialmediaHolder .icon-wrapper.vine {
      background: #1ab7ea; }
    .socialmediaHolder .icon-wrapper.flickr {
      background: #ff0084; }
    .socialmediaHolder .icon-wrapper.dribbble {
      background: #ea4c89; }
    .socialmediaHolder .icon-wrapper.youtube {
      background: #cd201f; }
    .socialmediaHolder .icon-wrapper.tripadvisor {
      background: #589442; }
    .socialmediaHolder .icon-wrapper.vimeo {
      background: #1ab7ea; }
    .socialmediaHolder .icon-wrapper.snapchat {
      background: #fffc00; }

#smartphonePlaceholder {
  overflow: hidden !important;
  background: #eee !important; }
  #smartphonePlaceholder iframe {
    height: 516px;
    width: 100%;
    border: 0; }
  #smartphonePlaceholder .angularPreviewWrapper {
    overflow: hidden;
    width: 320px; }

.state-generator-data .previewNoVideoText, .state-generator-design .previewNoVideoText {
  display: none; }

.state-generator-codetype .previewNoVideoText {
  display: none; }

.state-generator-codetype .preview-smartphone-wrapper {
  position: relative; }
  .state-generator-codetype .preview-smartphone-wrapper .previewVideo:hover #playPauseVideo {
    opacity: 1 !important;
    visibility: visible !important; }
    .state-generator-codetype .preview-smartphone-wrapper .previewVideo:hover #playPauseVideo i {
      z-index: 9999;
      opacity: 1;
      font-size: 80px;
      position: absolute;
      top: calc(50% - 40px);
      left: calc(50% - 40px); }
  .state-generator-codetype .preview-smartphone-wrapper.noVideo:hover:after {
    content: "";
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0; }

.state-generator-codetype .preview-smartphone-wrapper.noVideo:hover .previewNoVideoText {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  z-index: 9999;
  position: absolute;
  top: calc(50% - 9px);
  width: 100%;
  cursor: default; }

.state-generator-codetype #imgPlaceholder {
  display: block !important;
  max-height: 516px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .state-generator-codetype #imgPlaceholder #playPauseVideo {
    transition: all .5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(60, 66, 69, 0.5);
    color: #fff;
    z-index: 9999; }
    .state-generator-codetype #imgPlaceholder #playPauseVideo i {
      z-index: 9999;
      opacity: 1;
      font-size: 80px;
      position: absolute;
      top: calc(50% - 40px);
      left: calc(50% - 40px); }

.state-generator-codetype #smartphonePlaceholder {
  display: none !important; }

.state-generator-design #imgPlaceholder {
  display: none !important; }

.state-generator-design #smartphonePlaceholder {
  display: block !important; }

.state-generator-design .firststep {
  display: none !important; }

.state-generator-data .firststep {
  display: none !important; }

.state-generator-data .secondstep {
  display: block !important; }

.state-generator-data #imgPlaceholder {
  display: none !important; }

.state-generator-data #smartphonePlaceholder {
  display: block !important; }

.qr-preview-overlay.loading {
  height: 100% !important; }

.download-save-btn-left,
.download-save-btn-right {
  display: none;
  visibility: hidden; }

.download-new-design.state-generator-design .simple-save-btn {
  display: none !important;
  visibility: hidden !important; }

.download-new-design.state-generator-design .download-save-btn-right {
  display: block;
  visibility: visible;
  margin-top: 40px; }

.download-new-design.state-generator-design.show-button-left .download-save-btn-left {
  display: block !important;
  visibility: visible !important; }

@media (max-width: 767px) {
  .download-new-design.state-generator-design .download-save-btn-left {
    display: block !important;
    visibility: visible !important; } }

.progress {
  position: relative;
  height: 5px;
  display: block;
  width: 100%;
  background-color: #F4F4F4;
  border-radius: 0;
  background-clip: padding-box;
  margin: 0 auto;
  overflow: hidden; }
  .progress .loading-bar {
    background-color: #47bdef; }
  .progress .indeterminate:before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
  .progress .indeterminate:after {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s; }

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

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

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

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

.newgenerator.state-generator-data .loading-video {
  display: none !important; }

.loading-video {
  position: relative;
  top: 50%;
  width: 140px;
  margin: 0 auto;
  font-size: 15px;
  color: #616568;
  text-align: center; }
  .loading-video .progress {
    margin-top: 15px;
    width: 121px; }

@media (max-width: 991px) {
  .qr-opening-hours__frame {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 20px 10px 10px;
    margin: 0 0 10px; } }

.qr-opening-hours .checkboxes-container {
  margin-left: 16px;
  margin-bottom: 16px; }
  @media (max-width: 991px) {
    .qr-opening-hours .checkboxes-container {
      margin-left: 0; } }

.editAvatar {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.37);
  text-align: center;
  border-radius: 50%;
  line-height: 22px;
  border: 1px rgba(212, 212, 212, 0.37) solid; }
  .editAvatar:hover {
    border: 1px rgba(212, 212, 212, 0.54) solid;
    background: rgba(0, 0, 0, 0.54); }
  .editAvatar i {
    color: #fff;
    font-size: 10px; }

.animate-show-hide.ng-hide {
  opacity: 0; }

.animate-show-hide.ng-hide-remove {
  transition: opacity linear 0.5s; }

.editAvatarContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 5px 15px;
  top: 0; }
  .editAvatarContainer label {
    color: #a4a6a8 !important;
    font-size: 12px;
    font-weight: 400;
    float: left;
    width: 100%;
    text-align: left; }
    @media (max-width: 1024px) {
      .editAvatarContainer label {
        float: left;
        display: block;
        width: 100%;
        margin-bottom: 10px !important; } }
  .editAvatarContainer.welcome-extra-container .avatarScaleSlider .rzslider {
    float: left !important;
    margin-top: 8px !important; }
  .editAvatarContainer .avatarScaleSlider .rzslider {
    width: calc(100% - 50px);
    margin: 0; }
    .editAvatarContainer .avatarScaleSlider .rzslider .rz-bar {
      background: #eaeaea; }
      .editAvatarContainer .avatarScaleSlider .rzslider .rz-bar.rz-selection {
        background: #a4a6a8; }
    .editAvatarContainer .avatarScaleSlider .rzslider .rz-pointer {
      top: -6px;
      z-index: 3;
      width: 16px;
      height: 16px;
      cursor: pointer;
      background-color: #a4a6a8;
      border-radius: 50%; }
      .editAvatarContainer .avatarScaleSlider .rzslider .rz-pointer:after {
        display: none; }
      .editAvatarContainer .avatarScaleSlider .rzslider .rz-pointer:focus {
        outline: none; }
  .editAvatarContainer .avatarScaleSlider i {
    color: #d4d4d4;
    width: 20px; }
  .editAvatarContainer .avatarScaleSlider .scaleAvatarSmall {
    font-size: 12px;
    float: left;
    margin-top: 4px; }
  .editAvatarContainer .avatarScaleSlider .scaleAvatarBig {
    font-size: 18px;
    float: right;
    margin-top: 2px; }
  .editAvatarContainer .avatarScaleSlider .customColorInput {
    height: 32px;
    padding: 0 5px;
    font-size: 14px; }
  .editAvatarContainer .avatarScaleSlider .input-group-addon {
    height: 32px;
    padding: 5px; }
  .editAvatarContainer .avatarScaleSlider .input-group.color-picker .full-spectrum .sp-preview {
    width: 16px;
    height: 16px; }
  .editAvatarContainer div[class^='avatar-bgd'] {
    background: #f7f7f7;
    border: 2px #d4d4d4 solid;
    width: 44px;
    height: 30px;
    position: relative;
    cursor: pointer;
    border-radius: 2px; }
    .editAvatarContainer div[class^='avatar-bgd'] .custom-bgd {
      width: 26px;
      height: 18px;
      position: relative;
      margin: 4px auto; }
    .editAvatarContainer div[class^='avatar-bgd'].selected {
      border-color: #90c52d; }
      .editAvatarContainer div[class^='avatar-bgd'].selected:before {
        content: '';
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #90c52d;
        z-index: 999;
        right: -8px;
        bottom: -7px;
        position: absolute; }
      .editAvatarContainer div[class^='avatar-bgd'].selected:after {
        font-family: "qrbackend2" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e0aa';
        position: absolute;
        bottom: -11px;
        right: -9px;
        z-index: 1000;
        font-size: 20px;
        color: #fff; }
  .editAvatarContainer .avatar-bgd-white .custom-bgd {
    background: #fff; }
  .editAvatarContainer .avatar-bgd-black .custom-bgd {
    background: #000; }
  .editAvatarContainer .input-group.color-picker .full-spectrum .sp-preview {
    width: 18px !important;
    height: 18px !important; }
  .editAvatarContainer .input-group-addon {
    padding: 2px 4px !important;
    border: 2px solid #eaeaea !important;
    border-radius: 2px;
    background-color: #f7f7f7; }
  .editAvatarContainer .color-picker input[type="text"] {
    height: 30px !important;
    padding: 0 5px;
    font-size: 14px;
    border-right: 0 !important; }
  .editAvatarContainer .doneAvatar {
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    color: #47bdef; }
    .editAvatarContainer .doneAvatar:hover {
      color: #25acdd; }
  .editAvatarContainer .removeAvatar {
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    color: #ff5f4a; }
  @media (max-width: 767px) {
    .editAvatarContainer .slider-container {
      margin-bottom: 15px; } }
  @media (max-width: 767px) {
    .editAvatarContainer .color-container {
      margin-bottom: 25px; } }
  .editAvatarContainer .buttons-container {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
    padding: 0 15px !important; }

.table-cell-middle {
  display: table-cell;
  vertical-align: middle; }

.rating-container {
  background: #f4f4f4;
  border: 1px #eaeaea solid;
  padding: 20px 5px;
  float: left; }
  .rating-container .rating-type {
    cursor: pointer; }
    .rating-container .rating-type:nth-child(1) {
      padding-right: 7.5px; }
    .rating-container .rating-type:nth-child(2) {
      padding-left: 7.5px;
      padding-right: 7.5px; }
    .rating-container .rating-type:nth-child(3) {
      padding-left: 7.5px; }
    @media (max-width: 1024px) {
      .rating-container .rating-type {
        padding: 0 15px !important; }
        .rating-container .rating-type:nth-child(2) {
          margin-top: 25px;
          margin-bottom: 25px; } }
  .rating-container .rating-type-container {
    display: table;
    background: #fff;
    border: 1px #eaeaea solid;
    padding: 15px 20px;
    text-align: center;
    height: 80px;
    width: 100%; }
    .rating-container .rating-type-container:hover {
      border-color: #a4a6a8; }
    .rating-container .rating-type-container.active {
      border-color: #90c52d;
      position: relative; }
      .rating-container .rating-type-container.active:after {
        display: block;
        position: absolute;
        bottom: -8px;
        right: -7px;
        height: 24px;
        width: 24px;
        background-color: #90c52d;
        border-radius: 50%;
        font-family: 'qrbackend2';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e0aa";
        font-size: 22px;
        color: #ffffff;
        text-align: center;
        padding-top: 5px; }
    .rating-container .rating-type-container i {
      color: rgba(0, 0, 0, 0.37);
      font-size: 23px; }
  .rating-container .rating-thumbs {
    float: left;
    display: inline-block; }
    .rating-container .rating-thumbs .table-cell-middle {
      display: inline-block !important; }
    .rating-container .rating-thumbs .thumb-circle {
      width: 48px;
      height: 48px;
      text-align: center;
      border-radius: 50%;
      background: #f7f7f7;
      border: 2px #eaeaea solid;
      padding-top: 10px;
      float: left; }
  .rating-container .rating-smiley i,
  .rating-container .rating-star i {
    margin-top: 5px !important;
    display: inline-block; }

@media (max-width: 767px) {
  #formHere {
    margin-top: 0 !important; } }

.container {
  padding-left: 15px;
  padding-right: 15px; }

.sidebar h6 {
  margin-top: 0px; }

#paymentFormV1 {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #9e9e9e;
  font-size: 16px; }
  #paymentFormV1 h1, #paymentFormV1 h2, #paymentFormV1 h3, #paymentFormV1 h4, #paymentFormV1 h5, #paymentFormV1 h6, #paymentFormV1 p, #paymentFormV1 a, #paymentFormV1 ul, #paymentFormV1 lu, #paymentFormV1 label {
    font-family: "Roboto", Helvetica, Arial, sans-serif; }
  #paymentFormV1 h1, #paymentFormV1 h2, #paymentFormV1 h3, #paymentFormV1 h4, #paymentFormV1 h5, #paymentFormV1 h6, #paymentFormV1 .h1, #paymentFormV1 .h2, #paymentFormV1 .h3, #paymentFormV1 .h4, #paymentFormV1 .h5, #paymentFormV1 .h6 {
    font-weight: 500;
    line-height: 1.2em;
    color: #565656;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
  #paymentFormV1 h1, #paymentFormV1 .h1 {
    font-size: 43px; }
  #paymentFormV1 h2, #paymentFormV1 .h2 {
    font-size: 35px; }
  #paymentFormV1 h3, #paymentFormV1 .h3 {
    font-size: 28px; }
  #paymentFormV1 h4, #paymentFormV1 .h4 {
    font-size: 24px; }
  #paymentFormV1 h5, #paymentFormV1 .h5 {
    font-size: 22px; }
  #paymentFormV1 h6, #paymentFormV1 .h6 {
    font-size: 18px; }
    #paymentFormV1 h6.regular, #paymentFormV1 h6 .regular, #paymentFormV1 .h6.regular, #paymentFormV1 .h6 .regular {
      font-weight: 400; }
    #paymentFormV1 h6.gray, #paymentFormV1 .h6.gray {
      color: #9e9e9e; }
  #paymentFormV1 a {
    color: #5ab7e5; }
    #paymentFormV1 a:hover, #paymentFormV1 a:focus {
      color: #31708C;
      outline: none; }
  #paymentFormV1 p {
    margin: 0px 0px 20px;
    font-weight: 400;
    line-height: 1.5em;
    font-size: 16px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
    #paymentFormV1 p a {
      font-weight: 600; }
  @media (max-width: 991px) {
    #paymentFormV1 .right-sidebar {
      float: left !important; } }
  @media (max-width: 991px) {
    #paymentFormV1 .main-content {
      clear: both; } }
  #paymentFormV1 > h1 {
    margin-top: 20px;
    margin-bottom: 40px; }
    @media (max-width: 991px) {
      #paymentFormV1 > h1 {
        margin-bottom: 10px; } }
  #paymentFormV1 .box {
    box-shadow: none;
    border: none; }
    #paymentFormV1 .box #payment-head {
      background: #e7f8ff;
      border: 2px solid #acdef3;
      border-radius: 3px 3px 0px 0px;
      margin: 0px;
      padding: 30px 50px 0px; }
      @media (max-width: 767px) {
        #paymentFormV1 .box #payment-head {
          padding: 20px 20px 0px; } }
      #paymentFormV1 .box #payment-head h1, #paymentFormV1 .box #payment-head h2, #paymentFormV1 .box #payment-head h3, #paymentFormV1 .box #payment-head h4, #paymentFormV1 .box #payment-head h5, #paymentFormV1 .box #payment-head h6, #paymentFormV1 .box #payment-head p, #paymentFormV1 .box #payment-head ul, #paymentFormV1 .box #payment-head lu, #paymentFormV1 .box #payment-head label, #paymentFormV1 .box #payment-head div, #paymentFormV1 .box #payment-head span {
        color: #3b7d9e !important; }
      #paymentFormV1 .box #payment-head h6 {
        margin-bottom: 20px; }
      #paymentFormV1 .box #payment-head .radio .radio-item {
        padding: 0px;
        margin: 0px;
        margin-bottom: 25px; }
        #paymentFormV1 .box #payment-head .radio .radio-item.first {
          margin-bottom: 20px; }
          @media (max-width: 767px) {
            #paymentFormV1 .box #payment-head .radio .radio-item.first {
              padding-bottom: 20px;
              border-bottom: 1px solid #cde9f6; } }
        #paymentFormV1 .box #payment-head .radio .radio-item label {
          font-size: 16px;
          margin: 0px;
          padding: 0px;
          width: 95%; }
          @media (max-width: 550px) {
            #paymentFormV1 .box #payment-head .radio .radio-item label {
              width: auto; } }
          #paymentFormV1 .box #payment-head .radio .radio-item label .label-title {
            float: left;
            display: inline-block; }
          #paymentFormV1 .box #payment-head .radio .radio-item label .label-sub {
            font-size: 12px;
            float: left;
            clear: both; }
          #paymentFormV1 .box #payment-head .radio .radio-item label .price {
            float: right;
            font-weight: 400;
            font-size: 22px; }
            @media (max-width: 550px) {
              #paymentFormV1 .box #payment-head .radio .radio-item label .price {
                float: left;
                position: relative;
                right: inherit;
                clear: both;
                margin-top: 10px; } }
            #paymentFormV1 .box #payment-head .radio .radio-item label .price .type {
              font-size: 16px; }
          #paymentFormV1 .box #payment-head .radio .radio-item label .btn-save {
            font-size: 12px;
            font-weight: 500;
            line-height: 22px;
            padding: 3px 10px;
            color: #ffffff !important;
            background: #5ab7e5;
            border-radius: 3px;
            display: inline-block;
            margin-left: 15px;
            position: relative;
            top: -3px;
            -webkit-transition: background-color 0.3s ease;
            -o-transition: background-color 0.3s ease;
            transition: background-color 0.3s ease; }
            @media (max-width: 767px) {
              #paymentFormV1 .box #payment-head .radio .radio-item label .btn-save {
                clear: both;
                float: left;
                margin-top: 7px;
                margin-left: 0px;
                left: -2px; } }
            #paymentFormV1 .box #payment-head .radio .radio-item label .btn-save:hover {
              background: #4fa1ca; }
            #paymentFormV1 .box #payment-head .radio .radio-item label .btn-save:active {
              background: #3b7d9e; }
          #paymentFormV1 .box #payment-head .radio .radio-item label.selected .btn-save {
            background: #5ab7e5 !important; }
      #paymentFormV1 .box #payment-head .radio input[type="radio"] {
        cursor: pointer;
        margin: 0px;
        max-width: 5%;
        margin-right: 10px;
        margin-top: 3px;
        border-color: gray !important; }
        @media (max-width: 550px) {
          #paymentFormV1 .box #payment-head .radio input[type="radio"] {
            width: 30px;
            max-width: auto; } }
      #paymentFormV1 .box #payment-head .taxes {
        border-color: #e7f8ff !important;
        padding: 0px;
        font-size: 12px;
        display: block !important;
        max-height: 0px;
        overflow: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #paymentFormV1 .box #payment-head .taxes.show {
          opacity: 1;
          padding: 25px 0px 30px;
          border-color: #cde9f6 !important;
          max-height: 80px; }
    #paymentFormV1 .box .box-padding {
      border: 2px solid #e5e5e5;
      border-top: none;
      border-radius: 0px 0px 3px 3px;
      padding: 40px 0px; }
      #paymentFormV1 .box .box-padding fieldset {
        padding: 0px 80px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e5e5e5; }
        @media (max-width: 767px) {
          #paymentFormV1 .box .box-padding fieldset {
            padding: 0px 30px 30px; } }
        #paymentFormV1 .box .box-padding fieldset.spacing {
          padding-top: 30px; }
        #paymentFormV1 .box .box-padding fieldset.last {
          padding-bottom: 30px; }
      #paymentFormV1 .box .box-padding .num {
        width: 40px;
        height: 40px;
        background: #ffffff;
        color: #565656;
        border: 2px solid #e5e5e5;
        line-height: 36px;
        padding-left: 1px;
        display: block;
        float: left;
        text-align: center;
        margin-right: 25px;
        font-size: 16px;
        border-radius: 50px;
        font-family: "Roboto", Helvetica, Arial, sans-serif; }
      #paymentFormV1 .box .box-padding h5 {
        line-height: 38px;
        margin-left: 0px;
        margin-right: 0px; }
      #paymentFormV1 .box .box-padding p.indented {
        margin-left: 65px; }
      #paymentFormV1 .box .box-padding .row-form {
        margin: 0px !important;
        margin-bottom: 20px !important; }
        #paymentFormV1 .box .box-padding .row-form .col-form-a,
        #paymentFormV1 .box .box-padding .row-form .col-form-b {
          border: none;
          padding: 0px;
          display: table; }
        #paymentFormV1 .box .box-padding .row-form .col-form-a {
          padding-right: 30px; }
          #paymentFormV1 .box .box-padding .row-form .col-form-a label {
            display: table-cell;
            vertical-align: middle;
            line-height: 20px; }
          #paymentFormV1 .box .box-padding .row-form .col-form-a small {
            display: table-row;
            color: #9e9e9e; }
            @media (max-width: 767px) {
              #paymentFormV1 .box .box-padding .row-form .col-form-a small {
                text-align: left; } }
        @media (max-width: 767px) {
          #paymentFormV1 .box .box-padding .row-form .col-form-b {
            display: block; } }
        #paymentFormV1 .box .box-padding .row-form select,
        #paymentFormV1 .box .box-padding .row-form input[type="text"] {
          border: 2px solid #e5e5e5;
          border-radius: 3px;
          background: #ffffff;
          box-shadow: none;
          font-size: 16px;
          font-weight: 500;
          height: 50px;
          outline: none !important; }
          #paymentFormV1 .box .box-padding .row-form select:focus,
          #paymentFormV1 .box .box-padding .row-form input[type="text"]:focus {
            border-color: #7a7a7a !important; }
        #paymentFormV1 .box .box-padding .row-form select {
          cursor: pointer; }
          @media (max-width: 767px) {
            #paymentFormV1 .box .box-padding .row-form select {
              padding-left: 10px; } }
        #paymentFormV1 .box .box-padding .row-form .error select,
        #paymentFormV1 .box .box-padding .row-form .error input[type="text"] {
          border: 2px solid #e5e5e5 !important;
          color: #565656 !important; }
        #paymentFormV1 .box .box-padding .row-form .error select:focus,
        #paymentFormV1 .box .box-padding .row-form .error input[type="text"]:focus {
          border: 2px solid #7a7a7a !important; }
        #paymentFormV1 .box .box-padding .row-form .error label {
          color: #D71D3A !important; }
        #paymentFormV1 .box .box-padding .row-form input[type="text"] {
          font-weight: 400;
          color: #565656;
          line-height: 30px;
          padding: 0px 5px 0px 20px; }
      #paymentFormV1 .box .box-padding .row-form-last {
        border: none; }
      #paymentFormV1 .box .box-padding label {
        font-weight: 400;
        color: #565656;
        font-size: 16px; }
      #paymentFormV1 .box .box-padding #switch-payment-method {
        margin-top: 30px !important;
        margin-bottom: 0px !important; }
        #paymentFormV1 .box .box-padding #switch-payment-method label {
          min-height: 40px; }
      #paymentFormV1 .box .box-padding label.selected {
        font-weight: 500; }
      #paymentFormV1 .box .box-padding label input[type="radio"] {
        margin-right: 10px; }
      #paymentFormV1 .box .box-padding .alert-info,
      #paymentFormV1 .box .box-padding .alert-neutral {
        background: #e7f8ff;
        border: 2px solid #acdef3;
        border-radius: 3px;
        font-size: 16px;
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
        padding: 15px;
        color: #3b7d9e;
        margin-top: 30px;
        margin-bottom: 30px; }
      #paymentFormV1 .box .box-padding #vatid .alert-neutral {
        margin: 0px;
        border-radius: 0px 0px 3px 3px;
        border-top: none; }
      #paymentFormV1 .box .box-padding #UserPaymentInfo_vatid {
        border-radius: 3px 3px 0px 0px;
        border-bottom-color: #acdef3; }
      #paymentFormV1 .box .box-padding b {
        font-weight: 500; }
      #paymentFormV1 .box .box-padding .credit-card-images {
        text-align: right;
        display: block;
        line-height: 48px; }
        @media (max-width: 767px) {
          #paymentFormV1 .box .box-padding .credit-card-images {
            text-align: left; } }
        #paymentFormV1 .box .box-padding .credit-card-images img {
          cursor: pointer;
          opacity: .4;
          border-radius: 3px;
          border: 2px solid #ffffff;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          #paymentFormV1 .box .box-padding .credit-card-images img:hover {
            opacity: 1; }
          #paymentFormV1 .box .box-padding .credit-card-images img.selected {
            border: 2px solid #7a7a7a;
            opacity: 1; }
      #paymentFormV1 .box .box-padding .vert-top {
        vertical-align: top !important; }
      #paymentFormV1 .box .box-padding .col-form-a {
        min-height: 50px;
        text-align: right; }
      #paymentFormV1 .box .box-padding .account-picker {
        margin-left: -10px; }
        #paymentFormV1 .box .box-padding .account-picker label:first-child {
          margin-right: 20px; }
        @media (max-width: 767px) {
          #paymentFormV1 .box .box-padding .account-picker label {
            display: block;
            clear: both; }
            #paymentFormV1 .box .box-padding .account-picker label:first-child {
              margin-bottom: 20px; } }
      #paymentFormV1 .box .box-padding #switch-account-type {
        margin-top: 30px !important;
        margin-bottom: 30px !important; }
      #paymentFormV1 .box .box-padding #sepa_info .alert-neutral {
        margin-top: 5px; }
      @media (max-width: 767px) {
        #paymentFormV1 .box .box-padding .year-picker .pull-right {
          float: left !important;
          margin-left: 20px; }
        #paymentFormV1 .box .box-padding .popover-error {
          clear: both; } }
      #paymentFormV1 .box .box-padding #UserPaymentInfo_creditcard_valid_till_year {
        min-width: 100px; }
    #paymentFormV1 .box .box-footer {
      position: relative;
      bottom: inherit;
      border-radius: none;
      background: none;
      border: none;
      padding: 0px;
      width: auto;
      height: auto;
      background-color: none;
      background-image: none;
      margin-top: 0px;
      left: inherit;
      padding: 40px 80px 0px;
      text-align: right; }
      @media (max-width: 767px) {
        #paymentFormV1 .box .box-footer {
          text-align: left;
          padding: 40px 30px 0px; } }
      #paymentFormV1 .box .box-footer input.btn {
        text-transform: uppercase;
        outline: none;
        background: #91c544;
        line-height: 20px;
        padding: 7px 20px;
        border: none;
        padding-top: 9px;
        letter-spacing: 1px; }
        #paymentFormV1 .box .box-footer input.btn:hover {
          background: #81af3c; }
  #paymentFormV1 .popover-error {
    background: #D71D3A;
    border-color: #D71D3A; }
    #paymentFormV1 .popover-error.right > .arrow:after {
      border-right-color: #D71D3A; }
  #paymentFormV1 .close-tooltip {
    cursor: pointer; }
  #paymentFormV1 ::-webkit-input-placeholder {
    color: #e5e5e5;
    font-weight: 400; }
  #paymentFormV1 :-moz-placeholder {
    color: #e5e5e5;
    font-weight: 400; }
  #paymentFormV1 ::-moz-placeholder {
    color: #e5e5e5;
    font-weight: 400; }
  #paymentFormV1 :-ms-input-placeholder {
    color: #e5e5e5;
    font-weight: 400; }
  #paymentFormV1 .text-right {
    text-align: right; }
    @media (max-width: 767px) {
      #paymentFormV1 .text-right {
        text-align: left; } }
  #paymentFormV1 button {
    outline: none; }
    @media (max-width: 767px) {
      #paymentFormV1 button.pull-right {
        float: left !important; } }
  #paymentFormV1 .block {
    display: block; }
  #paymentFormV1 select,
  #paymentFormV1 input[type="text"],
  #paymentFormV1 select:focus,
  #paymentFormV1 input[type="text"]:focus {
    outline: none !important; }
  #paymentFormV1 ::-moz-focus-inner {
    border: none !important;
    outline: none !important; }
  #paymentFormV1 select {
    background: url(/img/icon-dropdown.png) no-repeat right bottom !important;
    -webkit-appearance: none;
    background-size: 50px 50px;
    line-height: 30px;
    -moz-appearance: none; }
    #paymentFormV1 select option {
      background: #ffffff;
      -webkit-appearance: none; }
  @media (max-width: 991px) {
    #paymentFormV1 .popover-error {
      display: block;
      clear: both;
      position: relative;
      top: inherit !important;
      left: inherit !important;
      margin-left: 0px;
      margin-top: 0px !important;
      width: 100% !important;
      max-width: 100% !important; }
      #paymentFormV1 .popover-error .arrow {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: -5px !important;
        left: 20px; } }

.error > input[type="text"] {
  color: inherit !important;
  border: inherit !important; }
  .error > input[type="text"] .band {
    width: 100%;
    display: block;
    float: left;
    clear: both;
    position: relative; }
  .error > input[type="text"] img {
    max-width: 100%;
    height: auto; }
  .error > input[type="text"] .box-sizing {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important; }
  .error > input[type="text"] .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  .error > input[type="text"] select::-ms-expand {
    display: none; }

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

.margin-bottom-5 {
  margin-bottom: 5px !important; }

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

.margin-bottom-15 {
  margin-bottom: 15px !important; }

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

.margin-bottom-25 {
  margin-bottom: 25px !important; }

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

.margin-bottom-35 {
  margin-bottom: 35px !important; }

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

.margin-bottom-45 {
  margin-bottom: 45px !important; }

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

.margin-bottom-55 {
  margin-bottom: 55px !important; }

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

.margin-bottom-65 {
  margin-bottom: 65px !important; }

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

.margin-bottom-75 {
  margin-bottom: 75px !important; }

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

.margin-bottom-85 {
  margin-bottom: 85px !important; }

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

.margin-bottom-95 {
  margin-bottom: 95px !important; }

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

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

.margin-top-5 {
  margin-top: 5px !important; }

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

.margin-top-15 {
  margin-top: 15px !important; }

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

.margin-top-25 {
  margin-top: 25px !important; }

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

.margin-top-35 {
  margin-top: 35px !important; }

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

.margin-top-45 {
  margin-top: 45px !important; }

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

.margin-top-55 {
  margin-top: 55px !important; }

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

.margin-top-65 {
  margin-top: 65px !important; }

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

.margin-top-75 {
  margin-top: 75px !important; }

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

.margin-top-85 {
  margin-top: 85px !important; }

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

.margin-top-95 {
  margin-top: 95px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-5 {
  margin-top: 5px !important; }

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

.mt-15 {
  margin-top: 15px !important; }

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

.mt-25 {
  margin-top: 25px !important; }

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

.mt-35 {
  margin-top: 35px !important; }

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

.mt-45 {
  margin-top: 45px !important; }

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

.mt-55 {
  margin-top: 55px !important; }

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

.mt-65 {
  margin-top: 65px !important; }

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

.mt-75 {
  margin-top: 75px !important; }

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

.mt-85 {
  margin-top: 85px !important; }

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

.mt-95 {
  margin-top: 95px !important; }

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

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

.mr-5 {
  margin-right: 5px !important; }

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

.mr-15 {
  margin-right: 15px !important; }

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

.mr-25 {
  margin-right: 25px !important; }

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

.mr-35 {
  margin-right: 35px !important; }

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

.mr-45 {
  margin-right: 45px !important; }

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

.mr-55 {
  margin-right: 55px !important; }

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

.mr-65 {
  margin-right: 65px !important; }

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

.mr-75 {
  margin-right: 75px !important; }

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

.mr-85 {
  margin-right: 85px !important; }

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

.mr-95 {
  margin-right: 95px !important; }

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

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

.ml-5 {
  margin-left: 5px !important; }

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

.ml-15 {
  margin-left: 15px !important; }

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

.ml-25 {
  margin-left: 25px !important; }

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

.ml-35 {
  margin-left: 35px !important; }

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

.ml-45 {
  margin-left: 45px !important; }

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

.ml-55 {
  margin-left: 55px !important; }

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

.ml-65 {
  margin-left: 65px !important; }

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

.ml-75 {
  margin-left: 75px !important; }

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

.ml-85 {
  margin-left: 85px !important; }

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

.ml-95 {
  margin-left: 95px !important; }

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

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

.padding-bottom-5 {
  padding-bottom: 5px !important; }

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

.padding-bottom-15 {
  padding-bottom: 15px !important; }

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

.padding-bottom-25 {
  padding-bottom: 25px !important; }

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

.padding-bottom-35 {
  padding-bottom: 35px !important; }

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

.padding-bottom-45 {
  padding-bottom: 45px !important; }

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

.padding-bottom-55 {
  padding-bottom: 55px !important; }

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

.padding-bottom-65 {
  padding-bottom: 65px !important; }

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

.padding-bottom-75 {
  padding-bottom: 75px !important; }

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

.padding-bottom-85 {
  padding-bottom: 85px !important; }

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

.padding-bottom-95 {
  padding-bottom: 95px !important; }

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

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

.padding-top-5 {
  padding-top: 5px !important; }

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

.padding-top-15 {
  padding-top: 15px !important; }

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

.padding-top-25 {
  padding-top: 25px !important; }

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

.padding-top-35 {
  padding-top: 35px !important; }

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

.padding-top-45 {
  padding-top: 45px !important; }

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

.padding-top-55 {
  padding-top: 55px !important; }

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

.padding-top-65 {
  padding-top: 65px !important; }

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

.padding-top-75 {
  padding-top: 75px !important; }

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

.padding-top-85 {
  padding-top: 85px !important; }

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

.padding-top-95 {
  padding-top: 95px !important; }

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

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

.pb-5 {
  padding-bottom: 5px !important; }

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

.pb-15 {
  padding-bottom: 15px !important; }

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

.pb-25 {
  padding-bottom: 25px !important; }

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

.pb-35 {
  padding-bottom: 35px !important; }

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

.pb-45 {
  padding-bottom: 45px !important; }

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

.pb-55 {
  padding-bottom: 55px !important; }

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

.pb-65 {
  padding-bottom: 65px !important; }

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

.pb-75 {
  padding-bottom: 75px !important; }

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

.pb-85 {
  padding-bottom: 85px !important; }

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

.pb-95 {
  padding-bottom: 95px !important; }

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

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

.pt-5 {
  padding-top: 5px !important; }

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

.pt-15 {
  padding-top: 15px !important; }

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

.pt-25 {
  padding-top: 25px !important; }

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

.pt-35 {
  padding-top: 35px !important; }

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

.pt-45 {
  padding-top: 45px !important; }

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

.pt-55 {
  padding-top: 55px !important; }

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

.pt-65 {
  padding-top: 65px !important; }

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

.pt-75 {
  padding-top: 75px !important; }

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

.pt-85 {
  padding-top: 85px !important; }

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

.pt-95 {
  padding-top: 95px !important; }

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

.container {
  padding-left: 15px;
  padding-right: 15px; }

.sidebar h6 {
  margin-top: 0px; }

#paymentFormV2 {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #9e9e9e;
  font-size: 16px; }
  #paymentFormV2 h1, #paymentFormV2 h2, #paymentFormV2 h3, #paymentFormV2 h4, #paymentFormV2 h5, #paymentFormV2 h6, #paymentFormV2 p, #paymentFormV2 a, #paymentFormV2 ul, #paymentFormV2 li, #paymentFormV2 label, #paymentFormV2 select, #paymentFormV2 input, #paymentFormV2 span, #paymentFormV2 body, #paymentFormV2 div {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
  #paymentFormV2 h1, #paymentFormV2 h2, #paymentFormV2 h3, #paymentFormV2 h4, #paymentFormV2 h5, #paymentFormV2 h6, #paymentFormV2 .h1, #paymentFormV2 .h2, #paymentFormV2 .h3, #paymentFormV2 .h4, #paymentFormV2 .h5, #paymentFormV2 .h6 {
    font-weight: 500;
    line-height: 1.2em;
    color: #565656;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
    #paymentFormV2 h1.regular, #paymentFormV2 h1 .regular, #paymentFormV2 h2.regular, #paymentFormV2 h2 .regular, #paymentFormV2 h3.regular, #paymentFormV2 h3 .regular, #paymentFormV2 h4.regular, #paymentFormV2 h4 .regular, #paymentFormV2 h5.regular, #paymentFormV2 h5 .regular, #paymentFormV2 h6.regular, #paymentFormV2 h6 .regular, #paymentFormV2 .h1.regular, #paymentFormV2 .h1 .regular, #paymentFormV2 .h2.regular, #paymentFormV2 .h2 .regular, #paymentFormV2 .h3.regular, #paymentFormV2 .h3 .regular, #paymentFormV2 .h4.regular, #paymentFormV2 .h4 .regular, #paymentFormV2 .h5.regular, #paymentFormV2 .h5 .regular, #paymentFormV2 .h6.regular, #paymentFormV2 .h6 .regular {
      font-weight: 400; }
    #paymentFormV2 h1.gray, #paymentFormV2 h2.gray, #paymentFormV2 h3.gray, #paymentFormV2 h4.gray, #paymentFormV2 h5.gray, #paymentFormV2 h6.gray, #paymentFormV2 .h1.gray, #paymentFormV2 .h2.gray, #paymentFormV2 .h3.gray, #paymentFormV2 .h4.gray, #paymentFormV2 .h5.gray, #paymentFormV2 .h6.gray {
      color: #9e9e9e; }
  #paymentFormV2 h1, #paymentFormV2 .h1 {
    font-size: 43px; }
  #paymentFormV2 h2, #paymentFormV2 .h2 {
    font-size: 35px; }
  #paymentFormV2 h3, #paymentFormV2 .h3 {
    font-size: 28px; }
  #paymentFormV2 h4, #paymentFormV2 .h4 {
    font-size: 24px; }
  #paymentFormV2 h5, #paymentFormV2 .h5 {
    font-size: 22px; }
  #paymentFormV2 h6, #paymentFormV2 .h6 {
    font-size: 18px; }
  #paymentFormV2 a {
    color: #5ab7e5; }
    #paymentFormV2 a:hover, #paymentFormV2 a:focus {
      color: #31708C;
      outline: none; }
  #paymentFormV2 p {
    margin: 0px 0px 20px;
    font-weight: 400;
    line-height: 1.5em;
    font-size: 16px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
    #paymentFormV2 p a {
      font-weight: 600; }
  @media (max-width: 991px) {
    #paymentFormV2 .right-sidebar {
      float: none !important; } }
  @media (max-width: 991px) {
    #paymentFormV2 .main-content {
      clear: both; } }
  #paymentFormV2 > h1 {
    margin-top: 20px;
    margin-bottom: 40px; }
    @media (max-width: 991px) {
      #paymentFormV2 > h1 {
        margin-bottom: 10px; } }
  #paymentFormV2 .box {
    box-shadow: none !important;
    border: none;
    border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px; }
    #paymentFormV2 #payment-head {
      background: #e7f8ff;
      border: 2px solid #acdef3;
      border-radius: 3px 3px 0px 0px;
      margin: 0px;
      padding: 30px 30px 20px; }
      @media (max-width: 991px) {
        #paymentFormV2 #payment-head {
          border-radius: 0px; } }
      @media (max-width: 767px) {
        #paymentFormV2 #payment-head {
          padding: 20px 20px 0px; } }
      #paymentFormV2 #payment-head h1, #paymentFormV2 #payment-head h2, #paymentFormV2 #payment-head h3, #paymentFormV2 #payment-head h4, #paymentFormV2 #payment-head h5, #paymentFormV2 #payment-head h6, #paymentFormV2 #payment-head p, #paymentFormV2 #payment-head ul, #paymentFormV2 #payment-head lu, #paymentFormV2 #payment-head label, #paymentFormV2 #payment-head div, #paymentFormV2 #payment-head span {
        color: #3b7d9e !important; }
      #paymentFormV2 #payment-head h6 {
        margin-bottom: 20px; }
      #paymentFormV2 #payment-head .radio .radio-item {
        padding: 0px;
        margin: 0px;
        margin-bottom: 25px; }
        #paymentFormV2 #payment-head .radio .radio-item.first {
          margin-bottom: 20px; }
          @media (max-width: 767px) {
            #paymentFormV2 #payment-head .radio .radio-item.first {
              padding-bottom: 20px;
              border-bottom: 1px solid #cde9f6; } }
        #paymentFormV2 #payment-head .radio .radio-item label {
          font-size: 16px;
          margin: 0px;
          padding: 0px;
          width: 95%; }
          @media (max-width: 550px) {
            #paymentFormV2 #payment-head .radio .radio-item label {
              width: auto; } }
          @media (min-width: 992px) {
            #paymentFormV2 #payment-head .radio .radio-item label {
              width: auto; } }
          #paymentFormV2 #payment-head .radio .radio-item label .label-title {
            float: left;
            display: inline-block; }
            @media (min-width: 992px) {
              #paymentFormV2 #payment-head .radio .radio-item label .label-title {
                font-weight: 400; } }
          #paymentFormV2 #payment-head .radio .radio-item label .label-sub {
            font-size: 12px;
            float: left;
            clear: both; }
            @media (min-width: 992px) {
              #paymentFormV2 #payment-head .radio .radio-item label .label-sub {
                display: none; } }
          #paymentFormV2 #payment-head .radio .radio-item label .price {
            float: right;
            font-weight: 400;
            font-size: 22px; }
            @media (max-width: 550px) {
              #paymentFormV2 #payment-head .radio .radio-item label .price {
                float: left;
                position: relative;
                right: inherit;
                clear: both;
                margin-top: 10px; } }
            @media (min-width: 992px) {
              #paymentFormV2 #payment-head .radio .radio-item label .price {
                position: relative;
                right: inherit;
                float: none;
                display: none; } }
            #paymentFormV2 #payment-head .radio .radio-item label .price .type {
              font-size: 16px; }
          #paymentFormV2 #payment-head .radio .radio-item label .btn-save {
            font-size: 12px;
            font-weight: 500;
            line-height: 22px;
            padding: 3px 10px;
            color: #ffffff !important;
            background: #5ab7e5;
            border-radius: 3px;
            display: inline-block;
            margin-left: 15px;
            position: relative;
            top: -3px;
            -webkit-transition: background-color 0.3s ease;
            -o-transition: background-color 0.3s ease;
            transition: background-color 0.3s ease; }
            @media (max-width: 767px) {
              #paymentFormV2 #payment-head .radio .radio-item label .btn-save {
                clear: both;
                float: left;
                margin-top: 7px;
                margin-left: 0px;
                left: -2px; } }
            @media (min-width: 992px) {
              #paymentFormV2 #payment-head .radio .radio-item label .btn-save {
                font-weight: 400;
                line-height: 1.5em;
                padding: inherit;
                color: inherit !important;
                background: none !important;
                border-radius: 0px;
                display: inherit;
                margin: 0px;
                top: inherit;
                clear: both;
                float: left;
                margin-top: 5px; } }
            #paymentFormV2 #payment-head .radio .radio-item label .btn-save:hover {
              background: #4fa1ca; }
            #paymentFormV2 #payment-head .radio .radio-item label .btn-save:active {
              background: #3b7d9e; }
          #paymentFormV2 #payment-head .radio .radio-item label.selected .btn-save {
            background: #5ab7e5 !important; }
            @media (min-width: 992px) {
              #paymentFormV2 #payment-head .radio .radio-item label.selected .btn-save {
                background: none !important; } }
      #paymentFormV2 #payment-head .radio input[type="radio"] {
        cursor: pointer;
        margin: 0px;
        max-width: 5%;
        margin-right: 10px;
        margin-top: 3px;
        border-color: gray !important; }
        @media (max-width: 550px) {
          #paymentFormV2 #payment-head .radio input[type="radio"] {
            width: 30px;
            max-width: auto; } }
        @media (min-width: 992px) {
          #paymentFormV2 #payment-head .radio input[type="radio"] {
            max-width: inherit;
            float: left; } }
      #paymentFormV2 #payment-head #cost-summary {
        text-align: right;
        margin-top: 20px;
        color: #3b7d9e !important; }
        @media (max-width: 991px) {
          #paymentFormV2 #payment-head #cost-summary {
            margin-top: 40px;
            padding-top: 10px;
            border-top: 1px solid #a1c7db; } }
        #paymentFormV2 #payment-head #cost-summary .default-amount,
        #paymentFormV2 #payment-head #cost-summary .price-with-tax {
          border-top: 1px solid #a1c7db;
          margin-top: 10px;
          padding-top: 10px; }
          @media (max-width: 991px) {
            #paymentFormV2 #payment-head #cost-summary .default-amount,
            #paymentFormV2 #payment-head #cost-summary .price-with-tax {
              border: none;
              padding: 0px; } }
        @media (max-width: 991px) {
          #paymentFormV2 #payment-head #cost-summary .basic-price {
            display: none; } }
        #paymentFormV2 #payment-head #cost-summary .tax-only {
          font-size: 12px;
          margin-top: 7px; }
        #paymentFormV2 #payment-head #cost-summary .currency {
          font-weight: 300; }
      #paymentFormV2 #payment-head .taxes {
        border: none;
        padding: 0px;
        font-size: 16px;
        display: block !important;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #paymentFormV2 #payment-head .taxes.show .tax-amount {
          display: block; }
        #paymentFormV2 #payment-head .taxes.show .default-amount {
          display: none; }
        #paymentFormV2 #payment-head .taxes .tax-amount {
          display: none; }
    #paymentFormV2 .box .box-padding {
      border: 2px solid #e5e5e5;
      border-top: none;
      border-radius: 0px 0px 3px 3px;
      -webkit-border-radius: 0px 0px 3px 3px;
      padding: 40px 0px; }
      #paymentFormV2 .box .box-padding fieldset {
        padding: 0px 80px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e5e5e5; }
        @media (max-width: 1199px) {
          #paymentFormV2 .box .box-padding fieldset {
            padding: 0px 30px 30px; } }
        @media (max-width: 767px) {
          #paymentFormV2 .box .box-padding fieldset {
            padding: 0px 20px 30px; } }
        #paymentFormV2 .box .box-padding fieldset.spacing {
          padding-top: 30px; }
        #paymentFormV2 .box .box-padding fieldset.last {
          padding-bottom: 30px; }
        #paymentFormV2 .box .box-padding fieldset.payment-method-fieldset .col-form-a {
          text-align: left; }
      #paymentFormV2 .box .box-padding .num {
        width: 40px;
        height: 40px;
        background: #ffffff;
        color: #565656;
        border: 2px solid #e5e5e5;
        line-height: 36px;
        padding-left: 1px;
        display: block;
        float: left;
        text-align: center;
        margin-right: 25px;
        font-size: 16px;
        border-radius: 50px;
        font-family: "Roboto", Helvetica, Arial, sans-serif; }
      #paymentFormV2 .box .box-padding h5 {
        line-height: 34px;
        margin-left: 0px;
        margin-right: 0px; }
      #paymentFormV2 .box .box-padding p.indented {
        margin-left: 65px; }
      #paymentFormV2 .box .box-padding .row-form {
        margin: 0px !important;
        margin-bottom: 20px !important; }
        #paymentFormV2 .box .box-padding .row-form .col-form-a,
        #paymentFormV2 .box .box-padding .row-form .col-form-b {
          border: none;
          padding: 0px;
          display: table;
          min-height: 38px; }
        #paymentFormV2 .box .box-padding .row-form .col-form-a {
          padding-right: 30px; }
          #paymentFormV2 .box .box-padding .row-form .col-form-a label {
            display: table-cell;
            vertical-align: middle;
            line-height: 20px; }
          #paymentFormV2 .box .box-padding .row-form .col-form-a small {
            display: table-row;
            color: #9e9e9e;
            line-height: 24px; }
            @media (max-width: 767px) {
              #paymentFormV2 .box .box-padding .row-form .col-form-a small {
                text-align: left; } }
        @media (max-width: 767px) {
          #paymentFormV2 .box .box-padding .row-form .col-form-b {
            display: block; } }
        #paymentFormV2 .box .box-padding .row-form select,
        #paymentFormV2 .box .box-padding .row-form input[type="text"] {
          border: 2px solid #e5e5e5;
          border-radius: 3px;
          background: #ffffff;
          box-shadow: none;
          font-size: 16px;
          font-weight: 500;
          height: 34px;
          outline: none !important;
          padding: 0px 5px !important;
          line-height: 20px !important; }
          #paymentFormV2 .box .box-padding .row-form select:focus,
          #paymentFormV2 .box .box-padding .row-form input[type="text"]:focus {
            border-color: #7a7a7a !important; }
        #paymentFormV2 .box .box-padding .row-form select {
          cursor: pointer;
          padding: 0px 25px 0px 4px !important; }
          @media (max-width: 767px) {
            #paymentFormV2 .box .box-padding .row-form select {
              padding-left: 10px; } }
        #paymentFormV2 .box .box-padding .row-form .error select,
        #paymentFormV2 .box .box-padding .row-form .error input[type="text"] {
          border: 2px solid #e5e5e5 !important;
          color: #565656 !important; }
        #paymentFormV2 .box .box-padding .row-form .error select:focus,
        #paymentFormV2 .box .box-padding .row-form .error input[type="text"]:focus {
          border: 2px solid #7a7a7a !important; }
        #paymentFormV2 .box .box-padding .row-form .error label {
          color: #D71D3A !important; }
        #paymentFormV2 .box .box-padding .row-form input[type="text"] {
          font-weight: 400;
          color: #565656;
          line-height: 30px;
          padding: 0px 5px 0px 20px; }
      #paymentFormV2 .box .box-padding .row-form-last {
        border: none; }
      #paymentFormV2 .box .box-padding label {
        font-weight: 400;
        color: #565656;
        font-size: 16px; }
      #paymentFormV2 .box .box-padding #switch-payment-method {
        margin-top: 20px !important;
        margin-bottom: 0px !important; }
        #paymentFormV2 .box .box-padding #switch-payment-method label {
          min-height: 40px; }
      #paymentFormV2 .box .box-padding label.selected {
        font-weight: 500; }
      #paymentFormV2 .box .box-padding label input[type="radio"] {
        margin-right: 10px; }
      #paymentFormV2 .box .box-padding .alert-info,
      #paymentFormV2 .box .box-padding .alert-neutral {
        background: #e7f8ff;
        border: 2px solid #acdef3;
        border-radius: 3px;
        font-size: 16px;
        font-size: 13px;
        line-height: 22px;
        font-weight: 400;
        padding: 15px;
        color: #3b7d9e;
        margin-top: 30px;
        margin-bottom: 30px;
        float: none;
        overflow: auto; }
        @media (max-width: 767px) {
          #paymentFormV2 .box .box-padding .alert-info.display-table,
          #paymentFormV2 .box .box-padding .alert-neutral.display-table {
            width: 100%; } }
        #paymentFormV2 .box .box-padding .alert-info span,
        #paymentFormV2 .box .box-padding .alert-neutral span {
          font-size: 16px;
          font-weight: 500; }
        #paymentFormV2 .box .box-padding .alert-info .alert-content,
        #paymentFormV2 .box .box-padding .alert-neutral .alert-content {
          display: table-cell;
          vertical-align: middle; }
        #paymentFormV2 .box .box-padding .alert-info .alert-icon,
        #paymentFormV2 .box .box-padding .alert-neutral .alert-icon {
          display: table-cell;
          vertical-align: middle; }
          #paymentFormV2 .box .box-padding .alert-info .alert-icon i.icon,
          #paymentFormV2 .box .box-padding .alert-neutral .alert-icon i.icon {
            font-size: 30px !important;
            padding-left: 20px !important;
            color: #5ab7e5;
            position: relative; }
      #paymentFormV2 .box .box-padding #vatid .alert-neutral {
        margin: 0px;
        border-radius: 0px 0px 3px 3px;
        border-top: none; }
      #paymentFormV2 .box .box-padding #UserPaymentInfo_vatid {
        border-radius: 3px 3px 0px 0px;
        border-bottom-color: #acdef3; }
      #paymentFormV2 .box .box-padding b {
        font-weight: 500; }
      #paymentFormV2 .box .box-padding .credit-card-images {
        text-align: right;
        display: block;
        line-height: 30px; }
        @media (max-width: 767px) {
          #paymentFormV2 .box .box-padding .credit-card-images {
            text-align: left; } }
        #paymentFormV2 .box .box-padding .credit-card-images img {
          cursor: pointer;
          opacity: .4;
          border-radius: 3px;
          border: 2px solid #ffffff;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          #paymentFormV2 .box .box-padding .credit-card-images img:hover {
            opacity: 1; }
          #paymentFormV2 .box .box-padding .credit-card-images img.selected {
            border: 2px solid #7a7a7a;
            opacity: 1; }
      #paymentFormV2 .box .box-padding .vert-top {
        vertical-align: top !important; }
      #paymentFormV2 .box .box-padding .col-form-a {
        min-height: 34px;
        text-align: right; }
      #paymentFormV2 .box .box-padding .account-picker {
        margin-left: -10px; }
        #paymentFormV2 .box .box-padding .account-picker label:first-child {
          margin-right: 20px; }
        @media (max-width: 767px) {
          #paymentFormV2 .box .box-padding .account-picker label {
            display: block;
            clear: both; }
            #paymentFormV2 .box .box-padding .account-picker label:first-child {
              margin-bottom: 20px; } }
      #paymentFormV2 .box .box-padding #switch-account-type {
        margin-top: 30px !important;
        margin-bottom: 30px !important; }
      #paymentFormV2 .box .box-padding #sepa_info .alert-neutral {
        margin-top: 5px; }
      @media (max-width: 767px) {
        #paymentFormV2 .box .box-padding .year-picker .pull-right {
          float: left !important;
          margin-left: 20px; }
        #paymentFormV2 .box .box-padding .popover-error {
          clear: both; } }
    #paymentFormV2 .box .box-footer {
      position: relative;
      bottom: inherit;
      border-radius: none;
      background: none;
      border: none;
      padding: 0px;
      width: auto;
      height: auto;
      background-color: none;
      background-image: none;
      margin-top: 0px;
      left: inherit;
      padding: 40px 80px 0px;
      text-align: center; }
      @media (max-width: 767px) {
        #paymentFormV2 .box .box-footer {
          text-align: left;
          padding: 40px 30px 0px; } }
      #paymentFormV2 .box .box-footer input.btn, #paymentFormV2 .box .box-footer .btn-submit {
        text-transform: uppercase;
        outline: none;
        background: #91c544;
        line-height: 34px;
        padding: 7px 20px;
        border: none;
        padding-top: 9px;
        letter-spacing: 1px;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        float: initial !important; }
        #paymentFormV2 .box .box-footer input.btn:hover, #paymentFormV2 .box .box-footer .btn-submit:hover {
          background: #81af3c; }
  #paymentFormV2 .popover-error {
    background: #D71D3A;
    border-color: #D71D3A; }
    #paymentFormV2 .popover-error .popover-content {
      padding: 5px 10px;
      line-height: 1.3em;
      min-height: 35px; }
    #paymentFormV2 .popover-error.right > .arrow:after {
      border-right-color: #D71D3A; }
  #paymentFormV2 .close-tooltip {
    cursor: pointer; }
  #paymentFormV2 ::-webkit-input-placeholder {
    color: #e5e5e5;
    font-weight: 400; }
  #paymentFormV2 :-moz-placeholder {
    color: #e5e5e5;
    font-weight: 400; }
  #paymentFormV2 ::-moz-placeholder {
    color: #e5e5e5;
    font-weight: 400; }
  #paymentFormV2 :-ms-input-placeholder {
    color: #e5e5e5;
    font-weight: 400; }
  #paymentFormV2 .text-right {
    text-align: right; }
    @media (max-width: 767px) {
      #paymentFormV2 .text-right {
        text-align: left; } }
  #paymentFormV2 button {
    outline: none; }
    @media (max-width: 767px) {
      #paymentFormV2 button.pull-right {
        float: left !important; } }
  #paymentFormV2 .block {
    display: block; }
  #paymentFormV2 select,
  #paymentFormV2 input[type="text"],
  #paymentFormV2 select:focus,
  #paymentFormV2 input[type="text"]:focus {
    outline: none !important; }
  #paymentFormV2 ::-moz-focus-inner {
    border: none !important;
    outline: none !important; }
  #paymentFormV2 select {
    background: url(/img/icon-dropdown-small.png) no-repeat right bottom !important;
    -webkit-appearance: none;
    background-size: 50px 50px;
    line-height: 30px;
    -moz-appearance: none; }
    #paymentFormV2 select option {
      background: #ffffff;
      -webkit-appearance: none; }
  @media (max-width: 991px) {
    #paymentFormV2 .popover-error {
      display: block;
      clear: both;
      position: relative;
      top: inherit !important;
      left: inherit !important;
      margin-left: 0px;
      margin-top: 0px !important;
      width: 100% !important;
      max-width: 100% !important; }
      #paymentFormV2 .popover-error .arrow {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: -5px !important;
        left: 20px; } }
  #paymentFormV2 .cursor {
    cursor: pointer; }
  #paymentFormV2 #cvc_error .col-form-b {
    position: relative; }
  #paymentFormV2 #companyname + .popover-error {
    display: none !important; }
  #paymentFormV2 #checkout-process {
    background: #ffffff;
    border-left: 2px solid #e5e5e5;
    border-right: 2px solid #e5e5e5; }
    @media (max-width: 600px) {
      #paymentFormV2 #checkout-process {
        display: none; } }
    #paymentFormV2 #checkout-process td {
      text-align: center;
      font-size: 18px;
      font-weight: 400;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      border-bottom: 2px solid #e5e5e5;
      border-top: 2px solid #e5e5e5;
      position: relative;
      height: 60px;
      padding: 0px;
      vertical-align: middle;
      width: 1%;
      -webkit-transition: border-color 0.3s ease;
      -o-transition: border-color 0.3s ease;
      transition: border-color 0.3s ease; }
      @media (max-width: 991px) {
        #paymentFormV2 #checkout-process td {
          border-bottom: none !important; } }
      #paymentFormV2 #checkout-process td .inner {
        padding: 0px 20px;
        line-height: 22px; }
        #paymentFormV2 #checkout-process td .inner i {
          position: relative;
          top: 4px;
          padding-right: 10px;
          font-size: 22px; }
          @media (max-width: 767px) {
            #paymentFormV2 #checkout-process td .inner i {
              display: none; } }
      #paymentFormV2 #checkout-process td.current {
        font-weight: 500;
        color: #ffffff;
        border: none;
        border-bottom: 2px solid #5ab7e5;
        border-top: 2px solid #5ab7e5;
        background: #5ab7e5; }
        #paymentFormV2 #checkout-process td.current .inner {
          padding: 0px 10px 0px 20px; }
      #paymentFormV2 #checkout-process td.link {
        border-left: 2px solid #e5e5e5; }
        #paymentFormV2 #checkout-process td.link:hover {
          border-left: 2px solid #7a7a7a;
          border-color: #7a7a7a; }
      #paymentFormV2 #checkout-process td a {
        display: table;
        height: 100%;
        width: 100%;
        text-decoration: none;
        color: #9e9e9e;
        -webkit-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease; }
        #paymentFormV2 #checkout-process td a:hover {
          color: #7a7a7a; }
        #paymentFormV2 #checkout-process td a .inner {
          display: table-cell;
          vertical-align: middle; }
    #paymentFormV2 #checkout-process #triangle-right {
      position: absolute;
      top: -2px;
      right: -20px;
      width: 0;
      height: 0;
      border-top: 31px solid transparent;
      border-left: 20px solid #5ab7e5;
      border-bottom: 31px solid transparent; }
  #paymentFormV2 .accepted-payments {
    margin: 0px;
    padding: 0px;
    list-style: none;
    clear: both;
    float: left;
    display: block;
    margin-bottom: 25px; }
    #paymentFormV2 .accepted-payments li {
      float: left;
      margin-right: 15px;
      margin-bottom: 15px;
      min-height: 42px; }
      #paymentFormV2 .accepted-payments li i {
        color: #5ab7e5;
        font-size: 34px; }
  #paymentFormV2 .popover-error.right {
    margin-top: -4px !important; }
    @media (max-width: 991px) {
      #paymentFormV2 .popover-error.right {
        margin-top: 0px !important; } }
  #paymentFormV2 .valid-wrapper,
  #paymentFormV2 .cvc-wrapper {
    padding: 0px; }
  #paymentFormV2 ul.checks-circle {
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
    list-style: none; }
    #paymentFormV2 ul.checks-circle li {
      margin-bottom: 20px;
      position: relative;
      color: #565656;
      padding-left: 5px;
      line-height: 1.7em; }
      #paymentFormV2 ul.checks-circle li i {
        position: absolute;
        left: -20px;
        top: 2px;
        color: #91c544; }
  #paymentFormV2 .band {
    width: 100%;
    display: block;
    float: left;
    clear: both;
    position: relative; }
  #paymentFormV2 img {
    max-width: 100%;
    height: auto; }
  #paymentFormV2 .box-sizing {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important; }
  #paymentFormV2 .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  #paymentFormV2 select::-ms-expand {
    display: none; }

body.paymentFormV2 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }
  body.paymentFormV2 #call-us {
    float: right;
    color: #ffffff;
    line-height: 50px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px; }
    @media (max-width: 500px) {
      body.paymentFormV2 #call-us {
        display: none; } }
    body.paymentFormV2 #call-us p {
      font-weight: 400; }
      body.paymentFormV2 #call-us p span {
        font-weight: 500; }
    body.paymentFormV2 #call-us i {
      font-size: 22px;
      position: relative;
      top: 7px;
      margin-right: 5px; }

html.ie9 #paymentFormV2 .main-content .box .box-padding fieldset .row-form select {
  background: none !important;
  padding: 0px 0px 0px 4px !important; }

.error > input[type="text"] {
  color: inherit !important;
  border: inherit !important; }

.display-table {
  display: table; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-5 {
  margin-top: 5px !important; }

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

.mt-15 {
  margin-top: 15px !important; }

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

.mt-25 {
  margin-top: 25px !important; }

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

.mt-35 {
  margin-top: 35px !important; }

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

.mt-45 {
  margin-top: 45px !important; }

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

.mt-55 {
  margin-top: 55px !important; }

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

.mt-65 {
  margin-top: 65px !important; }

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

.mt-75 {
  margin-top: 75px !important; }

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

.mt-85 {
  margin-top: 85px !important; }

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

.mt-95 {
  margin-top: 95px !important; }

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

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

.pb-5 {
  padding-bottom: 5px !important; }

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

.pb-15 {
  padding-bottom: 15px !important; }

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

.pb-25 {
  padding-bottom: 25px !important; }

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

.pb-35 {
  padding-bottom: 35px !important; }

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

.pb-45 {
  padding-bottom: 45px !important; }

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

.pb-55 {
  padding-bottom: 55px !important; }

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

.pb-65 {
  padding-bottom: 65px !important; }

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

.pb-75 {
  padding-bottom: 75px !important; }

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

.pb-85 {
  padding-bottom: 85px !important; }

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

.pb-95 {
  padding-bottom: 95px !important; }

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

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

.pt-5 {
  padding-top: 5px !important; }

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

.pt-15 {
  padding-top: 15px !important; }

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

.pt-25 {
  padding-top: 25px !important; }

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

.pt-35 {
  padding-top: 35px !important; }

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

.pt-45 {
  padding-top: 45px !important; }

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

.pt-55 {
  padding-top: 55px !important; }

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

.pt-65 {
  padding-top: 65px !important; }

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

.pt-75 {
  padding-top: 75px !important; }

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

.pt-85 {
  padding-top: 85px !important; }

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

.pt-95 {
  padding-top: 95px !important; }

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

#module_pricing_1 {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #9e9e9e;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }
  #module_pricing_1 .holder {
    min-height: 50px; }
  #module_pricing_1 .red {
    background: red; }
  #module_pricing_1 .orange {
    background: orange; }
  #module_pricing_1 .pink {
    background: pink; }
  #module_pricing_1 .yellow {
    background: yellow; }
  #module_pricing_1 .green {
    background: green; }
  #module_pricing_1 .brown {
    background: brown; }
  #module_pricing_1 h1, #module_pricing_1 h2, #module_pricing_1 h3, #module_pricing_1 h4, #module_pricing_1 h5, #module_pricing_1 h6, #module_pricing_1 p, #module_pricing_1 a, #module_pricing_1 ul, #module_pricing_1 lu, #module_pricing_1 label {
    font-family: "Roboto", Helvetica, Arial, sans-serif; }
  #module_pricing_1 h1, #module_pricing_1 h2, #module_pricing_1 h3, #module_pricing_1 h4, #module_pricing_1 h5, #module_pricing_1 h6, #module_pricing_1 .h1, #module_pricing_1 .h2, #module_pricing_1 .h3, #module_pricing_1 .h4, #module_pricing_1 .h5, #module_pricing_1 .h6 {
    font-weight: 500;
    line-height: 1.2em;
    color: #565656;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
    #module_pricing_1 h1.gray, #module_pricing_1 h2.gray, #module_pricing_1 h3.gray, #module_pricing_1 h4.gray, #module_pricing_1 h5.gray, #module_pricing_1 h6.gray, #module_pricing_1 .h1.gray, #module_pricing_1 .h2.gray, #module_pricing_1 .h3.gray, #module_pricing_1 .h4.gray, #module_pricing_1 .h5.gray, #module_pricing_1 .h6.gray {
      color: #9e9e9e; }
    #module_pricing_1 h1.regular, #module_pricing_1 h1 .regular, #module_pricing_1 h2.regular, #module_pricing_1 h2 .regular, #module_pricing_1 h3.regular, #module_pricing_1 h3 .regular, #module_pricing_1 h4.regular, #module_pricing_1 h4 .regular, #module_pricing_1 h5.regular, #module_pricing_1 h5 .regular, #module_pricing_1 h6.regular, #module_pricing_1 h6 .regular, #module_pricing_1 .h1.regular, #module_pricing_1 .h1 .regular, #module_pricing_1 .h2.regular, #module_pricing_1 .h2 .regular, #module_pricing_1 .h3.regular, #module_pricing_1 .h3 .regular, #module_pricing_1 .h4.regular, #module_pricing_1 .h4 .regular, #module_pricing_1 .h5.regular, #module_pricing_1 .h5 .regular, #module_pricing_1 .h6.regular, #module_pricing_1 .h6 .regular {
      font-weight: 400; }
  #module_pricing_1 h1, #module_pricing_1 .h1 {
    font-size: 43px; }
  #module_pricing_1 h2, #module_pricing_1 .h2 {
    font-size: 35px; }
  #module_pricing_1 h3, #module_pricing_1 .h3 {
    font-size: 28px; }
  #module_pricing_1 h4, #module_pricing_1 .h4 {
    font-size: 24px; }
  #module_pricing_1 h5, #module_pricing_1 .h5 {
    font-size: 22px; }
  #module_pricing_1 h6, #module_pricing_1 .h6 {
    font-size: 18px; }
  #module_pricing_1 a {
    color: #5ab7e5; }
    #module_pricing_1 a:hover, #module_pricing_1 a:focus {
      color: #31708C;
      outline: none; }
  #module_pricing_1 p {
    margin: 0px 0px 20px;
    font-weight: 400;
    line-height: 1.5em;
    font-size: 16px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
  #module_pricing_1 .alert-info {
    background: #e7f8ff;
    border: 2px solid #acdef3;
    border-radius: 3px;
    font-size: 16px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    padding: 15px;
    color: #3b7d9e;
    margin-top: 30px;
    margin-bottom: 30px; }
    #module_pricing_1 .alert-info h1, #module_pricing_1 .alert-info h2, #module_pricing_1 .alert-info h3, #module_pricing_1 .alert-info h4, #module_pricing_1 .alert-info h5, #module_pricing_1 .alert-info h6, #module_pricing_1 .alert-info .h1, #module_pricing_1 .alert-info .h2, #module_pricing_1 .alert-info .h3, #module_pricing_1 .alert-info .h4, #module_pricing_1 .alert-info .h5, #module_pricing_1 .alert-info .h6 {
      color: #3b7d9e; }
  @media (max-width: 767px) {
    #module_pricing_1 #pricing-rows {
      margin: 0px; } }
  #module_pricing_1 .pricing-row {
    border: 2px solid #e5e5e5;
    border-radius: 3px;
    padding: 40px 20px 20px;
    margin-bottom: 30px;
    background: #ffffff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #module_pricing_1 .pricing-row:hover {
      border: 2px solid #7a7a7a !important; }
    @media (min-width: 1200px) {
      #module_pricing_1 .pricing-row {
        display: table; }
        #module_pricing_1 .pricing-row .table-cell {
          display: table-cell;
          height: 100%;
          float: none;
          vertical-align: middle; } }
    #module_pricing_1 .pricing-row .features {
      font-weight: 500;
      list-style: none;
      margin: 0px;
      padding: 0px;
      color: #565656; }
      @media (max-width: 1199px) {
        #module_pricing_1 .pricing-row .features {
          text-align: center; } }
      #module_pricing_1 .pricing-row .features li {
        margin-bottom: 10px; }
        #module_pricing_1 .pricing-row .features li span {
          color: #5ab7e5; }
    #module_pricing_1 .pricing-row .sub-features {
      color: #9e9e9e;
      list-style: none;
      margin: 0px;
      padding: 0px; }
      #module_pricing_1 .pricing-row .sub-features li {
        margin-bottom: 10px; }
        #module_pricing_1 .pricing-row .sub-features li span {
          font-size: 10px; }
  #module_pricing_1 button {
    text-transform: uppercase;
    outline: none;
    background: #91c544;
    line-height: 20px;
    padding: 7px 15px;
    border: none;
    padding-top: 9px;
    letter-spacing: 1px;
    margin-top: 20px;
    font-weight: 500; }
    @media (max-width: 400px) {
      #module_pricing_1 button {
        font-size: 12px; } }
    #module_pricing_1 button:hover {
      background: #81af3c; }
    #module_pricing_1 button i {
      opacity: 1;
      position: relative;
      top: 0px; }
  #module_pricing_1 .pricing-column {
    text-align: center; }
    @media (max-width: 1199px) {
      #module_pricing_1 .pricing-column {
        margin-bottom: 20px; } }
    #module_pricing_1 .pricing-column .currency,
    #module_pricing_1 .pricing-column .price,
    #module_pricing_1 .pricing-column .price-small {
      color: #5ab7e5; }
    #module_pricing_1 .pricing-column .price {
      font-size: 28px; }
    #module_pricing_1 .pricing-column sup {
      font-size: 16px; }
    #module_pricing_1 .pricing-column .price-container {
      margin-bottom: 10px; }
    #module_pricing_1 .pricing-column .price-sub {
      margin-top: 15px; }
      #module_pricing_1 .pricing-column .price-sub span {
        font-weight: 500; }
    #module_pricing_1 .pricing-column p {
      margin-bottom: 0px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    #module_pricing_1 .more-features {
      float: right; } }
  @media (max-width: 1199px) {
    #module_pricing_1 .more-features {
      text-align: center;
      margin-bottom: 20px;
      margin-top: 20px; } }
  #module_pricing_1 #bestseller {
    background: #5ab7e5;
    padding: 5px 10px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    top: -2px;
    left: -2px;
    border-radius: 3px 0px 0px 0px; }
  #module_pricing_1 #fine-print {
    margin-bottom: 50px; }
    #module_pricing_1 #fine-print p {
      font-size: 12px;
      color: #9e9e9e;
      margin-bottom: 10px; }

.faq-row {
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .faq-row {
      margin-bottom: 0px; }
      .faq-row:last-child {
        margin-bottom: 40px; } }
  @media (max-width: 767px) {
    .faq-row .custom-faq {
      float: left; } }
  .faq-row .custom-faq .text-column,
  .faq-row .custom-faq .number-column {
    float: left; }
  .faq-row .custom-faq .text-column {
    width: 85%; }
    @media (max-width: 991px) {
      .faq-row .custom-faq .text-column {
        width: 80%; } }
    @media (max-width: 767px) {
      .faq-row .custom-faq .text-column {
        float: left; } }
    .faq-row .custom-faq .text-column h5 {
      margin-bottom: 10px;
      margin-top: 0px; }
  .faq-row .custom-faq .number-column {
    width: 15%;
    min-width: 40px; }
    @media (max-width: 991px) {
      .faq-row .custom-faq .number-column {
        width: 20%; } }
    @media (max-width: 767px) {
      .faq-row .custom-faq .number-column {
        width: auto;
        margin-right: 20px; } }
    .faq-row .custom-faq .number-column span {
      border-radius: 100px;
      height: 40px;
      width: 40px;
      border: 2px solid #eaeaea;
      border: 2px solid #d0d0d0;
      color: #d0d0d0;
      font-weight: 500;
      text-align: center;
      line-height: 36px;
      display: block;
      font-size: 16px; }
    .faq-row .custom-faq .number-column.blue span {
      color: #ffffff;
      background: #5ab7e5;
      border-color: #279fda; }

.band {
  width: 100%;
  display: block;
  float: left;
  clear: both;
  position: relative; }

img {
  max-width: 100%;
  height: auto; }

.box-sizing {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

#module_pricing_2 {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #9e9e9e;
  font-size: 16px; }
  #module_pricing_2 .holder {
    min-height: 50px; }
  #module_pricing_2 .red {
    background: red; }
  #module_pricing_2 .orange {
    background: orange; }
  #module_pricing_2 .pink {
    background: pink; }
  #module_pricing_2 .yellow {
    background: yellow; }
  #module_pricing_2 .green {
    background: green; }
  #module_pricing_2 .brown {
    background: brown; }
  #module_pricing_2, #module_pricing_2 h1, #module_pricing_2 h2, #module_pricing_2 h3, #module_pricing_2 h4, #module_pricing_2 h5, #module_pricing_2 h6, #module_pricing_2 a, #module_pricing_2 span, #module_pricing_2 div, #module_pricing_2 input.label, #module_pricing_2 textarea, #module_pricing_2 select, #module_pricing_2 table, #module_pricing_2 td, #module_pricing_2 tr {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
  #module_pricing_2 h1, #module_pricing_2 h2, #module_pricing_2 h3, #module_pricing_2 h4, #module_pricing_2 h5, #module_pricing_2 h6, #module_pricing_2 p, #module_pricing_2 a, #module_pricing_2 ul, #module_pricing_2 lu, #module_pricing_2 label {
    font-family: "Roboto", Helvetica, Arial, sans-serif; }
  #module_pricing_2 h1, #module_pricing_2 h2, #module_pricing_2 h3, #module_pricing_2 h4, #module_pricing_2 h5, #module_pricing_2 h6, #module_pricing_2 .h1, #module_pricing_2 .h2, #module_pricing_2 .h3, #module_pricing_2 .h4, #module_pricing_2 .h5, #module_pricing_2 .h6 {
    font-weight: 500;
    line-height: 1.2em;
    color: #565656;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
    #module_pricing_2 h1.gray, #module_pricing_2 h2.gray, #module_pricing_2 h3.gray, #module_pricing_2 h4.gray, #module_pricing_2 h5.gray, #module_pricing_2 h6.gray, #module_pricing_2 .h1.gray, #module_pricing_2 .h2.gray, #module_pricing_2 .h3.gray, #module_pricing_2 .h4.gray, #module_pricing_2 .h5.gray, #module_pricing_2 .h6.gray {
      color: #9e9e9e; }
    #module_pricing_2 h1.regular, #module_pricing_2 h1 .regular, #module_pricing_2 h2.regular, #module_pricing_2 h2 .regular, #module_pricing_2 h3.regular, #module_pricing_2 h3 .regular, #module_pricing_2 h4.regular, #module_pricing_2 h4 .regular, #module_pricing_2 h5.regular, #module_pricing_2 h5 .regular, #module_pricing_2 h6.regular, #module_pricing_2 h6 .regular, #module_pricing_2 .h1.regular, #module_pricing_2 .h1 .regular, #module_pricing_2 .h2.regular, #module_pricing_2 .h2 .regular, #module_pricing_2 .h3.regular, #module_pricing_2 .h3 .regular, #module_pricing_2 .h4.regular, #module_pricing_2 .h4 .regular, #module_pricing_2 .h5.regular, #module_pricing_2 .h5 .regular, #module_pricing_2 .h6.regular, #module_pricing_2 .h6 .regular {
      font-weight: 400; }
  #module_pricing_2 h1, #module_pricing_2 .h1 {
    font-size: 43px; }
  #module_pricing_2 h2, #module_pricing_2 .h2 {
    font-size: 35px; }
  #module_pricing_2 h3, #module_pricing_2 .h3 {
    font-size: 28px; }
  #module_pricing_2 h4, #module_pricing_2 .h4 {
    font-size: 24px; }
  #module_pricing_2 h5, #module_pricing_2 .h5 {
    font-size: 22px; }
  #module_pricing_2 h6, #module_pricing_2 .h6 {
    font-size: 18px; }
  #module_pricing_2 h1.with-span {
    position: relative;
    display: inline-block; }
    #module_pricing_2 h1.with-span span {
      color: #ffffff;
      background: #5ab7e5;
      text-transform: uppercase;
      font-size: 16px;
      line-height: 15px;
      font-weight: 600;
      padding: 5px 10px;
      border-radius: 3px;
      position: absolute;
      right: -65px;
      top: 0px;
      height: auto; }
      @media (max-width: 767px) {
        #module_pricing_2 h1.with-span span {
          display: none !important; } }
  #module_pricing_2 a {
    color: #5ab7e5; }
    #module_pricing_2 a:hover, #module_pricing_2 a:focus {
      color: #31708C;
      outline: none; }
  #module_pricing_2 p {
    margin: 0px 0px 20px;
    font-weight: 400;
    line-height: 1.8em;
    font-size: 16px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
  #module_pricing_2 .alert-info {
    background: #e7f8ff;
    border: 2px solid #acdef3;
    border-radius: 3px;
    font-size: 16px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    padding: 15px;
    color: #3b7d9e;
    margin-top: 30px;
    margin-bottom: 30px; }
    #module_pricing_2 .alert-info h1, #module_pricing_2 .alert-info h2, #module_pricing_2 .alert-info h3, #module_pricing_2 .alert-info h4, #module_pricing_2 .alert-info h5, #module_pricing_2 .alert-info h6, #module_pricing_2 .alert-info .h1, #module_pricing_2 .alert-info .h2, #module_pricing_2 .alert-info .h3, #module_pricing_2 .alert-info .h4, #module_pricing_2 .alert-info .h5, #module_pricing_2 .alert-info .h6 {
      color: #3b7d9e; }
  #module_pricing_2 #pricing-rows {
    margin-bottom: 30px;
    margin-top: 900px; }
  #module_pricing_2 .pricing-row-inner {
    background: yellow;
    border: 2px solid #e5e5e5;
    border-radius: 3px;
    padding: 40px 20px 0px;
    background: #ffffff;
    cursor: pointer;
    position: relative;
    top: 0px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #module_pricing_2 .pricing-row-inner:hover {
      border: 2px solid #7a7a7a !important; }
  #module_pricing_2 .pricing-row {
    margin-bottom: 30px; }
    #module_pricing_2 .pricing-row .features {
      font-weight: 500;
      list-style: none;
      margin: 0px;
      padding: 0px;
      color: #565656; }
      @media (max-width: 991px) {
        #module_pricing_2 .pricing-row .features {
          text-align: center; } }
      #module_pricing_2 .pricing-row .features li {
        margin-bottom: 10px; }
        #module_pricing_2 .pricing-row .features li span {
          color: #5ab7e5; }
    #module_pricing_2 .pricing-row .sub-features {
      color: #9e9e9e;
      list-style: none;
      margin: 0px;
      padding: 0px;
      margin-bottom: 30px; }
      #module_pricing_2 .pricing-row .sub-features li {
        margin-bottom: 10px; }
        #module_pricing_2 .pricing-row .sub-features li span {
          font-size: 10px; }
  #module_pricing_2 button {
    text-transform: uppercase;
    outline: none;
    background: #91c544;
    line-height: 20px;
    padding: 7px 15px;
    border: none;
    padding-top: 9px;
    letter-spacing: 1px;
    margin-top: 20px;
    font-weight: 500; }
    @media (max-width: 400px) {
      #module_pricing_2 button {
        font-size: 12px; } }
    #module_pricing_2 button:hover {
      background: #81af3c; }
    #module_pricing_2 button i {
      opacity: 1;
      position: relative;
      top: 0px; }
  #module_pricing_2 .pricing-column {
    text-align: center;
    margin-bottom: 40px; }
    #module_pricing_2 .pricing-column .currency,
    #module_pricing_2 .pricing-column .price,
    #module_pricing_2 .pricing-column .price-small {
      color: #5ab7e5; }
    #module_pricing_2 .pricing-column .price {
      font-size: 28px; }
    #module_pricing_2 .pricing-column sup {
      font-size: 16px; }
    #module_pricing_2 .pricing-column .price-container {
      margin-bottom: 10px; }
    #module_pricing_2 .pricing-column .price-sub {
      margin-top: 15px; }
      #module_pricing_2 .pricing-column .price-sub span {
        font-weight: 500; }
    #module_pricing_2 .pricing-column p {
      margin-bottom: 0px; }
  #module_pricing_2 #bestseller {
    background: #5ab7e5;
    padding: 5px 10px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    top: -2px;
    left: -2px;
    border-radius: 3px 0px 0px 0px; }
  #module_pricing_2 #fine-print {
    margin-bottom: 50px; }
    #module_pricing_2 #fine-print p {
      font-size: 12px;
      color: #9e9e9e;
      margin-bottom: 10px; }
  @media (max-width: 991px) {
    #module_pricing_2 .more-features {
      margin-top: 50px; } }
  @media (max-width: 991px) {
    body.index2 #page > .container {
      width: 90%; }
    #module_pricing_2 .mobile-full {
      width: 100%;
      margin-left: 0px; }
    #module_pricing_2 .row.mobile-90 {
      max-width: 90%;
      margin: 0 auto; } }
  #module_pricing_2 .taxes {
    font-size: 12px;
    color: #8c8c8c; }
  #module_pricing_2 .nowrap {
    white-space: nowrap; }
  #module_pricing_2 .medium {
    font-weight: 500 !important;
    color: #565656; }
  #module_pricing_2 #pricing-advanced {
    width: 55%;
    background: #e8f4fb;
    border-color: #5ab7e5;
    color: #82a3b3;
    float: none; }
    @media (max-width: 767px) {
      #module_pricing_2 #pricing-advanced {
        width: 100%;
        float: left; } }
    #module_pricing_2 #pricing-advanced:hover {
      border-color: #246180; }
    #module_pricing_2 #pricing-advanced .pricing-header {
      padding-top: 30px;
      border-bottom: none; }
      #module_pricing_2 #pricing-advanced .pricing-header .section-title {
        color: #246180; }
      #module_pricing_2 #pricing-advanced .pricing-header .section-subtitle {
        margin-bottom: 10px;
        font-size: 18px; }
    #module_pricing_2 #pricing-advanced .pricing-list li.featured {
      background: #D4EBF7; }
    #module_pricing_2 #pricing-advanced .pricing-list hr {
      border-color: #bbd6ea !important;
      max-width: 86% !important; }
    #module_pricing_2 #pricing-advanced .medium {
      color: #225d7a; }
    #module_pricing_2 #pricing-advanced .pricing-footer {
      margin-top: 50px;
      margin-bottom: 30px; }
  #module_pricing_2 #pricing-starter {
    width: 45%;
    border: none !important;
    background: none;
    padding: 0px;
    cursor: default;
    float: none; }
    @media (max-width: 767px) {
      #module_pricing_2 #pricing-starter {
        width: 100%;
        float: left;
        margin-bottom: 40px; } }
    #module_pricing_2 #pricing-starter .pricing-header .monthly-price {
      font-size: 14px; }
    #module_pricing_2 #pricing-starter .pricing-list ul li {
      font-size: 14px; }
    #module_pricing_2 #pricing-starter .pricing-starter-wrapper {
      background: #ffffff;
      border-radius: 3px 0px 0px 3px;
      border: 2px solid #e5e5e5;
      border-right: none;
      padding-bottom: 40px;
      cursor: pointer;
      -webkit-transition: border-color 0.3s ease;
      -o-transition: border-color 0.3s ease;
      transition: border-color 0.3s ease; }
      @media (max-width: 767px) {
        #module_pricing_2 #pricing-starter .pricing-starter-wrapper {
          border: 2px solid #e5e5e5; } }
      #module_pricing_2 #pricing-starter .pricing-starter-wrapper:hover {
        border-color: #7a7a7a; }
  #module_pricing_2 #pricing-professional .pricing-header {
    border: none;
    padding-top: 30px;
    padding-bottom: 30px; }
    #module_pricing_2 #pricing-professional .pricing-header .section-title {
      margin-bottom: 0px; }
    #module_pricing_2 #pricing-professional .pricing-header .section-subtitle {
      font-size: 18px;
      margin-bottom: 10px; }
    #module_pricing_2 #pricing-professional .pricing-header .annual-payment {
      color: #82a3b3;
      margin-bottom: 15px; }
    #module_pricing_2 #pricing-professional .pricing-header .or-pricing {
      font-size: 12px;
      line-height: 12px;
      margin-bottom: 0px; }
      #module_pricing_2 #pricing-professional .pricing-header .or-pricing span {
        color: #5ab7e5; }
  #module_pricing_2 #pricing-professional .pricing-list ul li {
    padding: 20px 15%; }
    @media (max-width: 767px) {
      #module_pricing_2 #pricing-professional .pricing-list ul li {
        padding: 20px 5%; } }
  @media (max-width: 767px) {
    #module_pricing_2 #pricing-professional .pricing-list ul hr {
      max-width: 90%; } }
  #module_pricing_2 .pricing-cursor {
    border: 2px solid #e5e5e5;
    border-radius: 3px;
    text-align: center;
    padding: 0px;
    padding-bottom: 40px;
    background: #ffffff;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease; }
    #module_pricing_2 .pricing-cursor:hover {
      border-color: #7a7a7a; }
    #module_pricing_2 .pricing-cursor button {
      font-size: 16px; }
      #module_pricing_2 .pricing-cursor button i {
        top: 1px; }
    #module_pricing_2 .pricing-cursor .pricing-header {
      border-bottom: 1px solid #e5e5e5;
      padding: 20px 20px 30px;
      position: relative; }
      #module_pricing_2 .pricing-cursor .pricing-header .bestseller {
        color: #ffffff;
        font-size: 12px;
        line-height: 12px;
        font-weight: 600 !important;
        text-transform: uppercase;
        background: #5ab7e5;
        padding: 10px;
        position: absolute;
        top: 0px;
        left: 0px; }
      #module_pricing_2 .pricing-cursor .pricing-header .section-title {
        text-transform: uppercase;
        margin-top: 0px; }
      #module_pricing_2 .pricing-cursor .pricing-header .section-subtitle {
        margin-bottom: 5px; }
      #module_pricing_2 .pricing-cursor .pricing-header .monthly-price {
        color: #5ab7e5;
        margin-bottom: 0px;
        line-height: 20px; }
      #module_pricing_2 .pricing-cursor .pricing-header .annual-payment {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 0px; }
    #module_pricing_2 .pricing-cursor .pricing-list ul {
      list-style: none;
      margin: 0px;
      padding: 0px;
      margin-bottom: 10px; }
      #module_pricing_2 .pricing-cursor .pricing-list ul li {
        padding: 15px 7%;
        line-height: 1.5em; }
        #module_pricing_2 .pricing-cursor .pricing-list ul li.featured {
          background: #E6F4FA;
          color: #225d7a !important; }
          #module_pricing_2 .pricing-cursor .pricing-list ul li.featured .medium {
            color: #225d7a !important;
            font-size: 18px; }
      #module_pricing_2 .pricing-cursor .pricing-list ul hr {
        max-width: 70%;
        margin: 0px auto; }

.faq-row {
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .faq-row {
      margin-bottom: 0px; }
      .faq-row:last-child {
        margin-bottom: 40px; } }
  @media (max-width: 767px) {
    .faq-row .custom-faq {
      float: left; } }
  .faq-row .custom-faq .text-column,
  .faq-row .custom-faq .number-column {
    float: left; }
  .faq-row .custom-faq .text-column {
    width: 85%; }
    @media (max-width: 991px) {
      .faq-row .custom-faq .text-column {
        width: 80%; } }
    @media (max-width: 767px) {
      .faq-row .custom-faq .text-column {
        float: left; } }
    .faq-row .custom-faq .text-column h6 {
      margin-bottom: 10px;
      margin-top: 0px; }
  .faq-row .custom-faq .number-column {
    width: 15%;
    min-width: 40px; }
    @media (max-width: 991px) {
      .faq-row .custom-faq .number-column {
        width: 20%; } }
    @media (max-width: 767px) {
      .faq-row .custom-faq .number-column {
        width: auto;
        margin-right: 20px; } }
    .faq-row .custom-faq .number-column span {
      border-radius: 100px;
      height: 40px;
      width: 40px;
      border: 2px solid #eaeaea;
      border: 2px solid #d0d0d0;
      color: #d0d0d0;
      font-weight: 500;
      text-align: center;
      line-height: 36px;
      display: block;
      font-size: 16px; }
    .faq-row .custom-faq .number-column.blue span {
      color: #ffffff;
      background: #5ab7e5;
      border-color: #279fda; }

.band {
  width: 100%;
  display: block;
  float: left;
  clear: both;
  position: relative; }

img {
  max-width: 100%;
  height: auto; }

.box-sizing {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

#module_pricing_4 {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #9e9e9e;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }
  #module_pricing_4 .current-plan button {
    display: none !important; }
  #module_pricing_4 .current-plan .selected-text {
    padding: 18px; }
  #module_pricing_4 .holder {
    min-height: 50px; }
  #module_pricing_4 .red {
    background: red; }
  #module_pricing_4 .orange {
    background: orange; }
  #module_pricing_4 .pink {
    background: pink; }
  #module_pricing_4 .yellow {
    background: yellow; }
  #module_pricing_4 .green {
    background: green; }
  #module_pricing_4 .brown {
    background: brown; }
  #module_pricing_4 h1, #module_pricing_4 h2, #module_pricing_4 h3, #module_pricing_4 h4, #module_pricing_4 h5, #module_pricing_4 h6, #module_pricing_4 p, #module_pricing_4 a, #module_pricing_4 ul, #module_pricing_4 lu, #module_pricing_4 label {
    font-family: "Roboto", Helvetica, Arial, sans-serif; }
  #module_pricing_4 h1, #module_pricing_4 h2, #module_pricing_4 h3, #module_pricing_4 h4, #module_pricing_4 h5, #module_pricing_4 h6, #module_pricing_4 .h1, #module_pricing_4 .h2, #module_pricing_4 .h3, #module_pricing_4 .h4, #module_pricing_4 .h5, #module_pricing_4 .h6 {
    font-weight: 500;
    line-height: 1.2em;
    color: #565656;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
    #module_pricing_4 h1.gray, #module_pricing_4 h2.gray, #module_pricing_4 h3.gray, #module_pricing_4 h4.gray, #module_pricing_4 h5.gray, #module_pricing_4 h6.gray, #module_pricing_4 .h1.gray, #module_pricing_4 .h2.gray, #module_pricing_4 .h3.gray, #module_pricing_4 .h4.gray, #module_pricing_4 .h5.gray, #module_pricing_4 .h6.gray {
      color: #9e9e9e; }
    #module_pricing_4 h1.regular, #module_pricing_4 h1 .regular, #module_pricing_4 h2.regular, #module_pricing_4 h2 .regular, #module_pricing_4 h3.regular, #module_pricing_4 h3 .regular, #module_pricing_4 h4.regular, #module_pricing_4 h4 .regular, #module_pricing_4 h5.regular, #module_pricing_4 h5 .regular, #module_pricing_4 h6.regular, #module_pricing_4 h6 .regular, #module_pricing_4 .h1.regular, #module_pricing_4 .h1 .regular, #module_pricing_4 .h2.regular, #module_pricing_4 .h2 .regular, #module_pricing_4 .h3.regular, #module_pricing_4 .h3 .regular, #module_pricing_4 .h4.regular, #module_pricing_4 .h4 .regular, #module_pricing_4 .h5.regular, #module_pricing_4 .h5 .regular, #module_pricing_4 .h6.regular, #module_pricing_4 .h6 .regular {
      font-weight: 400; }
  #module_pricing_4 h1, #module_pricing_4 .h1 {
    font-size: 43px; }
  #module_pricing_4 h2, #module_pricing_4 .h2 {
    font-size: 35px; }
  #module_pricing_4 h3, #module_pricing_4 .h3 {
    font-size: 28px; }
  #module_pricing_4 h4, #module_pricing_4 .h4 {
    font-size: 24px; }
  #module_pricing_4 h5, #module_pricing_4 .h5 {
    font-size: 22px; }
  #module_pricing_4 h6, #module_pricing_4 .h6 {
    font-size: 18px; }
  #module_pricing_4 a {
    color: #5ab7e5; }
    #module_pricing_4 a:hover, #module_pricing_4 a:focus {
      color: #31708C;
      outline: none; }
  #module_pricing_4 p {
    margin: 0px 0px 20px;
    font-weight: 400;
    line-height: 1.5em;
    font-size: 16px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
  #module_pricing_4 .alert-info {
    background: #e7f8ff;
    border: 2px solid #acdef3;
    border-radius: 3px;
    font-size: 16px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    padding: 15px;
    color: #3b7d9e;
    margin-top: 30px;
    margin-bottom: 30px; }
    #module_pricing_4 .alert-info h1, #module_pricing_4 .alert-info h2, #module_pricing_4 .alert-info h3, #module_pricing_4 .alert-info h4, #module_pricing_4 .alert-info h5, #module_pricing_4 .alert-info h6, #module_pricing_4 .alert-info .h1, #module_pricing_4 .alert-info .h2, #module_pricing_4 .alert-info .h3, #module_pricing_4 .alert-info .h4, #module_pricing_4 .alert-info .h5, #module_pricing_4 .alert-info .h6 {
      color: #3b7d9e; }
  #module_pricing_4 #pricing-rows {
    margin-bottom: 30px; }
  #module_pricing_4 .pricing-row-inner {
    border: 2px solid #e5e5e5;
    border-radius: 3px;
    padding: 40px 20px 0px;
    background: #ffffff;
    height: 900px !important;
    cursor: pointer;
    position: relative;
    top: 0px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #module_pricing_4 .pricing-row-inner.current-plan {
      cursor: default !important;
      border: 2px solid #91c544; }
      #module_pricing_4 .pricing-row-inner.current-plan:hover {
        border: 2px solid #91c544 !important; }
    #module_pricing_4 .pricing-row-inner:hover {
      border: 2px solid #7a7a7a !important; }
  #module_pricing_4 .pricing-row {
    margin-bottom: 30px; }
    #module_pricing_4 .pricing-row .features {
      font-weight: 500;
      list-style: none;
      margin: 0px;
      padding: 0px;
      color: #565656; }
      @media (max-width: 991px) {
        #module_pricing_4 .pricing-row .features {
          text-align: center; } }
      #module_pricing_4 .pricing-row .features li {
        margin-bottom: 10px; }
        #module_pricing_4 .pricing-row .features li span {
          color: #5ab7e5; }
    #module_pricing_4 .pricing-row .sub-features {
      color: #9e9e9e;
      list-style: none;
      margin: 0px;
      padding: 0px;
      margin-bottom: 30px; }
      #module_pricing_4 .pricing-row .sub-features li {
        margin-bottom: 10px; }
        #module_pricing_4 .pricing-row .sub-features li span {
          font-size: 10px; }
  #module_pricing_4 .btn.btn-primary.upgrade {
    text-transform: uppercase;
    outline: none;
    background: #91c544;
    line-height: 20px;
    padding: 7px 15px;
    border: none;
    padding-top: 9px;
    letter-spacing: 1px;
    margin-top: 20px;
    font-weight: 500; }
    @media (max-width: 400px) {
      #module_pricing_4 .btn.btn-primary.upgrade {
        font-size: 12px; } }
    #module_pricing_4 .btn.btn-primary.upgrade:hover {
      background: #81af3c; }
    #module_pricing_4 .btn.btn-primary.upgrade i {
      opacity: 1;
      position: relative;
      top: 0px; }
  #module_pricing_4 .pricing-column {
    text-align: center;
    margin-bottom: 40px; }
    #module_pricing_4 .pricing-column .currency,
    #module_pricing_4 .pricing-column .price,
    #module_pricing_4 .pricing-column .price-small {
      color: #5ab7e5; }
    #module_pricing_4 .pricing-column .price {
      font-size: 28px; }
    #module_pricing_4 .pricing-column sup {
      font-size: 16px; }
    #module_pricing_4 .pricing-column .price-container {
      margin-bottom: 10px; }
    #module_pricing_4 .pricing-column .price-sub {
      margin-top: 15px; }
      #module_pricing_4 .pricing-column .price-sub span {
        font-weight: 500; }
    #module_pricing_4 .pricing-column p {
      margin-bottom: 0px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    #module_pricing_4 .more-features {
      float: right; } }
  @media (max-width: 991px) {
    #module_pricing_4 .more-features {
      text-align: center;
      margin-bottom: 20px;
      margin-top: 20px; } }
  #module_pricing_4 #bestseller {
    background: #5ab7e5;
    padding: 5px 10px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    top: -2px;
    left: -2px;
    border-radius: 3px 0px 0px 0px; }
  #module_pricing_4 #fine-print {
    margin-bottom: 50px; }
    #module_pricing_4 #fine-print p {
      font-size: 12px;
      color: #9e9e9e;
      margin-bottom: 10px; }

.faq-row {
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .faq-row {
      margin-bottom: 0px; }
      .faq-row:last-child {
        margin-bottom: 40px; } }
  @media (max-width: 767px) {
    .faq-row .custom-faq {
      float: left; } }
  .faq-row .custom-faq .text-column,
  .faq-row .custom-faq .number-column {
    float: left; }
  .faq-row .custom-faq .text-column {
    width: 85%; }
    @media (max-width: 991px) {
      .faq-row .custom-faq .text-column {
        width: 80%; } }
    @media (max-width: 767px) {
      .faq-row .custom-faq .text-column {
        float: left; } }
    .faq-row .custom-faq .text-column h5 {
      margin-bottom: 10px;
      margin-top: 0px; }
  .faq-row .custom-faq .number-column {
    width: 15%;
    min-width: 40px; }
    @media (max-width: 991px) {
      .faq-row .custom-faq .number-column {
        width: 20%; } }
    @media (max-width: 767px) {
      .faq-row .custom-faq .number-column {
        width: auto;
        margin-right: 20px; } }
    .faq-row .custom-faq .number-column span {
      border-radius: 100px;
      height: 40px;
      width: 40px;
      border: 2px solid #eaeaea;
      border: 2px solid #d0d0d0;
      color: #d0d0d0;
      font-weight: 500;
      text-align: center;
      line-height: 36px;
      display: block;
      font-size: 16px; }
    .faq-row .custom-faq .number-column.blue span {
      color: #ffffff;
      background: #5ab7e5;
      border-color: #279fda; }

.band {
  width: 100%;
  display: block;
  float: left;
  clear: both;
  position: relative; }

img {
  max-width: 100%;
  height: auto; }

.box-sizing {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

#module_pricing_5 {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #9e9e9e;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }
  #module_pricing_5 #freeplan {
    text-align: center;
    margin: 60px 0; }
    #module_pricing_5 #freeplan p {
      font-size: 15px;
      font-weight: 400;
      color: #a4a6a8; }
    #module_pricing_5 #freeplan a {
      display: inline-block;
      margin-top: 20px; }
  #module_pricing_5 .full-width-white-bgd {
    background: #fbfbfb;
    float: left;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 49%; }
    @media (max-width: 768px) {
      #module_pricing_5 .full-width-white-bgd {
        width: 100%;
        margin: 0 !important;
        left: inherit !important;
        background: inherit; }
        #module_pricing_5 .full-width-white-bgd .row {
          margin-left: -15px !important;
          margin-right: -15px !important; }
        #module_pricing_5 .full-width-white-bgd .container {
          width: 100% !important; } }
    #module_pricing_5 .full-width-white-bgd .row {
      margin-left: 0;
      margin-right: -25px; }
  #module_pricing_5 three-ups {
    text-align: center;
    min-height: 100%;
    height: 100%;
    position: relative; }
    #module_pricing_5 three-ups .threeContainer {
      margin-bottom: 70px;
      padding: 0 25px; }
      @media (max-width: 767px) {
        #module_pricing_5 three-ups .threeContainer {
          margin-bottom: 30px;
          padding: 0 15px; } }
    #module_pricing_5 three-ups h6 {
      margin-bottom: 15px;
      margin-top: 0; }
    #module_pricing_5 three-ups i {
      font-size: 48px;
      color: #53c1f0; }
  #module_pricing_5 .section-title {
    position: relative;
    text-align: center; }
    #module_pricing_5 .section-title h4 {
      display: inline-block;
      padding: 0 15px;
      background-color: #fbfbfb;
      position: relative;
      z-index: 1; }
    #module_pricing_5 .section-title hr {
      margin: 0;
      position: absolute;
      top: 50%;
      left: 0;
      z-index: 0;
      width: 100%;
      border-bottom: 1px #d4d4d4 solid; }
  #module_pricing_5 .toggle-currency {
    margin-top: 0; }
    #module_pricing_5 .toggle-currency input.cmn-toggle-round + label {
      width: 34px; }
    #module_pricing_5 .toggle-currency input.cmn-toggle-round:checked + label:after {
      margin-left: 13px; }
    #module_pricing_5 .toggle-currency.toggle-list > label + span {
      left: -10px;
      right: inherit; }
    #module_pricing_5 .toggle-currency input.cmn-toggle-round:checked + label + span + span {
      color: #53c1f0; }
    #module_pricing_5 .toggle-currency input.cmn-toggle-round + label + span + span,
    #module_pricing_5 .toggle-currency input.cmn-toggle-round:checked + label + span {
      color: #a4a6a8; }
    #module_pricing_5 .toggle-currency span.toggle-text {
      font-size: 22px !important;
      font-weight: 500;
      color: #53c1f0;
      right: -10px; }
  #module_pricing_5 .display-flex.container:before,
  #module_pricing_5 .display-flex.container:after,
  #module_pricing_5 .display-flex.row:before,
  #module_pricing_5 .display-flex.row:after {
    content: normal !important; }
  #module_pricing_5 .display-flex.row:before {
    display: inline; }
  #module_pricing_5 .display-flex,
  #module_pricing_5 .row.display-flex {
    display: flex;
    flex-wrap: wrap; }
    #module_pricing_5 .display-flex plan-card,
    #module_pricing_5 .row.display-flex plan-card {
      position: relative;
      padding: 0 20px; }
      @media (max-width: 991px) {
        #module_pricing_5 .display-flex plan-card,
        #module_pricing_5 .row.display-flex plan-card {
          margin-bottom: 30px; } }
      #module_pricing_5 .display-flex plan-card .pricing-row,
      #module_pricing_5 .row.display-flex plan-card .pricing-row {
        background: #fff;
        display: block;
        position: relative;
        height: 100%;
        min-height: 100%;
        border: 1px #d4d4d4 solid;
        padding-top: 50px;
        border-radius: 2px;
        width: 100%;
        float: left; }
        @media (min-width: 991px) {
          #module_pricing_5 .display-flex plan-card .pricing-row,
          #module_pricing_5 .row.display-flex plan-card .pricing-row {
            min-height: 672px; } }
        #module_pricing_5 .display-flex plan-card .pricing-row.pricing-selected,
        #module_pricing_5 .row.display-flex plan-card .pricing-row.pricing-selected {
          border: 2px #90c52d solid;
          cursor: default !important; }
          #module_pricing_5 .display-flex plan-card .pricing-row.pricing-selected:hover,
          #module_pricing_5 .row.display-flex plan-card .pricing-row.pricing-selected:hover {
            border: 2px #90c52d solid; }
        #module_pricing_5 .display-flex plan-card .pricing-row:hover,
        #module_pricing_5 .row.display-flex plan-card .pricing-row:hover {
          cursor: pointer;
          border: 1px #0a0a0a solid; }
      #module_pricing_5 .display-flex plan-card i[class*='icon-pricing'],
      #module_pricing_5 .row.display-flex plan-card i[class*='icon-pricing'] {
        font-size: 64px;
        color: #53c1f0;
        position: relative;
        display: inline-block; }
  #module_pricing_5 .current-plan button {
    opacity: 0.37; }
  #module_pricing_5 .current-plan .selected-text {
    padding: 18px; }
  #module_pricing_5 .holder {
    min-height: 50px; }
  #module_pricing_5 .red {
    background: red; }
  #module_pricing_5 .orange {
    background: orange; }
  #module_pricing_5 .pink {
    background: pink; }
  #module_pricing_5 .yellow {
    background: yellow; }
  #module_pricing_5 .green {
    background: green; }
  #module_pricing_5 .brown {
    background: brown; }
  #module_pricing_5 h1, #module_pricing_5 h2, #module_pricing_5 h3, #module_pricing_5 h4, #module_pricing_5 h5, #module_pricing_5 h6, #module_pricing_5 p, #module_pricing_5 a, #module_pricing_5 ul, #module_pricing_5 lu, #module_pricing_5 label {
    font-family: "Roboto", Helvetica, Arial, sans-serif; }
  #module_pricing_5 h1, #module_pricing_5 h2, #module_pricing_5 h3, #module_pricing_5 h4, #module_pricing_5 h5, #module_pricing_5 h6, #module_pricing_5 .h1, #module_pricing_5 .h2, #module_pricing_5 .h3, #module_pricing_5 .h4, #module_pricing_5 .h5, #module_pricing_5 .h6 {
    font-weight: 600;
    line-height: 1.2em;
    color: #616568;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
    #module_pricing_5 h1.gray, #module_pricing_5 h2.gray, #module_pricing_5 h3.gray, #module_pricing_5 h4.gray, #module_pricing_5 h5.gray, #module_pricing_5 h6.gray, #module_pricing_5 .h1.gray, #module_pricing_5 .h2.gray, #module_pricing_5 .h3.gray, #module_pricing_5 .h4.gray, #module_pricing_5 .h5.gray, #module_pricing_5 .h6.gray {
      color: #a4a6a8; }
    #module_pricing_5 h1.regular, #module_pricing_5 h1 .regular, #module_pricing_5 h2.regular, #module_pricing_5 h2 .regular, #module_pricing_5 h3.regular, #module_pricing_5 h3 .regular, #module_pricing_5 h4.regular, #module_pricing_5 h4 .regular, #module_pricing_5 h5.regular, #module_pricing_5 h5 .regular, #module_pricing_5 h6.regular, #module_pricing_5 h6 .regular, #module_pricing_5 .h1.regular, #module_pricing_5 .h1 .regular, #module_pricing_5 .h2.regular, #module_pricing_5 .h2 .regular, #module_pricing_5 .h3.regular, #module_pricing_5 .h3 .regular, #module_pricing_5 .h4.regular, #module_pricing_5 .h4 .regular, #module_pricing_5 .h5.regular, #module_pricing_5 .h5 .regular, #module_pricing_5 .h6.regular, #module_pricing_5 .h6 .regular {
      font-weight: 400; }
  #module_pricing_5 h1, #module_pricing_5 .h1 {
    font-size: 43px; }
  #module_pricing_5 h2, #module_pricing_5 .h2 {
    font-size: 36px;
    margin-top: 10px;
    margin-bottom: 5px; }
  #module_pricing_5 h3, #module_pricing_5 .h3 {
    font-size: 28px; }
  #module_pricing_5 h4, #module_pricing_5 .h4 {
    font-size: 26px; }
  #module_pricing_5 h5, #module_pricing_5 .h5 {
    font-size: 22px; }
  #module_pricing_5 h6, #module_pricing_5 .h6 {
    font-size: 18px; }
  #module_pricing_5 a {
    color: #5ab7e5; }
    #module_pricing_5 a:hover, #module_pricing_5 a:focus {
      color: #31708C;
      outline: none; }
  #module_pricing_5 p {
    margin: 0;
    font-weight: 400;
    line-height: 1.5em;
    font-size: 18px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
  #module_pricing_5 .alert-info {
    background: rgba(83, 193, 240, 0.24);
    border: 1px solid #53c1f0;
    border-radius: 2px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    padding: 15px;
    color: #616568;
    margin-top: 30px;
    margin-bottom: 0;
    text-align: left;
    min-height: 66px; }
    #module_pricing_5 .alert-info h1, #module_pricing_5 .alert-info h2, #module_pricing_5 .alert-info h3, #module_pricing_5 .alert-info h4, #module_pricing_5 .alert-info h5, #module_pricing_5 .alert-info h6, #module_pricing_5 .alert-info .h1, #module_pricing_5 .alert-info .h2, #module_pricing_5 .alert-info .h3, #module_pricing_5 .alert-info .h4, #module_pricing_5 .alert-info .h5, #module_pricing_5 .alert-info .h6 {
      color: #3b7d9e; }
  #module_pricing_5 #pricing-rows {
    margin: 0 -15px 30px -15px !important; }
    @media (max-width: 768px) {
      #module_pricing_5 #pricing-rows {
        margin: 0 0 30px !important; } }
  #module_pricing_5 .pricing-row-inner {
    border: 2px solid #e5e5e5;
    border-radius: 3px;
    padding: 40px 20px 0px;
    background: #ffffff;
    height: 900px !important;
    cursor: pointer;
    position: relative;
    top: 0px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #module_pricing_5 .pricing-row-inner.current-plan {
      cursor: default !important;
      border: 2px solid #91c544; }
      #module_pricing_5 .pricing-row-inner.current-plan:hover {
        border: 2px solid #91c544 !important; }
    #module_pricing_5 .pricing-row-inner:hover {
      border: 2px solid #7a7a7a !important; }
  #module_pricing_5 .pricing-row {
    margin-bottom: 30px; }
    #module_pricing_5 .pricing-row .features {
      text-align: center;
      font-weight: 700;
      list-style: none;
      margin: 0 0 50px;
      padding: 0;
      color: #797d80; }
      @media (max-width: 991px) {
        #module_pricing_5 .pricing-row .features {
          text-align: center; } }
      #module_pricing_5 .pricing-row .features li {
        margin-bottom: 15px; }
        #module_pricing_5 .pricing-row .features li span {
          color: #47bdef;
          display: inline-block;
          margin-right: 5px; }
  #module_pricing_5 .btn.btn-primary.upgrade {
    text-transform: uppercase;
    outline: none;
    background: #90c52d;
    line-height: 35px;
    height: 45px;
    border: none;
    letter-spacing: 1px;
    margin-top: 30px;
    font-weight: 700;
    font-size: 15px;
    width: 100%;
    border-radius: 2px; }
    @media (max-width: 400px) {
      #module_pricing_5 .btn.btn-primary.upgrade {
        font-size: 12px; } }
    #module_pricing_5 .btn.btn-primary.upgrade:hover {
      background: #81af3c; }
    #module_pricing_5 .btn.btn-primary.upgrade i {
      opacity: 1;
      position: relative;
      top: 0px; }
  #module_pricing_5 .pricing-column {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 20px; }
    @media (max-width: 1024px) {
      #module_pricing_5 .pricing-column {
        padding: 0; } }
    #module_pricing_5 .pricing-column .currency,
    #module_pricing_5 .pricing-column .price,
    #module_pricing_5 .pricing-column .price-small {
      color: #47bdef; }
    #module_pricing_5 .pricing-column .price {
      font-size: 44px;
      font-weight: 700; }
    #module_pricing_5 .pricing-column .time {
      font-size: 18px;
      top: -3px;
      position: relative;
      display: inline-block; }
    #module_pricing_5 .pricing-column sup {
      font-size: 18px;
      top: -15px;
      left: -3px; }
    #module_pricing_5 .pricing-column .price-sub span {
      font-weight: 400; }
    #module_pricing_5 .pricing-column p {
      margin-bottom: 0px;
      color: #a4a6a8; }
  @media (min-width: 768px) and (max-width: 1199px) {
    #module_pricing_5 .more-features {
      float: right; } }
  @media (max-width: 991px) {
    #module_pricing_5 .more-features {
      text-align: center;
      margin-bottom: 20px;
      margin-top: 20px; } }
  #module_pricing_5 #bestseller {
    background: #53c1f0;
    padding: 6px 17px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px 0 0 0; }
  #module_pricing_5 #fine-print {
    margin-bottom: 50px; }
    #module_pricing_5 #fine-print p {
      font-size: 15px;
      color: #a4a6a8;
      font-weight: 400;
      margin-bottom: 10px; }

#pricing-faq {
  float: left; }
  #pricing-faq h2 {
    font-size: 18px;
    font-weight: 500;
    color: #797d80;
    text-align: center;
    margin-bottom: 35px;
    text-transform: uppercase; }
  #pricing-faq h5 {
    font-size: 18px;
    font-weight: 500;
    color: #616568;
    margin-bottom: 24px; }
  #pricing-faq p {
    font-size: 18px;
    font-weight: 400;
    color: #797d80;
    margin-bottom: 15px; }

.band {
  width: 100%;
  display: block;
  float: left;
  clear: both;
  position: relative; }

img {
  max-width: 100%;
  height: auto; }

.box-sizing {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

body#new-design {
  font-family: 'Source Sans Pro', sans-serif; }
  @media screen and (min-width: 480px) {
    body#new-design {
      background-color: #ffffff; } }
  @media screen and (min-width: 992px) {
    body#new-design {
      background-color: #f7f7f7; } }
  body#new-design #page {
    margin: 0;
    padding: 80px 30px 50px;
    background-color: #f7f7f7; }
    @media screen and (min-width: 480px) {
      body#new-design #page {
        padding: 120px 30px 50px; } }
    @media screen and (min-width: 992px) {
      body#new-design #page {
        padding: 120px 30px 140px; } }
  @media screen and (min-width: 768px) {
    body#new-design .navbar-brand {
      display: none; } }
  @media screen and (min-width: 768px) {
    body#new-design .navbar {
      width: 600px;
      padding: 0 15px;
      max-width: 100%;
      margin: 0 auto;
      background-color: transparent;
      min-height: inherit;
      height: 42px; }
      body#new-design .navbar .navbar-nav > li > a {
        padding: 0;
        line-height: 42px;
        color: #797d80;
        font-weight: 400;
        font-size: 15px; }
        body#new-design .navbar .navbar-nav > li > a:hover {
          color: #3c4245; }
        body#new-design .navbar .navbar-nav > li > a span {
          text-decoration: none; }
          body#new-design .navbar .navbar-nav > li > a span span {
            font-size: 20px;
            margin-right: 5px;
            line-height: 0; } }
  @media screen and (min-width: 768px) {
    body#new-design .no-account {
      display: inherit; } }
  body#new-design .no-account p {
    color: #a4a6a8;
    font-weight: 400;
    line-height: 42px;
    font-weight: 400;
    font-size: 15px; }
  body#new-design .no-account a {
    color: #797d80;
    margin-left: 5px; }
    body#new-design .no-account a:hover {
      color: #3c4245; }
  body#new-design.nav-dark .main-header {
    background-color: #3c4245; }
  @media screen and (min-width: 768px) {
    body#new-design.nav-dark .navbar .navbar-nav > li > a {
      color: #ffffff; }
      body#new-design.nav-dark .navbar .navbar-nav > li > a:hover {
        color: #a4a6a8; } }
  body#new-design.nav-dark .no-account a {
    color: #ffffff; }
    body#new-design.nav-dark .no-account a:hover {
      color: #a4a6a8; }
  body#new-design.nav-dark #login_right_navbar {
    background-color: #3c4245; }
  body#new-design.nav-icon .no-account {
    display: none; }
  body#new-design.nav-icon .navbar-brand {
    display: inherit; }
    @media screen and (min-width: 768px) {
      body#new-design.nav-icon .navbar-brand {
        margin: 0;
        padding: 0;
        line-height: 42px;
        height: 42px;
        color: #797d80; }
        body#new-design.nav-icon .navbar-brand:hover {
          color: #3c4245; }
        body#new-design.nav-icon .navbar-brand .icon-logo-icon {
          font-size: 24px; } }
  body#new-design.nav-icon.nav-dark .navbar-brand {
    color: #ffffff; }
  body#new-design .col-md-3 {
    display: none; }
  body#new-design .col-md-5 {
    width: 100%;
    margin: 0; }
  body#new-design .box-login {
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 50px 50px 65px !important;
    width: 400px;
    max-width: 100%;
    margin: 0 auto; }
    body#new-design .box-login h1 {
      font-family: 'Source Sans Pro', sans-serif;
      color: #616568;
      font-size: 26px;
      font-weight: 500; }
  body#new-design .box-footer {
    margin: 0;
    position: inherit;
    background: none;
    padding: 0;
    border: none;
    height: auto; }
    body#new-design .box-footer .text-center {
      margin-top: 10px; }
      body#new-design .box-footer .text-center a {
        font-size: 15px;
        color: #47bdef;
        text-decoration: none;
        padding: 0;
        border: none; }
        body#new-design .box-footer .text-center a:hover {
          color: #25acdd; }
  body#new-design .box-outer {
    text-align: center;
    margin: 0; }
    body#new-design .box-outer a {
      font-size: 15px;
      color: #47bdef;
      text-decoration: none;
      padding: 0;
      border: none; }
      body#new-design .box-outer a:hover {
        color: #25acdd; }
    body#new-design .box-outer .forgot {
      margin: 0 35px; }
    body#new-design .box-outer #lang_drop {
      margin-right: 35px; }
  body#new-design.no-ad #login_left {
    width: 100%;
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -65px; }
  body#new-design #login_left:after {
    content: "";
    display: block; }
  body#new-design #footer, body#new-design #login_left:after {
    height: 65px; }
  body#new-design #login_left {
    width: 100%;
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -65px; }
    @media screen and (min-width: 992px) {
      body#new-design #login_left {
        width: 60%;
        float: left; } }
  body#new-design.no-ad #login_right {
    display: none; }
  body#new-design #login_right {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    float: left;
    clear: both;
    background-color: #ffffff;
    padding: 60px 30px 180px;
    display: none; }
    @media screen and (min-width: 480px) {
      body#new-design #login_right {
        display: block; } }
    @media screen and (min-width: 992px) {
      body#new-design #login_right {
        width: 40%;
        float: right;
        padding: 42px 0 0;
        clear: none; } }
    body#new-design #login_right #login_right_bg {
      background-color: #ffffff;
      position: fixed;
      height: 100%;
      top: 0;
      right: 0;
      z-index: -1;
      display: none; }
      @media screen and (min-width: 992px) {
        body#new-design #login_right #login_right_bg {
          width: 40%;
          display: block; } }
    body#new-design #login_right #login_right_navbar {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 42px;
      display: none; }
      @media screen and (min-width: 992px) {
        body#new-design #login_right #login_right_navbar {
          display: block; } }

.no-account {
  display: none; }

#new-design #login-form {
  font-family: 'Source Sans Pro', sans-serif; }
  #new-design #login-form br {
    display: none; }
  #new-design #login-form input {
    border-radius: 2px;
    border-width: 2px;
    border-color: #eaeaea;
    height: 44px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    font-size: 15px;
    color: #3c4245;
    margin-bottom: 30px;
    padding: 6px 12px; }
    #new-design #login-form input:focus {
      border-color: #d4d4d4; }
    #new-design #login-form input.error {
      border-color: #ff7a69; }
  #new-design #login-form .error {
    position: relative; }
    #new-design #login-form .error input {
      border: 2px solid #ff7a69 !important;
      margin-bottom: 0px; }
  #new-design #login-form .errorMessage {
    color: #ff7a69;
    padding-top: 5px;
    padding-left: 15px;
    margin-bottom: 5px;
    display: none !important; }
  #new-design #login-form .error .errorMessage {
    display: block !important; }
  #new-design #login-form .btn-primary {
    background: none;
    background-color: #90c52d;
    border-radius: 2px;
    border: none;
    height: 54px;
    line-height: 54px;
    text-transform: uppercase;
    padding: 0;
    line-height: 58px;
    font-size: 18px;
    outline: none;
    color: #ffffff;
    display: block;
    width: 100%;
    margin: 0;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none; }
    #new-design #login-form .btn-primary:hover, #new-design #login-form .btn-primary:focus {
      background-color: #85b62b;
      outline: none; }
    #new-design #login-form .btn-primary:after {
      content: '2'; }
  #new-design #login-form .checkbox {
    margin: 0 !important;
    margin-bottom: 20px !important;
    height: auto; }
    #new-design #login-form .checkbox label {
      padding-left: 0;
      color: #a4a6a8;
      font-size: 15px;
      font-weight: 400;
      position: relative;
      display: block;
      text-indent: 0; }
      #new-design #login-form .checkbox label a {
        color: #a4a6a8;
        text-decoration: none;
        outline: none; }
        #new-design #login-form .checkbox label a:hover, #new-design #login-form .checkbox label a:focus {
          color: #797d80; }
    #new-design #login-form .checkbox .errorMessage {
      left: 5px;
      padding-top: 5px; }
  #new-design #login-form input[type="checkbox"] {
    visibility: hidden;
    height: 18px;
    margin: 0; }
    #new-design #login-form input[type="checkbox"]:before {
      content: '';
      visibility: visible;
      display: block;
      width: 18px;
      height: 18px;
      float: left;
      cursor: pointer;
      border: 2px solid #eaeaea;
      border-radius: 2px;
      background-color: transparent;
      font-family: "qrbackend2" !important;
      font-size: 12px;
      line-height: 18px;
      text-indent: 1px; }
    #new-design #login-form input[type="checkbox"]:checked:before {
      background-color: #47bdef;
      border-color: #47bdef !important;
      content: '\e0A1';
      color: #ffffff; }
    #new-design #login-form input[type="checkbox"].error:before {
      border-color: #ff7a69; }

.revised-signup-iframe-form {
  font-family: 'Source Sans Pro', sans-serif; }
  .revised-signup-iframe-form .form-group {
    margin-bottom: 30px; }
    .revised-signup-iframe-form .form-group input {
      border-radius: 2px;
      border-width: 2px;
      border-color: #eaeaea;
      height: 44px;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      font-size: 15px;
      color: #3c4245; }
      .revised-signup-iframe-form .form-group input:focus {
        border-color: #d4d4d4; }
      .revised-signup-iframe-form .form-group input.error {
        border-color: #ff7a69; }
  .revised-signup-iframe-form .row.checkbox {
    margin: 0;
    margin-bottom: 60px; }
    .revised-signup-iframe-form .row.checkbox label {
      padding-left: 5px;
      color: #a4a6a8;
      font-size: 15px;
      font-weight: 400;
      position: relative;
      display: block; }
      .revised-signup-iframe-form .row.checkbox label a {
        color: #a4a6a8;
        text-decoration: none;
        outline: none; }
        .revised-signup-iframe-form .row.checkbox label a:hover, .revised-signup-iframe-form .row.checkbox label a:focus {
          color: #797d80; }
    .revised-signup-iframe-form .row.checkbox .errorMessage {
      left: 5px;
      padding-top: 5px; }
  .revised-signup-iframe-form input[type="checkbox"] {
    visibility: hidden; }
    .revised-signup-iframe-form input[type="checkbox"]:before {
      content: '';
      visibility: visible;
      display: block;
      width: 18px;
      height: 18px;
      float: left;
      cursor: pointer;
      border: 2px solid #eaeaea;
      border-radius: 2px;
      background-color: transparent;
      font-family: "login-screens" !important;
      font-size: 12px;
      line-height: 16px;
      position: relative;
      top: -3px;
      left: -5px;
      text-indent: 1px; }
    .revised-signup-iframe-form input[type="checkbox"]:checked:before {
      background-color: #47bdef;
      border-color: #47bdef !important;
      content: 'e';
      color: #ffffff; }
    .revised-signup-iframe-form input[type="checkbox"].error:before {
      border-color: #ff7a69; }
  .revised-signup-iframe-form .btn-primary {
    background-color: #90c52d;
    border-radius: 2px;
    border: none;
    height: 54px;
    line-height: 54px;
    text-transform: uppercase;
    padding: 0;
    line-height: 58px;
    font-size: 18px;
    outline: none;
    color: #ffffff;
    display: block;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none; }
    .revised-signup-iframe-form .btn-primary:hover, .revised-signup-iframe-form .btn-primary:focus {
      background-color: #85b62b;
      outline: none; }
    .revised-signup-iframe-form .btn-primary:after {
      content: '2'; }
  .revised-signup-iframe-form .errorMessage {
    color: #ff7a69;
    position: absolute;
    left: 15px;
    top: 100%;
    padding-top: 5px; }

body#new-design #lang_drop {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 150px;
  z-index: 1;
  font-size: 15px;
  color: blue;
  font-weight: 400;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase; }
  body#new-design #lang_drop > a {
    text-decoration: none;
    font-size: 15px;
    line-height: 50px;
    display: block;
    padding: 0 35px; }
    body#new-design #lang_drop > a .icon-chevron-down-medium {
      position: absolute;
      top: 2px;
      right: 0;
      line-height: 50px; }
      body#new-design #lang_drop > a .icon-chevron-down-medium:last-child {
        float: right;
        margin-right: 15px;
        display: none;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        display: inherit; }
  body#new-design #lang_drop:hover > a {
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none; }
  body#new-design #lang_drop:hover a #current_number {
    color: #47bdef; }
  body#new-design #lang_drop:hover a .icon-chevron-down-medium:last-child {
    top: -3px;
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  body#new-design #lang_drop:hover a.current-language {
    background-color: #ffffff; }
  body#new-design #lang_drop:hover ul {
    display: block; }
  body#new-design #lang_drop ul {
    display: none;
    background-color: #ffffff;
    position: absolute;
    top: 50px;
    left: 0;
    list-style: none;
    margin: 0;
    margin-top: -1px;
    padding: 0;
    width: 100%;
    border: 1px solid #d4d4d4;
    border-top: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
    .touch body#new-design #lang_drop ul {
      display: none !important; }
    body#new-design #lang_drop ul li {
      padding: 10px 0;
      margin: 0 10px;
      border-top: 1px solid #eeeeee;
      cursor: pointer; }
      body#new-design #lang_drop ul li:hover {
        color: green; }
      body#new-design #lang_drop ul li a {
        color: #797d80; }
        body#new-design #lang_drop ul li a:hover {
          color: #47bdef; }
      body#new-design #lang_drop ul li span {
        padding-right: 7px; }
    .touch body#new-design #lang_drop ul {
      display: none !important; }
  body#new-design #lang_drop:hover .triangle {
    display: block; }

body#new-design.no-ad #footer {
  width: 100%; }

body#new-design #footer {
  padding: 0;
  margin: 0 auto;
  float: left;
  clear: both; }
  @media screen and (min-width: 992px) {
    body#new-design #footer {
      width: 60%; }
      body#new-design #footer .inner {
        margin: 0 auto; } }
  body#new-design #footer .inner {
    width: 570px;
    max-width: 100%;
    margin: 0 auto; }
  body#new-design #footer p {
    font-size: 12px;
    padding: 10px 15px; }
    body#new-design #footer p a {
      color: #47bdef;
      margin-left: 10px;
      text-decoration: none; }
      body#new-design #footer p a:hover {
        color: #25acdd; }

body#new-design .title-wrap {
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif; }
  body#new-design .title-wrap h1 {
    font-size: 26px;
    font-weight: 600;
    color: #a4a6a8;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0;
    margin-bottom: 40px; }
  body#new-design .title-wrap .logged-out {
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    color: #a4a6a8;
    margin: 0;
    margin-bottom: 20px; }
  body#new-design .title-wrap .has-span {
    display: inline-block;
    position: relative; }

body#new-design .heading-tag {
  text-transform: uppercase;
  color: #ffffff;
  display: inline-block;
  padding: 2px 3px;
  font-size: 13px;
  line-height: 13px;
  margin-left: 10px;
  position: relative;
  top: -10px;
  font-weight: 400;
  background-color: #a4a6a8;
  border-radius: 2px;
  float: none;
  height: auto; }
  h1 body#new-design .heading-tag {
    font-size: 18px;
    line-height: 18px;
    margin-left: 10px;
    color: red; }

body#new-design #login_right .inner {
  max-width: 500px;
  margin: 0 auto; }
  @media screen and (min-width: 992px) {
    body#new-design #login_right .inner {
      padding: 200px 30px 30px; } }

body#new-design .ad {
  font-family: 'Source Sans Pro', sans-serif; }
  body#new-design .ad h1, body#new-design .ad h2, body#new-design .ad h3, body#new-design .ad h4, body#new-design .ad h5, body#new-design .ad h6, body#new-design .ad p, body#new-design .ad a {
    font-family: 'Source Sans Pro', sans-serif; }
  body#new-design .ad .marketing-library {
    color: #a4a6a8;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 50px; }
  body#new-design .ad .marketing-title {
    font-size: 18px;
    color: #797d80;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 600;
    position: relative;
    z-index: 2; }
  body#new-design .ad p {
    font-size: 15px;
    color: #797d80;
    line-height: 1.7;
    margin-bottom: 20px; }
  body#new-design .ad .arrow-link {
    color: #47bdef;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none; }
    body#new-design .ad .arrow-link:hover {
      color: #25acdd; }
    body#new-design .ad .arrow-link span {
      font-size: 20px;
      line-height: 0;
      padding-right: 10px; }
  body#new-design .ad .marketing-wrap {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%; }
  body#new-design .ad .marketing-content {
    float: left;
    z-index: 1;
    position: relative; }
  body#new-design .ad .marketing-image {
    z-index: -1;
    position: absolute; }
    body#new-design .ad .marketing-image img {
      width: 100%; }
  body#new-design .ad#ad-1 .marketing-content {
    width: 55%; }
  body#new-design .ad#ad-1 .marketing-image {
    bottom: -50px;
    right: 0;
    max-width: 70%; }
  body#new-design .ad#ad-2 .marketing-content {
    width: 55%; }
  body#new-design .ad#ad-2 .marketing-image {
    width: 372px !important;
    top: 0;
    left: 50%; }
  body#new-design .ad#ad-3 .marketing-content {
    width: 55%; }
  body#new-design .ad#ad-3 .marketing-image {
    top: 0;
    max-width: 70%;
    right: -20px; }
  body#new-design .ad#ad-4 .marketing-content {
    width: 55%; }
  body#new-design .ad#ad-4 .marketing-image {
    top: 0;
    max-width: 300px;
    width: 80%;
    left: 40%; }
    @media screen and (min-width: 1199px) {
      body#new-design .ad#ad-4 .marketing-image {
        width: 80%;
        left: 35%; } }
  body#new-design .ad#ad-5 .marketing-content {
    width: 50%; }
  body#new-design .ad#ad-5 .marketing-image {
    top: -90px;
    right: 0;
    margin-right: -15px;
    width: 50%; }
  body#new-design .ad#ad-5 .marketing-title {
    width: 50%; }
  body#new-design .ad#ad-6 .marketing-image {
    position: relative;
    margin-top: 30px;
    border-bottom: 1px solid #d4d4d4;
    float: left;
    width: 100%; }
    body#new-design .ad#ad-6 .marketing-image img {
      width: 80%;
      margin-left: 10%; }
  body#new-design .ad#ad-7 .marketing-content {
    width: 50%; }
  body#new-design .ad#ad-7 .marketing-image {
    top: -90px;
    right: 0;
    margin-right: -15px;
    width: 50%;
    text-align: center; }
    body#new-design .ad#ad-7 .marketing-image img {
      width: auto; }
  body#new-design .ad#ad-7 .marketing-title {
    width: 50%; }
  body#new-design .ad#ad-8 .marketing-content {
    width: 55%; }
  body#new-design .ad#ad-8 .marketing-image {
    width: 299px !important;
    top: 0;
    left: 55%; }
  body#new-design .ad#ad-9 .marketing-content {
    width: 50%; }
  body#new-design .ad#ad-9 .marketing-image {
    top: -70px;
    right: -15%;
    width: 90%;
    text-align: center;
    max-width: 360px; }
    body#new-design .ad#ad-9 .marketing-image img {
      width: auto; }
  body#new-design .ad#ad-9 .marketing-title {
    width: 50%; }
  body#new-design .ad#ad-10 .marketing-content {
    width: 50%; }
  body#new-design .ad#ad-10 .marketing-image {
    bottom: -50px;
    right: -10%;
    width: 90%;
    text-align: center;
    max-width: 372px; }
    body#new-design .ad#ad-10 .marketing-image img {
      width: auto; }
  body#new-design .ad#ad-10 .marketing-title {
    width: 50%; }
  body#new-design .ad#ad-11 .marketing-title {
    width: 70%;
    float: right; }
  body#new-design .ad#ad-11 .marketing-wrap {
    width: 70%;
    float: right; }
  body#new-design .ad#ad-11 .cody {
    width: 30%;
    float: left; }
    body#new-design .ad#ad-11 .cody img {
      margin-left: 10px; }
  body#new-design .ad#ad-11 .video-wrap {
    float: left;
    clear: both;
    width: 100%;
    color: #47bdef;
    display: table;
    table-layout: fixed; }
    body#new-design .ad#ad-11 .video-wrap .cell {
      display: table-cell;
      vertical-align: middle; }
      body#new-design .ad#ad-11 .video-wrap .cell.first {
        text-align: right;
        padding-right: 15px;
        width: 40%; }
    body#new-design .ad#ad-11 .video-wrap .play {
      width: 54px;
      height: 54px;
      line-height: 54px;
      text-align: center;
      border: 2px solid #47bdef;
      display: inline-block;
      border-radius: 300px;
      font-size: 32px;
      cursor: pointer; }
      body#new-design .ad#ad-11 .video-wrap .play:hover {
        color: #25acdd;
        border-color: #25acdd; }
      body#new-design .ad#ad-11 .video-wrap .play .icon {
        position: relative;
        top: 4px;
        left: 2px; }
    body#new-design .ad#ad-11 .video-wrap h5 {
      text-transform: uppercase;
      font-weight: 400;
      font-size: 15px;
      margin: 0;
      margin-bottom: 5px; }
    body#new-design .ad#ad-11 .video-wrap h6 {
      font-weight: 400;
      font-size: 15px;
      margin: 0; }
  body#new-design .ad#ad-12 {
    display: block; }
    body#new-design .ad#ad-12 .marketing-title {
      width: 70%;
      float: right; }
    body#new-design .ad#ad-12 .marketing-wrap {
      width: 70%;
      float: right; }
    body#new-design .ad#ad-12 .cody {
      width: 30%;
      float: left; }
      body#new-design .ad#ad-12 .cody img {
        margin-left: 10px;
        margin-top: 10px; }
    body#new-design .ad#ad-12 .form-wrap {
      float: left;
      clear: both;
      width: 100%;
      display: table;
      table-layout: fixed;
      margin-top: 20px; }
      body#new-design .ad#ad-12 .form-wrap .cell {
        display: table-cell;
        vertical-align: middle; }
        body#new-design .ad#ad-12 .form-wrap .cell.first {
          padding-right: 30px; }
        body#new-design .ad#ad-12 .form-wrap .cell input {
          border-radius: 2px;
          border: 2px solid #eaeaea;
          height: 44px;
          outline: none;
          box-shadow: none;
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
          font-size: 15px;
          color: #3c4245;
          padding: 6px 12px;
          -webkit-transition: border-color 0.3s;
          -o-transition: border-color 0.3s;
          transition: border-color 0.3s; }
          body#new-design .ad#ad-12 .form-wrap .cell input:focus {
            border-color: #d4d4d4; }
          body#new-design .ad#ad-12 .form-wrap .cell input.error {
            border-color: #ff7a69; }
          body#new-design .ad#ad-12 .form-wrap .cell input#newslettter_email {
            width: 100%; }
        body#new-design .ad#ad-12 .form-wrap .cell .btn {
          border: 2px solid #47bdef;
          border-radius: 2px;
          background: none;
          background-color: transparent;
          color: #47bdef;
          text-transform: uppercase;
          outline: none;
          height: 44px;
          line-height: 40px;
          padding: 0 20px;
          font-size: 18px;
          box-shadow: none;
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          body#new-design .ad#ad-12 .form-wrap .cell .btn:hover, body#new-design .ad#ad-12 .form-wrap .cell .btn:focus {
            background-color: #47bdef;
            color: #ffffff;
            border-color: #47bdef; }

body#new-design .box-login.login-red {
  border-color: #ff7a69; }

body#new-design .box-login .form-summary {
  font-size: 15px;
  color: #797d80;
  line-height: 1.8;
  margin-bottom: 30px; }

body#new-design .box-login .cody {
  text-align: center;
  margin: 30px 0;
  padding-left: 20px; }

body#new-design .box-login.box-activation-failed .cody {
  padding-left: 0px;
  margin: 35px 0px 20px; }

header.redesign {
  z-index: 9999;
  position: relative; }

.new-expire.overlay-expire {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99; }

.new-expire .alert.alert-message.alert-message-expired {
  position: relative;
  z-index: 999;
  border: none !important;
  padding: 100px 0 !important;
  margin-bottom: 50px;
  font-family: 'Source Sans Pro', sans-serif; }
  .new-expire .alert.alert-message.alert-message-expired > .container {
    padding: 0 30px; }
    .new-expire .alert.alert-message.alert-message-expired > .container .cody {
      margin-bottom: 40px; }
    .new-expire .alert.alert-message.alert-message-expired > .container h2 {
      font-size: 26px !important;
      color: #616568 !important;
      font-weight: 500;
      font-family: 'Source Sans Pro', sans-serif; }
    .new-expire .alert.alert-message.alert-message-expired > .container p {
      font-size: 18px;
      color: #797d80;
      line-height: 1.7;
      margin-bottom: 30px;
      font-family: 'Source Sans Pro', sans-serif;
      font-weight: 500; }
  .new-expire .alert.alert-message.alert-message-expired .expire-bg {
    position: absolute;
    left: -50%;
    top: 0;
    height: 100%;
    width: 200%;
    background-color: #ffffff; }
  .new-expire .alert.alert-message.alert-message-expired .btn {
    display: inline-block;
    background: none;
    border: none;
    background-color: #47bdef;
    color: #ffffff;
    padding: 18px 40px;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 3px;
    letter-spacing: 1px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; }
    .new-expire .alert.alert-message.alert-message-expired .btn:hover {
      background-color: #18aceb; }
      .new-expire .alert.alert-message.alert-message-expired .btn:hover .icon {
        animation-name: chevronBounceRight;
        animation-duration: .5s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: 1;
        animation-direction: normal; }
    .new-expire .alert.alert-message.alert-message-expired .btn.btn-white {
      background-color: #ffffff; }
    .new-expire .alert.alert-message.alert-message-expired .btn .icon {
      opacity: 1;
      position: relative;
      left: 0;
      padding-left: 5px;
      font-size: 16px;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }

@keyframes chevronBounceRight {
  0% {
    left: 0; }
  50% {
    left: 4px; }
  100% {
    left: 0; } }

@keyframes chevronBounceLeft {
  0% {
    left: 0; }
  50% {
    left: -4px; }
  100% {
    left: 0; } }

#account-bills .cListView {
  background: none; }

.cancel-button {
  cursor: pointer !important;
  text-decoration: underline; }

.small-paragraph {
  font-size: 15px;
  color: #797d80; }

a.small-paragraph:hover {
  color: #616568 !important; }

a.small-paragraph:focus {
  color: #616568 !important;
  outline: none !important; }

.small-light-paragraph {
  font-size: 15px;
  color: #a4a6a8;
  font-weight: 400; }

.dark-semibold {
  font-size: 15px;
  color: #616568;
  font-weight: 600; }

.link-blue-simple {
  text-decoration: none !important; }

.link-button, .special-link a, .link-blue-simple {
  text-decoration: underline;
  color: #47bdef;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer; }
  .link-button:hover, .link-button:focus, .special-link a:hover, .special-link a:focus, .link-blue-simple:hover, .link-blue-simple:focus {
    color: #25acdd;
    outline: none; }

#account .grant-sepa-text, #invoice-model-grid .grant-sepa-text, .billing-address-container .grant-sepa-text {
  padding-left: 62px;
  display: inline-block;
  color: #797d80 !important;
  font-size: 15px;
  cursor: pointer; }

#account .more-sepa-text, #invoice-model-grid .more-sepa-text, .billing-address-container .more-sepa-text {
  display: inline-block;
  text-decoration: underline;
  color: #a4a6a8;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
  margin-left: 20px;
  padding-top: 8px; }
  #account .more-sepa-text:hover, #invoice-model-grid .more-sepa-text:hover, .billing-address-container .more-sepa-text:hover {
    color: #797d80; }

#account .sepa-info, #invoice-model-grid .sepa-info, .billing-address-container .sepa-info {
  background: #fff;
  padding: 45px 80px;
  border: 1px #d4d4d4 solid;
  border-radius: 2px; }

#account .card-image.mr-20, #invoice-model-grid .card-image.mr-20, .billing-address-container .card-image.mr-20 {
  margin-right: 18px !important; }

#account .special-input, #invoice-model-grid .special-input, .billing-address-container .special-input {
  visibility: hidden;
  height: 0;
  position: absolute; }

#account .unable-close-container, #invoice-model-grid .unable-close-container, .billing-address-container .unable-close-container {
  background: #fff;
  border: 2px #ff7a69 solid;
  text-align: center;
  padding: 40px 0 60px; }

#account .dropdown-backdrop, #invoice-model-grid .dropdown-backdrop, .billing-address-container .dropdown-backdrop {
  z-index: 998; }

#account a:focus, #invoice-model-grid a:focus, .billing-address-container a:focus {
  outline: none; }

#account *, #invoice-model-grid *, .billing-address-container * {
  font-family: 'Source Sans Pro', sans-serif; }

#account .update-billing .pay-info-img, #invoice-model-grid .update-billing .pay-info-img, .billing-address-container .update-billing .pay-info-img {
  display: inline-block;
  margin: 0 10px 0 20px;
  float: right; }
  #account .update-billing .pay-info-img:first-child, #invoice-model-grid .update-billing .pay-info-img:first-child, .billing-address-container .update-billing .pay-info-img:first-child {
    margin: 0 20px 0 50px; }

#account .update-billing label > input, #invoice-model-grid .update-billing label > input, .billing-address-container .update-billing label > input {
  visibility: hidden;
  position: absolute; }

#account .update-billing label > input + img, #invoice-model-grid .update-billing label > input + img, .billing-address-container .update-billing label > input + img {
  cursor: pointer;
  opacity: 0.4; }

#account .update-billing label > input:checked + img, #invoice-model-grid .update-billing label > input:checked + img, .billing-address-container .update-billing label > input:checked + img {
  opacity: 1; }

#account .update-billing .card-number-input, #invoice-model-grid .update-billing .card-number-input, .billing-address-container .update-billing .card-number-input {
  padding-left: 15px;
  line-height: 40px; }

#account .update-billing .card-image, #invoice-model-grid .update-billing .card-image, .billing-address-container .update-billing .card-image {
  margin-top: 5px; }

#account .update-billing .actionsContainer .dropdown-menu, #invoice-model-grid .update-billing .actionsContainer .dropdown-menu, .billing-address-container .update-billing .actionsContainer .dropdown-menu {
  top: 45px !important; }

#account .update-billing .actionsContainer .dropdown-menu.card-drop-menu li a, #invoice-model-grid .update-billing .actionsContainer .dropdown-menu.card-drop-menu li a, .billing-address-container .update-billing .actionsContainer .dropdown-menu.card-drop-menu li a {
  padding: 0 !important; }
  #account .update-billing .actionsContainer .dropdown-menu.card-drop-menu li a label, #invoice-model-grid .update-billing .actionsContainer .dropdown-menu.card-drop-menu li a label, .billing-address-container .update-billing .actionsContainer .dropdown-menu.card-drop-menu li a label {
    width: 100%;
    padding: 6px 20px;
    cursor: pointer; }

#account .update-billing .pay-details-link, #invoice-model-grid .update-billing .pay-details-link, .billing-address-container .update-billing .pay-details-link {
  line-height: 40px; }

#account .update-billing .btn-group-actions.open .caret:before, #invoice-model-grid .update-billing .btn-group-actions.open .caret:before, .billing-address-container .update-billing .btn-group-actions.open .caret:before {
  top: 10px !important; }

#account .update-billing .btn-group-actions.open .dropdown-selected, #invoice-model-grid .update-billing .btn-group-actions.open .dropdown-selected, .billing-address-container .update-billing .btn-group-actions.open .dropdown-selected {
  width: calc(100% - 38px) !important; }

#account .update-billing .dropdown-selected, #invoice-model-grid .update-billing .dropdown-selected, .billing-address-container .update-billing .dropdown-selected {
  width: calc(100% - 38px) !important; }

#account .update-billing .dropdown-selected, #invoice-model-grid .update-billing .dropdown-selected, .billing-address-container .update-billing .dropdown-selected {
  padding: 10px 15px;
  height: 45px;
  line-height: 24px;
  color: #616568;
  font-size: 15px;
  font-weight: 600;
  text-align: left; }
  #account .update-billing .dropdown-selected:hover, #invoice-model-grid .update-billing .dropdown-selected:hover, .billing-address-container .update-billing .dropdown-selected:hover {
    color: #616568 !important; }

#account .update-billing .actionsContainer:hover i:before, #invoice-model-grid .update-billing .actionsContainer:hover i:before, .billing-address-container .update-billing .actionsContainer:hover i:before {
  color: #47bdef; }

#account .update-billing .billing-button, #invoice-model-grid .update-billing .billing-button, .billing-address-container .update-billing .billing-button {
  height: 45px;
  width: 40px; }
  #account .update-billing .billing-button:focus, #invoice-model-grid .update-billing .billing-button:focus, .billing-address-container .update-billing .billing-button:focus {
    background: #fff !important; }
  #account .update-billing .billing-button i:before, #invoice-model-grid .update-billing .billing-button i:before, .billing-address-container .update-billing .billing-button i:before {
    top: 17px;
    right: 12px; }

#account .form-horizontal .form-group, #invoice-model-grid .form-horizontal .form-group, .billing-address-container .form-horizontal .form-group {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 30px !important; }

#account .form-horizontal .form-control, #invoice-model-grid .form-horizontal .form-control, .billing-address-container .form-horizontal .form-control {
  border: 2px #eaeaea solid;
  font-size: 15px;
  color: #616568;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: none;
  height: 40px; }
  #account .form-horizontal .form-control:hover, #invoice-model-grid .form-horizontal .form-control:hover, .billing-address-container .form-horizontal .form-control:hover {
    border-color: #d4d4d4;
    color: #616568;
    outline: none;
    box-shadow: none; }
  #account .form-horizontal .form-control:focus, #invoice-model-grid .form-horizontal .form-control:focus, .billing-address-container .form-horizontal .form-control:focus {
    border-color: #d4d4d4;
    color: #616568;
    outline: none;
    box-shadow: none; }

#account .text-label, #invoice-model-grid .text-label, .billing-address-container .text-label {
  color: #797d80;
  font-size: 15px;
  font-weight: 600; }

#account .form-label, #invoice-model-grid .form-label, .billing-address-container .form-label {
  padding: 8px 0 0 0 !important;
  color: #797d80;
  font-size: 15px;
  font-weight: 600; }

#account .input-email, #invoice-model-grid .input-email, .billing-address-container .input-email {
  width: 100%;
  border: 2px #eaeaea solid;
  padding: 10px 15px;
  font-size: 15px;
  color: #616568;
  font-weight: 600; }
  #account .input-email:hover, #invoice-model-grid .input-email:hover, .billing-address-container .input-email:hover {
    border-color: #d4d4d4;
    outline: none; }
  #account .input-email:focus, #invoice-model-grid .input-email:focus, .billing-address-container .input-email:focus {
    outline: none;
    border-color: #d4d4d4; }
  #account .input-email::-webkit-input-placeholder, #invoice-model-grid .input-email::-webkit-input-placeholder, .billing-address-container .input-email::-webkit-input-placeholder {
    color: #a4a6a8;
    font-weight: 400 !important; }
  #account .input-email:-ms-input-placeholder, #invoice-model-grid .input-email:-ms-input-placeholder, .billing-address-container .input-email:-ms-input-placeholder {
    color: #a4a6a8;
    font-weight: 400 !important; }
  #account .input-email:-moz-placeholder, #invoice-model-grid .input-email:-moz-placeholder, .billing-address-container .input-email:-moz-placeholder {
    color: #a4a6a8;
    font-weight: 400 !important; }
  #account .input-email::-moz-placeholder, #invoice-model-grid .input-email::-moz-placeholder, .billing-address-container .input-email::-moz-placeholder {
    color: #a4a6a8;
    font-weight: 400 !important; }

#account textarea.input-email, #invoice-model-grid textarea.input-email, .billing-address-container textarea.input-email {
  resize: none;
  width: 100%;
  min-height: 100px; }

#account textarea.unsubscribe-input, #invoice-model-grid textarea.unsubscribe-input, .billing-address-container textarea.unsubscribe-input {
  resize: none;
  width: 100%;
  height: initial !important;
  min-height: 100px; }

#account .invoice-container, #invoice-model-grid .invoice-container, .billing-address-container .invoice-container {
  background: #fff;
  box-shadow: 0 6px 9px 0 rgba(60, 66, 69, 0.1), 4px 7px 16px 0 rgba(86, 86, 86, 0.1); }
  #account .invoice-container .type-of-file, #invoice-model-grid .invoice-container .type-of-file, .billing-address-container .invoice-container .type-of-file {
    position: absolute;
    bottom: 30px;
    left: 15px;
    font-size: 26px;
    color: #616568;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase; }

#account .invoice-big-text, #invoice-model-grid .invoice-big-text, .billing-address-container .invoice-big-text {
  font-size: 18px;
  font-weight: 400;
  color: #616568; }

#account .table-container, #invoice-model-grid .table-container, .billing-address-container .table-container {
  float: left;
  width: 100%;
  margin-bottom: 20px; }

#account .fade-row .table-header-text, #invoice-model-grid .fade-row .table-header-text, .billing-address-container .fade-row .table-header-text {
  color: #a4a6a8; }

#account .total-cost, #invoice-model-grid .total-cost, .billing-address-container .total-cost {
  font-size: 16px;
  color: #797d80;
  font-weight: 600; }

#account .table-row, #invoice-model-grid .table-row, .billing-address-container .table-row {
  margin-bottom: 20px;
  padding: 0; }
  #account .table-row:last-child, #invoice-model-grid .table-row:last-child, .billing-address-container .table-row:last-child {
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px #d4d4d4 solid; }

#account .table-header, #invoice-model-grid .table-header, .billing-address-container .table-header {
  border-bottom: 1px #d4d4d4 solid;
  padding: 0;
  margin-bottom: 20px; }

#account .table-header-text, #invoice-model-grid .table-header-text, .billing-address-container .table-header-text {
  font-size: 16px;
  font-weight: 400;
  color: #616568; }

#account .requires-payment, #invoice-model-grid .requires-payment, .billing-address-container .requires-payment {
  border: 1px solid;
  padding: 0 0 20px !important;
  float: left; }

#account .attention-bgd, #invoice-model-grid .attention-bgd, .billing-address-container .attention-bgd {
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  float: left;
  background: #ff7a69;
  padding: 5px 70px;
  color: #fff; }

#account .invoice-footer, #invoice-model-grid .invoice-footer, .billing-address-container .invoice-footer {
  float: left;
  background: #f4f4f4;
  margin-top: 50px;
  padding: 35px 0; }
  #account .invoice-footer img, #invoice-model-grid .invoice-footer img, .billing-address-container .invoice-footer img {
    position: absolute;
    top: 0;
    right: -15px; }

#account .detail-invoice-qr-logo, #invoice-model-grid .detail-invoice-qr-logo, .billing-address-container .detail-invoice-qr-logo {
  color: #47bdef;
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 100px;
  margin-bottom: 85px; }
  #account .detail-invoice-qr-logo .icon-logo-icon, #invoice-model-grid .detail-invoice-qr-logo .icon-logo-icon, .billing-address-container .detail-invoice-qr-logo .icon-logo-icon {
    font-size: 42px; }

#account .logo-text, #invoice-model-grid .logo-text, .billing-address-container .logo-text {
  font-size: 29px;
  font-weight: 700;
  margin-top: 5px;
  display: inline-block;
  float: right; }

#account .disabled, #invoice-model-grid .disabled, .billing-address-container .disabled {
  pointer-events: none;
  cursor: no-drop; }

#account .error #UserAccountVatid_vatid.error-border, #invoice-model-grid .error #UserAccountVatid_vatid.error-border, .billing-address-container .error #UserAccountVatid_vatid.error-border {
  border: 1px #ff7a69 solid !important; }

#account .error .requires-pay.invalid-input.form-input-hint, #invoice-model-grid .error .requires-pay.invalid-input.form-input-hint, .billing-address-container .error .requires-pay.invalid-input.form-input-hint {
  display: block !important; }

#account .success .valid-input, #invoice-model-grid .success .valid-input, .billing-address-container .success .valid-input {
  display: block !important; }

#account form .valid-input, #invoice-model-grid form .valid-input, .billing-address-container form .valid-input {
  display: none !important; }

#account .form-input-hint, #invoice-model-grid .form-input-hint, .billing-address-container .form-input-hint {
  display: none !important; }

#account .requires-pay.invalid-input, #invoice-model-grid .requires-pay.invalid-input, .billing-address-container .requires-pay.invalid-input {
  position: absolute;
  right: 15px;
  line-height: 1.8 !important;
  top: 8px; }

#account .ladda-button, #invoice-model-grid .ladda-button, .billing-address-container .ladda-button {
  color: #fff;
  background: #90c52d;
  padding: 11px 25px;
  font-size: 15px;
  float: right;
  border: none !important; }
  #account .ladda-button:hover, #invoice-model-grid .ladda-button:hover, .billing-address-container .ladda-button:hover {
    background: #85b62b; }
  #account .ladda-button:focus, #invoice-model-grid .ladda-button:focus, .billing-address-container .ladda-button:focus {
    outline: none; }
  #account .ladda-button.unsubscribe-btn, #invoice-model-grid .ladda-button.unsubscribe-btn, .billing-address-container .ladda-button.unsubscribe-btn {
    padding: 11px 45px;
    background: #ff7a69; }
    #account .ladda-button.unsubscribe-btn:hover, #invoice-model-grid .ladda-button.unsubscribe-btn:hover, .billing-address-container .ladda-button.unsubscribe-btn:hover {
      background: #fa6c5a; }

#account .button-inactive, #invoice-model-grid .button-inactive, .billing-address-container .button-inactive {
  background: #d4d4d4;
  cursor: no-drop; }
  #account .button-inactive:hover, #invoice-model-grid .button-inactive:hover, .billing-address-container .button-inactive:hover {
    background: #d4d4d4 !important; }

#account [data-loading].ladda-button, #invoice-model-grid [data-loading].ladda-button, .billing-address-container [data-loading].ladda-button {
  background: #d4d4d4;
  cursor: no-drop;
  padding-left: 45px; }

#account .vat-info-error, #invoice-model-grid .vat-info-error, .billing-address-container .vat-info-error {
  display: none;
  background: #fff;
  color: #797d80;
  font-size: 15px;
  padding: 20px;
  text-align: center;
  border: 1px solid;
  margin-bottom: 60px; }

@media (min-width: 950px) {
  #account .modal.modal-big .modal-dialog, #invoice-model-grid .modal.modal-big .modal-dialog, .billing-address-container .modal.modal-big .modal-dialog {
    width: 950px !important;
    max-width: 950px !important; }
    #account .modal.modal-big .modal-dialog .modal-content, #invoice-model-grid .modal.modal-big .modal-dialog .modal-content, .billing-address-container .modal.modal-big .modal-dialog .modal-content {
      padding: 0 !important; }
    #account .modal.modal-big .modal-dialog .modal-section-2, #invoice-model-grid .modal.modal-big .modal-dialog .modal-section-2, .billing-address-container .modal.modal-big .modal-dialog .modal-section-2 {
      margin-top: -30px;
      padding-bottom: 30px; } }

#account div[id*='forwardModal'], #invoice-model-grid div[id*='forwardModal'], .billing-address-container div[id*='forwardModal'] {
  padding: 25px 0 60px 20px; }

#account .modal-section-1, #invoice-model-grid .modal-section-1, .billing-address-container .modal-section-1 {
  background: #ffffff;
  font-size: 18px;
  color: #616568;
  font-weight: 600;
  text-align: center; }

#account .modal-header .close, #invoice-model-grid .modal-header .close, .billing-address-container .modal-header .close {
  margin-top: -10px;
  opacity: 1; }
  #account .modal-header .close:focus, #invoice-model-grid .modal-header .close:focus, .billing-address-container .modal-header .close:focus {
    outline: none; }

#account .modal-header .icon-modal-close, #invoice-model-grid .modal-header .icon-modal-close, .billing-address-container .modal-header .icon-modal-close {
  color: #797d80;
  font-size: 12px; }
  #account .modal-header .icon-modal-close:hover, #invoice-model-grid .modal-header .icon-modal-close:hover, .billing-address-container .modal-header .icon-modal-close:hover {
    color: #616568 !important; }

#account .modal-cancel-btn, #invoice-model-grid .modal-cancel-btn, .billing-address-container .modal-cancel-btn {
  display: inline-block;
  text-decoration: underline;
  color: #a4a6a8;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
  margin-right: 20px;
  margin-top: 10px; }
  #account .modal-cancel-btn:hover, #invoice-model-grid .modal-cancel-btn:hover, .billing-address-container .modal-cancel-btn:hover {
    color: #797d80; }

#account .modal-section-2, #invoice-model-grid .modal-section-2, .billing-address-container .modal-section-2 {
  background: #f7f7f7;
  padding-top: 30px;
  padding-bottom: 20px; }

#account .modal-big-text, #invoice-model-grid .modal-big-text, .billing-address-container .modal-big-text {
  font-size: 18px;
  color: #616568;
  font-weight: 600; }

#account .modal-medium-text, #invoice-model-grid .modal-medium-text, .billing-address-container .modal-medium-text {
  font-size: 16px;
  color: #797d80;
  font-weight: 400;
  text-align: justify;
  line-height: 1.7; }

#account .billing-paragraph, #invoice-model-grid .billing-paragraph, .billing-address-container .billing-paragraph {
  font-size: 18px;
  font-weight: 600;
  color: #797d80;
  margin-bottom: 0; }

#account .history-label, #invoice-model-grid .history-label, .billing-address-container .history-label {
  padding-right: 0 !important; }

#account .section-header, #invoice-model-grid .section-header, .billing-address-container .section-header {
  padding-bottom: 15px;
  border-bottom: 1px #ccc solid;
  text-transform: uppercase;
  color: #616568;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px; }

#account .section-container, #invoice-model-grid .section-container, .billing-address-container .section-container {
  border-radius: 3px;
  border: 1px #d4d4d4 solid;
  background: white;
  padding: 40px 0; }

#account .model-text, #invoice-model-grid .model-text, .billing-address-container .model-text {
  font-size: 15px;
  font-weight: 600;
  color: #616568;
  text-align: left;
  margin-bottom: 5px; }

#account .pre-info, #invoice-model-grid .pre-info, .billing-address-container .pre-info {
  font-size: 15px;
  font-weight: 400;
  color: #797d80;
  text-align: left; }

#account .button-big, #invoice-model-grid .button-big, .billing-address-container .button-big {
  color: #fff;
  background: #47bdef;
  border-radius: 3px;
  padding: 10px 22px;
  font-size: 15px;
  font-weight: 600;
  margin: 0 auto;
  display: inline-block;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease; }
  #account .button-big:hover, #invoice-model-grid .button-big:hover, .billing-address-container .button-big:hover {
    background: #25acdd;
    text-decoration: none !important; }

#account .creditcard-container, #invoice-model-grid .creditcard-container, .billing-address-container .creditcard-container {
  color: #797d80; }

#account .requires-pay, #invoice-model-grid .requires-pay, .billing-address-container .requires-pay {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ff7a69;
  text-align: center;
  line-height: 1.3;
  display: inline-block;
  color: #fff; }

#account .valid-input, #invoice-model-grid .valid-input, .billing-address-container .valid-input {
  color: #90c52d;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  right: 15px;
  line-height: 2.5 !important; }
  #account .valid-input:after, #invoice-model-grid .valid-input:after, .billing-address-container .valid-input:after {
    content: "\e0aa";
    font-family: "qrbackend2" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    right: 45px;
    top: 8px;
    padding-top: 4px;
    background: #90c52d; }

#account .grey-link, #invoice-model-grid .grey-link, .billing-address-container .grey-link {
  cursor: pointer;
  text-decoration: underline;
  color: #a4a6a8;
  font-size: 15px;
  font-weight: 600; }
  #account .grey-link:hover, #invoice-model-grid .grey-link:hover, .billing-address-container .grey-link:hover {
    color: #797d80; }

#account .pay-details-link, #invoice-model-grid .pay-details-link, .billing-address-container .pay-details-link {
  text-decoration: underline;
  color: #a4a6a8;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer; }
  #account .pay-details-link:hover, #invoice-model-grid .pay-details-link:hover, .billing-address-container .pay-details-link:hover {
    color: #47bdef; }

#account .section-attention, #invoice-model-grid .section-attention, .billing-address-container .section-attention {
  border-color: #ff7a69; }

#account .paid-color, #invoice-model-grid .paid-color, .billing-address-container .paid-color {
  color: #a4a6a8; }

#account .paid-icon, #invoice-model-grid .paid-icon, .billing-address-container .paid-icon {
  display: inline-block;
  color: #a4a6a8;
  font-size: 24px;
  line-height: 1;
  position: relative;
  width: 24px;
  height: 24px; }
  #account .paid-icon i, #invoice-model-grid .paid-icon i, .billing-address-container .paid-icon i {
    top: 9px;
    position: absolute; }

#account .refunded-pay, #invoice-model-grid .refunded-pay, .billing-address-container .refunded-pay {
  display: inline-block;
  color: #616568;
  font-size: 24px;
  line-height: 1;
  position: relative;
  width: 24px;
  height: 24px; }
  #account .refunded-pay i, #invoice-model-grid .refunded-pay i, .billing-address-container .refunded-pay i {
    top: 9px;
    position: absolute; }

#account .note-container, #invoice-model-grid .note-container, .billing-address-container .note-container {
  min-height: 150px;
  background-color: #f7f7f7;
  border: 1px #f4f4f4 solid;
  padding: 20px 15px 40px;
  float: left;
  display: block;
  position: relative;
  width: 100%; }

#account .edit-notes, #invoice-model-grid .edit-notes, .billing-address-container .edit-notes {
  position: absolute;
  right: 15px;
  bottom: 20px; }

#account .bootstrap-select, #invoice-model-grid .bootstrap-select, .billing-address-container .bootstrap-select {
  margin-top: 5px;
  width: 100%; }

#account .dropdown-selected.dropPay-btn, #invoice-model-grid .dropdown-selected.dropPay-btn, .billing-address-container .dropdown-selected.dropPay-btn {
  background: #47bdef;
  color: #fff;
  border-color: #47bdef; }
  #account .dropdown-selected.dropPay-btn:hover, #invoice-model-grid .dropdown-selected.dropPay-btn:hover, .billing-address-container .dropdown-selected.dropPay-btn:hover {
    color: #fff;
    background: #25acdd;
    border-color: #25acdd; }

#account .dropdown-selected#languageDrop,
#account .dropdown-selected#countryDrop,
#account .dropdown-selected#rightsDrop,
#account .dropdown-selected#timezoneDrop, #invoice-model-grid .dropdown-selected#languageDrop,
#invoice-model-grid .dropdown-selected#countryDrop,
#invoice-model-grid .dropdown-selected#rightsDrop,
#invoice-model-grid .dropdown-selected#timezoneDrop, .billing-address-container .dropdown-selected#languageDrop,
.billing-address-container .dropdown-selected#countryDrop,
.billing-address-container .dropdown-selected#rightsDrop,
.billing-address-container .dropdown-selected#timezoneDrop {
  width: calc(100% - 40px) !important;
  color: #a4a6a8;
  font-size: 15px;
  text-align: left;
  padding-left: 15px; }
  #account .dropdown-selected#languageDrop + .billing-button,
  #account .dropdown-selected#countryDrop + .billing-button,
  #account .dropdown-selected#rightsDrop + .billing-button,
  #account .dropdown-selected#timezoneDrop + .billing-button, #invoice-model-grid .dropdown-selected#languageDrop + .billing-button,
  #invoice-model-grid .dropdown-selected#countryDrop + .billing-button,
  #invoice-model-grid .dropdown-selected#rightsDrop + .billing-button,
  #invoice-model-grid .dropdown-selected#timezoneDrop + .billing-button, .billing-address-container .dropdown-selected#languageDrop + .billing-button,
  .billing-address-container .dropdown-selected#countryDrop + .billing-button,
  .billing-address-container .dropdown-selected#rightsDrop + .billing-button,
  .billing-address-container .dropdown-selected#timezoneDrop + .billing-button {
    padding-top: 15px !important; }
    #account .dropdown-selected#languageDrop + .billing-button i:before,
    #account .dropdown-selected#countryDrop + .billing-button i:before,
    #account .dropdown-selected#rightsDrop + .billing-button i:before,
    #account .dropdown-selected#timezoneDrop + .billing-button i:before, #invoice-model-grid .dropdown-selected#languageDrop + .billing-button i:before,
    #invoice-model-grid .dropdown-selected#countryDrop + .billing-button i:before,
    #invoice-model-grid .dropdown-selected#rightsDrop + .billing-button i:before,
    #invoice-model-grid .dropdown-selected#timezoneDrop + .billing-button i:before, .billing-address-container .dropdown-selected#languageDrop + .billing-button i:before,
    .billing-address-container .dropdown-selected#countryDrop + .billing-button i:before,
    .billing-address-container .dropdown-selected#rightsDrop + .billing-button i:before,
    .billing-address-container .dropdown-selected#timezoneDrop + .billing-button i:before {
      top: 17px !important; }

#account .btn-group-actions.open .dropdown-selected#languageDrop + .billing-button i:before,
#account .btn-group-actions.open .dropdown-selected#countryDrop + .billing-button i:before,
#account .btn-group-actions.open .dropdown-selected#rightsDrop + .billing-button i:before,
#account .btn-group-actions.open .dropdown-selected#timezoneDrop + .billing-button i:before, #invoice-model-grid .btn-group-actions.open .dropdown-selected#languageDrop + .billing-button i:before,
#invoice-model-grid .btn-group-actions.open .dropdown-selected#countryDrop + .billing-button i:before,
#invoice-model-grid .btn-group-actions.open .dropdown-selected#rightsDrop + .billing-button i:before,
#invoice-model-grid .btn-group-actions.open .dropdown-selected#timezoneDrop + .billing-button i:before, .billing-address-container .btn-group-actions.open .dropdown-selected#languageDrop + .billing-button i:before,
.billing-address-container .btn-group-actions.open .dropdown-selected#countryDrop + .billing-button i:before,
.billing-address-container .btn-group-actions.open .dropdown-selected#rightsDrop + .billing-button i:before,
.billing-address-container .btn-group-actions.open .dropdown-selected#timezoneDrop + .billing-button i:before {
  top: 12px !important; }

#account .btn-group-actions > a, #invoice-model-grid .btn-group-actions > a, .billing-address-container .btn-group-actions > a {
  opacity: 1 !important; }

#account .dropdown-selected, #invoice-model-grid .dropdown-selected, .billing-address-container .dropdown-selected {
  display: inline-block;
  float: left;
  position: absolute;
  padding: 10px 0;
  height: 45px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border: 2px #eaeaea solid;
  background: #fff;
  width: calc(100% - 85px);
  text-align: center;
  color: #47bdef;
  z-index: 999; }
  #account .dropdown-selected.action-drop:hover, #invoice-model-grid .dropdown-selected.action-drop:hover, .billing-address-container .dropdown-selected.action-drop:hover {
    cursor: pointer;
    text-decoration: none;
    background: #47bdef;
    color: #fff; }
  #account .dropdown-selected:hover, #invoice-model-grid .dropdown-selected:hover, .billing-address-container .dropdown-selected:hover {
    cursor: pointer;
    text-decoration: none; }
  #account .dropdown-selected:focus, #invoice-model-grid .dropdown-selected:focus, .billing-address-container .dropdown-selected:focus {
    cursor: pointer;
    text-decoration: none;
    background: #47bdef;
    color: #fff;
    outline: none; }

#account .billing-button, #invoice-model-grid .billing-button, .billing-address-container .billing-button {
  border: 2px #eaeaea solid;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background: #fff;
  color: #47bdef;
  width: 42px;
  height: 45px;
  float: right;
  padding: 14px 31px 6px 0; }
  #account .billing-button:hover, #invoice-model-grid .billing-button:hover, .billing-address-container .billing-button:hover {
    color: #25acdd; }
  #account .billing-button:focus, #invoice-model-grid .billing-button:focus, .billing-address-container .billing-button:focus {
    outline: 0 !important;
    background: none !important; }
  #account .billing-button:active, #invoice-model-grid .billing-button:active, .billing-address-container .billing-button:active {
    box-shadow: none !important; }
  #account .billing-button .filter-option, #invoice-model-grid .billing-button .filter-option, .billing-address-container .billing-button .filter-option {
    text-align: center !important; }
  #account .billing-button .caret, #invoice-model-grid .billing-button .caret, .billing-address-container .billing-button .caret {
    font-family: "qrbackend2" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 0;
    font-size: 18px; }
    #account .billing-button .caret:before, #invoice-model-grid .billing-button .caret:before, .billing-address-container .billing-button .caret:before {
      content: "\e083";
      top: 13px;
      right: 12px;
      position: absolute;
      color: #a4a6a8; }

#account .btn-group.open .dropdown-toggle.billing-button, #invoice-model-grid .btn-group.open .dropdown-toggle.billing-button, .billing-address-container .btn-group.open .dropdown-toggle.billing-button {
  box-shadow: none !important; }

#account .dropdown-container, #invoice-model-grid .dropdown-container, .billing-address-container .dropdown-container {
  width: 100%;
  float: left;
  margin-top: -3px; }
  #account .dropdown-container .btn-group-actions.open, #invoice-model-grid .dropdown-container .btn-group-actions.open, .billing-address-container .dropdown-container .btn-group-actions.open {
    position: relative; }
    #account .dropdown-container .btn-group-actions.open .caret:before, #invoice-model-grid .dropdown-container .btn-group-actions.open .caret:before, .billing-address-container .dropdown-container .btn-group-actions.open .caret:before {
      transform: rotate(180deg);
      top: 12px;
      color: #47bdef; }
    #account .dropdown-container .btn-group-actions.open .dropdown-selected, #invoice-model-grid .dropdown-container .btn-group-actions.open .dropdown-selected, .billing-address-container .dropdown-container .btn-group-actions.open .dropdown-selected {
      width: calc(100% - 40px); }
    #account .dropdown-container .btn-group-actions.open .dropdown-menu, #invoice-model-grid .dropdown-container .btn-group-actions.open .dropdown-menu, .billing-address-container .dropdown-container .btn-group-actions.open .dropdown-menu {
      overflow: hidden;
      max-height: 225px;
      padding: 0;
      margin: 0;
      margin-top: 0 !important;
      box-shadow: 0 3px 6px 0 rgba(121, 125, 128, 0.7) !important;
      border: 0 !important;
      border-radius: 2px !important;
      top: 45px;
      width: 100%;
      min-width: 100%;
      z-index: 1000; }
      #account .dropdown-container .btn-group-actions.open .dropdown-menu li a, #invoice-model-grid .dropdown-container .btn-group-actions.open .dropdown-menu li a, .billing-address-container .dropdown-container .btn-group-actions.open .dropdown-menu li a {
        color: #797d80; }
        #account .dropdown-container .btn-group-actions.open .dropdown-menu li a:hover, #invoice-model-grid .dropdown-container .btn-group-actions.open .dropdown-menu li a:hover, .billing-address-container .dropdown-container .btn-group-actions.open .dropdown-menu li a:hover {
          background: none;
          color: #25acdd !important; }
        #account .dropdown-container .btn-group-actions.open .dropdown-menu li a:focus, #invoice-model-grid .dropdown-container .btn-group-actions.open .dropdown-menu li a:focus, .billing-address-container .dropdown-container .btn-group-actions.open .dropdown-menu li a:focus {
          outline: none !important;
          background: none !important; }

.switch {
  position: relative;
  display: inline-block;
  margin-top: -4px; }

.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden; }

.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

input:checked.cmn-toggle-round + label {
  background-color: #90c52d; }

input.cmn-toggle-round + label {
  padding: 2px;
  width: 47px;
  height: 25px;
  background-color: #a4a6a8;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px; }

input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  content: ""; }

input.cmn-toggle-round + label:before {
  right: 2px;
  background-color: #fff;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s; }

input.cmn-toggle-round + label:after {
  width: 17px;
  height: 17px;
  top: 4px;
  left: 5px;
  background-color: #a4a6a8;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s; }

input.cmn-toggle-round:checked + label:before {
  background-color: #90c52d; }

input.cmn-toggle-round:checked + label:after {
  content: "\e0aa";
  font-family: "qrbackend2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: 2px;
  margin-left: 24px;
  background: #fff;
  position: absolute;
  color: #90c52d;
  font-size: 19px;
  padding: 2px 0 0 0; }

input.cmn-toggle-round + label + span {
  display: none; }

input.cmn-toggle-round:checked + label + span {
  display: inline-block; }

input.cmn-toggle-round:checked + label + span + span {
  display: none; }

.switch.toggle-list {
  margin-top: 9px;
  margin-right: 13px; }
  .switch.toggle-list .toggle-text {
    top: 0; }
  .switch.toggle-list input.cmn-toggle-round + label:after {
    width: 12px;
    height: 12px;
    top: 3px;
    left: 5px;
    background: #a4a6a8 !important; }
  .switch.toggle-list input:checked.cmn-toggle-round + label {
    background-color: #a4a6a8 !important; }
  .switch.toggle-list input.cmn-toggle-round:checked + label:before {
    background-color: #fff !important; }
  .switch.toggle-list input.cmn-toggle-round:checked + label:after {
    background-color: #a4a6a8 !important;
    content: "";
    margin-left: 9px; }

input.cmn-toggle-round + label {
  width: 30px;
  height: 18px; }

.switchListMode {
  margin: 0 45px 0 5px; }

input.cmn-toggle-list + label + span {
  cursor: pointer;
  display: inline-block !important;
  left: -35px;
  right: inherit;
  color: #797d80;
  font-size: 30px !important;
  margin-top: -8px;
  margin-left: -10px; }

input.cmn-toggle-list:checked + label + span {
  color: #d4d4d4; }

input.cmn-toggle-list + label + span + span {
  cursor: pointer;
  color: #d4d4d4;
  font-size: 30px !important;
  margin-top: -8px;
  margin-right: -10px;
  display: inline-block !important; }

input.cmn-toggle-list:checked + label + span + span {
  color: #797d80; }

.checkboxes-container.blue-checkbox [type="checkbox"]:not(:checked) + label,
.checkboxes-container.blue-checkbox [type="checkbox"]:checked + label {
  padding-left: 55px !important; }

.checkboxes-container.blue-checkbox [type="checkbox"]:not(:checked) + label:before,
.checkboxes-container.blue-checkbox [type="checkbox"]:checked + label:before {
  left: 30px !important;
  top: 2px !important;
  width: 18px;
  height: 18px; }

.checkboxes-container.blue-checkbox [type="checkbox"]:not(:checked) + label:after,
.checkboxes-container.blue-checkbox [type="checkbox"]:checked + label:after {
  top: 4px !important;
  left: 28px !important;
  font-size: 22px !important; }

.checkboxes-container.blue-checkbox [type="checkbox"]:checked + label:before {
  background: #47bdef !important;
  border-color: #47bdef !important; }

.checkboxes-container.green-checkbox [type="checkbox"]:not(:checked) + label,
.checkboxes-container.green-checkbox [type="checkbox"]:checked + label {
  padding-left: 55px !important; }

.checkboxes-container.green-checkbox [type="checkbox"]:not(:checked) + label:before,
.checkboxes-container.green-checkbox [type="checkbox"]:checked + label:before {
  left: 30px !important;
  top: 2px !important;
  width: 18px;
  height: 18px; }

.checkboxes-container.green-checkbox [type="checkbox"]:not(:checked) + label:after,
.checkboxes-container.green-checkbox [type="checkbox"]:checked + label:after {
  top: 4px !important;
  left: 28px !important;
  font-size: 22px !important; }

.checkboxes-container.green-checkbox [type="checkbox"]:checked + label:before {
  background: #90c52d !important;
  border-color: #90c52d !important; }

.form-horizontal .group-after-checkbox.form-group {
  margin-left: -15px !important;
  margin-right: -15px !important; }
  .form-horizontal .group-after-checkbox.form-group label {
    padding-left: 15px !important; }

.checkboxes-container {
  /* Base for label styling */
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* disabled checkbox */
  /* accessibility */
  /* hover style just for information */ }
  .checkboxes-container .form-group {
    margin-bottom: 15px !important; }
    .checkboxes-container .form-group label {
      padding-left: 35px !important; }
  .checkboxes-container [type="checkbox"]:not(:checked),
  .checkboxes-container [type="checkbox"]:checked {
    position: absolute;
    left: -9999px; }
  .checkboxes-container [type="checkbox"]:not(:checked) + label,
  .checkboxes-container [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer; }
  .checkboxes-container [type="checkbox"]:not(:checked) + label:before,
  .checkboxes-container [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    right: 15px;
    top: 10px;
    width: 24px;
    height: 24px;
    border: 2px solid #d4d4d4;
    background: #f8f8f8;
    border-radius: 2px; }
  .checkboxes-container [type="checkbox"]:checked + label:before {
    background: #ff7a69 !important;
    border-color: #ff7a69 !important; }
  .checkboxes-container [type="checkbox"]:not(:checked) + label:after,
  .checkboxes-container [type="checkbox"]:checked + label:after {
    font-family: "qrbackend2" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e0aa';
    position: absolute;
    top: 14px;
    right: 15px;
    font-size: 24px;
    color: #fff;
    transition: opacity .2s; }
  .checkboxes-container [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0); }
  .checkboxes-container [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1); }
  .checkboxes-container [type="checkbox"]:disabled:not(:checked) + label:before,
  .checkboxes-container [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd; }
  .checkboxes-container [type="checkbox"]:disabled:checked + label:after {
    color: #999; }
  .checkboxes-container [type="checkbox"]:disabled + label {
    color: #aaa; }
  .checkboxes-container label:hover:before {
    border: 2px solid #a4a6a8 !important; }

.toggle-text {
  color: #616568;
  font-size: 15px;
  font-weight: 600;
  display: inline;
  position: absolute;
  top: 2px;
  right: -35px;
  text-transform: uppercase; }

.checkboxes-container .show-error-here .popover.popover-error {
  margin-top: 10px !important; }

.user-actions-btns .grey-link {
  margin: 0 !important; }
  .user-actions-btns .grey-link:first-child {
    margin-right: 20px !important; }

@media (min-width: 991px) and (max-width: 1440px) {
  .user-actions-btns .grey-link:first-child {
    margin-right: 20px !important; } }

@media (min-width: 1200px) {
  .update-billing .hidden-input-error {
    right: -15px; }
  .hidden-input-error {
    z-index: -1;
    margin-top: -45px !important; }
  .show-error-here {
    margin-top: -45px !important; } }

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .section-header {
    font-size: 17px !important; }
  .company-info, .bank-info {
    width: 100% !important;
    padding-left: 15px !important;
    margin-bottom: 20px !important; }
  #account .detail-page .invoice-container {
    padding: 0 !important; }
  #account .detail-page .invoice-contact.ml_25 {
    margin-left: -5px !important; }
  #account .footer-img {
    width: 70px;
    right: 10px !important; }
  #account .company-info {
    padding: 0 15px !important; }
  #account .tax-container .small-paragraph {
    padding-right: 0 !important; }
  #account .invoice-footer {
    padding-left: 15px; }
    #account .invoice-footer .small-paragraph {
      font-size: 12px !important; }
    #account .invoice-footer .row.col-sm-12 {
      padding-left: 0 !important; }
  #account .invoice-contact .small-paragraph, #account .invoice-contact .link-button, #account .invoice-contact .special-link a {
    font-size: 12px !important; }
    #account .invoice-contact .small-paragraph.pl-0, #account .invoice-contact .link-button.pl-0, #account .invoice-contact .special-link a.pl-0 {
      padding-right: 0 !important; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .popover.popover-error {
    margin-top: 10px !important; }
  .invoice-contact {
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important; }
  .invoice-footer .text-slim {
    padding-left: 15px; }
  .invoice-container,
  .detailed-content {
    padding: 15px 15px 0 !important; }
  .bank-info {
    margin-top: 0 !important; }
  .column-ipad-fix {
    margin-left: -25px;
    margin-right: 25px; }
  .footer-img {
    top: 0 !important;
    position: absolute !important;
    right: 0 !important; } }

@media (min-width: 1024px) and (max-width: 1199px) {
  .detail-page .invoice-container {
    padding: 0 !important; }
  .invoice-container {
    padding: 0 30px !important; }
  .hidden-input-error {
    margin-top: 10px; }
  #user_payment_info_updatebilling .popover.popover-error,
  #user_account_vatid_form .popover.popover-error,
  .checkboxes-container .show-error-here .popover.popover-error {
    margin-top: 10px !important; }
  .popover.popover-error {
    margin-top: 10px !important; }
  .popover.popover-error {
    position: static !important;
    margin: 0;
    max-width: 100%;
    box-shadow: none;
    border-radius: 0; }
    .popover.popover-error .arrow {
      display: none; } }

@media (min-width: 768px) and (max-width: 991px) {
  #account .popover.popover-error, #invoice-model-grid .popover.popover-error {
    position: static !important;
    margin: 0;
    max-width: 100%;
    box-shadow: none;
    border-radius: 0; }
    #account .popover.popover-error .arrow, #invoice-model-grid .popover.popover-error .arrow {
      display: none; }
  #account .info-part2, #invoice-model-grid .info-part2 {
    margin-top: 50px; }
  #account .section-content-row .section-column, #invoice-model-grid .section-content-row .section-column {
    width: 50% !important;
    padding-left: 15px !important; }
    #account .section-content-row .section-column:nth-child(2), #invoice-model-grid .section-content-row .section-column:nth-child(2) {
      padding-left: 0 !important; } }

@media (max-width: 991px) {
  #account .detail-main-page, #invoice-model-grid .detail-main-page {
    padding: 0 15px !important;
    width: 100% !important;
    margin: 0 !important; }
  .section-container {
    padding-left: 20px !important;
    padding-right: 20px !important; } }

@media (max-width: 768px) {
  #account .checkboxes-container .show-error-here, #invoice-model-grid .checkboxes-container .show-error-here {
    margin-top: 10px; }
  #account .section-header, #invoice-model-grid .section-header {
    font-size: 17px !important; }
  #account .info-part2, #invoice-model-grid .info-part2 {
    margin-top: 50px; }
  #account .form-horizontal .form-control, #invoice-model-grid .form-horizontal .form-control {
    margin-bottom: 20px; }
  #account .detail-page .invoice-details, #invoice-model-grid .detail-page .invoice-details {
    margin-bottom: 20px; }
  #account .detail-page .invoice-footer img, #invoice-model-grid .detail-page .invoice-footer img {
    right: 0;
    position: relative;
    float: right; }
  #account .detail-page .row, #invoice-model-grid .detail-page .row {
    margin: 0 !important; }
  #account .detail-page .keep-padding-responsive, #account .detail-page .table-header-text, #account .detail-page .bank-info, #invoice-model-grid .detail-page .keep-padding-responsive, #invoice-model-grid .detail-page .table-header-text, #invoice-model-grid .detail-page .bank-info {
    padding-left: 15px !important;
    padding-right: 15px !important; }
  #account .detail-page .bank-info, #invoice-model-grid .detail-page .bank-info {
    margin-top: 20px; }
  #account .detail-page .tax-container .small-paragraph, #account .detail-page .invoice-contact .small-paragraph, #invoice-model-grid .detail-page .tax-container .small-paragraph, #invoice-model-grid .detail-page .invoice-contact .small-paragraph {
    padding-left: 0 !important; }
  #account .modal-section-2 .plr-0, #invoice-model-grid .modal-section-2 .plr-0 {
    padding-left: 15px !important;
    padding-right: 15px !important; }
  #account .modal-section-2 .bank-info, #invoice-model-grid .modal-section-2 .bank-info {
    margin-top: 20px; }
  #account .note-container, #invoice-model-grid .note-container {
    margin-top: 15px; } }

@media (max-width: 767px) {
  #account .checkboxes-container.green-checkbox [type="checkbox"]:not(:checked) + label,
  #account .checkboxes-container.green-checkbox [type="checkbox"]:checked + label, #invoice-model-grid .checkboxes-container.green-checkbox [type="checkbox"]:not(:checked) + label,
  #invoice-model-grid .checkboxes-container.green-checkbox [type="checkbox"]:checked + label {
    padding-left: 30px !important; }
  #account .checkboxes-container.green-checkbox [type="checkbox"]:not(:checked) + label:before,
  #account .checkboxes-container.green-checkbox [type="checkbox"]:checked + label:before, #invoice-model-grid .checkboxes-container.green-checkbox [type="checkbox"]:not(:checked) + label:before,
  #invoice-model-grid .checkboxes-container.green-checkbox [type="checkbox"]:checked + label:before {
    left: 2px !important;
    top: 0 !important; }
  #account .checkboxes-container.green-checkbox [type="checkbox"]:not(:checked) + label:after,
  #account .checkboxes-container.green-checkbox [type="checkbox"]:checked + label:after, #invoice-model-grid .checkboxes-container.green-checkbox [type="checkbox"]:not(:checked) + label:after,
  #invoice-model-grid .checkboxes-container.green-checkbox [type="checkbox"]:checked + label:after {
    left: 0 !important;
    top: 2px !important; }
  #account .more-sepa-text, #invoice-model-grid .more-sepa-text {
    float: left;
    margin-left: 30px;
    margin-right: 15px; }
  #account .sepa-info, #invoice-model-grid .sepa-info {
    margin-top: 35px !important; }
  #account input + .popover-error, #invoice-model-grid input + .popover-error {
    margin-top: 10px !important; }
  #account .secure-encr-text, #invoice-model-grid .secure-encr-text {
    width: 100%;
    margin-bottom: 20px; }
  #account #viewInvoicePage, #invoice-model-grid #viewInvoicePage {
    display: none; }
  #account .checkboxes-container label.form-label, #account .checkboxes-container .pl-30.show-error-here, #invoice-model-grid .checkboxes-container label.form-label, #invoice-model-grid .checkboxes-container .pl-30.show-error-here {
    padding-left: 0 !important; }
  #account .form-horizontal .group-after-checkbox.form-group, #invoice-model-grid .form-horizontal .group-after-checkbox.form-group {
    margin-left: 0 !important;
    margin-right: 0 !important; }
    #account .form-horizontal .group-after-checkbox.form-group label, #invoice-model-grid .form-horizontal .group-after-checkbox.form-group label {
      padding-left: 0 !important; }
  #account .unsubscribe-password, #invoice-model-grid .unsubscribe-password {
    margin-left: 0 !important; }
  #account .input-pr-15, #invoice-model-grid .input-pr-15 {
    padding-right: 0 !important; }
  #account .input-pl-30, #account .input-pl-15, #invoice-model-grid .input-pl-30, #invoice-model-grid .input-pl-15 {
    padding-left: 0 !important; }
  #account .input-pl-15 .col-sm-6, #invoice-model-grid .input-pl-15 .col-sm-6 {
    padding-left: 0 !important; }
  #account .go-back-header, #invoice-model-grid .go-back-header {
    padding-top: 10px !important; }
  #account .section-content-row .pl-60, #invoice-model-grid .section-content-row .pl-60 {
    padding-left: 15px !important; }
  #account .dropdown-container.pl-30, #invoice-model-grid .dropdown-container.pl-30 {
    padding-left: 0 !important; }
    #account .dropdown-container.pl-30 .dropdown-selected, #invoice-model-grid .dropdown-container.pl-30 .dropdown-selected {
      width: calc(100% - 55px); }
  #account .detail-page .dropdown-container, #invoice-model-grid .detail-page .dropdown-container {
    margin-bottom: 20px !important; }
  #account .detail-page .go-back-header, #invoice-model-grid .detail-page .go-back-header {
    padding-top: 0 !important; }
  #account .detail-page .header-info-text, #invoice-model-grid .detail-page .header-info-text {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    font-size: 20px !important; }
  #account .update-billing .dropdown-container, #invoice-model-grid .update-billing .dropdown-container {
    padding-right: 0 !important; }
  #account .update-billing .card-img-container, #invoice-model-grid .update-billing .card-img-container {
    display: none; }
  #account .update-billing .form-horizontal .form-group, #invoice-model-grid .update-billing .form-horizontal .form-group {
    margin-bottom: 15px !important; }
    #account .update-billing .form-horizontal .form-group .form-label, #invoice-model-grid .update-billing .form-horizontal .form-group .form-label {
      margin-bottom: 15px !important; }
  #account .update-billing .form-horizontal .form-control, #invoice-model-grid .update-billing .form-horizontal .form-control {
    margin-bottom: 0 !important; }
  #account .form-horizontal.multiline-form .form-group, #invoice-model-grid .form-horizontal.multiline-form .form-group {
    margin-bottom: 5px !important; }
    #account .form-horizontal.multiline-form .form-group .form-label, #invoice-model-grid .form-horizontal.multiline-form .form-group .form-label {
      margin-bottom: 15px !important; }
  #account .form-horizontal.multiline-form .form-control, #invoice-model-grid .form-horizontal.multiline-form .form-control {
    margin-bottom: 15px !important; }
  #account #user_account_vatid_form .pre-info, #invoice-model-grid #user_account_vatid_form .pre-info {
    margin-bottom: 20px; } }

@media (max-width: 640px) {
  #account .popover.popover-error {
    margin-top: 10px !important; }
  #account .hidden-input-error.mt-10 {
    margin-top: 0 !important; }
  #account #user_account_vatid_form .update-success {
    margin: -40px 0 0 0 !important;
    max-width: calc(100% - 100px); }
  #account #user_account_vatid_form .pre-info {
    margin-bottom: 20px; }
  #account .update-billing .date-container, #account .update-billing .security-container {
    padding: 0 !important; }
    #account .update-billing .date-container .pr-0, #account .update-billing .security-container .pr-0 {
      padding-right: 15px !important; }
  #account .update-billing div[class*='pl-'] {
    padding-left: 15px !important; }
  #account .update-billing .form-label, #account .update-billing .form-group {
    margin-bottom: 15px !important; }
  #account .update-billing .dropdown-container {
    padding-right: 0 !important; }
  #account .update-billing .card-no-container .col-xs-3 {
    padding: 0 5px !important; }
    #account .update-billing .card-no-container .col-xs-3 .form-control {
      margin-bottom: 0 !important; }
  #account .update-billing .form-label + .plr-30 {
    padding-left: 15px !important;
    padding-right: 15px !important; }
  #account .update-billing img.pay-info-img {
    margin-top: 20px !important; }
  .card-img-container {
    display: none; }
  .go-back-header .header-info-text {
    margin-top: 20px;
    margin-bottom: 30px; }
  .pl-60.col-sm-7, .pl-60.col-sm-6 {
    padding-left: 15px !important; }
  .section-container {
    padding: 15px !important; } }

@media (max-width: 480px) {
  #account .user-actions-btns, #invoice-model-grid .user-actions-btns {
    float: left;
    width: 100%; }
  #account .user-close-container,
  #account .user-notif-container, #invoice-model-grid .user-close-container,
  #invoice-model-grid .user-notif-container {
    padding-right: 15px !important; }
  #account #user_settings_form .dropdown-container, #invoice-model-grid #user_settings_form .dropdown-container {
    padding-right: 0 !important; }
  #account .success-update-msg, #invoice-model-grid .success-update-msg {
    margin-left: -15px !important;
    float: left !important;
    width: calc(100% - 100px) !important; }
  #account .paid-icon, #account .refunded-pay, #invoice-model-grid .paid-icon, #invoice-model-grid .refunded-pay {
    margin-left: 5px !important;
    margin-right: 5px !important; }
  #account .note-container .pre-info span, #invoice-model-grid .note-container .pre-info span {
    display: block; }
  #account div[id*='forwardModal'], #invoice-model-grid div[id*='forwardModal'] {
    padding-left: 0; }
  #account #user_account_vatid_form .pre-info, #invoice-model-grid #user_account_vatid_form .pre-info {
    margin-top: 20px; }
  #account .company-info, #invoice-model-grid .company-info {
    margin-top: 20px !important; }
  #account .section-content-row, #invoice-model-grid .section-content-row {
    margin: 0 !important; }
  #account .unable-close-container .text-uppercase.attention-color, #invoice-model-grid .unable-close-container .text-uppercase.attention-color {
    display: block !important;
    margin-top: 10px; }
  #account .text-uppercase.attention-color, #account .text-uppercase.refunded-color, #invoice-model-grid .text-uppercase.attention-color, #invoice-model-grid .text-uppercase.refunded-color {
    display: none; }
  #account .dropdown-container, #invoice-model-grid .dropdown-container {
    padding-right: 15px !important;
    padding-left: 0 !important;
    margin-bottom: 20px; }
  #account .btn-group-actions.open .dropdown-selected, #invoice-model-grid .btn-group-actions.open .dropdown-selected {
    width: calc(100% - 40px) !important; }
  #account .dropdown-selected, #invoice-model-grid .dropdown-selected {
    padding: 10px !important;
    width: calc(100% - 70px) !important; }
  #account .billing-button, #invoice-model-grid .billing-button {
    position: relative; }
    #account .billing-button .caret:before, #invoice-model-grid .billing-button .caret:before {
      right: 10px !important; }
  #account .btn-group-actions.open .caret:before, #invoice-model-grid .btn-group-actions.open .caret:before {
    top: 10px !important; }
  #account .update-billing .dropdown-selected, #invoice-model-grid .update-billing .dropdown-selected {
    width: calc(100% - 38px) !important; }
  #account .update-billing .pr-0:first-child, #invoice-model-grid .update-billing .pr-0:first-child {
    padding-right: 0 !important; } }

@media only screen and (max-width: 320px) {
  #account-menu .company-name-container,
  #account-menu #header_company_name {
    display: block; }
  #account-menu .edit-link {
    float: right;
    margin-top: 20px; }
  #account .history-label, #invoice-model-grid .history-label {
    width: 100% !important;
    font-weight: 500 !important; }
    #account .history-label + .pre-info, #invoice-model-grid .history-label + .pre-info {
      width: 100% !important;
      margin-bottom: 10px; }
  #account .update-billing div[class*='col-'], #invoice-model-grid .update-billing div[class*='col-'] {
    width: 100% !important;
    margin-top: 10px !important; }
  #account .date-container div.col-xs-6.pr-0:first-child, #invoice-model-grid .date-container div.col-xs-6.pr-0:first-child {
    padding-right: 15px !important; }
  #account .card-no-container div.col-xs-3, #invoice-model-grid .card-no-container div.col-xs-3 {
    padding: 0 2px !important;
    width: 25% !important;
    text-align: left; }
    #account .card-no-container div.col-xs-3 .form-control, #invoice-model-grid .card-no-container div.col-xs-3 .form-control {
      padding: 0 5px; } }

#account-menu {
  margin-bottom: 55px; }
  #account-menu .requires-pay {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ff7a69;
    text-align: center;
    line-height: 1.3;
    display: inline-block;
    color: #fff; }
  #account-menu .header-info-text.align-middle {
    padding-top: 8px;
    padding-bottom: 12px; }
  #account-menu .edit-link {
    text-decoration: underline;
    color: #a4a6a8;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer; }
    #account-menu .edit-link:hover {
      color: #47bdef; }
  #account-menu .go-back-btn {
    display: inline-block;
    padding: 12px 0px;
    width: 160px;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
    color: #797d80;
    background: #fff;
    font-size: 15px;
    border-radius: 3px;
    border: 1px #d4d4d4 solid;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    #account-menu .go-back-btn:hover {
      text-decoration: none;
      border-color: #a4a6a8;
      color: #616568; }
    #account-menu .go-back-btn:focus {
      border-color: #a4a6a8;
      text-decoration: none;
      color: #616568; }
  #account-menu .go-back-header {
    background: #fff;
    line-height: 1;
    padding: 55px 0 25px;
    border-bottom: 1px #d4d4d4 solid; }
    #account-menu .go-back-header .requires-pay {
      line-height: 22px;
      font-size: 20px; }
    #account-menu .go-back-header .header-info-text {
      font-size: 26px;
      color: #616568;
      font-weight: 600; }
  #account-menu .account-submenu {
    margin-top: 55px;
    list-style: none;
    padding: 0 !important; }
    #account-menu .account-submenu li {
      display: inline-block;
      margin-right: 70px; }
      #account-menu .account-submenu li a {
        padding: 0;
        color: #797d80;
        font-size: 18px;
        font-weight: 600;
        cursor: pointer; }
        #account-menu .account-submenu li a:hover, #account-menu .account-submenu li a.active {
          color: #47bdef;
          text-decoration: none; }

@media (min-width: 768px) and (max-width: 991px) {
  #account-menu .account-submenu li {
    margin-right: 20px; } }

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  #account-menu .header-info-text {
    font-size: 20px !important; }
    #account-menu .header-info-text .requires-pay {
      font-size: 18px !important; } }

@media (max-width: 768px) {
  #account-menu .account-submenu li {
    margin-right: 0px;
    margin-bottom: 20px;
    display: block !important; } }

.modal {
  z-index: 9999999; }
  @media (min-width: 950px) {
    .modal .modal-dialog {
      width: 775px !important;
      max-width: 775px !important; } }
  .modal * {
    font-family: 'Source Sans Pro', sans-serif; }
  .modal .modal-dialog .modal-content {
    border-radius: 3px;
    padding: 55px 80px !important;
    float: left;
    width: 100%; }
    .modal .modal-dialog .modal-content .modal-header {
      float: left;
      width: 100%; }
      .modal .modal-dialog .modal-content .modal-header button.close {
        position: absolute;
        top: 17px;
        right: 24px;
        color: #797d80;
        opacity: 1;
        font-weight: 400; }
        .modal .modal-dialog .modal-content .modal-header button.close:hover {
          color: #616568 !important; }
        .modal .modal-dialog .modal-content .modal-header button.close:focus {
          outline: none; }
    .modal .modal-dialog .modal-content .modal-title {
      color: #616568;
      font-size: 18px;
      font-weight: 600; }
    .modal .modal-dialog .modal-content .modal-body {
      float: left;
      width: 100%;
      padding-top: 0;
      font-size: 15px;
      font-weight: 400;
      color: #797d80;
      z-index: 100; }
      .modal .modal-dialog .modal-content .modal-body .feature_restriction_info {
        padding: 0 !important; }
    .modal .modal-dialog .modal-content .modal-body-nopadding {
      float: left;
      width: 100%; }
    .modal .modal-dialog .modal-content .modal-footer {
      float: right;
      width: auto;
      padding: 10px 0 0 15px; }
      .modal .modal-dialog .modal-content .modal-footer button {
        float: left; }
      .modal .modal-dialog .modal-content .modal-footer button.cancel, .modal .modal-dialog .modal-content .modal-footer button.btn-default {
        display: inline-block;
        text-decoration: underline;
        color: #a4a6a8;
        font-size: 15px;
        font-weight: 400;
        cursor: pointer;
        margin-right: 20px;
        border: none;
        background: none;
        margin-top: 5px; }
        .modal .modal-dialog .modal-content .modal-footer button.cancel:hover, .modal .modal-dialog .modal-content .modal-footer button.btn-default:hover {
          color: #797d80; }
        .modal .modal-dialog .modal-content .modal-footer button.cancel:focus, .modal .modal-dialog .modal-content .modal-footer button.btn-default:focus {
          outline: none; }
        .modal .modal-dialog .modal-content .modal-footer button.cancel:active, .modal .modal-dialog .modal-content .modal-footer button.btn-default:active {
          box-shadow: none; }
      .modal .modal-dialog .modal-content .modal-footer .btn.ok, .modal .modal-dialog .modal-content .modal-footer .btn.primary {
        color: #fff;
        background: #90c52d;
        padding: 11px 25px;
        font-size: 15px;
        float: right !important;
        border: none !important; }
        .modal .modal-dialog .modal-content .modal-footer .btn.ok:hover, .modal .modal-dialog .modal-content .modal-footer .btn.primary:hover {
          background: #85b62b !important; }
        .modal .modal-dialog .modal-content .modal-footer .btn.ok:focus, .modal .modal-dialog .modal-content .modal-footer .btn.primary:focus {
          outline: none; }

@media (max-width: 1024px) {
  .modal .modal-dialog .modal-content {
    padding: 55px !important; } }

@media (max-width: 768px) {
  div[id*='payModal-'].modal .modal-dialog .modal-content {
    padding: 55px 15px !important; } }

@media (max-width: 767px) {
  .modal .modal-dialog .modal-content {
    padding: 55px 15px !important; }
    .modal .modal-dialog .modal-content .label-modal {
      padding-left: 0;
      margin-bottom: 10px; }
    .modal .modal-dialog .modal-content .space-mobile-10 {
      margin-bottom: 10px; } }

[id*='Drop'].dropdown-selected {
  width: calc(100% - 40px) !important;
  color: #a4a6a8;
  font-size: 15px;
  text-align: left;
  padding-left: 15px !important; }
  [id*='Drop'].dropdown-selected + .billing-button {
    padding-top: 15px !important; }
    [id*='Drop'].dropdown-selected + .billing-button i:before {
      top: 17px !important; }

.btn-group-actions.open [id*='Drop'].dropdown-selected + .billing-button i:before {
  top: 12px !important; }

.billing-button {
  height: 45px;
  width: 40px; }
  .billing-button:focus {
    background: #fff !important; }
  .billing-button i:before {
    top: 17px;
    right: 12px; }

.dropdown-selected {
  display: inline-block;
  float: left;
  position: absolute;
  padding: 10px 0;
  height: 45px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border: 2px #eaeaea solid;
  background: #fff;
  width: calc(100% - 85px);
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  color: #47bdef;
  z-index: 999;
  -webkit-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease; }
  .dropdown-selected.action-drop:hover {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    background: #47bdef; }
  .dropdown-selected:hover {
    cursor: pointer;
    text-decoration: none; }
  .dropdown-selected:focus {
    cursor: pointer;
    text-decoration: none;
    color: #47bdef;
    outline: none; }
  .dropdown-selected i {
    padding-right: 5px;
    position: absolute;
    left: 14px;
    font-size: 30px;
    top: 2px; }

.billing-button {
  border: 2px #eaeaea solid;
  border-top-right-radius: 2px;
  border-button-right-radius: 2px;
  background: #fff;
  color: #47bdef;
  width: 42px;
  height: 45px;
  float: right;
  padding: 14px 31px 6px 0; }
  .billing-button:hover i:before {
    color: #25acdd !important; }
  .billing-button:focus {
    outline: 0 !important;
    background: #fff !important; }
  .billing-button:active {
    box-shadow: none !important; }
  .billing-button .filter-option {
    text-align: center !important; }
  .billing-button .caret {
    font-family: "qrbackend2" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 0;
    font-size: 18px; }
    .billing-button .caret:before {
      content: "\e083";
      top: 13px;
      right: 12px;
      position: absolute;
      color: #a4a6a8; }
  .billing-button .btn-group.open .dropdown-toggle.billing-button {
    box-shadow: none !important; }

.dropdown-container {
  width: 100%;
  float: left;
  margin-top: -3px; }
  .dropdown-container .btn-group-actions.open {
    position: relative; }
    .dropdown-container .btn-group-actions.open .caret:before {
      transform: rotate(180deg);
      top: 12px;
      color: #47bdef; }
    .dropdown-container .btn-group-actions.open .dropdown-selected {
      width: calc(100% - 40px) !important; }
    .dropdown-container .btn-group-actions.open .dropdown-menu {
      overflow: hidden;
      max-height: 255px;
      padding: 5px 0;
      margin: 0;
      margin-top: 0 !important;
      box-shadow: 0 3px 6px 0 rgba(121, 125, 128, 0.7) !important;
      border: 0 !important;
      border-radius: 2px !important;
      top: 45px;
      width: 100%;
      min-width: 100%;
      z-index: 1000; }
      .dropdown-container .btn-group-actions.open .dropdown-menu li a {
        color: #797d80 !important;
        padding: 6px 17px;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
        .dropdown-container .btn-group-actions.open .dropdown-menu li a:hover {
          background: none;
          color: #25acdd !important; }
        .dropdown-container .btn-group-actions.open .dropdown-menu li a:focus {
          outline: none !important;
          background: none !important; }

.btn-group-actions.open .dropdown-selected {
  width: calc(100% - 40px) !important; }

.dropdown-selected {
  padding: 10px !important;
  width: calc(100% - 70px) !important; }

.dropdown-container.pl-30 {
  padding-left: 0 !important; }
  .dropdown-container.pl-30 .dropdown-selected {
    width: calc(100% - 55px) !important; }

.show-more-question {
  background: #d4d4d4;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  color: #fff !important;
  line-height: 1.2;
  display: inline-block;
  cursor: pointer;
  margin-left: 10px; }
  .show-more-question:hover {
    background: #a4a6a8; }

.redesign #navbar .account .dropdown-toggle:hover {
  text-decoration: none !important;
  color: #d4d4d4 !important; }
  .redesign #navbar .account .dropdown-toggle:hover span, .redesign #navbar .account .dropdown-toggle:hover span:hover {
    text-decoration: none !important;
    color: #d4d4d4 !important; }

#getting-started-page, #getting-started-page h1, #getting-started-page h2, #getting-started-page h3, #getting-started-page h4, #getting-started-page h5, #getting-started-page h6, #getting-started-page a, #getting-started-page span, #getting-started-page div, #getting-started-page input.label, #getting-started-page textarea, #getting-started-page select, #getting-started-page table, #getting-started-page td, #getting-started-page tr {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

#getting-started-page h1, #getting-started-page h2, #getting-started-page h3, #getting-started-page h4, #getting-started-page h5, #getting-started-page h6, #getting-started-page p, #getting-started-page a, #getting-started-page ul, #getting-started-page lu, #getting-started-page label {
  font-family: "Roboto", Helvetica, Arial, sans-serif; }

#getting-started-page h1, #getting-started-page h2, #getting-started-page h3, #getting-started-page h4, #getting-started-page h5, #getting-started-page h6, #getting-started-page .h1, #getting-started-page .h2, #getting-started-page .h3, #getting-started-page .h4, #getting-started-page .h5, #getting-started-page .h6 {
  font-weight: 500;
  line-height: 1.2em;
  color: #565656;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

#getting-started-page .gray {
  color: #9e9e9e; }

#getting-started-page .regular, #getting-started-page .regular {
  font-weight: 400; }

#getting-started-page .orange {
  color: #f1a630; }

#getting-started-page .blue {
  color: #5ab7e5; }

#getting-started-page .relative {
  position: relative; }

#getting-started-page .medium {
  font-weight: 500; }

#getting-started-page h1, #getting-started-page .h1 {
  font-size: 43px; }

#getting-started-page h2, #getting-started-page .h2 {
  font-size: 35px; }

#getting-started-page h3, #getting-started-page .h3 {
  font-size: 28px; }

#getting-started-page h4, #getting-started-page .h4 {
  font-size: 24px; }

#getting-started-page h5, #getting-started-page .h5 {
  font-size: 22px; }
  #getting-started-page h5.spacing, #getting-started-page .h5.spacing {
    line-height: 36px; }

#getting-started-page h6, #getting-started-page .h6 {
  font-size: 18px; }

#getting-started-page h1.with-span {
  position: relative;
  display: inline-block; }
  #getting-started-page h1.with-span span {
    color: #ffffff;
    background: #5ab7e5;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 15px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 3px;
    position: absolute;
    right: -65px;
    top: 0px;
    height: auto; }
    @media (max-width: 767px) {
      #getting-started-page h1.with-span span {
        display: none !important; } }

#getting-started-page a {
  color: #5ab7e5;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; }
  #getting-started-page a:hover, #getting-started-page a:focus {
    color: #31708C;
    outline: none; }

#getting-started-page p {
  margin: 0px 0px 20px;
  font-weight: 400;
  line-height: 1.8em;
  font-size: 16px;
  font-size: 18px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  color: #9e9e9e; }

#getting-started-page sup {
  top: 0px; }

#getting-started-page sup.banner {
  color: #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 16px;
  line-height: 16px;
  background: #5ab7e5;
  display: inline-block;
  padding: 5px 10px;
  text-transform: uppercase;
  margin-left: 10px;
  font-weight: 600; }

#getting-started-page sup.absolute {
  position: absolute; }
  @media (max-width: 767px) {
    #getting-started-page sup.absolute {
      display: none; } }

#getting-started-page .nowrap {
  white-space: nowrap; }

#getting-started-page .box-border {
  margin-bottom: 30px; }
  #getting-started-page .box-border .inner {
    background: #ffffff;
    border: 2px solid #565656;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    padding: 80px 60px 60px; }
    #getting-started-page .box-border .inner .top-corner {
      background: #565656; }

#getting-started-page .box-border-blue {
  margin-bottom: 20px; }
  #getting-started-page .box-border-blue .inner {
    border-color: #5ab7e5; }
    @media (max-width: 767px) {
      #getting-started-page .box-border-blue .inner {
        padding: 60px 30px 30px; } }
    #getting-started-page .box-border-blue .inner .top-corner {
      background: #5ab7e5; }

#getting-started-page .box-border-orange .inner {
  padding: 70px 30px 30px;
  border-color: #f1a630; }
  @media (max-width: 767px) {
    #getting-started-page .box-border-orange .inner {
      height: auto !important; } }
  #getting-started-page .box-border-orange .inner .top-corner {
    background: #f1a630; }
  #getting-started-page .box-border-orange .inner .content-wrapper {
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      #getting-started-page .box-border-orange .inner .content-wrapper {
        height: auto !important; } }
    #getting-started-page .box-border-orange .inner .content-wrapper p:last-child {
      margin-bottom: 0px; }
  #getting-started-page .box-border-orange .inner .illustration-link {
    display: table;
    width: 100%; }
    #getting-started-page .box-border-orange .inner .illustration-link .table-cell {
      display: table-cell; }
      @media (min-width: 767px) and (max-width: 991px) {
        #getting-started-page .box-border-orange .inner .illustration-link .table-cell {
          display: block;
          text-align: left;
          float: left;
          clear: both; } }
      @media (max-width: 500px) {
        #getting-started-page .box-border-orange .inner .illustration-link .table-cell {
          display: block;
          text-align: left;
          float: left;
          clear: both; } }
    #getting-started-page .box-border-orange .inner .illustration-link a {
      color: #f1a630;
      font-size: 18px;
      margin-left: 10px;
      white-space: nowrap; }
      @media (min-width: 767px) and (max-width: 991px) {
        #getting-started-page .box-border-orange .inner .illustration-link a {
          margin-top: 20px;
          margin-left: 0px;
          display: block;
          white-space: normal; } }
      @media (max-width: 500px) {
        #getting-started-page .box-border-orange .inner .illustration-link a {
          margin-top: 20px;
          margin-left: 0px;
          display: block;
          white-space: normal; } }
      #getting-started-page .box-border-orange .inner .illustration-link a:hover {
        color: #d38100; }

#getting-started-page a {
  text-decoration: none; }
  #getting-started-page a i.icon-chevron-right {
    position: relative;
    top: 3px; }

#getting-started-page .top-corner {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 10px 15px; }
  #getting-started-page .top-corner * {
    margin: 0px;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff; }

#getting-started-page .overlay-wrapper {
  cursor: pointer;
  position: relative;
  float: left;
  max-width: 100%; }
  #getting-started-page .overlay-wrapper img {
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
  #getting-started-page .overlay-wrapper:hover img {
    opacity: .5; }
  #getting-started-page .overlay-wrapper:hover i.icon {
    border-color: #565656;
    color: #565656; }
  #getting-started-page .overlay-wrapper i.icon {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 56px;
    height: 56px;
    border: 3px solid #5ab7e5;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -28px;
    margin-top: -28px;
    font-size: 34px;
    line-height: 56px;
    text-align: center;
    color: #5ab7e5; }
    #getting-started-page .overlay-wrapper i.icon:before {
      line-height: 60px;
      position: relative;
      left: 1px; }

#modalVideo .modal-content {
  padding: 20px;
  position: relative; }
  #modalVideo .modal-content .close {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #EF433E !important;
    color: #ffffff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    z-index: 999999;
    top: -15px;
    right: -15px;
    opacity: 1;
    outline: none; }
    #modalVideo .modal-content .close:hover {
      background: #BE1E2D !important; }

#modalVideo .videoWrapper {
  width: 100%;
  height: 100%;
  background: #000000; }
  #modalVideo .videoWrapper .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
    #modalVideo .videoWrapper .video-container iframe,
    #modalVideo .videoWrapper .video-container object,
    #modalVideo .videoWrapper .video-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.band {
  width: 100%;
  display: block;
  float: left;
  clear: both;
  position: relative; }

img {
  max-width: 100%;
  height: auto; }

.box-sizing {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/*#region Fonts */
@font-face {
  font-family: 'Maison Neue';
  font-style: normal;
  font-weight: lighter;
  font-weight: 300;
  src: url("./font/maisonneue-light-webfont.eot");
  src: url("./font/maisonneue-light-webfont.eot?#iefix") format("embedded-opentype"), url("./font/maisonneue-light-webfont.woff2") format("woff2"), url("./font/maisonneue-light-webfont.woff") format("woff"), url("./font/maisonneue-light-webfont.ttf") format("truetype"), url("./font/maisonneue-light-webfont.svg#maison_neuelight") format("svg"); }

@font-face {
  font-family: 'Maison Neue';
  font-style: normal;
  font-weight: normal;
  font-weight: 400;
  src: url("./font/maisonneue-book-webfont.eot");
  src: url("./font/maisonneue-book-webfont.eot?#iefix") format("embedded-opentype"), url("./font/maisonneue-book-webfont.woff2") format("woff2"), url("./font/maisonneue-book-webfont.woff") format("woff"), url("./font/maisonneue-book-webfont.ttf") format("truetype"), url("./font/maisonneue-book-webfont.svg#maison_neuebook") format("svg"); }

@font-face {
  font-family: 'Maison Neue';
  font-style: normal;
  font-weight: 600;
  src: url("./font/maisonneue-medium-webfont.eot");
  src: url("./font/maisonneue-medium-webfont.eot?#iefix") format("embedded-opentype"), url("./font/maisonneue-medium-webfont.woff2") format("woff2"), url("./font/maisonneue-medium-webfont.woff") format("woff"), url("./font/maisonneue-medium-webfont.ttf") format("truetype"), url("./font/maisonneue-medium-webfont.svg#maison_neuemedium") format("svg"); }

@font-face {
  font-family: 'Maison Neue';
  font-style: normal;
  font-weight: bold;
  font-weight: 700;
  src: url("./font/maisonneue-bold-webfont.eot");
  src: url("./font/maisonneue-bold-webfont.eot?#iefix") format("embedded-opentype"), url("./font/maisonneue-bold-webfont.woff2") format("woff2"), url("./font/maisonneue-bold-webfont.woff") format("woff"), url("./font/maisonneue-bold-webfont.ttf") format("truetype"), url("./font/maisonneue-bold-webfont.svg#maison_neuebold") format("svg"); }

.mt_15 {
  margin-top: -15px !important; }

.form-row-container .formly-field.box-input {
  margin-bottom: 10px; }

.form-row-container textarea {
  min-height: 90px; }

/*#endregion */
.sp-choose {
  background-color: #f7f7f7 !important;
  color: #797d80 !important;
  border: 1px solid #a4a6a8 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-radius: 2px !important;
  padding: 10px 20px !important;
  text-shadow: none !important;
  background-image: none !important; }
  .sp-choose:hover {
    background-color: #a4a6a8 !important;
    color: #ffffff !important; }

/*#region Common Styles */
.mt20 {
  margin-top: 20px !important; }

.mt15 {
  margin-top: 15px !important; }

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

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

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

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

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

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

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

.pt5 {
  padding-top: 5px !important; }

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

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

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

.pr5 {
  padding-right: 5px !important; }

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

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

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

.pl5 {
  padding-left: 5px !important; }

.pl8 {
  padding-left: 8px !important; }

.pl12 {
  padding-left: 12px !important; }

.ibm {
  display: inline-block;
  vertical-align: middle; }

.fs24 {
  font-size: 24px !important; }

.tdn {
  text-decoration: none !important; }
  .tdn:hover {
    text-decoration: none !important; }

.additional-link {
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: #47bdef;
  text-decoration: underline;
  text-align: right;
  margin-top: 10px;
  float: right; }
  .additional-link:hover {
    color: #25acdd;
    text-decoration: underline; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fullAddress-container {
  display: none;
  margin-top: -12px;
  float: left;
  width: 100%; }
  .fullAddress-container .row.form-input-row {
    margin-left: 0;
    margin-right: 0; }
  .fullAddress-container .form-row-container.mt_10 {
    width: 100%; }

.state-generator-design {
  margin-top: 60px;
  margin-left: 0;
  margin-right: 0; }
  .state-generator-design .preview {
    padding-top: 0px !important; }
  .state-generator-design .white-form hr {
    margin-top: 25px !important;
    margin-bottom: 35px; }
  .state-generator-design .white-form .form-title-row {
    margin-bottom: 10px; }
  .state-generator-design .white-form .input-group-addon {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  .state-generator-design .white-form #btn-save-new-template {
    text-transform: initial;
    padding: 5px 25px 0 15px; }
    .state-generator-design .white-form #btn-save-new-template i {
      opacity: 1;
      font-size: 25px;
      padding-top: 5px; }
  .state-generator-design .white-form .form-input-row {
    margin-bottom: 30px; }
    .state-generator-design .white-form .form-input-row .box-label small {
      padding-top: 0;
      font-size: 15px;
      font-weight: 400;
      color: #a4a6a8; }

.redesign {
  line-height: normal;
  /*#region Responsive Templates */
  /*#endregion */
  /*#region Initial */
  /*#endregion */
  /*#region Layout */
  /*#endregion */
  /*#region Colors */
  /*#endregion */
  /*#region Elements */
  /*#endregion */
  /*#endregion */ }
  .redesign#formHere {
    margin-top: 60px; }
  @media (min-width: 1024px) {
    .redesign .label-geolocation {
      width: calc(100% - 40px); } }
  .redesign .checkboxes-container [type="checkbox"]:disabled:checked + label:after {
    color: #fff; }
  .redesign .checkboxes-container.green-checkbox [type="checkbox"]:not(:checked) + label,
  .redesign .checkboxes-container.green-checkbox [type="checkbox"]:checked + label {
    padding-left: 10px !important;
    line-height: 1.5;
    font-size: 15px;
    font-weight: 600;
    color: #797d80; }
  .redesign .checkboxes-container.green-checkbox [type="checkbox"]:not(:checked) + label:before,
  .redesign .checkboxes-container.green-checkbox [type="checkbox"]:checked + label:before {
    left: -20px !important; }
  .redesign .checkboxes-container.green-checkbox [type="checkbox"]:not(:checked) + label:after,
  .redesign .checkboxes-container.green-checkbox [type="checkbox"]:checked + label:after {
    left: -22px !important; }
  .redesign .position-group {
    margin-right: 25px;
    display: inline-block; }
    @media (min-width: 768px) and (max-width: 991px) {
      .redesign .position-group {
        margin-right: 5px; } }
    .redesign .position-group .position-btn {
      display: inline-block;
      margin-right: 5px;
      height: 42px;
      width: 42px;
      line-height: 42px;
      border: 2px solid #eaeaea;
      background-color: #f5f8fa;
      color: #82848f;
      border-radius: 2px;
      text-align: center;
      font-size: 16px; }
      .redesign .position-group .position-btn:last-child {
        margin-right: 0; }
      .redesign .position-group .position-btn:hover {
        border-color: rgba(0, 0, 0, 0.16);
        color: #696b75; }
    .redesign .position-group .text {
      color: #82848f;
      text-decoration: underline; }
      .redesign .position-group .text:hover {
        color: #5ab7e5; }
      @media (min-width: 768px) and (max-width: 991px) {
        .redesign .position-group .text {
          font-size: 12px; } }
  .redesign .PopUps {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(50, 48, 50, 0.85);
    display: none;
    z-index: 999998; }
    .redesign .PopUps.active {
      display: block; }
  .redesign [popup] {
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -300px;
    width: 600px;
    background-color: #ffffff;
    border-radius: 2px;
    z-index: 999999; }
    @media (max-width: 549px) {
      .redesign [popup] {
        width: 96%;
        left: 2%;
        margin-left: 0px; } }
    @media (min-width: 550px) and (max-width: 767px) {
      .redesign [popup] {
        width: 530px;
        left: 50%;
        margin-left: -265px; } }
    .redesign [popup].active {
      display: block; }
    .redesign [popup] > [close-popup] {
      position: absolute;
      top: 15px;
      right: 15px;
      color: #3c4245;
      font-size: 12px;
      opacity: 0.4; }
      .redesign [popup] > [close-popup]:hover {
        opacity: 1; }
    .redesign [popup].style1 {
      text-align: center;
      padding: 60px 120px;
      min-height: 400px; }
      @media (max-width: 767px) {
        .redesign [popup].style1 {
          padding: 30px 20px 20px 20px;
          min-height: 330px; } }
      .redesign [popup].style1 .header-icon {
        font-size: 48px;
        color: #5ab7e5; }
      .redesign [popup].style1 h3 {
        font-size: 18px;
        font-weight: 600;
        margin: 15px 0 10px 0; }
      .redesign [popup].style1 p {
        padding-bottom: 25px; }
      .redesign [popup].style1 .btn {
        position: relative;
        margin-bottom: 10px;
        text-transform: capitalize; }
        .redesign [popup].style1 .btn:last-child {
          margin-bottom: 0; }
        .redesign [popup].style1 .btn.big i {
          position: absolute;
          top: 20px;
          left: 25px; }
        .redesign [popup].style1 .btn i {
          position: absolute;
          top: 10px;
          left: 13px; }
      .redesign [popup].style1 input[type="text"], .redesign [popup].style1 input[type="email"] {
        text-align: center;
        margin-bottom: 20px; }
    .redesign [popup].style2 {
      min-height: 400px; }
      @media (max-width: 767px) {
        .redesign [popup].style2 {
          min-height: 330px; } }
      .redesign [popup].style2 .crop {
        height: 320px;
        background-color: #000; }
        .redesign [popup].style2 .crop .cropper-container {
          margin: 0 auto; }
      .redesign [popup].style2 .footer {
        padding: 20px 30px;
        background-color: #ffffff;
        text-align: right; }
        .redesign [popup].style2 .footer .btn {
          margin-right: 10px; }
          .redesign [popup].style2 .footer .btn:last-child {
            margin-right: 0px; }
  .redesign #formHere .spinner-overlay {
    background: inherit; }
  .redesign .loading-vcard {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(50, 48, 50, 0.9);
    display: none;
    z-index: 9999998; }
    .redesign .loading-vcard.active {
      display: block; }
    .redesign .loading-vcard > div {
      margin: 0;
      position: fixed;
      top: 50%;
      left: 50%;
      z-index: 9999999; }
    .redesign .loading-vcard .sk-wave {
      margin-left: -25px;
      margin-top: -20px; }
      .redesign .loading-vcard .sk-wave .sk-rect {
        background-color: #ffffff; }
    .redesign .loading-vcard .sk-rotating-plane {
      margin-left: -25px;
      margin-top: -25px;
      background-color: transparent;
      color: #ffffff;
      font-size: 50px; }
  .redesign *,
  .redesign *:before,
  .redesign *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .redesign html {
    height: 100%; }
  .redesign body {
    margin: 0;
    padding: 0;
    height: 100%;
    color: #82848f;
    font-size: 14px;
    line-height: 1;
    font-family: 'Maison Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    background: #f7f7f7; }
  .redesign a {
    text-decoration: none;
    color: #47bdef;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    outline: none;
    font-size: 15px;
    font-weight: 600; }
    .redesign a.btn-codetype {
      transition: none !important;
      -moz-transition: none;
      -o-transition: none;
      -webkit-transition: none; }
    .redesign a:hover, .redesign a:focus, .redesign a:active {
      outline: none;
      text-decoration: none;
      color: #25acdd;
      cursor: pointer; }
  .redesign h1, .redesign h2, .redesign h3, .redesign h4, .redesign h5, .redesign h6 {
    margin: 0;
    color: #3c4245;
    font-weight: 400;
    font-family: 'Maison Neue', sans-serif; }
  .redesign p {
    line-height: 1.7;
    color: #82848f;
    margin: 0;
    padding: 0; }
  .redesign ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .redesign button {
    padding-top: 0px !important; }
  .redesign label {
    margin: 0; }
  .redesign .main-header > .navbar {
    border-radius: 0px !important;
    border: none; }
    @media (max-width: 767px) {
      .redesign .main-header > .navbar {
        min-height: 50px; } }
  .redesign .main-header p {
    color: #ffffff; }
  .redesign .main-header .navbar-toggle {
    margin-top: 18px;
    margin-bottom: 0px;
    margin-right: 5px;
    border: none;
    background: transparent !important; }
    .redesign .main-header .navbar-toggle:hover {
      background: transparent !important; }
    .redesign .main-header .navbar-toggle .icon-bar {
      background-color: #ffffff !important;
      width: 22px;
      transition: all 0.2s; }
    .redesign .main-header .navbar-toggle .top-bar {
      transform: rotate(45deg);
      transform-origin: 10% 10%; }
    .redesign .main-header .navbar-toggle .middle-bar {
      opacity: 0; }
    .redesign .main-header .navbar-toggle .bottom-bar {
      transform: rotate(-45deg);
      transform-origin: 10% 90%; }
    .redesign .main-header .navbar-toggle.collapsed .top-bar {
      transform: rotate(0deg); }
    .redesign .main-header .navbar-toggle.collapsed .middle-bar {
      opacity: 1; }
    .redesign .main-header .navbar-toggle.collapsed .bottom-bar {
      transform: rotate(0deg); }
  .redesign .main-header .navbar-brand {
    color: #ffffff;
    font-size: 34px;
    padding-bottom: 18px; }
    .redesign .main-header .navbar-brand.truncate {
      max-width: 250px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media (max-width: 767px) {
        .redesign .main-header .navbar-brand.truncate {
          margin-top: 5px;
          margin-bottom: -10px; } }
    @media (max-width: 767px) {
      .redesign .main-header .navbar-brand {
        font-size: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
        height: auto; } }
  @media (max-width: 767px) {
    .redesign .main-header .navbar-collapse {
      border-top: 1px solid #f7f7f7; } }
  @media (max-width: 767px) {
    .redesign .main-header .navbar-collapse .navbar-left, .redesign .main-header .navbar-collapse .navbar-right {
      margin: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .redesign .main-header .navbar-collapse .navbar-left li > a, .redesign .main-header .navbar-collapse .navbar-right li > a {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (max-width: 767px) {
    .redesign .main-header .navbar-collapse .navbar-left li > a, .redesign .main-header .navbar-collapse .navbar-right li > a {
      text-align: center;
      color: #ffffff;
      font-size: 15px; }
      .redesign .main-header .navbar-collapse .navbar-left li > a:hover, .redesign .main-header .navbar-collapse .navbar-right li > a:hover {
        text-decoration: underline; } }
  .redesign .main-header .navbar-collapse .navbar-left > .divider, .redesign .main-header .navbar-collapse .navbar-right > .divider {
    height: 36px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 17px 20px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .redesign .main-header .navbar-collapse .navbar-left > .divider, .redesign .main-header .navbar-collapse .navbar-right > .divider {
        margin: 17px 2px; } }
    @media (max-width: 767px) {
      .redesign .main-header .navbar-collapse .navbar-left > .divider, .redesign .main-header .navbar-collapse .navbar-right > .divider {
        display: none; } }
  @media (max-width: 767px) {
    .redesign .main-header .navbar-collapse .navbar-left {
      padding: 5px 0 8px 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); } }
  .redesign .main-header .navbar-collapse .tu {
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px; }
    .redesign .main-header .navbar-collapse .tu a {
      color: #ffffff;
      padding-bottom: 24px; }
      @media (max-width: 767px) {
        .redesign .main-header .navbar-collapse .tu a {
          opacity: 1 !important; } }
      .redesign .main-header .navbar-collapse .tu a:hover, .redesign .main-header .navbar-collapse .tu aactive {
        color: #d4d4d4;
        opacity: 1; }
  .redesign .main-header .navbar-collapse .generate .visible-xs {
    background: transparent; }
  .redesign .main-header .navbar-collapse .generate a {
    padding: 11px 13px !important;
    margin: 15px 0 0 25px; }
    .redesign .main-header .navbar-collapse .generate a i {
      font-size: 11px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .redesign .main-header .navbar-collapse .generate a {
        margin: 15px 0 0 15px; } }
    @media (max-width: 767px) {
      .redesign .main-header .navbar-collapse .generate a {
        padding: 10px 15px !important;
        margin: 0;
        font-weight: bold;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.75); } }
  @media (max-width: 767px) {
    .redesign .main-header .navbar-collapse .generate.active a {
      border: none !important; } }
  .redesign .main-header .navbar-collapse .buy a {
    color: #ffffff;
    padding-bottom: 24px; }
    .redesign .main-header .navbar-collapse .buy a i {
      display: inline-block;
      vertical-align: middle;
      margin-right: 6px;
      font-size: 17px; }
    .redesign .main-header .navbar-collapse .buy a span {
      display: inline-block;
      vertical-align: middle; }
    .redesign .main-header .navbar-collapse .buy a:hover span {
      text-decoration: underline; }
    @media (min-width: 768px) and (max-width: 991px) {
      .redesign .main-header .navbar-collapse .buy a i {
        margin-right: 0; }
      .redesign .main-header .navbar-collapse .buy a span {
        display: none; } }
    @media (max-width: 767px) {
      .redesign .main-header .navbar-collapse .buy a {
        padding-bottom: 10px; } }
  .redesign .main-header .navbar-collapse .help a {
    height: 28px;
    width: 28px;
    margin: 21px 15px;
    padding: 2px 0 0 0 !important;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%; }
    .redesign .main-header .navbar-collapse .help a:hover {
      background-color: rgba(255, 255, 255, 0.14);
      border: 2px solid rgba(255, 255, 255, 0.6); }
    @media (max-width: 767px) {
      .redesign .main-header .navbar-collapse .help a {
        height: auto;
        width: auto;
        margin: 0;
        padding: 10px 15px !important;
        background-color: transparent;
        color: rgba(255, 255, 255, 0.75);
        border: none;
        text-transform: uppercase;
        font-weight: bold; }
        .redesign .main-header .navbar-collapse .help a:hover {
          background-color: transparent;
          border: none; } }
  .redesign .main-header .navbar-collapse .account.open > a {
    background: transparent !important; }
  .redesign .main-header .navbar-collapse .account .dropdown-toggle {
    color: #ffffff;
    font-weight: bold; }
    .redesign .main-header .navbar-collapse .account .dropdown-toggle .hello {
      opacity: 0.75;
      font-weight: 400;
      padding-right: 6px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .redesign .main-header .navbar-collapse .account .dropdown-toggle .hello {
          display: none; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .redesign .main-header .navbar-collapse .account .dropdown-toggle .name {
        padding-left: 3px; } }
    .redesign .main-header .navbar-collapse .account .dropdown-toggle:hover, .redesign .main-header .navbar-collapse .account .dropdown-toggle:active, .redesign .main-header .navbar-collapse .account .dropdown-toggle:focus, .redesign .main-header .navbar-collapse .account .dropdown-toggle:visited {
      background: transparent !important;
      text-decoration: none !important; }
      .redesign .main-header .navbar-collapse .account .dropdown-toggle:hover .hello, .redesign .main-header .navbar-collapse .account .dropdown-toggle:active .hello, .redesign .main-header .navbar-collapse .account .dropdown-toggle:focus .hello, .redesign .main-header .navbar-collapse .account .dropdown-toggle:visited .hello {
        text-decoration: none; }
      .redesign .main-header .navbar-collapse .account .dropdown-toggle:hover .name, .redesign .main-header .navbar-collapse .account .dropdown-toggle:active .name, .redesign .main-header .navbar-collapse .account .dropdown-toggle:focus .name, .redesign .main-header .navbar-collapse .account .dropdown-toggle:visited .name {
        text-decoration: none !important;
        color: #d4d4d4 !important; }
      .redesign .main-header .navbar-collapse .account .dropdown-toggle:hover i, .redesign .main-header .navbar-collapse .account .dropdown-toggle:active i, .redesign .main-header .navbar-collapse .account .dropdown-toggle:focus i, .redesign .main-header .navbar-collapse .account .dropdown-toggle:visited i {
        text-decoration: none; }
  @media (max-width: 767px) {
    .redesign .main-header .navbar-collapse .account .dropdown-menu {
      border-top: 1px solid rgba(255, 255, 255, 0.5); }
      .redesign .main-header .navbar-collapse .account .dropdown-menu .divider {
        display: none; } }
  .redesign .main-header .navbar-collapse .account .dropdown-menu:active {
    background: inherit; }
  .redesign .main-sub-header {
    border-bottom: 1px solid #eaeaea;
    padding: 25px 0; }
    @media (max-width: 767px) {
      .redesign .main-sub-header {
        padding: 15px 0; } }
  .redesign .main-content {
    padding: 25px 0 50px 0; }
    @media (max-width: 767px) {
      .redesign .main-content {
        padding: 15px 0 30px 0; } }
  .redesign .white {
    color: #ffffff !important; }
  .redesign a[class~="white"]:hover {
    color: #e6e6e6 !important; }
  .redesign .white-bg {
    background-color: #ffffff !important; }
  .redesign .black {
    color: #000 !important; }
  .redesign a[class~="black"]:hover {
    color: black !important; }
  .redesign .black-bg {
    background-color: #000 !important; }
  .redesign .gray-dark {
    color: #3c4245 !important; }
  .redesign a[class~="gray-dark"]:hover {
    color: #24282a !important; }
  .redesign .gray-dark-bg {
    background-color: #3c4245 !important; }
  .redesign .gray {
    color: #82848f !important; }
  .redesign a[class~="gray"]:hover {
    color: #696b75 !important; }
  .redesign .gray-bg {
    background-color: #82848f !important; }
  .redesign .gray-light {
    color: #b3b4bb !important; }
  .redesign a[class~="gray-light"]:hover {
    color: #9899a3 !important; }
  .redesign .gray-light-bg {
    background-color: #b3b4bb !important; }
  .redesign .red {
    color: #ff7a69 !important; }
  .redesign a[class~="red"]:hover {
    color: #ff4d36 !important; }
  .redesign .red-bg {
    background-color: #ff7a69 !important; }
  .redesign .green {
    color: #90c52d !important; }
  .redesign a[class~="green"]:hover {
    color: #729b24 !important; }
  .redesign .green-bg {
    background-color: #90c52d !important; }
  .redesign .blue {
    color: #5ab7e5 !important; }
  .redesign a[class~="blue"]:hover {
    color: #2ea4de !important; }
  .redesign .blue-bg {
    background-color: #5ab7e5 !important; }
  .redesign .purple {
    color: #ba77ff !important; }
  .redesign a[class~="purple"]:hover {
    color: #a044ff !important; }
  .redesign .purple-bg {
    background-color: #ba77ff !important; }
  .redesign .orange {
    color: #f1a630 !important; }
  .redesign a[class~="orange"]:hover {
    color: #df8e0f !important; }
  .redesign .orange-bg {
    background-color: #f1a630 !important; }
  .redesign .border {
    color: #eaeaea !important; }
  .redesign a[class~="border"]:hover {
    color: #d1d1d1 !important; }
  .redesign .border-bg {
    background-color: #eaeaea !important; }
  .redesign .body-bg {
    color: #f7f7f7 !important; }
  .redesign a[class~="body-bg"]:hover {
    color: #dedede !important; }
  .redesign .body-bg-bg {
    background-color: #f7f7f7 !important; }
  .redesign .gradient-red-orange-bg {
    background-image: linear-gradient(45deg, #f65f6e 0%, #f65f6e 1%, #fa9962 100%); }
  .redesign .dropup {
    top: inherit !important;
    bottom: 110% !important; }
  .redesign .dropdown-menu {
    top: 100%;
    border: none;
    box-shadow: 0px 3px 6px 0px rgba(121, 125, 128, 0.7);
    padding: 5px 0; }
    .redesign .dropdown-menu .divider {
      margin: 3px 0 !important; }
    .redesign .dropdown-menu li a {
      color: #3c4245;
      padding: 6px 25px; }
      .redesign .dropdown-menu li a:hover {
        color: #47bdef !important;
        background-color: #f4f4f4; }
  .redesign .icon-caret {
    font-family: "qrbackend2";
    width: auto;
    height: auto;
    border-top: none;
    border-right: none;
    border-left: none;
    font-size: 16px;
    top: 5px;
    position: relative; }
    .redesign .icon-caret:before {
      content: "\E083"; }
    .redesign .icon-caret.active {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  .redesign .btn {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    padding: 12px 35px 0 35px;
    background-color: #47bdef;
    border: none;
    color: #ffffff;
    border-radius: 2px;
    box-shadow: none !important;
    outline: 0 !important;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
    .redesign .btn:hover, .redesign .btn:focus, .redesign .btn:active {
      color: #ffffff;
      background-color: #25acdd;
      text-decoration: none;
      outline: 0 !important; }
      .redesign .btn:hover i, .redesign .btn:focus i, .redesign .btn:active i {
        opacity: 0.4; }
    .redesign .btn.small {
      height: 36px;
      padding-top: 10px;
      font-size: 14px; }
    .redesign .btn.big {
      height: 44px;
      font-size: 16px; }
      .redesign .btn.big.fs14 {
        font-size: 14px;
        padding-top: 20px; }
    .redesign .btn.fw400 {
      font-weight: 400; }
    .redesign .btn.wide {
      padding-left: 135px;
      padding-right: 135px; }
      @media (max-width: 767px) {
        .redesign .btn.wide {
          padding-left: 50px;
          padding-right: 50px; } }
    .redesign .btn.i span {
      display: inline-block;
      vertical-align: middle; }
    .redesign .btn.i i {
      display: inline-block;
      vertical-align: middle;
      padding-right: 10px; }
    .redesign .btn.i-right span {
      display: inline-block;
      vertical-align: middle; }
    .redesign .btn.i-right i {
      display: inline-block;
      vertical-align: middle;
      padding-left: 10px;
      margin-top: 0px; }
    .redesign .btn.lc {
      text-transform: none !important; }
    .redesign .btn.round {
      width: 40px;
      text-align: center;
      padding: 11px 0 0 0; }
      .redesign .btn.round.small {
        padding: 10px 0 0 0;
        width: 36px;
        height: 36px; }
    .redesign .btn.block {
      display: block;
      width: 100%; }
    .redesign .btn-help-icon {
      cursor: pointer;
      margin-bottom: -5px;
      padding-left: 0px;
      padding-bottom: 0px;
      margin-left: 0px !important;
      display: inline-block;
      vertical-align: middle;
      background: transparent;
      outline: 0 !important;
      box-shadow: none !important;
      border: none;
      font-size: 16px;
      padding: 0;
      color: #c9c9ce;
      font-family: 'qrbackend2' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -moz-transition: color 0.15s ease;
      -o-transition: color 0.15s ease;
      -webkit-transition: color 0.15s ease;
      transition: color 0.15s ease; }
      .redesign .btn-help-icon:before {
        content: "\e025"; }
      .redesign .btn-help-icon:hover {
        color: #82848f; }
    .redesign .btn.green {
      background-color: #90c52d;
      color: #ffffff !important; }
      .redesign .btn.green:hover, .redesign .btn.green:focus, .redesign .btn.green:active {
        background-color: #81b028;
        color: #ffffff !important; }
    .redesign .btn.red {
      background-color: #ff7a69;
      color: #ffffff !important; }
      .redesign .btn.red:hover, .redesign .btn.red:focus, .redesign .btn.red:active {
        background-color: #ff6350;
        color: #ffffff !important; }
    .redesign .btn.gray {
      background-color: #f7f7f7;
      color: #797d80 !important;
      border: 1px solid #a4a6a8;
      font-size: 15px;
      font-weight: 600;
      border-radius: 2px; }
      .redesign .btn.gray:hover, .redesign .btn.gray:focus, .redesign .btn.gray:active {
        background-color: #a4a6a8;
        color: #ffffff !important; }
    .redesign .btn.white {
      background-color: #ffffff;
      color: #82848f !important;
      border: 1px solid #eaeaea; }
      .redesign .btn.white:hover, .redesign .btn.white:focus, .redesign .btn.white:active {
        color: #3c4245 !important;
        border: 1px solid #d1d1d1; }
    .redesign .btn.blue-dark {
      background-color: #2283f6;
      color: #ffffff !important;
      box-shadow: 5px 8.7px 20px rgba(34, 131, 246, 0.5) !important; }
      .redesign .btn.blue-dark:hover, .redesign .btn.blue-dark:focus, .redesign .btn.blue-dark:active {
        background-color: #0a75f5;
        color: #ffffff !important;
        box-shadow: 5px 8.7px 20px rgba(34, 131, 246, 0.7) !important; }
    .redesign .btn.white-transparent.lc.i {
      padding: 6px 16px !important;
      margin: 17px 0 0 25px; }
      .redesign .btn.white-transparent.lc.i .icon-manage-plus {
        font-size: 25px !important;
        opacity: 1 !important; }
    .redesign .btn.white-transparent {
      background-color: rgba(255, 255, 255, 0.1) !important;
      color: #ffffff !important;
      border: 1px solid rgba(255, 255, 255, 0.3) !important;
      font-size: 15px;
      font-weight: 600;
      text-transform: uppercase !important;
      border-radius: 2px;
      height: 35px; }
      .redesign .btn.white-transparent:hover, .redesign .btn.white-transparent:focus, .redesign .btn.white-transparent:active {
        background-color: rgba(255, 255, 255, 0.2) !important;
        color: #ffffff !important;
        border: 1px solid white !important; }
        .redesign .btn.white-transparent:hover span, .redesign .btn.white-transparent:focus span, .redesign .btn.white-transparent:active span {
          text-decoration: none !important; }
    .redesign .btn.transparent {
      background-color: transparent;
      color: #5ab7e5 !important;
      border: 1px solid transparent; }
      .redesign .btn.transparent:hover, .redesign .btn.transparent:focus, .redesign .btn.transparent:active {
        color: #2ea4de !important; }
    .redesign .btn.gray2 {
      background-color: #f5f8fa;
      color: #82848f !important;
      border: 1px solid #eaeaea; }
      .redesign .btn.gray2:hover, .redesign .btn.gray2:focus, .redesign .btn.gray2:active {
        background-color: #eef3f7;
        color: #777a85 !important;
        border: 1px solid #e5e5e5; }
  .redesign input[type="text"], .redesign input[type="password"], .redesign input[type="email"], .redesign input[type="url"], .redesign textarea, .redesign select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    height: 44px;
    width: 100%;
    margin-bottom: 0px;
    background-color: #ffffff;
    border: 2px solid #eaeaea;
    border-radius: 2px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
    color: #616568;
    font-weight: 600;
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    line-height: normal !important; }
    .redesign input[type="text"]::-webkit-input-placeholder, .redesign input[type="password"]::-webkit-input-placeholder, .redesign input[type="email"]::-webkit-input-placeholder, .redesign input[type="url"]::-webkit-input-placeholder, .redesign textarea::-webkit-input-placeholder, .redesign select::-webkit-input-placeholder {
      font-weight: 400;
      color: rgba(130, 132, 143, 0.5); }
    .redesign input[type="text"]:-moz-placeholder, .redesign input[type="password"]:-moz-placeholder, .redesign input[type="email"]:-moz-placeholder, .redesign input[type="url"]:-moz-placeholder, .redesign textarea:-moz-placeholder, .redesign select:-moz-placeholder {
      /* Firefox 18- */
      font-weight: 400;
      color: rgba(130, 132, 143, 0.5); }
    .redesign input[type="text"]::-moz-placeholder, .redesign input[type="password"]::-moz-placeholder, .redesign input[type="email"]::-moz-placeholder, .redesign input[type="url"]::-moz-placeholder, .redesign textarea::-moz-placeholder, .redesign select::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 400;
      color: rgba(130, 132, 143, 0.5); }
    .redesign input[type="text"]:-ms-input-placeholder, .redesign input[type="password"]:-ms-input-placeholder, .redesign input[type="email"]:-ms-input-placeholder, .redesign input[type="url"]:-ms-input-placeholder, .redesign textarea:-ms-input-placeholder, .redesign select:-ms-input-placeholder {
      font-weight: 400;
      color: rgba(130, 132, 143, 0.5); }
    .redesign input[type="text"]:focus, .redesign input[type="text"]:hover, .redesign input[type="password"]:focus, .redesign input[type="password"]:hover, .redesign input[type="email"]:focus, .redesign input[type="email"]:hover, .redesign input[type="url"]:focus, .redesign input[type="url"]:hover, .redesign textarea:focus, .redesign textarea:hover, .redesign select:focus, .redesign select:hover {
      box-shadow: none !important;
      border: 2px solid #d4d4d4; }
  .redesign textarea {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: auto;
    resize: vertical; }
  .redesign select {
    width: 100%;
    padding-right: 19px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAGCAMAAADuda4hAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAASFBMVEUAAACztLuztLuztLuztLuztLuztLuztLuztLuztLuztLuztLuztLuztLuztLuztLuztLuztLuztLuztLuztLuztLuztLsAAAAsss0WAAAAFnRSTlMAgNUazHPG3B/ADsPgJCMKvOUItQanIZnAhAAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAABBSURBVAjXbclJAoAgEMTARkSQxWHt/z8Vr4J1TKAOjZc+Db4uWgc4y3sZPjCmJzL4ZUAyS2EWbGojW8WPPkbf4gSnegJJtQyDAAAAAABJRU5ErkJggg==");
    background-position: right center;
    background-repeat: no-repeat;
    text-indent: 0.01px;
    -ms-text-overflow: '';
    -o-text-overflow: '';
    text-overflow: '';
    padding-left: 11px; }
    .redesign select::-ms-expand {
      display: none; }
  .redesign input[type="checkbox"], .redesign input[type="radio"] {
    position: relative;
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
    outline: none; }
    .redesign input[type="checkbox"]:active, .redesign input[type="checkbox"]:focus, .redesign input[type="radio"]:active, .redesign input[type="radio"]:focus {
      outline: none; }
    .redesign input[type="checkbox"] + label, .redesign input[type="radio"] + label {
      font-size: 14px;
      margin-left: 11px;
      font-weight: normal;
      color: #82848f;
      cursor: pointer;
      line-height: 1;
      display: inline-block;
      vertical-align: middle; }
    .redesign input[type="checkbox"]:after, .redesign input[type="radio"]:after {
      display: block;
      content: "";
      color: #ffffff;
      text-align: center;
      height: 19px;
      width: 19px;
      border-radius: 50%;
      background-color: #ffffff;
      border: 2px solid #eaeaea;
      position: absolute;
      top: -3px;
      left: -3px;
      z-index: 94;
      cursor: pointer; }
    .redesign input[type="checkbox"]:checked:after, .redesign input[type="radio"]:checked:after {
      content: "✔";
      padding-top: 1px;
      font-size: 12px;
      background-color: #90c52d;
      border-color: #90c52d;
      z-index: 95;
      cursor: pointer;
      border: none; }
    .redesign input[type="checkbox"]:checked + label, .redesign input[type="radio"]:checked + label {
      color: #3c4245; }
    .redesign input[type="checkbox"].square:after, .redesign input[type="radio"].square:after {
      border-radius: 2px; }
    .redesign input[type="checkbox"].error + label, .redesign input[type="radio"].error + label {
      color: #ff7a69; }
  .redesign .input-i {
    position: relative; }
    .redesign .input-i i {
      position: absolute;
      top: 15px;
      left: 14px;
      font-style: normal;
      z-index: 1;
      color: #b3b4bb; }
    .redesign .input-i input[type="text"] {
      padding-left: 38px; }
    .redesign .input-i.right input[type="text"] {
      padding-left: 15px;
      padding-right: 35px; }
    .redesign .input-i.right i {
      right: 14px;
      left: auto; }
  .redesign .box-2.toggle {
    height: 0px;
    width: 0px;
    overflow: hidden;
    opacity: 0; }
    .redesign .box-2.toggle.active {
      height: auto;
      width: auto;
      overflow: visible;
      opacity: 1; }
  .redesign .bs-wizard .bs-wizard-step {
    display: inline-block;
    vertical-align: middle;
    opacity: 0.5;
    cursor: pointer;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
    .redesign .bs-wizard .bs-wizard-step:last-child {
      margin-right: 0px; }
    @media (min-width: 1200px) {
      .redesign .bs-wizard .bs-wizard-step {
        margin-right: 80px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .redesign .bs-wizard .bs-wizard-step {
        margin-right: 40px;
        display: none; } }
    @media (max-width: 991px) {
      .redesign .bs-wizard .bs-wizard-step {
        display: none; } }
    .redesign .bs-wizard .bs-wizard-step .bs-wizard-step-no {
      display: inline-block;
      vertical-align: middle;
      height: 36px;
      width: 36px;
      background-color: transparent;
      border-radius: 50%;
      border: 1px solid #a4a6a8;
      text-align: center;
      color: #82848f;
      font-size: 18px;
      font-weight: 600;
      padding-top: 5px;
      margin-right: 10px; }
    .redesign .bs-wizard .bs-wizard-step .bs-wizard-step-text {
      display: inline-block;
      font-size: 18px;
      font-weight: 600; }
      .redesign .bs-wizard .bs-wizard-step .bs-wizard-step-text span {
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
        color: #797d80;
        max-width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .redesign .bs-wizard .bs-wizard-step .btn-help {
      font-size: 14px;
      opacity: 0;
      margin-left: 7px; }
    .redesign .bs-wizard .bs-wizard-step.disabled.complete {
      background-color: transparent;
      border-radius: 50%;
      border: 2px solid #b3b4bb; }
    .redesign .bs-wizard .bs-wizard-step.active, .redesign .bs-wizard .bs-wizard-step.active:hover {
      opacity: 1; }
      .redesign .bs-wizard .bs-wizard-step.active .btn-help, .redesign .bs-wizard .bs-wizard-step.active:hover .btn-help {
        opacity: 1; }
      @media (max-width: 1199px) {
        .redesign .bs-wizard .bs-wizard-step.active, .redesign .bs-wizard .bs-wizard-step.active:hover {
          display: block; } }
    .redesign .bs-wizard .bs-wizard-step.complete:not(.active) .bs-wizard-step-text {
      color: #797d80; }
      .redesign .bs-wizard .bs-wizard-step.complete:not(.active) .bs-wizard-step-text span {
        color: #797d80; }
    .redesign .bs-wizard .bs-wizard-step.complete:not(.active) .bs-wizard-step-no {
      background-color: #fff;
      border-color: #a4a6a8;
      color: #797d80;
      position: relative; }
      .redesign .bs-wizard .bs-wizard-step.complete:not(.active) .bs-wizard-step-no:after {
        content: "\e0aa";
        font-family: "qrbackend2" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        font-size: 30px;
        top: 2px;
        left: 2px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 39px;
        background: #fff;
        color: #797d80; }
    .redesign .bs-wizard .bs-wizard-step.complete, .redesign .bs-wizard .bs-wizard-step.complete:hover {
      opacity: 1; }
      .redesign .bs-wizard .bs-wizard-step.complete .bs-wizard-step-no, .redesign .bs-wizard .bs-wizard-step.complete:hover .bs-wizard-step-no {
        background-color: #fff;
        border-color: #47bdef;
        color: #47bdef; }
        .redesign .bs-wizard .bs-wizard-step.complete .bs-wizard-step-no:after, .redesign .bs-wizard .bs-wizard-step.complete:hover .bs-wizard-step-no:after {
          color: #47bdef; }
      .redesign .bs-wizard .bs-wizard-step.complete .bs-wizard-step-text, .redesign .bs-wizard .bs-wizard-step.complete:hover .bs-wizard-step-text {
        color: #47bdef; }
        .redesign .bs-wizard .bs-wizard-step.complete .bs-wizard-step-text span, .redesign .bs-wizard .bs-wizard-step.complete:hover .bs-wizard-step-text span {
          color: #47bdef; }
    .redesign .bs-wizard .bs-wizard-step:hover {
      opacity: 0.75; }
  .redesign .btn-slide-toggler {
    position: relative;
    width: 50px;
    height: 30px;
    border-radius: 30px;
    border: none;
    background: #dbdcdf;
    box-shadow: none !important;
    outline: 0 !important;
    margin: 0 33px; }
    .redesign .btn-slide-toggler i {
      position: absolute;
      top: 6px;
      font-size: 18px;
      -moz-transition: all 0.15s ease;
      -o-transition: all 0.15s ease;
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
      .redesign .btn-slide-toggler i:first-child {
        left: -33px;
        color: #5ab7e5; }
      .redesign .btn-slide-toggler i:last-child {
        left: 65px;
        color: #82848f; }
    .redesign .btn-slide-toggler span {
      display: block;
      height: 24px;
      width: 24px;
      position: absolute;
      top: 3px;
      left: 3px;
      background: #ffffff;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
      border-radius: 50%;
      -moz-transition: all 0.15s ease;
      -o-transition: all 0.15s ease;
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .redesign .btn-slide-toggler.active span {
      left: 23px; }
    .redesign .btn-slide-toggler.active i:first-child {
      color: #82848f; }
    .redesign .btn-slide-toggler.active i:last-child {
      color: #5ab7e5; }
  .redesign .content-title {
    padding-bottom: 25px; }
    @media (max-width: 767px) {
      .redesign .content-title {
        padding-bottom: 15px; } }
    .redesign .content-title h2 {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
  .redesign .content-footer {
    padding-top: 25px; }
    @media (max-width: 767px) {
      .redesign .content-footer {
        padding-top: 15px; } }
  .redesign .codetype-menu {
    margin: -2%;
    padding-top: 25px; }
    .redesign .codetype-menu:before, .redesign .codetype-menu:after {
      content: " ";
      display: table; }
    .redesign .codetype-menu:after {
      clear: both; }
    @media (max-width: 1199px) {
      .redesign .codetype-menu .col-lg-6.pl-0.pr-10,
      .redesign .codetype-menu .col-lg-6.pl-15.pr-0 {
        padding: 0 15px !important; } }
    @media (max-width: 767px) {
      .redesign .codetype-menu {
        padding-top: 15px;
        margin-right: -15px !important; } }
    .redesign .codetype-menu h3 {
      margin-top: 30px;
      margin-bottom: 7px;
      font-size: 26px;
      color: #616568;
      font-weight: 600 !important; }
    .redesign .codetype-menu h4 {
      font-size: 18px;
      font-weight: 600;
      color: #616568; }
      .redesign .codetype-menu h4 + small {
        font-size: 15px;
        font-weight: 400;
        color: #797d80; }
    .redesign .codetype-menu a {
      padding: 13px 1px 1px 1px !important;
      display: block;
      position: relative;
      float: left;
      width: 29.33%;
      height: 230px;
      margin: 0 0 35px;
      background-color: #ffffff;
      border: 1px solid #d4d4d4;
      border-radius: 2px;
      text-align: center; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .redesign .codetype-menu a {
          width: 46%;
          height: 200px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .redesign .codetype-menu a {
          width: 46%;
          height: 175px; } }
      @media (max-width: 767px) {
        .redesign .codetype-menu a {
          width: 46%;
          height: 170px; } }
      @media (max-width: 768px) {
        .redesign .codetype-menu a {
          min-height: 68px;
          height: auto !important;
          padding-bottom: 0; } }
      .redesign .codetype-menu a .img-wrapper {
        display: block;
        margin-top: 20px;
        height: 100px; }
        .redesign .codetype-menu a .img-wrapper img {
          position: relative;
          top: 50%;
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
        @media (min-width: 992px) and (max-width: 1199px) {
          .redesign .codetype-menu a .img-wrapper {
            margin-top: 25px;
            margin-bottom: 25px;
            height: 60px; }
            .redesign .codetype-menu a .img-wrapper img {
              max-height: 100%; } }
        @media (max-width: 991px) {
          .redesign .codetype-menu a .img-wrapper {
            margin-top: 20px;
            margin-bottom: 20px;
            height: 35px; }
            .redesign .codetype-menu a .img-wrapper img {
              max-height: 100%; } }
      .redesign .codetype-menu a h3 {
        padding-bottom: 13px; }
        @media (min-width: 768px) and (max-width: 991px) {
          .redesign .codetype-menu a h3 {
            padding-bottom: 10px; } }
        @media (max-width: 767px) {
          .redesign .codetype-menu a h3 {
            font-size: 16px;
            padding-bottom: 10px; } }
      .redesign .codetype-menu a small {
        display: block;
        line-height: 1.4;
        color: #797d80;
        font-weight: 400;
        font-size: 15px !important;
        margin: 0;
        padding: 0 15%; }
        @media (min-width: 768px) and (max-width: 991px) {
          .redesign .codetype-menu a small {
            padding: 0 5%; } }
        @media (max-width: 767px) {
          .redesign .codetype-menu a small {
            padding: 0 5%; } }
        @media (max-width: 768px) {
          .redesign .codetype-menu a small {
            padding-right: 15px !important;
            padding-bottom: 5px !important;
            font-size: 13px; } }
        @media (max-width: 320px) {
          .redesign .codetype-menu a small {
            font-size: 12px; } }
      .redesign .codetype-menu a:hover {
        border: 1px solid #a4a6a8; }
      .redesign .codetype-menu a.static:before {
        display: block;
        position: absolute;
        top: 16px;
        right: -8px;
        content: "STATIC";
        background-color: #d6d6d6;
        border-radius: 25px;
        padding: 7px 13px;
        font-size: 12px;
        font-weight: bold;
        color: #ffffff; }
        @media (min-width: 768px) and (max-width: 991px) {
          .redesign .codetype-menu a.static:before {
            padding: 5px 10px;
            font-size: 10px; } }
        @media (max-width: 767px) {
          .redesign .codetype-menu a.static:before {
            top: 10px;
            padding: 3px 8px;
            font-size: 9px; } }
      .redesign .codetype-menu a.active, .redesign .codetype-menu a.active:hover {
        border: 2px solid #90c52d;
        padding: 12px 0 0 0 !important; }
        .redesign .codetype-menu a.active:after, .redesign .codetype-menu a.active:hover:after {
          display: block;
          position: absolute;
          bottom: -7px;
          right: -8px;
          height: 24px;
          width: 24px;
          background-color: #90c52d;
          border-radius: 50%;
          font-family: 'qrbackend2' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e0aa";
          font-size: 25px;
          color: #ffffff;
          text-align: center;
          padding-top: 4px; }
  .redesign .preview {
    display: block;
    padding-left: 30px;
    padding-top: 60px; }
    @media (min-width: 1200px) {
      .redesign .preview {
        padding-left: 11px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .redesign .preview {
        padding-left: 21px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .redesign .preview {
        padding-left: 0px; } }
    .redesign .preview .preview-qrcode {
      display: block;
      -moz-transition: all 0.15s ease;
      -o-transition: all 0.15s ease;
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease;
      height: auto;
      width: auto;
      overflow: visible;
      opacity: 1;
      width: 368px;
      border: 1px #d4d4d4 solid;
      float: left; }
      .redesign .preview .preview-qrcode .btn-generator-done {
        display: none !important; }
      .redesign .preview .preview-qrcode .code {
        background-color: #ffffff;
        text-align: center; }
        .redesign .preview .preview-qrcode .code img {
          display: inline-block; }
      .redesign .preview .preview-qrcode .settings {
        background-color: #ffffff;
        border-radius: 3px;
        text-align: right;
        padding-bottom: 25px;
        float: left;
        width: 100%; }
        .redesign .preview .preview-qrcode .settings .switch {
          padding: 0 2px 5px 0; }
          .redesign .preview .preview-qrcode .settings .switch .advanced-qrcode-settings {
            background: transparent;
            display: inline-block;
            vertical-align: middle;
            font-size: 15px;
            font-weight: 600;
            line-height: 1;
            border: none;
            color: #47bdef;
            box-shadow: none !important;
            outline: 0 !important;
            margin-right: 10px; }
            .redesign .preview .preview-qrcode .settings .switch .advanced-qrcode-settings i {
              display: inline-block;
              font-size: 20px;
              top: 5px;
              position: relative;
              left: 2px; }
            .redesign .preview .preview-qrcode .settings .switch .advanced-qrcode-settings:hover {
              color: #25acdd; }
            .redesign .preview .preview-qrcode .settings .switch .advanced-qrcode-settings.active {
              color: #5ab7e5; }
              .redesign .preview .preview-qrcode .settings .switch .advanced-qrcode-settings.active i {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
                padding-left: 0;
                top: -2px; }
        .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .title {
          display: inline-block;
          vertical-align: middle;
          padding-right: 15px;
          float: left;
          font-size: 15px;
          color: #616568;
          font-weight: 600; }
        .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .baseHolder, .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .codeHolder {
          display: inline-block;
          vertical-align: middle;
          float: left;
          font-size: 15px;
          font-weight: 400;
          color: #797d80; }
        .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .codeHolder {
          float: left;
          max-width: 140px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          text-align: left; }
        .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .shortUrlPreview span {
          margin-left: -4px; }
        .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .shortenerEditDialog {
          font-weight: bold; }
          .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .shortenerEditDialog .active {
            color: #70c250; }
          .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .shortenerEditDialog span {
            margin-left: -4px; }
        .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .codeInput {
          border: 1px #eaeaea solid;
          float: left;
          padding: 5px 10px;
          display: inline-block;
          width: 110px;
          margin-left: 10px;
          margin-top: -5px;
          color: #797d80;
          font-weight: 400; }
        .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .editSaveButton, .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .btn-cancel-shorturl {
          float: right; }
        .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .btn-cancel-shorturl.nohighlight:not(.hidden) + .editSaveButton {
          background: #90c52d !important;
          color: #fff !important;
          padding: 10px 20px !important;
          margin-top: 10px !important;
          height: inherit !important;
          border-radius: 2px !important;
          margin-right: 0 !important;
          font-size: 15px !important;
          font-weight: 600 !important; }
          .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .btn-cancel-shorturl.nohighlight:not(.hidden) + .editSaveButton:hover {
            background: #85b62b; }
        .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .btn-cancel-shorturl {
          color: #a4a6a8 !important;
          margin-top: 17px !important; }
          .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .btn-cancel-shorturl:hover {
            color: #797d80 !important; }
        .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .saveButton {
          display: inline-block;
          vertical-align: middle;
          background: transparent;
          line-height: 1;
          height: 21px;
          box-shadow: none !important;
          outline: 0 !important;
          margin-left: 10px;
          border: 0px;
          color: #47bdef;
          font-size: 15px;
          font-weight: 400;
          margin-right: 20px; }
          .redesign .preview .preview-qrcode .settings .content .shorturlCustomizer .saveButton:hover {
            color: #25acdd; }
        .redesign .preview .preview-qrcode .settings .content.active {
          padding: 10px 15px; }
    .redesign .preview .preview-smartphone {
      position: relative;
      display: block;
      -moz-transition: all 0.15s ease;
      -o-transition: all 0.15s ease;
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease;
      width: 368px; }
      .redesign .preview .preview-smartphone .arrow_box {
        position: relative;
        background: #ffffff;
        border: 2px solid #eaeaea;
        border-radius: 5px;
        margin: 0px 20px 20px 20px;
        padding: 15px; }
        .redesign .preview .preview-smartphone .arrow_box span {
          line-height: 20px; }
      .redesign .preview .preview-smartphone .arrow_box:after, .redesign .preview .preview-smartphone .arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .redesign .preview .preview-smartphone .arrow_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #ffffff;
        border-width: 13px;
        margin-left: -13px; }
      .redesign .preview .preview-smartphone .arrow_box:before {
        border-color: rgba(234, 234, 234, 0);
        border-top-color: #eaeaea;
        border-width: 17px;
        margin-left: -17px; }
      .redesign .preview .preview-smartphone .preview-smartphone-wrapper {
        position: absolute;
        top: 70px;
        left: 17px;
        width: 320px;
        height: 516px; }
        .redesign .preview .preview-smartphone .preview-smartphone-wrapper ::-webkit-scrollbar {
          background-color: #f7f7f7;
          width: 12px;
          height: 12px; }
        .redesign .preview .preview-smartphone .preview-smartphone-wrapper ::-webkit-scrollbar-corner {
          background-color: #f7f7f7; }
        .redesign .preview .preview-smartphone .preview-smartphone-wrapper ::-webkit-scrollbar-thumb {
          border-radius: 12px;
          background-color: #b3b4bb;
          border: 3px solid #f7f7f7; }
        .redesign .preview .preview-smartphone .preview-smartphone-wrapper #smartphonePlaceholder {
          border: none;
          background-color: #000;
          width: 320px;
          height: 516px;
          overflow: auto; }
      .redesign .preview .preview-smartphone.ios .preview-smartphone-wrapper {
        overflow-y: scroll !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important; }
        .redesign .preview .preview-smartphone.ios .preview-smartphone-wrapper #smartphonePlaceholder {
          width: 320px !important;
          height: 100% !important; }
    .redesign .preview.active .preview-qrcode {
      width: 368px; }
    .redesign .preview.active .preview-smartphone {
      height: 700px;
      width: 368px; }
      @media (max-width: 767px) {
        .redesign .preview.active .preview-smartphone {
          display: none; } }
    .redesign .preview.fixed {
      position: fixed;
      top: 0; }
  .redesign .white-form:not(.foldabel-form) {
    background-color: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 30px 100px 5px 30px; }
    @media (max-width: 1024px) {
      .redesign .white-form:not(.foldabel-form) {
        padding: 30px 30px 5px 30px; } }
  .redesign .white-form .show-default-img-btn {
    color: #47bdef;
    text-align: center;
    margin-top: 10px;
    float: left;
    width: 100%;
    font-size: 15px;
    cursor: pointer; }
    .redesign .white-form .show-default-img-btn:hover {
      color: #25acdd; }
    @media (max-width: 1200px) {
      .redesign .white-form .show-default-img-btn {
        text-align: left; } }
    @media (max-width: 768px) {
      .redesign .white-form .show-default-img-btn {
        text-align: center; } }
  .redesign .white-form .white-form-full-container {
    width: calc(100% + 70px); }
  @media (min-width: 992px) and (max-width: 1199px) {
    .redesign .white-form {
      padding: 20px 35px 35px 35px; }
      .redesign .white-form .white-form-full-container {
        width: calc(100% + 5px); } }
  @media (min-width: 768px) and (max-width: 991px) {
    .redesign .white-form {
      padding: 10px 25px 25px 0; }
      .redesign .white-form .white-form-full-container {
        width: 100%; } }
  @media (max-width: 767px) {
    .redesign .white-form {
      margin-top: 15px;
      padding: 25px 0 5px; }
      .redesign .white-form .white-form-full-container {
        width: 100%; } }
  .redesign .white-form hr {
    margin-top: 40px;
    margin-bottom: 20px;
    border-color: #d4d4d4; }
    @media (min-width: 1200px) {
      .redesign .white-form hr {
        margin-left: -30px;
        margin-right: -100px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .redesign .white-form hr {
        margin-left: -35px;
        margin-right: -35px; } }
  .redesign .white-form .divider-small {
    height: 24px;
    width: 1px;
    display: inline-block;
    margin: 0 11px -8px;
    background-color: #a4a6a8; }
  .redesign .white-form .row-form-last {
    border-bottom: 1px solid #d4d4d4; }
  .redesign .white-form .metainformation_criteria {
    font-size: 15px;
    font-weight: 400;
    color: #797d80; }
    .redesign .white-form .metainformation_criteria b {
      color: #797d80;
      font-weight: 600; }
    .redesign .white-form .metainformation_criteria .btnEditCriteria, .redesign .white-form .metainformation_criteria .btnRemoveCriteria {
      color: #47bdef;
      font-size: 15px;
      font-weight: 600; }
      .redesign .white-form .metainformation_criteria .btnEditCriteria:hover, .redesign .white-form .metainformation_criteria .btnRemoveCriteria:hover {
        color: #25acdd; }
  .redesign .white-form .form-title-row {
    margin-bottom: 15px; }
    .redesign .white-form .form-title-row .box-icon {
      padding-left: 0; }
      @media (max-width: 767px) {
        .redesign .white-form .form-title-row .box-icon {
          padding-left: 15px;
          text-align: center; }
          .redesign .white-form .form-title-row .box-icon i, .redesign .white-form .form-title-row .box-icon .round-no {
            display: inline-block;
            margin-bottom: 10px; } }
      .redesign .white-form .form-title-row .box-icon .round-no {
        height: 40px;
        width: 40px;
        background-color: #ffffff;
        border-radius: 50%;
        text-align: center;
        padding-top: 0px;
        font-size: 18px;
        color: #3c4245; }
        .redesign .white-form .form-title-row .box-icon .round-no i {
          font-size: 28px !important;
          color: #797d80;
          padding-left: 20px; }
    @media (max-width: 991px) {
      .redesign .white-form .form-title-row .box-title {
        padding: 0 6px; } }
    @media (max-width: 767px) {
      .redesign .white-form .form-title-row .box-title {
        text-align: center; } }
    .redesign .white-form .form-title-row .box-title h3 {
      padding: 12px 0;
      font-size: 18px;
      font-weight: 600;
      color: #616568;
      margin-bottom: 5px; }
    .redesign .white-form .form-title-row .box-title p {
      font-size: 15px;
      font-weight: 400;
      color: #797d80;
      max-width: 100%;
      padding-bottom: 15px; }
      @media (max-width: 991px) {
        .redesign .white-form .form-title-row .box-title p {
          max-width: none; } }
      .redesign .white-form .form-title-row .box-title p.fw {
        max-width: none; }
  .redesign .white-form .form-file-row {
    margin-bottom: 24px; }
    @media (max-width: 991px) {
      .redesign .white-form .form-file-row .box-img {
        padding: 0 6px; } }
    .redesign .white-form .form-file-row .box-img .avatar {
      cursor: pointer;
      position: relative;
      height: 82px;
      width: 82px;
      background-color: #f5f8fa;
      border: 0 solid #eaeaea;
      border-radius: 50%;
      background-position: center center;
      background-size: cover;
      margin-top: 20px;
      margin-left: 5px; }
      .redesign .white-form .form-file-row .box-img .avatar .del-img {
        display: block;
        position: absolute;
        top: -3px;
        right: -3px;
        height: 24px;
        width: 24px;
        border: 2px solid #d4d4d4;
        border-radius: 50%;
        background-color: #ffffff;
        color: #797d80;
        text-align: center;
        padding-top: 2px; }
        .redesign .white-form .form-file-row .box-img .avatar .del-img i {
          font-size: 14px; }
        .redesign .white-form .form-file-row .box-img .avatar .del-img:hover {
          color: #616568;
          border-color: #a4a6a8; }
      .redesign .white-form .form-file-row .box-img .avatar .no-event-image-selected {
        position: absolute;
        top: calc(50% - 20px);
        font-size: 15px;
        text-align: center;
        width: 100%;
        color: #a4a6a8; }
    .redesign .white-form .form-file-row .box-title {
      padding-left: 25px; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .redesign .white-form .form-file-row .box-title {
          padding-left: 35px;
          padding-right: 0px; } }
      .redesign .white-form .form-file-row .box-title h4 {
        padding: 10px 0;
        color: #82848f; }
      .redesign .white-form .form-file-row .box-title p {
        color: #b3b4bb;
        padding-bottom: 10px; }
    .redesign .white-form .form-file-row .box-button {
      text-align: right;
      padding-top: 22px;
      padding-bottom: 22px;
      padding-right: 6px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .redesign .white-form .form-file-row .box-button {
          text-align: left;
          padding-left: 25px;
          padding-top: 5px;
          padding-bottom: 0; }
          .redesign .white-form .form-file-row .box-button.formly-field-qrupload {
            padding-left: 45px;
            padding-top: 20px; } }
      @media (max-width: 767px) {
        .redesign .white-form .form-file-row .box-button {
          text-align: center;
          padding: 5px 6px; } }
      .redesign .white-form .form-file-row .box-button .upload {
        position: relative;
        overflow: hidden;
        height: 40px;
        cursor: pointer;
        width: 160px; }
        .redesign .white-form .form-file-row .box-button .upload span {
          cursor: pointer; }
        .redesign .white-form .form-file-row .box-button .upload input[type='file'] {
          -webkit-appearance: none;
          -moz-appearance: none;
          position: absolute;
          top: 0px;
          opacity: 0;
          width: 200px;
          filter: alpha(opacity=0);
          cursor: pointer; }
      .redesign .white-form .form-file-row .box-button #errorHolder .popover-error {
        margin: 20px 0 0 20px; }
        @media (max-width: 1200px) {
          .redesign .white-form .form-file-row .box-button #errorHolder .popover-error {
            margin: 0 0 20px 0 !important; } }
  .redesign .white-form .form-input-row {
    margin-bottom: 12px; }
    .redesign .white-form .form-input-row .box-icon i {
      font-size: 30px; }
    .redesign .white-form .form-input-row .box-label {
      font-size: 15px;
      font-weight: 600;
      color: #797d80;
      padding-top: 15px;
      padding-bottom: 15px; }
      @media (max-width: 991px) {
        .redesign .white-form .form-input-row .box-label {
          padding: 5px 0 5px 6px; } }
      .redesign .white-form .form-input-row .box-label .btn-help {
        padding-left: 5px;
        padding-bottom: 2px; }
      .redesign .white-form .form-input-row .box-label small {
        display: block;
        padding-top: 8px;
        font-size: 13px;
        color: #a4a6a8;
        font-weight: 400; }
    .redesign .white-form .form-input-row .box-input {
      padding: 0px 6px;
      margin-top: 5px; }
      @media (max-width: 991px) {
        .redesign .white-form .form-input-row .box-input {
          padding: 3px 6px !important; } }
      .redesign .white-form .form-input-row .box-input small {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .redesign .white-form .form-input-row .box-input .color-picker input {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; }
      .redesign .white-form .form-input-row .box-input .color-picker .input-group-addon {
        padding: 7px;
        background-color: transparent;
        border: 2px solid #eaeaea;
        border-left: none; }
        .redesign .white-form .form-input-row .box-input .color-picker .input-group-addon i {
          height: 26px;
          width: 26px;
          border-radius: 2px; }
      .redesign .white-form .form-input-row .box-input .shape-picker .dropdown-toggle {
        display: block;
        height: 44px;
        width: 70px;
        line-height: 44px;
        text-align: center;
        border: 2px solid #eaeaea;
        border-radius: 2px;
        color: #82848f; }
        .redesign .white-form .form-input-row .box-input .shape-picker .dropdown-toggle .icon-caret {
          color: #b3b4bb;
          -moz-transition: all 0.15s ease;
          -o-transition: all 0.15s ease;
          -webkit-transition: all 0.15s ease;
          transition: all 0.15s ease; }
        .redesign .white-form .form-input-row .box-input .shape-picker .dropdown-toggle:hover {
          cursor: pointer; }
          .redesign .white-form .form-input-row .box-input .shape-picker .dropdown-toggle:hover .icon {
            color: #3c4245 !important; }
          .redesign .white-form .form-input-row .box-input .shape-picker .dropdown-toggle:hover .icon-caret {
            color: #3c4245; }
      .redesign .white-form .form-input-row .box-input .shape-picker .dropdown-menu span {
        padding-left: 20px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .redesign .white-form .form-input-row .box-input.save {
          text-align: center; } }
      .redesign .white-form .form-input-row .box-input.save p {
        color: #82848f;
        padding-bottom: 15px; }
        .redesign .white-form .form-input-row .box-input.save p i {
          color: #b3b4bb;
          padding-right: 10px; }
    .redesign .white-form .form-input-row .box-icon-right {
      padding-top: 14px;
      padding-bottom: 14px; }
      .redesign .white-form .form-input-row .box-icon-right a {
        font-size: 8px;
        color: #b3b4bb; }
        .redesign .white-form .form-input-row .box-icon-right a:hover {
          color: #3c4245; }
    .redesign .white-form .form-input-row .box-checkbox-input {
      padding: 15px 7px; }
      .redesign .white-form .form-input-row .box-checkbox-input label {
        display: inline;
        line-height: 1.5; }
  .redesign .white-form .advancedOptions {
    cursor: pointer; }
    .redesign .white-form .advancedOptions.active i {
      font-size: 18px;
      display: inline-block;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      padding-left: 0;
      position: relative;
      top: -1px;
      left: 0; }
  .redesign .white-form .form-hidden-trigger-row.box-link {
    padding-left: 15px; }
  .redesign .white-form .form-hidden-trigger-row a {
    display: block;
    padding: 15px 0; }
    @media (max-width: 767px) {
      .redesign .white-form .form-hidden-trigger-row a {
        padding: 15px 0;
        text-align: center; } }
    .redesign .white-form .form-hidden-trigger-row a span {
      display: inline-block;
      vertical-align: middle; }
    .redesign .white-form .form-hidden-trigger-row a.active i {
      display: inline-block;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      padding-left: 0;
      position: relative;
      top: -1px;
      left: 0px; }
  .redesign .white-form .form-social-select-row .box-icons {
    padding: 0 6px; }
    .redesign .white-form .form-social-select-row .box-icons p {
      padding: 20px 0; }
    .redesign .white-form .form-social-select-row .box-icons a {
      display: inline-block;
      vertical-align: middle;
      font-size: 32px;
      margin-right: 8px;
      margin-bottom: 8px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .redesign .white-form .form-social-select-row .box-icons a {
          margin-right: 15px;
          margin-bottom: 10px; } }
      .redesign .white-form .form-social-select-row .box-icons a:last-child {
        margin-right: 0; }
      .redesign .white-form .form-social-select-row .box-icons a:hover {
        opacity: 0.8; }
  .redesign .colors-list li {
    display: inline-block;
    margin: 0 20px 20px 0;
    cursor: pointer; }
    @media (max-width: 1024px) {
      .redesign .colors-list li {
        margin-right: 16px; } }
    @media (max-width: 768px) {
      .redesign .colors-list li {
        margin-right: 14px; } }
    .redesign .colors-list li a {
      display: inline-block;
      height: 60px;
      width: 60px;
      background-color: rgba(0, 0, 0, 0.04);
      border: 1px solid #d4d4d4;
      padding: 4px 7px 6px 7px;
      border-radius: 2px; }
      .redesign .colors-list li a .c1 {
        width: 100%;
        height: 20px;
        border-radius: 0 !important; }
      .redesign .colors-list li a .c2 {
        border-radius: 50% !important;
        height: 12px;
        width: 12px;
        margin-left: 30px;
        margin-top: 2px; }
      .redesign .colors-list li a .c2.c2--rect {
        border-radius: 0 !important;
        width: 36px;
        height: 6px;
        margin-left: 4px;
        margin-top: 4px; }
      .redesign .colors-list li a .c2.c2--semiRound {
        border-radius: 4px !important;
        width: 36px;
        height: 6px;
        margin-left: 4px;
        margin-top: 4px; }
      .redesign .colors-list li a div {
        height: 30px;
        width: 20px;
        display: inline-block;
        float: left; }
        @media (max-width: 767px) {
          .redesign .colors-list li a div {
            width: 15px;
            height: 25px; } }
      .redesign .colors-list li a div:first-child {
        border-radius: 2px 0 0 2px; }
      .redesign .colors-list li a div:last-child {
        border-radius: 0 2px 2px 0; }
      .redesign .colors-list li a:hover {
        border-color: rgba(0, 0, 0, 0.17); }
      .redesign .colors-list li a.active {
        border-color: #90c52d;
        border-width: 2px;
        background-color: #fff;
        position: relative; }
        .redesign .colors-list li a.active .c2.c2--rect {
          width: 34px; }
        .redesign .colors-list li a.active:after {
          display: block;
          position: absolute;
          bottom: -8px;
          right: -7px;
          height: 24px;
          width: 24px;
          background-color: #90c52d;
          border-radius: 50%;
          font-family: 'qrbackend2';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e0aa";
          font-size: 22px;
          color: #ffffff;
          text-align: center;
          padding-top: 5px; }
  .redesign #switchlist-templates a {
    padding: 5px; }
  .redesign .template-type-btn {
    position: relative;
    display: inline-block;
    background: #f7f7f7;
    border: 1px solid #d4d4d4;
    border-radius: 2px; }
    .redesign .template-type-btn.qr-template {
      margin-bottom: 20px;
      width: 120px;
      height: 120px;
      text-align: center;
      padding: 15px !important; }
    .redesign .template-type-btn img {
      max-width: 100%;
      width: auto; }
    .redesign .template-type-btn:hover {
      border-color: rgba(0, 0, 0, 0.17); }
    .redesign .template-type-btn.active {
      border-color: #90c52d;
      border-width: 2px;
      background: #fff; }
      .redesign .template-type-btn.active:after {
        display: block;
        position: absolute;
        bottom: -8px;
        right: -7px;
        height: 24px;
        width: 24px;
        background-color: #90c52d;
        border-radius: 50%;
        font-family: 'qrbackend2';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e0aa";
        font-size: 22px;
        color: #ffffff;
        text-align: center;
        padding-top: 5px; }
    .redesign .template-type-btn .delete {
      display: block;
      position: absolute;
      top: -8px;
      right: -8px;
      height: 24px;
      width: 24px;
      background-color: #ffffff;
      border: 1px solid #d4d4d4;
      border-radius: 50%;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 33px;
      color: #797d80;
      font-family: 'qrbackend2' !important;
      -moz-transition: all 0.15s ease;
      -o-transition: all 0.15s ease;
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
      .redesign .template-type-btn .delete:before {
        content: "\e0ad";
        position: absolute;
        left: -5px; }
      .redesign .template-type-btn .delete:hover {
        color: #616568;
        border-color: #a4a6a8; }
  .redesign .logo-img-select-btn {
    position: relative;
    display: inline-block;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    height: 60px;
    width: 60px;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    text-align: center; }
    .redesign .logo-img-select-btn .img-wrapper {
      overflow: hidden;
      width: 56px;
      height: 56px;
      display: inline-block;
      background-size: 56px;
      background-position: center center;
      background-repeat: no-repeat; }
    @media (max-width: 480px) {
      .redesign .logo-img-select-btn {
        width: 50px;
        height: 50px; }
        .redesign .logo-img-select-btn .img-wrapper, .redesign .logo-img-select-btn img {
          width: 46px !important;
          height: 46px;
          background-size: 46px; } }
    .redesign .logo-img-select-btn:not(.active) {
      background: #f7f7f7; }
    .redesign .logo-img-select-btn:last-child {
      margin-right: 0; }
    .redesign .logo-img-select-btn img {
      max-width: none;
      width: 56px; }
    .redesign .logo-img-select-btn:hover {
      border-color: rgba(0, 0, 0, 0.18); }
    .redesign .logo-img-select-btn.active {
      border-color: #90c52d;
      border-width: 2px; }
      .redesign .logo-img-select-btn.active:after {
        display: block;
        position: absolute;
        bottom: -8px;
        right: -7px;
        height: 24px;
        width: 24px;
        background-color: #90c52d;
        border-radius: 50%;
        font-family: 'qrbackend2';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e0aa";
        font-size: 22px;
        color: #ffffff;
        text-align: center;
        padding-top: 5px; }
    .redesign .logo-img-select-btn .delete {
      display: block;
      position: absolute;
      top: -8px;
      right: -8px;
      height: 24px;
      width: 24px;
      background-color: #ffffff;
      border: 1px solid #d4d4d4;
      border-radius: 50%;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      padding-left: 1px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 33px;
      color: #797d80;
      text-align: center;
      font-family: 'qrbackend2' !important;
      -moz-transition: all 0.15s ease;
      -o-transition: all 0.15s ease;
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
      .redesign .logo-img-select-btn .delete:before {
        font-weight: 400 !important;
        content: "\e0ad";
        position: absolute;
        left: -5px; }
      .redesign .logo-img-select-btn .delete:hover {
        color: #616568;
        border-color: #a4a6a8; }
    @media (min-width: 768px) and (max-width: 991px) {
      .redesign .logo-img-select-btn {
        margin-right: 10px;
        margin-bottom: 10px; } }
  .redesign .upload {
    position: relative;
    overflow: hidden;
    height: 40px;
    cursor: pointer;
    min-width: 128px;
    float: left; }
    .redesign .upload span {
      cursor: pointer; }
    .redesign .upload input[type='file'] {
      -webkit-appearance: none;
      -moz-appearance: none;
      position: absolute;
      top: 0px;
      opacity: 0;
      width: 200px;
      filter: alpha(opacity=0);
      cursor: pointer; }
  .redesign .form-input-row .box-label {
    line-height: 14px;
    font-weight: 400; }
  .redesign .white-form .form-input-row .box-input {
    padding: 0 6px; }
  .redesign .formly-field-group {
    position: relative;
    margin-bottom: 12px; }
  .redesign .row {
    margin-left: -15px;
    margin-right: -15px; }
  .redesign .box-icon-right {
    padding-top: 11px !important; }
    .redesign .box-icon-right a i {
      font-size: 12px;
      color: #797d80;
      cursor: pointer; }
      .redesign .box-icon-right a i:hover {
        color: #616568; }
  .redesign .box-link {
    margin-bottom: -10px; }
    .redesign .box-link a {
      display: inline-block !important;
      cursor: pointer; }
  .redesign .h3 {
    font-size: 18px; }
  .redesign .input-group.color-picker .full-spectrum {
    margin: 0px;
    padding: 0px; }
    .redesign .input-group.color-picker .full-spectrum .sp-preview {
      width: 26px;
      height: 26px;
      border: none;
      margin: 0px; }
      .redesign .input-group.color-picker .full-spectrum .sp-preview .sp-preview-inner {
        border: 0;
        border-radius: 2px; }
  .redesign .preview-smartphone {
    background-image: url("../../../img/generator/preview-iphone-new.png") !important;
    background-repeat: no-repeat; }
  .redesign .rachet a {
    text-transform: none; }
  .redesign .spacer {
    height: 5px; }
    .redesign .spacer.s10 {
      height: 10px; }
    .redesign .spacer.s15 {
      height: 15px; }
    .redesign .spacer.s20 {
      height: 20px; }
  .redesign .error > input[type="text"] {
    border: 2px solid red !important; }
  .redesign .codetype-menu a {
    width: 100%;
    height: 68px;
    text-align: left; }
    .redesign .codetype-menu a small {
      padding: 0px;
      font-size: 15px !important;
      padding-right: 15px !important; }
    .redesign .codetype-menu a i {
      padding-left: 20px;
      padding-top: 3px;
      margin-right: 20px;
      font-size: 27px;
      color: #797d80;
      padding-bottom: 10px; }
      .redesign .codetype-menu a i.active, .redesign .codetype-menu a i.active:hover {
        font-size: 45px; }
        .redesign .codetype-menu a i.active:after, .redesign .codetype-menu a i.active:hover:after {
          font-size: 45px; }
    .redesign .codetype-menu a .badge {
      display: block;
      position: absolute;
      top: 0px;
      right: 0px;
      padding: 4px 7px;
      background-color: #eaeaea;
      border-radius: 0px 0px 0px 2px;
      font-size: 15px;
      font-weight: 600;
      color: #FFF; }
      .redesign .codetype-menu a .badge.new {
        background-color: #47bdef;
        text-transform: uppercase; }
  .redesign .white-form.codetype-menu {
    margin-right: -15px;
    margin-left: -15px;
    background-color: transparent !important;
    border: 0px !important;
    border-radius: 2px;
    padding: 0px 0px 0px 0px;
    margin-top: 20px; }
  .redesign.content-footer {
    padding-top: 35px; }
  .redesign .charleft {
    top: -20px;
    position: relative;
    right: 7px;
    float: right;
    color: #ddd; }
  .redesign h2 {
    font-size: 24px; }
  .redesign .btn-help {
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    outline: 0 !important;
    box-shadow: none !important;
    border: none;
    font-size: 16px;
    padding: 0;
    color: #c9c9ce;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: color .15s ease;
    -o-transition: color .15s ease;
    -webkit-transition: color .15s ease;
    transition: color .15s ease;
    content: "\e025";
    font-family: "qrbackend2";
    padding-top: 3px !important; }
    .redesign .btn-help:after {
      content: "\e025";
      font-family: "qrbackend2"; }
  .redesign .navbar-default {
    background-color: #3c4245; }
  .redesign .navbar {
    position: relative;
    min-height: 70px;
    margin-bottom: 0; }
  .redesign .form-feedback-row {
    opacity: 0.5;
    padding: 4px;
    margin-right: 0 !important;
    margin-left: 0 !important;
    border: 0; }
    .redesign .form-feedback-row:hover {
      opacity: 1; }
    .redesign .form-feedback-row input {
      border: 1px solid #d4d4d4;
      height: 30px; }
      .redesign .form-feedback-row input:focus, .redesign .form-feedback-row inputactive {
        border: 1px solid #d4d4d4; }
    .redesign .form-feedback-row .sendbutton {
      padding-top: 6px; }
      .redesign .form-feedback-row .sendbutton a {
        cursor: pointer; }
  .redesign .content-group {
    font-family: "Maison Neue", serif; }
    .redesign .content-group .content-wrapper {
      border-bottom: 1px solid #d4d4d4; }
      .redesign .content-group .content-wrapper .title {
        margin-left: 20px;
        margin-top: 10px;
        position: relative;
        top: 10px;
        background: #f7f7f7;
        padding: 5px 30px; }
        .redesign .content-group .content-wrapper .title .text {
          font-weight: 400;
          font-size: 15px;
          color: #a4a6a8; }
      .redesign .content-group .content-wrapper .tools {
        float: right;
        border: 1px solid #eaeaea;
        background: #f7f7f7;
        color: #BDBEC3;
        height: 16px;
        margin-top: 10px; }
        .redesign .content-group .content-wrapper .tools:hover {
          border: 1px solid #696b75; }
        .redesign .content-group .content-wrapper .tools i {
          cursor: pointer; }
          .redesign .content-group .content-wrapper .tools i:hover {
            color: #696b75; }
  .redesign a.colorswapper {
    font-size: 20px;
    color: #9d9ea7;
    cursor: pointer;
    top: 30px;
    position: relative;
    left: 7px; }
    .redesign a.colorswapper i {
      cursor: pointer; }
      .redesign a.colorswapper i:hover {
        color: #696b75; }

.btn.btn-generator-save-directly {
  text-align: left !important;
  font-size: 15px;
  font-weight: 600;
  color: #47bdef !important; }
  .btn.btn-generator-save-directly .gray {
    color: #797d80 !important;
    font-size: 15px;
    font-weight: 400; }
  .btn.btn-generator-save-directly:hover {
    color: #25acdd !important; }

.firstrun .btn-generator-save-directly {
  display: none !important; }

input[type="text"]#feedbackMsg:hover {
  border-width: 1px !important; }

.upload-img-row {
  background: #f7f7f7 !important;
  border-top: 1px #d4d4d4 solid;
  margin-left: 0 !important;
  margin-right: 0 !important; }
  .upload-img-row .ui-sortable-handle {
    padding: 12px 25px 0 10px; }
  .upload-img-row .box-icon-right {
    margin-bottom: 0 !important; }
  .upload-img-row .filename {
    font-size: 15px;
    font-weight: 600;
    color: #616568; }
    .upload-img-row .filename p {
      margin-top: 8px;
      font-size: 15px;
      font-weight: 600;
      color: #616568;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  .upload-img-row .icon {
    color: #a4a6a8;
    font-size: 30px; }

.criteriaFormModal .row-form label {
  font-size: 15px;
  color: #797d80;
  font-weight: 600; }

.criteriaFormModal .form-control[disabled],
.criteriaFormModal .form-control[readonly],
.criteriaFormModal fieldset[disabled] .form-control {
  background-color: #f7f7f7; }

.criteriaFormModal .input-group-addon {
  border-left: 0 !important;
  background-color: #fff;
  color: #a4a6a8;
  padding: 6px 18px 15px 2px;
  font-size: 33px; }
  .criteriaFormModal .input-group-addon:hover {
    color: #47bdef; }

.criteriaFormModal .input-group.date input {
  height: 44px;
  color: #a4a6a8; }
  .criteriaFormModal .input-group.date input:focus {
    color: #616568;
    outline: none;
    box-shadow: none; }

.criteriaFormModal .input-group.date input, .criteriaFormModal .input-group.date .datepickerbutton {
  border-radius: 0px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border: 2px solid #eaeaea; }

.criteriaFormModal p.subheadline {
  font-size: 15px;
  font-weight: 400;
  color: #a4a6a8; }

.in-app-help {
  opacity: 0;
  visibility: hidden; }

@media (max-width: 767px) {
  .inapp-helpV3 in-app-help {
    display: none; } }

.inapp-helpV3 .in-app-help {
  position: absolute;
  top: 50px;
  z-index: 9999;
  transition: all 0.6s ease-in-out;
  transform: scale(0.7);
  right: 0; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .inapp-helpV3 .in-app-help {
      top: 115px; } }
  @media (min-width: 1024px) and (max-width: 1200px) {
    .inapp-helpV3 .in-app-help {
      top: 75px; } }
  @media (min-width: 1200px) and (max-width: 1366px) {
    .inapp-helpV3 .in-app-help {
      top: 60px; } }
  .inapp-helpV3 .in-app-help .only-inV1-2 {
    display: none; }
  .inapp-helpV3 .in-app-help .in-app-help-container {
    height: auto;
    width: 385px;
    float: right;
    margin-right: -305px;
    padding: 15px 20px; }
    @media (min-width: 768px) and (max-width: 1200px) {
      .inapp-helpV3 .in-app-help .in-app-help-container {
        margin-right: -350px; } }
    @media (min-width: 1200px) and (max-width: 1366px) {
      .inapp-helpV3 .in-app-help .in-app-help-container {
        margin-right: -303px; } }
    .inapp-helpV3 .in-app-help .in-app-help-container #in-app-wrapper.container {
      width: 100% !important;
      padding: 0; }
    .inapp-helpV3 .in-app-help .in-app-help-container .inapp-try-btn, .inapp-helpV3 .in-app-help .in-app-help-container .inapp-watch-video {
      width: calc(100% - 75px);
      margin: 30px 15px 0px 0;
      text-align: center; }
      .inapp-helpV3 .in-app-help .in-app-help-container .inapp-try-btn .wistia_click_to_play, .inapp-helpV3 .in-app-help .in-app-help-container .inapp-watch-video .wistia_click_to_play {
        display: inline-block !important; }
    .inapp-helpV3 .in-app-help .in-app-help-container .inapp-watch-video {
      margin-top: 0; }
    .inapp-helpV3 .in-app-help .in-app-help-container:after {
      content: "";
      position: absolute;
      left: -8px;
      top: calc(50% - 10px);
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-right: 8px solid #47bdef; }
  .inapp-helpV3 .in-app-help.showInAppHelpAnimation {
    opacity: 1;
    visibility: visible;
    transform-origin: 0% 45%;
    transform: scale(1);
    right: 0; }

.inapp-helpV2 .in-app-help {
  position: fixed;
  top: -100px;
  width: 100%;
  left: 0;
  z-index: 9999; }
  .inapp-helpV2 .in-app-help .only-inV3 {
    display: none; }
  .inapp-helpV2 .in-app-help .in-app-help-container {
    margin: 0;
    width: 100% !important;
    padding: 20px 30px;
    height: 85px;
    border-radius: 0; }
    @media (max-width: 768px) {
      .inapp-helpV2 .in-app-help .in-app-help-container #in-app-wrapper.container {
        width: 100% !important; } }
    .inapp-helpV2 .in-app-help .in-app-help-container .inapp-watch-video {
      padding: 12px 10px;
      border: 1px #fff solid;
      border-radius: 2px; }
      .inapp-helpV2 .in-app-help .in-app-help-container .inapp-watch-video:hover {
        background: #fff; }
        .inapp-helpV2 .in-app-help .in-app-help-container .inapp-watch-video:hover a {
          color: #47bdef;
          text-decoration: none; }
    @media (max-width: 480px) {
      .inapp-helpV2 .in-app-help .in-app-help-container .inapp-watch-video, .inapp-helpV2 .in-app-help .in-app-help-container .inapp-try-btn {
        width: 100%;
        text-align: center;
        margin: 10px 0; } }
    @media (max-width: 480px) {
      .inapp-helpV2 .in-app-help .in-app-help-container .inapp-watch-video a, .inapp-helpV2 .in-app-help .in-app-help-container .inapp-try-btn a {
        float: inherit; } }
  .inapp-helpV2 .in-app-help.showInAppHelpAnimation {
    opacity: 1;
    visibility: visible;
    animation: slideDown 0.6s ease-in-out forwards; }

@keyframes slideDown {
  0% {
    transform: translateY(0px); }
  100% {
    top: 0px; } }

@keyframes zoomV3 {
  0% {
    zoom: 0.2; }
  100% {
    zoom: 1; } }

.inapp-helpV1 .in-app-help {
  min-height: 0;
  max-height: 0;
  overflow: hidden;
  float: left;
  width: 100%; }
  @media (max-width: 1200px) {
    .inapp-helpV1 .in-app-help {
      float: initial !important; } }
  .inapp-helpV1 .in-app-help .only-inV3 {
    display: none; }
  @media (max-width: 1024px) {
    .inapp-helpV1 .in-app-help .inapp-text {
      margin-bottom: 20px; } }
  @media (max-width: 991px) {
    .inapp-helpV1 .in-app-help .inapp-watch-video {
      width: 100%;
      text-align: center; }
      .inapp-helpV1 .in-app-help .inapp-watch-video a {
        float: inherit; } }
  .inapp-helpV1 .in-app-help.showInAppHelpAnimation {
    opacity: 1;
    visibility: visible;
    min-height: 134px;
    display: block;
    -webkit-transition: min-height 0.6s ease-in-out;
    -moz-transition: min-height 0.6s ease-in-out;
    -o-transition: min-height 0.6s ease-in-out;
    transition: min-height 0.6s ease-in-out;
    overflow: visible; }
  .inapp-helpV1 .in-app-help.scaleUpHelp {
    -webkit-animation: scaleUp 0.6s both ease-in;
    -moz-animation: scaleUp 0.6s both ease-in;
    animation: scaleUp 0.6s both ease-in; }
  .inapp-helpV1 .in-app-help .in-app-help-container #in-app-wrapper.container {
    width: 100% !important;
    padding: 0; }
  @media (max-width: 991px) {
    .inapp-helpV1 .in-app-help .in-app-help-container .inapp-try-btn {
      width: 100%;
      float: initial; } }
  @media (min-width: 768px) and (max-width: 1200px) {
    .inapp-helpV1 .in-app-help .in-app-help-container {
      height: auto !important; } }

.in-app-help-container {
  width: calc(100% + 20px);
  float: left;
  margin: 10px 0 30px -10px;
  position: relative;
  height: 94px;
  border-radius: 2px;
  background: #47bdef;
  box-shadow: 0px 8px 16.92px 1.08px rgba(0, 0, 0, 0.37);
  padding: 25px 30px; }
  @media (max-width: 767px) {
    .in-app-help-container {
      height: auto !important; } }
  .in-app-help-container .inapp-icon {
    font-size: 40px;
    color: #fff;
    margin-right: 15px; }
  .in-app-help-container .inapp-text {
    font-size: 18px;
    font-weight: 400;
    color: #fff; }
  .in-app-help-container .inapp-try-btn {
    height: 45px;
    padding: 15px;
    text-align: center;
    background: #fff;
    color: #47bdef;
    border-radius: 2px;
    float: right;
    min-width: 164px;
    margin-right: 25px; }
    .in-app-help-container .inapp-try-btn:hover {
      color: #25acdd;
      cursor: pointer; }
  .in-app-help-container .inapp-watch-video {
    height: 45px;
    padding: 15px 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    float: right;
    cursor: pointer; }
    .in-app-help-container .inapp-watch-video a {
      color: #fff;
      font-size: 15px;
      font-weight: 500;
      float: right;
      cursor: pointer; }
      .in-app-help-container .inapp-watch-video a:hover {
        text-decoration: underline; }
  .in-app-help-container .icon-thin-close {
    font-size: 10px;
    color: #fff;
    opacity: 0.7;
    position: absolute;
    right: 10px;
    top: 10px; }
    .in-app-help-container .icon-thin-close:hover {
      cursor: pointer;
      opacity: 0.9; }

@-webkit-keyframes animation-name {
  0% {
    zoom: 0.2;
    width: 0% !important;
    margin: 0 auto !important; }
  50% {
    zoom: 0.5;
    width: 50% !important;
    margin: 0 auto !important; }
  100% {
    zoom: 1; } }

/* scale up */
@keyframes scaleUp {
  from {
    opacity: 0.2;
    transform: scale(0.5); } }

@-moz-keyframes scaleUp {
  from {
    opacity: 0.2;
    -moz-transform: scale(0.5); } }

@-webkit-keyframes scaleUp {
  from {
    opacity: 0.2;
    -webkit-transform: scale(0.5); } }

@media (max-width: 1024px) {
  .full-col-8-4 {
    width: calc(100% + 33.3333333333%); } }

@media (min-width: 991px) and (max-width: 1200px) {
  .md-mt20 {
    margin-top: 20px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .sm-mb0 {
    margin-bottom: 0px !important; }
  .sm-mt20 {
    margin-top: 20px; }
  .sm-pt15 {
    padding-top: 15px !important; }
  .sm-pl0 {
    padding-left: 0px !important; } }

@media (max-width: 768px) and (orientation: portrait) {
  .full-col-8-4 {
    width: calc(100% + 33.3333333333% + 30px); }
    .full-col-8-4 .metainformation_criteria {
      margin-bottom: 20px; } }

@media (max-width: 767px) {
  .xs-pt15 {
    padding-top: 15px !important; }
  .xs-pr15 {
    padding-right: 15px !important; }
  .xs-mb0 {
    margin-bottom: 0px !important; }
  .xs-mt20 {
    margin-top: 20px !important; }
  .xs-text-center {
    text-align: center !important; } }

@media (max-width: 767px) {
  .pull-xs-left {
    float: left; }
  .pull-xs-right {
    float: right; } }

@media (min-width: 768px) and (max-width: 991px) {
  .pull-sm-left {
    float: left; }
  .pull-sm-right {
    float: right; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .pull-md-left {
    float: left; }
  .pull-md-right {
    float: right; } }

@media (min-width: 1200px) {
  .pull-lg-left {
    float: left; }
  .pull-lg-right {
    float: right; } }

@media (max-width: 731px) {
  .modal-open .bootstrap-datetimepicker-widget {
    bottom: 0 !important;
    left: 15px !important;
    top: initial !important; } }

@media (max-width: 480px) {
  .modal-open .bootstrap-datetimepicker-widget {
    bottom: 0 !important;
    left: 15px !important;
    top: initial !important; }
  .redesign .white-form .form-title-row .box-icon .round-no i {
    padding-left: 0 !important; }
  .full-col-8-4 {
    width: calc(100% + 33.3333333333% + 30px); }
    .full-col-8-4 .metainformation_criteria {
      margin-bottom: 20px; }
  .col-qr-template {
    width: 50%; } }

@media (min-height: 768px) and (max-height: 1080px) {
  .redesign .codetype-menu h3 {
    margin-top: 8px; }
  .redesign .codetype-menu a {
    margin-bottom: 20px !important; }
  .state-generator-codetype, .state-generator-data {
    min-height: 700px; } }

.addMode .sk-three-bounce {
  display: none; }

.editMode .sk-three-bounce {
  display: none; }

.switchMode .sk-three-bounce {
  display: block;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  margin: 0; }

.single-color-theme .colors-list li a {
  height: 45px !important;
  padding: 7px 7px 6px 7px !important; }
  .single-color-theme .colors-list li a .c1 {
    height: 26px; }
  .single-color-theme .colors-list li a.active:after {
    bottom: -10px;
    right: -9px;
    height: 18px;
    width: 18px;
    font-size: 18px;
    padding-top: 3px; }

.editMode .qr-droppable.filedrag .qr-file-uploader .qr-file-uploader__prompt {
  animation: makeVisible 0s 0.4s forwards;
  width: auto !important; }

.editMode .qr-droppable.filedrag .qr-file-uploader .qr-file-uploader__progress {
  display: none !important; }

@keyframes makeVisible {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }

.qr-droppable.filedrag {
  z-index: 9999;
  border-color: #47bdef !important;
  height: 106px; }
  .qr-droppable.filedrag i.qr-file-uploader__icon {
    color: #47bdef; }
  .qr-droppable.filedrag .text-container {
    width: 100% !important; }
  .qr-droppable.filedrag .qr-file-uploaderOnDrag {
    float: initial !important;
    z-index: -1;
    margin-top: 10px; }
  .qr-droppable.filedrag .btn {
    display: none; }
  .qr-droppable.filedrag .qr-file-uploader {
    animation: scaleAndFadeOut 0.3s forwards, textCenter 0.3s 0.4s forwards; }
    .qr-droppable.filedrag .qr-file-uploader .qr-file-uploader__progress {
      animation: scaleAndFadeOut 0.3s forwards, scaleAndDisplayNone 0s 0.4s forwards; }
    .qr-droppable.filedrag .qr-file-uploader .qr-file-uploader__prompt {
      animation-delay: 1s;
      animation: opacityFadeIn 0.3s forwards;
      display: inline-block !important;
      text-align: center !important;
      transition: all 0.2s ease;
      float: inherit;
      margin: 0 !important; }
    .qr-droppable.filedrag .qr-file-uploader i.qr-file-uploader__icon {
      float: inherit;
      position: relative;
      -webkit-animation: pulse_animation 0.8s ease-in-out infinite alternate;
      animation: pulse_animation 0.8s ease-in-out infinite alternate;
      display: inline-block;
      margin: 8px 20px 0 !important;
      top: 8px !important; }
    .qr-droppable.filedrag .qr-file-uploader .uploader-button {
      animation: scaleAndDisplayNone 0.1s 0.4s forwards; }
    .qr-droppable.filedrag .qr-file-uploader .qr-file-uploader__upload {
      animation: scaleAndFadeOut 0.3s forwards, scaleAndDisplayNone 0s 0.4s forwards; }

@keyframes scaleAndFadeOut {
  0% {
    opacity: 1;
    pointer-events: none; }
  100% {
    opacity: 0;
    transform: scale(0.8);
    pointer-events: none; } }

@keyframes scaleAndDisplayNone {
  0% {
    height: 0;
    width: 0; }
  100% {
    height: 0;
    width: 0; } }

@keyframes textCenter {
  0% {
    text-align: center;
    opacity: 0;
    transform: scale(0.8); }
  100% {
    text-align: center;
    opacity: 1;
    transform: scale(1); } }

@keyframes opacityFadeIn {
  0% {
    opacity: 0.2; }
  100% {
    opacity: 1 !important; } }

@keyframes scaleAndFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.8); }
  100% {
    opacity: 1 !important;
    transform: scale(1); } }

@keyframes pulse_animation {
  0% {
    transform: scale(0.7); }
  100% {
    transform: scale(1); } }

.qr-droppable.progressBorder {
  animation: colors 2s infinite; }

@keyframes colors {
  0% {
    border-color: #f4f4f4; }
  100% {
    border-color: #47bdef; } }

.qr-file-uploader.slimDesign {
  padding: 10px 15px; }
  .qr-file-uploader.slimDesign .qr-file-uploader__prompt {
    margin-top: 0;
    line-height: 30px;
    max-width: 70%; }
  .qr-file-uploader.slimDesign .qr-file-uploader__file-name {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 30px;
    max-width: 70%; }
  .qr-file-uploader.slimDesign .qr-file-uploader__icon,
  .qr-file-uploader.slimDesign .qr-file-uploader__file-size,
  .qr-file-uploader.slimDesign .qr-file-uploader__cancel {
    display: none; }
  .qr-file-uploader.slimDesign .qr-file-uploader__upload,
  .qr-file-uploader.slimDesign .qr-file-uploader__cancel {
    position: relative;
    top: 0;
    float: right;
    height: 30px;
    right: 0;
    line-height: 30px;
    padding: 0 20px !important; }

.qr-droppable {
  background: #fbfbfb !important;
  color: #797d80 !important;
  border: 2px #d4d4d4 dashed !important;
  border-radius: 4px !important;
  width: 100%;
  float: left;
  height: 106px; }
  .qr-droppable .qr-file-uploader__progress {
    color: #a4a6a8;
    font-size: 15px;
    font-weight: 400;
    margin-top: 5px !important;
    display: inline-block;
    max-width: calc(100% - 58px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .qr-droppable .qr-file-uploader__progress .qr-file-uploader__file-name {
      color: #797d80;
      font-weight: 600; }
  .qr-droppable .qr-file-uploader__icon {
    margin: 11px 20px -2px 0px; }
  .qr-droppable .qr-file-uploader__prompt {
    font-size: 16px;
    color: #797d80;
    font-weight: 600;
    display: inline-block;
    line-height: 48px;
    margin-top: 0; }
  .qr-droppable .qr-file-uploader {
    padding: 0px 24px !important;
    display: table;
    width: 100%;
    height: 100%;
    transition: all .2s ease-in-out;
    pointer-events: none; }
    .qr-droppable .qr-file-uploader .uploader-button {
      float: right; }
    .qr-droppable .qr-file-uploader .drag-table-cell {
      display: table-cell;
      vertical-align: middle;
      position: relative;
      max-width: 1px;
      white-space: nowrap; }
      .qr-droppable .qr-file-uploader .drag-table-cell .text-container {
        width: 70%; }
    .qr-droppable .qr-file-uploader .qr-file-uploader__cancel {
      line-height: 1;
      padding-top: 17px !important;
      height: 45px;
      pointer-events: auto;
      top: 28px;
      right: 8px;
      animation: scaleAndFadeIn 0.3s forwards; }
    .qr-droppable .qr-file-uploader .qr-file-uploader__upload {
      height: 45px;
      line-height: 1;
      padding-top: 11px !important;
      top: 28px;
      right: 8px;
      pointer-events: auto; }
      .qr-droppable .qr-file-uploader .qr-file-uploader__upload i {
        font-size: 22px;
        line-height: 0;
        margin-right: 8px;
        top: 5px;
        position: relative; }
  .qr-droppable .qr-file-uploader {
    background: none;
    border: none;
    padding: 32px 24px; }
  .qr-droppable .uploadButton-content {
    font-size: 16px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 45px; }
  .qr-droppable .icon-generator-upload {
    font-size: 30px;
    color: #d4d4d4; }
  .qr-droppable .fileSize {
    font-size: 15px;
    color: #a4a6a8;
    position: absolute;
    bottom: 25px;
    left: 90px;
    z-index: 9999;
    line-height: 1; }
  @media (max-width: 1024px) {
    .qr-droppable .upload-avatar-click-handler {
      margin: 0 auto;
      float: left;
      width: 100%;
      text-align: center;
      margin-top: 20px; }
      .qr-droppable .upload-avatar-click-handler .upload-btn {
        float: initial !important; }
    .qr-droppable .fileSize {
      bottom: 80px; } }
  @media (max-width: 768px) {
    .qr-droppable {
      display: block;
      height: 200px; }
      .qr-droppable .drag-table-cell {
        text-align: center; }
        .qr-droppable .drag-table-cell .qr-file-uploader__icon {
          float: inherit;
          margin: 0; }
        .qr-droppable .drag-table-cell .qr-file-uploader__progress {
          width: 100%;
          margin-bottom: 20px;
          float: left; }
        .qr-droppable .drag-table-cell .qr-file-uploader__prompt {
          width: 100%; }
        .qr-droppable .drag-table-cell .uploader-button {
          width: 100%; }
      .qr-droppable .table-cell-middle {
        display: block;
        position: relative;
        float: left;
        width: 100%;
        height: 100%; }
      .qr-droppable .uploadButton-content {
        text-align: center;
        width: 100%;
        padding: 0; }
        .qr-droppable .uploadButton-content .icon-generator-upload {
          position: relative; }
        .qr-droppable .uploadButton-content span {
          width: 100%;
          display: block;
          float: left;
          text-overflow: ellipsis;
          overflow: hidden;
          text-align: center; }
      .qr-droppable .upload-avatar-click-handler {
        margin: 30px auto 0;
        float: left;
        width: 100%;
        text-align: center; }
        .qr-droppable .upload-avatar-click-handler .upload-btn {
          width: 100%; }
      .qr-droppable .fileSize {
        width: 100%;
        text-align: center;
        bottom: 60px; } }

.apply-fixedBottom-footerGenerator .generator-float-bottom {
  display: table; }

.apply-fixedBottom-footerGenerator .generator-float-normal {
  display: none; }

.generator-float-bottom {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background: #3c4245;
  height: 80px;
  padding: 0 !important;
  box-shadow: rgba(86, 86, 86, 0.17) 0px -3px 5px 0px; }
  .generator-float-bottom .btn-next-padding {
    padding-left: 3px;
    padding-right: 25px; }
    @media (max-width: 767px) {
      .generator-float-bottom .btn-next-padding {
        padding: 0 10px; } }
  .generator-float-bottom .secondstep .download-save-btn-left.hidden {
    display: none !important; }
  .generator-float-bottom .secondstep .btn-next-padding {
    padding: 0 10px 0 11px; }
    @media (max-width: 767px) {
      .generator-float-bottom .secondstep .btn-next-padding {
        padding: 0 0 0 10px !important; } }
    @media (max-width: 1024px) {
      .generator-float-bottom .secondstep .btn-next-padding {
        padding: 0 13px 0 7px; } }
  .generator-float-bottom .btn.big {
    height: 45px !important;
    font-size: 15px !important; }
    @media (max-width: 767px) {
      .generator-float-bottom .btn.big {
        padding: 0 5px; } }
  .generator-float-bottom .btn-generator-prev {
    padding: 0px 10px 0px 0px !important;
    background: none !important;
    border-radius: 2px;
    color: #797d80 !important;
    -webkit-animation: 1.5s ease 0s normal forwards 1 fadein;
    animation: 1.5s ease 0s normal forwards 1 fadein; }
    .generator-float-bottom .btn-generator-prev:hover {
      color: #f7f7f7 !important; }
  .generator-float-bottom .skip-design-button {
    -webkit-animation: 1.5s ease 0s normal forwards 1 fadein;
    animation: 1.5s ease 0s normal forwards 1 fadein;
    position: absolute;
    left: 100%;
    padding-left: 0; }
    @media (max-width: 767px) {
      .generator-float-bottom .skip-design-button {
        display: none; } }
    @media (max-width: 1024px) {
      .generator-float-bottom .skip-design-button {
        position: relative;
        left: inherit; } }
    .generator-float-bottom .skip-design-button .btn.btn-generator-save-directly {
      color: #797d80 !important; }
    .generator-float-bottom .skip-design-button .btn.btn-generator-save-directly:hover {
      color: #f7f7f7 !important; }

@keyframes fadein {
  0% {
    opacity: 0; }
  66% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadein {
  0% {
    opacity: 0; }
  66% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media (max-width: 767px) {
  .fix-mobile-paddings {
    padding-left: 6px !important;
    padding-right: 6px !important; } }

div[class^='channel-bgd-'] {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  float: right;
  margin-top: -10px;
  text-align: center;
  position: relative; }
  @media (max-width: 1200px) {
    div[class^='channel-bgd-'] {
      display: none; } }
  div[class^='channel-bgd-'] i {
    position: absolute;
    font-size: 36px;
    color: #fff;
    line-height: 52px;
    left: 2px; }

.channel-controller {
  display: none;
  position: absolute;
  z-index: 9999;
  right: 0;
  top: 0; }
  @media (max-width: 1024px) {
    .channel-controller {
      display: block; } }
  @media (max-width: 767px) and (min-width: 480px) {
    .channel-controller {
      right: 15px; } }
  @media (max-width: 479px) {
    .channel-controller {
      right: 5px; } }
  .channel-controller .control-arrange.ng-hide {
    visibility: hidden;
    display: block !important; }
  .channel-controller i {
    font-size: 30px;
    color: #a4a6a8;
    cursor: pointer; }

.moving30 {
  opacity: 0.30;
  z-index: 10; }

.moving50 {
  opacity: 0.50;
  z-index: 10; }

.customWebsiteIcon {
  width: 40px;
  height: 40px;
  position: relative;
  left: -1px;
  top: -1px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat; }

.transparent-bgd {
  background: transparent !important; }

.remove-custom-website-icon {
  color: #797d80 !important;
  line-height: 1 !important;
  right: -15px;
  top: -5px;
  font-size: 25px !important;
  z-index: 999;
  left: inherit !important;
  cursor: pointer; }

.channels-container {
  float: left;
  width: 105%;
  margin-bottom: 13px;
  padding-right: 5%;
  position: relative; }
  .channels-container:hover .channel-controller {
    display: block; }
  @media (max-width: 1200px) {
    .channels-container .input-group.error {
      float: left;
      display: block; } }
  @media (min-width: 1024px) and (max-width: 1200px) {
    .channels-container {
      width: 100%;
      padding-right: 0; } }
  .channels-container span[id^='errorPattern'] + .popover-error {
    margin-left: 55px !important;
    z-index: 9999999; }
    @media (max-width: 1200px) {
      .channels-container span[id^='errorPattern'] + .popover-error {
        margin-left: 0 !important;
        float: left;
        width: 100%;
        margin-top: 5px; } }
  .channels-container .icon-channel-arrange {
    font-size: 30px; }
  .channels-container .icon-channel-arrange.up {
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-45deg); }
  .channels-container .icon-channel-arrange.down {
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg); }
  .channels-container .input-group {
    width: 100%;
    margin-bottom: 12px; }
    .channels-container .input-group .input-group-addon {
      width: 95px;
      background: #f7f7f7;
      border-width: 2px;
      border-color: #eaeaea;
      font-size: 15px;
      color: #797d80;
      font-weight: 500;
      border-radius: 2px; }
      @media (max-width: 1200px) {
        .channels-container .input-group .input-group-addon {
          width: 100%;
          float: left;
          border-right: 2px solid #eaeaea !important;
          border-bottom: 0 !important;
          border-bottom-left-radius: 0 !important;
          border-bottom-right-radius: 0 !important; }
          .channels-container .input-group .input-group-addon + input[type="text"] {
            width: 100%;
            float: left; } }

.channel-bgd-website {
  background: #616568; }

.channel-bgd-facebook {
  background: #3b5998; }

.channel-bgd-twitter {
  background: #1da1f2; }

.channel-bgd-instagram {
  background: #e1306c; }

.channel-bgd-snapchat {
  background: #fffc00; }

.channel-bgd-youtube {
  background: #cd201f; }

.channel-bgd-pinterest {
  background: #bd081c; }

.channel-bgd-googleplus {
  background: #dd4b39; }

.channel-bgd-linkedin {
  background: #0077b5; }

.channel-bgd-xing {
  background: #026466; }

.channel-bgd-flickr {
  background: #ff0084; }

.channel-bgd-vimeo {
  background: #1ab7ea; }

.channel-bgd-dribbble {
  background: #ea4c89; }

.channel-bgd-vkontakte {
  background: #45668e; }

.channel-bgd-tripadvisor {
  background: #589442; }

.channel-bgd-wechat {
  background: #7bb32e; }

.channel-bgd-line {
  background: #00c300; }

.channel-bgd-reddit {
  background: #ff4500; }

.channel-bgd-tumblr {
  background: #35465c; }

.channel-bgd-github {
  background: #191717; }

.channel-bgd-whatsapp {
  background: #25d366; }

.channel-bgd-skype {
  background: #00aff0; }

.inputInvisible_45 {
  opacity: 0;
  margin-bottom: -45px !important; }

.inputInvisible_15 {
  opacity: 0;
  margin-bottom: 0px !important;
  visibility: hidden;
  position: absolute !important;
  bottom: 0;
  right: 0; }

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

@media (min-width: 1200px) {
  #errorChannels + .popover-error {
    margin-top: 90px !important; }
  #errorVideos + .popover-error {
    margin-top: 0px !important; } }

.foldabel-form .section_type_container[class^='section_'], .foldabel-form ng-form[class^='section_'] {
  width: 100% !important;
  margin-bottom: 18px;
  overflow: visible !important; }

.foldabel-form .section_type_container.section_advance_options.section-close {
  overflow: hidden;
  display: none; }

.foldabel-form .form-container {
  float: left;
  width: 100%;
  background: #fff;
  border: 1px #d4d4d4 solid;
  margin-bottom: 12px; }

.foldabel-form #advancedOptions {
  position: relative; }
  .foldabel-form #advancedOptions .toggle-collapse {
    right: 30px !important;
    top: 10px !important; }
  .foldabel-form #advancedOptions .btn-help-icon {
    float: right;
    margin-top: 5px; }

.foldabel-form #advancedOptions .section-header.active.section-open + .section-body {
  padding: 6px 90px 0 15px !important; }

.foldabel-form #advancedOptions .section-body {
  padding: 0 !important; }

.foldabel-form .section-header {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  width: 100%;
  background: #fff;
  cursor: pointer; }
  .foldabel-form .section-header:hover {
    background: #F4F4F4 !important; }
  .foldabel-form .section-header.section-open {
    background: #F4F4F4; }
  .foldabel-form .section-header.not-formly:hover {
    cursor: default; }
  .foldabel-form .section-header .btn-help {
    display: none !important; }
  .foldabel-form .section-header .box-title h3 {
    line-height: 1.4;
    padding: 24px 0 !important;
    margin-bottom: 0 !important; }
    @media (max-width: 991px) and (min-width: 768px) {
      .foldabel-form .section-header .box-title h3 {
        padding: 24px 50px 20px 0 !important; } }
    @media (max-width: 767px) {
      .foldabel-form .section-header .box-title h3 {
        padding: 24px 0 20px !important;
        margin-left: 0px; } }
  .foldabel-form .section-header .box-icon {
    height: 73px; }
    @media (max-width: 768px) {
      .foldabel-form .section-header .box-icon {
        height: 40px; } }
  .foldabel-form .section-header .round-no {
    background-color: transparent !important;
    margin-top: 24px !important; }
    .foldabel-form .section-header .round-no i {
      padding-left: 36px !important; }
  .foldabel-form .section-header .toggle-collapse {
    right: 24px !important;
    top: 6px; }
  .foldabel-form .section-header .checkboxes-container [type="checkbox"]:checked + label:before,
  .foldabel-form .section-header .checkboxes-container [type="checkbox"]:not(:checked) + label:before {
    border: 0 solid #d4d4d4 !important;
    background: none !important; }
  .foldabel-form .section-header .checkboxes-container [type="checkbox"]:not(:checked) + label:after {
    content: "\e08a" !important;
    font-size: 33px !important; }
  .foldabel-form .section-header .checkboxes-container [type="checkbox"]:checked + label:after {
    content: "\e083" !important;
    font-size: 33px !important; }

.foldabel-form .section-body {
  padding: 6px 90px 0 15px;
  width: 100%;
  float: left;
  background: #fff; }
  .foldabel-form .section-body .section_type_container[class^='section_'], .foldabel-form .section-body ng-form[class^='section_'] {
    margin-top: 10px !important;
    float: left; }
  .foldabel-form .section-body .form-input-row.row {
    margin-bottom: 14px !important; }
  .foldabel-form .section-body .box-input {
    padding: 0 0 0 6px !important; }
  @media (max-width: 1024px) {
    .foldabel-form .section-body {
      padding: 0 15px; } }

.foldabel-form .form-input-row.row {
  margin: 0 !important; }

@media (max-width: 1200px) {
  .foldabel-form .box-title h3 {
    margin-left: 15px; } }

.foldabel-form .form-section {
  float: left;
  width: 100%;
  background: #fff;
  border: 1px #d4d4d4 solid;
  margin-bottom: 12px;
  padding: 10px 100px 2px 15px; }
  @media (max-width: 1200px) {
    .foldabel-form .form-section {
      padding-right: 30px !important; } }
  @media (max-width: 991px) {
    .foldabel-form .form-section {
      padding-right: 15px !important; } }

.foldabel-form .channels-list .channel-icon-name {
  display: none;
  font-size: 15px;
  color: #47bdef;
  position: absolute;
  bottom: -5px;
  left: -85%;
  min-width: 100px;
  text-align: center;
  width: 100%; }

.foldabel-form .channels-list li {
  display: inline-block;
  font-size: 36px;
  color: #797d80;
  cursor: pointer;
  margin-right: 20px;
  margin-bottom: 10px;
  position: relative; }
  @media (min-width: 1200px) {
    .foldabel-form .channels-list li:nth-child(7n) {
      margin-right: 0; } }
  @media (max-width: 768px) {
    .foldabel-form .channels-list li:nth-child(4n) {
      margin-right: 0; } }
  @media (max-width: 767px) {
    .foldabel-form .channels-list li:nth-child(4n) {
      margin-right: 20px; } }
  .foldabel-form .channels-list li:hover {
    color: #47bdef; }
    .foldabel-form .channels-list li:hover .channel-icon-name {
      display: block; }

.foldabel-form .rectangular-image-container {
  margin-top: 30px !important;
  float: left;
  width: 100%; }

.foldabel-form .rectangular-image-container-no-margin {
  margin-top: 0 !important;
  float: left;
  width: 100%; }

.foldabel-form .section-subheadline {
  margin-bottom: 15px;
  font-size: 15px; }
  @media (max-width: 991px) {
    .foldabel-form .section-subheadline {
      margin-left: -10px;
      margin-right: -10px; } }

.foldabel-form .toggle-collapse {
  position: absolute;
  right: -70px;
  top: -3px;
  z-index: 9996; }
  @media (max-width: 1200px) {
    .foldabel-form .toggle-collapse {
      right: -15px;
      top: -7px; } }
  .foldabel-form .toggle-collapse .checkboxes-container.fold-checkbox [type="checkbox"]:not(:checked) + label,
  .foldabel-form .toggle-collapse .checkboxes-container.fold-checkbox [type="checkbox"]:checked + label {
    padding-left: 55px !important; }
  .foldabel-form .toggle-collapse .checkboxes-container.fold-checkbox [type="checkbox"]:not(:checked) + label:before,
  .foldabel-form .toggle-collapse .checkboxes-container.fold-checkbox [type="checkbox"]:checked + label:before {
    left: 30px !important;
    top: 2px !important;
    width: 18px;
    height: 18px; }
  .foldabel-form .toggle-collapse .checkboxes-container.fold-checkbox [type="checkbox"]:not(:checked) + label:after,
  .foldabel-form .toggle-collapse .checkboxes-container.fold-checkbox [type="checkbox"]:checked + label:after {
    top: 4px !important;
    left: 28px !important; }
    @media (max-width: 767px) {
      .foldabel-form .toggle-collapse .checkboxes-container.fold-checkbox [type="checkbox"]:not(:checked) + label:after,
      .foldabel-form .toggle-collapse .checkboxes-container.fold-checkbox [type="checkbox"]:checked + label:after {
        left: 45px !important;
        top: -15px !important; } }
  .foldabel-form .toggle-collapse .checkboxes-container [type="checkbox"]:checked + label, .foldabel-form .toggle-collapse .checkboxes-container [type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer; }
  .foldabel-form .toggle-collapse .checkboxes-container [type="checkbox"]:checked + label:before, .foldabel-form .toggle-collapse .checkboxes-container [type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 10px;
    width: 24px;
    height: 24px;
    border-radius: 0; }
  .foldabel-form .toggle-collapse .checkboxes-container [type="checkbox"]:checked + label:after {
    font-family: qrbackend2 !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    position: absolute;
    top: 14px;
    right: 15px;
    color: #a4a6a8;
    transition: opacity 0.2s; }
  .foldabel-form .toggle-collapse .checkboxes-container [type="checkbox"]:not(:checked) + label:after {
    font-family: qrbackend2 !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    position: absolute;
    top: 14px;
    right: 15px;
    color: #a4a6a8;
    transition: opacity 0.2s; }
  .foldabel-form .toggle-collapse .checkboxes-container .form-group {
    margin-bottom: 15px !important; }
    .foldabel-form .toggle-collapse .checkboxes-container .form-group label {
      padding-left: 35px !important; }
  .foldabel-form .toggle-collapse .checkboxes-container [type="checkbox"]:checked {
    position: absolute;
    left: -9999px; }
    .foldabel-form .toggle-collapse .checkboxes-container [type="checkbox"]:checked + label:after {
      opacity: 1;
      transform: scale(1); }
  .foldabel-form .toggle-collapse .checkboxes-container [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px; }
    .foldabel-form .toggle-collapse .checkboxes-container [type="checkbox"]:not(:checked) + label:after {
      opacity: 1;
      transform: scale(1); }
  .foldabel-form .toggle-collapse .checkboxes-container label:hover:before {
    color: #797d80 !important; }
  .foldabel-form .toggle-collapse .checkboxes-container label:hover:after {
    color: #797d80 !important; }

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

.app-icon-block {
  color: #a4a6a8;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer; }
  .app-icon-block:hover, .app-icon-block:focus {
    color: #797d80; }
    .app-icon-block:hover span, .app-icon-block:focus span {
      color: #797d80; }
  .app-icon-block span {
    color: #a4a6a8;
    font-size: 22px;
    margin: 0 8px 0 0;
    vertical-align: middle; }

.app-icon-close {
  position: absolute;
  right: -20px;
  top: 5px;
  font-size: 24px;
  color: #d4d4d4;
  cursor: pointer; }

.dots-animation span {
  -webkit-animation-name: dots-blink;
  animation-name: dots-blink;
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.dots-animation span:nth-child(2) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s; }

.dots-animation span:nth-child(3) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s; }

@-webkit-keyframes dots-blink {
  0% {
    opacity: .2; }
  20% {
    opacity: 1; }
  100% {
    opacity: .2; } }

@keyframes dots-blink {
  0% {
    opacity: .2; }
  20% {
    opacity: 1; }
  100% {
    opacity: .2; } }

#modal-download-new {
  z-index: 10001; }
  #modal-download-new label {
    color: #a4a6a8;
    font-weight: 600; }
  #modal-download-new .checkboxes-container {
    display: inline-block;
    left: calc(25% - 20px);
    position: relative; }
    @media (max-width: 767px) {
      #modal-download-new .checkboxes-container {
        left: 0; } }
    #modal-download-new .checkboxes-container .checkbox_label {
      color: #797d80;
      font-weight: 400;
      font-size: 15px; }
  #modal-download-new input[type=text],
  #modal-download-new input[type=email],
  #modal-download-new textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  #modal-download-new .modal-dialog {
    width: auto !important;
    max-width: 600px !important; }
  #modal-download-new .modal-content {
    padding: 55px 35px 0 !important; }
  #modal-download-new .modal-header button.close {
    top: 14px;
    right: 20px;
    color: #a4a6a8;
    text-shadow: none; }
    #modal-download-new .modal-header button.close:focus, #modal-download-new .modal-header button.close:hover {
      color: #797d80 !important;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      text-shadow: none; }
  #modal-download-new .modal-header .btn i {
    font-size: 14px;
    line-height: 14px;
    width: 20px; }
  #modal-download-new .btn:focus {
    outline: none; }
  #modal-download-new .btn-download-all {
    color: #90c52d;
    font-weight: 600;
    text-decoration: underline;
    padding-right: 0;
    margin-right: 0; }
    #modal-download-new .btn-download-all:focus, #modal-download-new .btn-download-all:hover {
      outline: none;
      color: #85b62b; }
  #modal-download-new .btn-download {
    color: #797d80;
    border: 1px solid #eaeaea;
    background: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 15px;
    font-weight: 600; }
    #modal-download-new .btn-download:hover, #modal-download-new .btn-download:focus {
      border-color: #797d80;
      outline: none; }
    #modal-download-new .btn-download:disabled {
      border-color: #f7f7f7;
      color: #a4a6a8; }
    #modal-download-new .btn-download span {
      display: block;
      color: #a4a6a8; }
    #modal-download-new .btn-download:disabled span {
      color: #d4d4d4; }
  #modal-download-new .btn-top-link {
    color: #a4a6a8;
    position: absolute;
    top: 20px;
    left: 14px;
    font-size: smaller;
    font-weight: 600;
    border: 0; }
    #modal-download-new .btn-top-link:hover, #modal-download-new .btn-top-link:focus,
    #modal-download-new .btn-top-link:hover .icon,
    #modal-download-new .btn-top-link:focus .icon {
      color: #797d80 !important;
      text-decoration: none;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      outline: none;
      text-shadow: none; }
    #modal-download-new .btn-top-link .icon {
      vertical-align: bottom;
      color: #a4a6a8 !important;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      text-shadow: none; }
  #modal-download-new .nav-pills {
    display: inline-block; }
    #modal-download-new .nav-pills a {
      color: #797d80;
      font-weight: 500; }
      #modal-download-new .nav-pills a:hover, #modal-download-new .nav-pills a:focus {
        outline: none;
        color: #616568; }
    #modal-download-new .nav-pills .active a {
      color: #47bdef; }
    #modal-download-new .nav-pills .icon:before {
      font-size: 18px;
      vertical-align: bottom;
      position: relative;
      top: 1px; }
  #modal-download-new .modal-bottom-menu {
    background: #f7f7f7;
    margin: 0 -35px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    padding: 15px 35px 15px;
    float: none;
    clear: left;
    width: auto; }
  #modal-download-new .btn-download-default {
    background: #90c52d;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
    margin: 25px 0;
    padding: 20px; }
    #modal-download-new .btn-download-default:hover, #modal-download-new .btn-download-default:focus {
      outline: none;
      background: #85b62b; }
  #modal-download-new .btn-advanced-options {
    color: #a4a6a8;
    font-weight: 600;
    margin-left: 0;
    padding-left: 0; }
    #modal-download-new .btn-advanced-options.active {
      color: #47bdef; }
    #modal-download-new .btn-advanced-options:hover, #modal-download-new .btn-advanced-options:focus {
      outline: none;
      text-decoration: none; }
  #modal-download-new .advanced-options {
    border: 1px solid #eaeaea;
    padding: 20px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 0 0; }
    #modal-download-new .advanced-options label {
      color: #a4a6a8;
      margin-top: 10px; }
    #modal-download-new .advanced-options p {
      margin: 10px 15px 0; }
    #modal-download-new .advanced-options h5 {
      font-weight: 600;
      margin: 10px 15px 0;
      padding: 0;
      font-size: 100%;
      color: #a4a6a8; }
  #modal-download-new .btn-sharing-enable {
    color: #90c52d;
    font-weight: 600;
    text-decoration: underline;
    padding-right: 0;
    margin-right: 0; }
    #modal-download-new .btn-sharing-enable:hover, #modal-download-new .btn-sharing-enable:focus {
      outline: none;
      color: #85b62b; }
  #modal-download-new .btn-sharing-disable {
    color: #ff5f4a;
    font-weight: 600;
    text-decoration: underline;
    padding: 0;
    margin-right: 0; }
    #modal-download-new .btn-sharing-disable:hover, #modal-download-new .btn-sharing-disable:focus {
      outline: none; }
  #modal-download-new .enable-sharing-block {
    color: #a4a6a8;
    border: 1px solid #eaeaea;
    padding: 40px;
    text-align: center; }
    #modal-download-new .enable-sharing-block p {
      margin: 10px 0 0; }
  #modal-download-new .btn-disable-yes {
    color: #90c52d;
    text-decoration: underline;
    white-space: nowrap;
    font-weight: 500; }
    #modal-download-new .btn-disable-yes:hover, #modal-download-new .btn-disable-yes:focus {
      outline: none;
      color: #85b62b; }
  #modal-download-new .btn-disable-no {
    color: #a4a6a8;
    text-decoration: underline;
    white-space: nowrap;
    font-weight: 500; }
  #modal-download-new .show-more-question {
    line-height: inherit; }
  #modal-download-new .input-group .input-group-addon {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    background: #f7f7f7;
    border-color: #eaeaea;
    color: #a4a6a8;
    font-weight: 600;
    padding: 10px 20px;
    text-align: center;
    min-width: 10em; }
  #modal-download-new .input-group input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: #eaeaea;
    padding: 10px 20px;
    font-weight: 500;
    height: 42px;
    color: #616568;
    cursor: text;
    background: #ffffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    #modal-download-new .input-group input:focus {
      border-color: #eaeaea;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  #modal-download-new .input-group #qr-code-link {
    font-weight: 600; }
  #modal-download-new .input-group button {
    border-color: #eaeaea;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background: #ffffff;
    color: #90c52d;
    font-weight: 600;
    padding: 10px 20px; }
    #modal-download-new .input-group button:hover, #modal-download-new .input-group button:focus {
      outline: none;
      color: #85b62b; }
  #modal-download-new .btn-add-message {
    color: #90c52d;
    font-weight: 600;
    text-decoration: underline;
    padding: 0;
    margin-left: 0; }
    #modal-download-new .btn-add-message:hover, #modal-download-new .btn-add-message:focus {
      outline: none;
      color: #85b62b; }
  #modal-download-new .qr-code-by-email-form input,
  #modal-download-new .qr-code-by-email-form textarea {
    font-weight: 500; }
  #modal-download-new .btn-send-email {
    color: #90c52d;
    border: 1px solid #90c52d !important;
    background: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 25px;
    padding: 10px 40px;
    font-weight: 600; }
    #modal-download-new .btn-send-email:hover, #modal-download-new .btn-send-email:focus {
      outline: none;
      color: #85b62b;
      border-color: #85b62b; }
    #modal-download-new .btn-send-email:disabled {
      border-color: #d4d4d4 !important;
      color: #d4d4d4; }
  #modal-download-new input {
    border-color: #eaeaea;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 20px;
    font-weight: 600;
    height: 42px;
    color: #616568;
    cursor: text;
    background: #ffffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    #modal-download-new input:focus {
      border-color: #eaeaea;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  #modal-download-new textarea {
    border-color: #eaeaea;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 20px;
    font-weight: 600;
    color: #616568;
    cursor: text;
    background: #ffffff;
    resize: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    #modal-download-new textarea:focus {
      border-color: #eaeaea;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  #modal-download-new .switch {
    vertical-align: middle;
    margin: 0;
    padding: 0; }
    #modal-download-new .switch input:checked + label:after {
      margin-left: 16px; }
    #modal-download-new .switch label {
      width: 34px;
      height: 20px; }
      #modal-download-new .switch label:after {
        width: 12px;
        height: 12px;
        font-size: 14px; }
  #modal-download-new .checkbox > label {
    padding-left: 10px;
    font-weight: 600; }

@media (max-width: 1024px) {
  #modal-download-new .modal-content {
    padding: 55px 35px 0 !important; }
  #modal-download-new .modal-bottom-menu {
    margin: 0 -35px;
    padding: 15px 35px 15px; } }

@media (max-width: 480px) {
  .frame-view-all {
    float: left;
    display: block;
    margin-right: 10px;
    margin-top: 10px;
    width: 100%; } }

@media (max-width: 767px) {
  #modal-download-new {
    top: 0;
    z-index: 2147483647; }
    #modal-download-new .frame-video-links-container.mb-40 {
      margin-bottom: 130px !important; }
    #modal-download-new .modal-body {
      margin-bottom: 80px; }
    #modal-download-new .modal-dialog {
      max-width: none !important;
      margin: 0;
      height: 100%; }
    #modal-download-new .modal-content {
      padding: 55px 15px 80px !important;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      border: 0;
      min-height: 100%; }
    #modal-download-new .modal-bottom-menu {
      margin: 0 -15px;
      padding: 15px 0 15px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      position: absolute;
      bottom: 0;
      width: 100%;
      z-index: 999; }
    #modal-download-new .qr-code-image-block .input-group {
      display: block; }
    #modal-download-new .btn-send-email {
      display: block;
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-top: 20px; }
    #modal-download-new .dropdown-menu-up-xs {
      top: -140px; }
  #intercom-container {
    z-index: 2147483646 !important; } }

.frame-title {
  font-size: 18px;
  text-align: center;
  color: #616568;
  font-weight: 600;
  margin-bottom: 13px; }

.recommend-text {
  font-size: 15px;
  text-align: left;
  color: #616568;
  font-weight: 600;
  margin-bottom: 25px; }

.frame-subtitle {
  font-size: 15px;
  text-align: center;
  color: #797d80;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 39px; }

.frameCody {
  float: left; }
  @media (max-width: 767px) {
    .frameCody {
      float: inherit;
      margin: 0 auto;
      width: 124px;
      display: block; } }

.frame-view-all {
  text-decoration: underline;
  color: #797d80;
  font-size: 15px; }
  .frame-view-all:hover {
    color: #47bdef; }

.cody-text {
  float: left;
  width: calc(100% - 124px);
  padding-left: 21px;
  padding-top: 35px;
  margin-bottom: 38px; }
  @media (max-width: 767px) {
    .cody-text {
      width: 100%;
      padding-left: 0; } }
  .cody-text .frame-title {
    float: left; }
  .cody-text .frame-subtitle {
    text-align: left;
    float: left;
    margin-bottom: 0 !important; }

.modal-content {
  background: #fff; }

.label-notShow {
  position: absolute;
  left: -35px;
  bottom: 0;
  background: #d4d4d4;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  padding: 7px 31px 3px 24px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 2px;
  cursor: pointer; }
  @media (max-width: 767px) {
    .label-notShow {
      width: 100%;
      left: 0;
      padding: 10px 30px;
      text-align: center; } }
  .label-notShow:hover {
    background: #a4a6a8; }

.cursor-pointer {
  cursor: pointer; }

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

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

.mt_27 {
  margin-top: -27px !important; }

.mt_75 {
  margin-top: -75px !important; }

.pr-5 {
  padding-right: 5px; }

.qr-call-action-container {
  margin-bottom: -35px; }
  @media (max-width: 991px) {
    .qr-call-action-container {
      margin-bottom: -20px;
      padding-left: 10px !important;
      margin-top: 20px !important; } }

.features-container {
  margin-top: 18px !important; }
  .features-container li {
    margin-right: 25px;
    margin-bottom: 15px;
    display: inline-block; }
    .features-container li:last-child {
      margin-right: 0; }
    .features-container li i {
      font-size: 30px;
      color: #797d80;
      position: relative; }
      .features-container li i.active {
        color: #47bdef; }
      .features-container li i.active:hover:after {
        background: #47bdef; }
      .features-container li i:hover {
        cursor: pointer; }
        .features-container li i:hover:after {
          content: "";
          position: absolute;
          height: 2px;
          width: 80%;
          background: #a4a6a8;
          bottom: 7px;
          left: 3px; }

.basic-date-time {
  position: relative;
  width: 100%;
  height: 100%;
  float: left; }

.timeIsOn {
  top: 0px; }

.time-format-container .clearTimeZone {
  font-size: 14px;
  cursor: pointer;
  color: #47bdef; }
  .time-format-container .clearTimeZone:hover {
    color: #25acdd; }

.time-format-container #timeFormatDropdown {
  width: 100px;
  float: right;
  margin-top: 5px !important; }
  @media (max-width: 768px) {
    .time-format-container #timeFormatDropdown {
      float: left; } }

.time-format-container [id*='Drop'].dropdown-selected, .time-format-container [id*='Drop'].dropdown-selected + .billing-button {
  border-color: #fff; }

.time-format-container #timeGMTDropdown {
  width: 115px;
  float: right;
  margin-top: 5px !important; }
  @media (max-width: 768px) {
    .time-format-container #timeGMTDropdown {
      float: left; } }
  .time-format-container #timeGMTDropdown #timeGMTDrop {
    padding-right: 0px !important;
    padding-left: 0px !important;
    text-align: right; }
  .time-format-container #timeGMTDropdown ul.dropdown-menu {
    width: 310px;
    left: -195px;
    max-height: 290px;
    height: 290px; }
    @media (max-width: 991px) {
      .time-format-container #timeGMTDropdown ul.dropdown-menu {
        left: 0;
        top: 45px !important; } }
    .time-format-container #timeGMTDropdown ul.dropdown-menu li:first-child {
      padding: 15px; }
    .time-format-container #timeGMTDropdown ul.dropdown-menu #timezoneList {
      height: 170px;
      width: 100%;
      overflow: hidden;
      position: absolute;
      left: 0;
      padding-right: 30px; }
      .time-format-container #timeGMTDropdown ul.dropdown-menu #timezoneList li {
        padding: 5px 0; }
        .time-format-container #timeGMTDropdown ul.dropdown-menu #timezoneList li.option-selected a {
          color: #47bdef !important; }

.time-format-container .btn-group-actions.open .dropdown-toggle {
  z-index: 9001 !important;
  border: 0 !important;
  position: relative;
  background-color: transparent !important; }

.time-format-container .dropdown-menu {
  z-index: 9000 !important;
  top: 0 !important;
  padding-top: 5px !important; }

.call-action-container {
  top: 15px; }
  @media (max-width: 1024px) {
    .call-action-container {
      margin-top: -10px !important; }
      .call-action-container .call-action-pr-0-mobile {
        padding-right: 0 !important;
        margin-bottom: 20px; } }

.call-action-select-margins {
  margin-left: -3px;
  margin-right: 3px; }
  @media (max-width: 768px) {
    .call-action-select-margins {
      margin-left: 0;
      margin-right: 0; } }

.hide-on-static {
  float: left;
  width: 100%; }

#qr-calendar.dropdown-menu {
  border: 0;
  margin-top: 0;
  box-shadow: 0px 3px 6px 0px rgba(121, 125, 128, 0.7);
  width: 358px;
  height: 320px; }

#qr-calendar:before, #qr-calendar:after {
  display: none; }

#qr-calendar.bootstrap-datetimepicker-widget th.picker-switch {
  color: #797d80;
  font-size: 15px;
  font-weight: 600; }

#qr-calendar.bootstrap-datetimepicker-widget .prev, #qr-calendar.bootstrap-datetimepicker-widget .next {
  color: #47bdef;
  padding-top: 0 !important; }

#qr-calendar.bootstrap-datetimepicker-widget .day, #qr-calendar.bootstrap-datetimepicker-widget .year, #qr-calendar.bootstrap-datetimepicker-widget .month {
  color: #616568;
  font-weight: 600;
  font-size: 15px; }
  #qr-calendar.bootstrap-datetimepicker-widget .day.new, #qr-calendar.bootstrap-datetimepicker-widget .year.new, #qr-calendar.bootstrap-datetimepicker-widget .month.new {
    color: #a4a6a8; }
  #qr-calendar.bootstrap-datetimepicker-widget .day.old, #qr-calendar.bootstrap-datetimepicker-widget .day.disabled, #qr-calendar.bootstrap-datetimepicker-widget .year.old, #qr-calendar.bootstrap-datetimepicker-widget .year.disabled, #qr-calendar.bootstrap-datetimepicker-widget .month.old, #qr-calendar.bootstrap-datetimepicker-widget .month.disabled {
    color: #d4d4d4; }
  #qr-calendar.bootstrap-datetimepicker-widget .day.active, #qr-calendar.bootstrap-datetimepicker-widget .year.active, #qr-calendar.bootstrap-datetimepicker-widget .month.active {
    background-color: #47bdef;
    text-shadow: none;
    border-radius: 2px;
    color: #fff; }
  #qr-calendar.bootstrap-datetimepicker-widget .day.today:after, #qr-calendar.bootstrap-datetimepicker-widget .year.today:after, #qr-calendar.bootstrap-datetimepicker-widget .month.today:after {
    border-bottom-color: #47bdef; }

#qr-calendar.bootstrap-datetimepicker-widget .datepicker-days {
  padding: 0 10px; }

#qr-calendar.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 7px; }

#qr-calendar.bootstrap-datetimepicker-widget .table-condensed thead tr:first-child th:hover {
  background: none;
  color: #25acdd; }

#qr-calendar.bootstrap-datetimepicker-widget .table-condensed thead tr:nth-child(2) {
  background-color: #f7f7f7;
  position: absolute;
  width: 100%;
  display: block;
  left: 0;
  top: 50px;
  padding: 5px 0 5px 40px; }
  #qr-calendar.bootstrap-datetimepicker-widget .table-condensed thead tr:nth-child(2) th {
    font-size: 12px;
    color: #797d80;
    font-weight: 600;
    border-radius: 0 !important;
    padding: 0 0;
    float: left;
    margin-right: 26px;
    display: inline-block;
    width: 19px; }
    #qr-calendar.bootstrap-datetimepicker-widget .table-condensed thead tr:nth-child(2) th:last-child {
      margin-right: 0 !important; }

#qr-calendar.bootstrap-datetimepicker-widget .table-condensed tbody:before {
  line-height: 30px;
  content: "&nbsp";
  visibility: hidden;
  color: white;
  display: block; }

#dsolution-body .dropdownTimeDiff.time-dropdown#endTimeDropdown .btn-group-actions.open .dropdown-menu {
  min-width: 170px !important; }

#dsolution-body .upload-avatar-click-handler span {
  text-transform: inherit;
  font-weight: 600;
  font-size: 15px; }
  #dsolution-body .upload-avatar-click-handler span i {
    opacity: 1;
    font-size: 27px;
    height: 20px;
    margin-top: -2px;
    margin-right: 10px; }

#dsolution-body .checkboxes-container.blue-checkbox [type="checkbox"]:not(:checked) + label,
#dsolution-body .checkboxes-container.blue-checkbox [type="checkbox"]:checked + label {
  padding-left: 25px !important;
  margin-left: 0 !important;
  padding-top: 4px;
  font-size: 15px;
  color: #797d80; }

#dsolution-body .checkboxes-container.blue-checkbox [type="checkbox"]:not(:checked) + label:before,
#dsolution-body .checkboxes-container.blue-checkbox [type="checkbox"]:checked + label:before {
  left: 0 !important; }

#dsolution-body .checkboxes-container.blue-checkbox [type="checkbox"]:not(:checked) + label:after,
#dsolution-body .checkboxes-container.blue-checkbox [type="checkbox"]:checked + label:after {
  left: -2px !important; }

#dsolution-body .disabled {
  background: #f7f7f7; }

#dsolution-body .icon-app-arrow-to {
  color: #a4a6a8;
  font-size: 30px;
  margin: 0 2px; }
  @media (max-width: 1200px) {
    #dsolution-body .icon-app-arrow-to {
      display: none; } }

#dsolution-body .datepickerbutton {
  cursor: pointer;
  padding: 0 5px !important; }

#dsolution-body input[type="text"], #dsolution-body .redesign input[type="password"], #dsolution-body .redesign input[type="email"], #dsolution-body .redesign textarea, #dsolution-body .redesign select {
  height: 45px; }

@media (max-width: 1200px) {
  #dsolution-body #time-end-container {
    float: left;
    position: absolute;
    bottom: 0px;
    margin-bottom: 0 !important;
    left: calc(41.6666666667% + 10px); } }
  @media (max-width: 1200px) and (max-width: 991px) and (min-width: 768px) {
    #dsolution-body #time-end-container {
      left: calc(50% + 10px) !important; } }

#dsolution-body .time-input-custom {
  height: 15px !important;
  border: 0;
  width: 100%;
  padding: 0; }

#dsolution-body .datepicker-date-only {
  padding-left: 10px !important; }

#dsolution-body .datepicker-icon {
  width: 45px;
  height: 45px;
  display: inline-block;
  background: #fbfbfb;
  border: 2px solid #eaeaea;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  position: absolute;
  top: 0;
  right: -43px;
  margin: 0;
  padding: 8px 0 0 8px;
  cursor: pointer;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s; }
  #dsolution-body .datepicker-icon i {
    font-size: 24px;
    color: #797d80; }

#dsolution-body input:hover + .datepicker-icon,
#dsolution-body input:focus + .datepicker-icon {
  border-color: #d4d4d4; }

#dsolution-body .dropdown-container {
  margin-top: 0; }

#dsolution-body #endTimeDropdown .disabled, #dsolution-body #startTimeDropdown .disabled {
  cursor: not-allowed;
  pointer-events: none; }

#dsolution-body .time-container {
  float: left;
  width: 80px;
  height: 45px;
  margin-left: 5px; }
  @media (max-width: 1200px) {
    #dsolution-body .time-container {
      width: 30%;
      margin: 0 10px 10px 10px; } }

@media (max-width: 1200px) {
  #dsolution-body .date.pull-right {
    float: left !important; } }

#dsolution-body .datepicker-label {
  display: none; }
  @media (max-width: 1200px) {
    #dsolution-body .datepicker-label {
      display: block;
      margin-top: 10px; }
      #dsolution-body .datepicker-label.datepicker-label-extra-space {
        width: 100%;
        margin-bottom: 10px; }
      #dsolution-body .datepicker-label + .date {
        margin-bottom: 10px; } }

#dsolution-body .time-dropdown .ps-container.ps-active-y > .ps-scrollbar-y-rail {
  right: 3px !important; }

#dsolution-body .time-dropdown#startTimeDropdown .btn-group-actions.open .dropdown-menu {
  left: 1px;
  min-width: 95px; }

#dsolution-body .time-dropdown#endTimeDropdown .btn-group-actions.open .dropdown-menu {
  left: 1px;
  min-width: 95px; }

#dsolution-body .time-dropdown .dropdown-selected {
  width: 100% !important;
  padding: 13px 4px !important; }
  @media (max-width: 1200px) {
    #dsolution-body .time-dropdown .dropdown-selected {
      padding: 15px 10px !important; } }

#dsolution-body .actionsContainer .btn-group-actions.open .dropdown-toggle {
  z-index: 9001;
  border: 0;
  position: relative; }

#dsolution-body .actionsContainer .dropdown-menu {
  z-index: 9000 !important;
  top: 0;
  padding-top: 5px; }

#dsolution-body .welcomeImg-container {
  position: relative;
  width: 240px !important;
  height: 136px !important;
  white-space: nowrap;
  text-align: center;
  margin: 1em 0; }
  #dsolution-body .welcomeImg-container.isInEditWelcome {
    cursor: inherit !important; }
  @media (min-width: 768px) and (max-width: 1366px) {
    #dsolution-body .welcomeImg-container {
      width: 273px;
      height: 152px; } }
  @media (max-width: 767px) {
    #dsolution-body .welcomeImg-container {
      width: 308px;
      height: 172px; } }
  @media (max-width: 1200px) {
    #dsolution-body .welcomeImg-container {
      margin: 1em auto; } }
  #dsolution-body .welcomeImg-container .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  #dsolution-body .welcomeImg-container img {
    vertical-align: middle;
    max-height: 100px;
    max-width: 100px;
    margin: 0 auto; }

#dsolution-body .avatar:not(.circleAvatar) {
  width: 240px;
  height: 136px;
  border-radius: 0;
  background-color: #fff;
  border: 2px dotted #eaeaea !important; }
  @media (max-width: 1366px) {
    #dsolution-body .avatar:not(.circleAvatar) {
      border: 2px dotted #eaeaea !important;
      border-image: none !important;
      -o-border-image: none !important;
      -webkit-border-image: none !important; } }
  @media (min-width: 768px) and (max-width: 1366px) {
    #dsolution-body .avatar:not(.circleAvatar) {
      width: 273px;
      height: 152px;
      background-size: 100% !important;
      margin: 20px auto 0; } }
  @media (max-width: 767px) {
    #dsolution-body .avatar:not(.circleAvatar) {
      width: 308px;
      height: 172px;
      background-size: 100% !important;
      margin: 20px auto 0; } }
  @media (max-width: 320px) {
    #dsolution-body .avatar:not(.circleAvatar) {
      width: 257px;
      height: 145px; } }
  #dsolution-body .avatar:not(.circleAvatar).disableBorderImage {
    border: 1px #eaeaea solid !important; }
  #dsolution-body .avatar:not(.circleAvatar).isInEditAvatar {
    cursor: inherit !important; }
  #dsolution-body .avatar:not(.circleAvatar).squareAvatar {
    width: 136px; }
  #dsolution-body .avatar:not(.circleAvatar) .no-event-image-selected {
    position: absolute;
    top: calc(50% - 10px);
    font-size: 15px;
    text-align: center;
    width: 100%;
    color: #a4a6a8; }
  #dsolution-body .avatar:not(.circleAvatar) .del-img {
    top: -7px;
    right: -7px; }

@media (max-width: 768px) {
  #dsolution-body .box-button {
    width: 100%;
    padding: 0; }
    #dsolution-body .box-button .upload {
      max-width: 100% !important;
      width: 100% !important; }
      #dsolution-body .box-button .upload span {
        width: 100%; } }

#dsolution-body .box-button .upload {
  max-width: 160px;
  width: auto; }

.subscribe-btn {
  background: #fff;
  width: 100%;
  height: 35px;
  float: left;
  border-radius: 4px;
  margin-top: 5px;
  color: #797d80;
  font-size: 15px;
  line-height: 32px;
  cursor: default;
  pointer-events: none;
  text-align: left;
  border: 2px #90c52d solid; }
  @media (max-width: 1024px) {
    .subscribe-btn {
      text-align: center; } }
  .subscribe-btn i {
    font-size: 30px;
    color: #90c52d;
    float: left;
    line-height: 40px;
    margin-left: 10px; }
    @media (max-width: 1024px) {
      .subscribe-btn i {
        margin-right: -30px; } }
  .subscribe-btn.disabled {
    background: #eaeaea !important;
    border: 2px #eaeaea solid; }
    .subscribe-btn.disabled i {
      color: #797d80; }

.ytSpinner {
  position: absolute;
  top: 14px;
  right: 12px;
  width: 20px; }

.help-section {
  display: none; }
  @media (max-width: 1024px) {
    .help-section {
      float: left;
      margin-top: 20px; } }

.no-video-inserted {
  text-align: center; }
  .no-video-inserted img {
    width: 180px; }

@media (max-width: 1024px) {
  .add-video-url-container {
    padding: 0;
    margin-bottom: 10px; } }

.addVideo-btn {
  background: #47bdef;
  border-radius: 2px;
  color: #fff;
  padding: 0px 15px;
  margin-top: 5px;
  height: 45px;
  display: inline-block;
  float: left;
  line-height: 45px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  text-align: center; }
  @media (max-width: 991px) {
    .addVideo-btn {
      width: 100% !important; } }
  .addVideo-btn:hover {
    background: #25acdd; }
  .addVideo-btn.disabled {
    background: #97d7ef !important;
    color: #fff;
    cursor: no-drop; }

@media (max-width: 480px) {
  .videos-container .checkboxes-container {
    margin-top: 20px; } }

.video-container {
  float: left;
  position: relative;
  width: 105%;
  padding-right: 5%; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .video-container {
      width: 100%; } }
  @media (max-width: 1024px) {
    .video-container {
      padding-right: 12%; } }
  .video-container textarea {
    min-height: 114px;
    font-weight: 400; }
    @media (max-width: 1024px) {
      .video-container textarea {
        margin-top: 15px !important;
        margin-bottom: 15px; } }
  .video-container .charleft {
    right: 14px; }
    @media (max-width: 1200px) {
      .video-container .charleft {
        top: -35px; } }
  .video-container:hover .channel-controller {
    display: block; }
  .video-container.isHighlighted {
    margin-bottom: 71px; }

.long-divider {
  position: absolute;
  height: 1px;
  background: #d4d4d4;
  left: 0;
  bottom: -40px; }

textarea.textAreaReadOnly {
  color: #b3b5b7 !important;
  border: 2px #eaeaea solid !important;
  cursor: default !important;
  font-weight: 400; }
  textarea.textAreaReadOnly:hover {
    border: 2px #eaeaea solid !important; }

@media (max-width: 767px) {
  .video-description-container {
    width: calc(90% + 2px);
    float: right; } }

.thumb-img-container {
  float: right;
  display: inline-block;
  width: 200px;
  height: 112.5px;
  overflow: hidden;
  text-align: center;
  border: 1px #fff solid; }
  @media (max-width: 1200px) {
    .thumb-img-container {
      float: initial;
      margin: 0 auto;
      display: block; } }
  @media (max-width: 767px) {
    .thumb-img-container {
      float: right !important;
      width: 90% !important;
      height: auto; } }
  .thumb-img-container.img-video-highlight {
    border: 1px #47bdef solid; }
  .thumb-img-container img.thumbnailDesktopTemplate {
    margin-top: 0;
    width: 100%; }
  .thumb-img-container img.thumbnailMobileTemplate {
    margin-top: 0;
    width: 100%; }

@media (max-width: 1200px) {
  .add-video-container {
    margin-top: 20px !important; } }

.add-video-container .ytSpinner {
  right: 30px; }

@media (min-width: 1200px) {
  .add-video-container .popover.popover-error {
    margin-left: calc(16.6666666667% + 55px) !important; } }

.new-feedback-form {
  background: #f7f7f7;
  padding: 20px 70px;
  margin: 10px;
  -webkit-box-shadow: 0 2px 5px #a4a6a8;
  -moz-box-shadow: 0 2px 5px #a4a6a8;
  box-shadow: 0 2px 5px #a4a6a8; }
  .new-feedback-form .btn-link {
    font-weight: bold;
    color: #a4a6a8;
    background: transparent;
    border: 0;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    text-decoration: none;
    text-transform: none; }
    .new-feedback-form .btn-link:hover, .new-feedback-form .btn-link:focus {
      color: #47bdef;
      background: transparent; }
  .new-feedback-form h6 {
    font-weight: bold;
    font-size: 100%;
    color: #797d80;
    padding: 0;
    margin: 0 0 20px; }
  .new-feedback-form img {
    float: left;
    width: 90px;
    height: 90px;
    border: 0;
    margin: 30px 0 0;
    padding: 0; }
  .new-feedback-form .form-group {
    margin-left: 110px;
    margin-top: 30px; }
    @media (max-width: 768px) {
      .new-feedback-form .form-group {
        float: left;
        width: 100%;
        margin: 0; } }
  .new-feedback-form textarea {
    height: 90px; }
  .new-feedback-form .close {
    position: relative;
    right: -40px; }

.social-login-line {
  border-top: 1px solid #eaeaea;
  padding: 0;
  margin: 24px 0 6px;
  text-align: center; }
  .social-login-line__label {
    color: #d4d4d4;
    background: #ffffff;
    padding: 0 4px;
    margin: 0;
    position: relative;
    top: -12px;
    line-height: 1; }

.social-login {
  padding: 0;
  margin: 0; }
  .social-login__button {
    cursor: pointer;
    font-size: 14px;
    padding: 12px 0;
    margin: 0 0 14px;
    border: 1px solid;
    display: block;
    width: 100%;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    position: relative;
    line-height: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
    .social-login__button:hover, .social-login__button:focus {
      outline: none;
      text-decoration: none;
      color: #ffffff; }
    .social-login__button--google {
      border-color: #4285f4;
      background-color: #4285f4; }
      .social-login__button--google:hover, .social-login__button--google:focus {
        border-color: #3367d6;
        background-color: #3367d6; }
      .social-login__button--google:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        padding: 0;
        margin: 0;
        background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4QoXDQMzCpe0hgAAAkVJREFUOMullMtLVVEUxn9rn2PXC10TJBQLGhRlkGWaVpjYw6xBDcJu0BWlSZNmDcUGNgn8FxpIGIhpFhFRiZqQRfmgkMJIMHpoqVclTTP17NXAB8ebaNEHG/ZefOvb61t7s4QYKMhQQU6hqI2A5AKpgAUGQJ6qUJfc1P44Nk/8h2hhVpr1TBVwkFUhbdahNKWx/cNixCxuho/tP2I9p2NtEQA95Hh63R9xAaIFB3Za9e4B62N8vgO6EaaAjIUFQlfcdODcMiGtwESfz93Ak5CvT5+MyKWNze0P/OThgn2HLXI5MB24kNjWNrbM7Gyjmz/zJql1qnEzOmsA+q0jeX7/fwMjRkrW7R4lVNqLSZxRVS37V5H5ipriuoF0AH66I271qWSpr/f8pKPXJutWbb3a2y6wZSkSnOuJFVlghletRsygme/tf0JtvFHl8+L5F862cF3YWYHZt3zxJYYw6HridLp4u3q9DZSNZ6f0e14EuOlntZSHti7v2Y8SlOolayo9MvAw4USXTXpUObGHaRxABsTTvI7ihr6VXORWDocCc8EOYMdCyLOzNsWknhxvvDqR+WxeBEBT1aE1+1bR6ViR7LpwhuuOtvhEQKlprUiICkBWTVGaGF4CCTG571V5bYQ5hTQgU2xQ44cuStxkFsAY6uxtuRL8KL7b8tXa+0Bo7VcS1n0//jU4EiluLg89+WOM5NSe2W4xVUDuGlJvUUo6zze8WnEeLSKr9myhUY2okAtsWvhr3wReqHCnsyf9LhUV1p/zGwgS46uG1kimAAAAAElFTkSuQmCC") center center no-repeat;
        width: 38px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px; }

.alert-card {
  background: #fff;
  border: 1px #d4d4d4 solid;
  padding: 65px 120px 80px 120px;
  text-align: center; }
  @media (max-width: 1024px) {
    .alert-card {
      margin-top: -50px;
      padding: 65px 15px 75px;
      float: left; } }
  @media (max-width: 767px) {
    .alert-card {
      padding: 30px 15px;
      float: left; } }
  .alert-card .image-cody {
    margin: 0 auto;
    width: 120px;
    height: 120px; }
  .alert-card h1 {
    font-size: 26px;
    color: #616568;
    font-weight: 600; }
  .alert-card h4 {
    font-size: 18px;
    color: #797d80;
    font-weight: 400; }
  .alert-card p {
    font-size: 16px;
    color: #797d80;
    font-weight: 400;
    margin-bottom: 5px; }
  .alert-card a {
    text-decoration: underline;
    color: #47bdef; }
    .alert-card a:hover {
      color: #25acdd; }
  .alert-card .features-list {
    list-style: none;
    margin-top: 25px;
    margin-bottom: 35px; }
    .alert-card .features-list li {
      color: #616568;
      font-weight: 700;
      font-size: 18px;
      margin-bottom: 15px; }
  .alert-card button {
    background-color: #90c52d;
    color: #ffffff;
    height: 45px;
    line-height: 1;
    text-transform: uppercase; }
    .alert-card button:hover {
      background-color: #85b62b;
      color: #fff !important; }

qr-dropdown .dropdown-menu {
  left: 0;
  right: 0;
  overflow: auto;
  padding: 18px 0 !important;
  max-height: 200px;
  min-width: 0;
  color: #797d80;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px; }
  qr-dropdown .dropdown-menu li a {
    color: #797d80 !important;
    padding: 6px 17px !important;
    font-weight: 600; }
    qr-dropdown .dropdown-menu li a:hover, qr-dropdown .dropdown-menu li a:focus {
      color: #47bdef;
      background: #ffffff !important; }
  qr-dropdown .dropdown-menu li.qr-dropdown__custom a {
    color: #47bdef !important;
    border-top: 1px solid #eaeaea;
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 8px !important;
    padding-top: 12px !important;
    margin-top: 6px; }
    qr-dropdown .dropdown-menu li.qr-dropdown__custom a i {
      color: #47bdef !important;
      opacity: 1;
      font-size: 12px; }

qr-dropdown .input-group-addon {
  background: #ffffff;
  cursor: pointer;
  border: 2px solid #eaeaea;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s; }

qr-dropdown .icon:before {
  color: #a4a6a8;
  font-size: 20px;
  position: relative;
  top: 3px; }

qr-dropdown .input-group.open input[type="text"],
qr-dropdown .input-group.open .input-group-addon {
  border-color: #d4d4d4; }

qr-dropdown .input-group.open .icon:before {
  content: "\e08a";
  color: #47bdef; }

qr-dropdown .input-group:hover input[type="text"],
qr-dropdown .input-group:hover .input-group-addon {
  border-color: #d4d4d4; }

qr-dropdown .input-group input[type="text"] {
  color: #616568;
  font-weight: 600;
  border: 2px solid #eaeaea;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px; }
  qr-dropdown .input-group input[type="text"]:focus,
  qr-dropdown .input-group input[type="text"]:focus + .input-group-addon {
    border-color: #d4d4d4; }
  qr-dropdown .input-group input[type="text"]:disabled, qr-dropdown .input-group input[type="text"][disabled], qr-dropdown .input-group input[type="text"].disabled {
    color: #a4a6a8;
    border-color: #f7f7f7; }

qr-dropdown .input-group.disabled .input-group-addon {
  border-color: #f7f7f7; }

qr-dropdown .input-group.disabled input[type="text"] {
  color: #a4a6a8;
  border-color: #f7f7f7; }

qr-dropdown .input-group.disabled .icon:before {
  color: #d4d4d4; }

qr-time-range > div > div > span {
  float: right;
  color: #eaeaea;
  margin: -30px -20px 0 0;
  font-weight: bold; }

qr-time-range-list input {
  height: 40px !important; }

qr-time-range-list .input-group-addon {
  padding-left: 10px;
  padding-right: 10px; }

qr-time-range-list > div {
  margin-right: 30px;
  margin-bottom: 10px;
  position: relative; }
  qr-time-range-list > div > button[type="button"].btn {
    width: 24px;
    height: 24px;
    border: 2px solid #d4d4d4;
    float: right;
    background: #ffffff;
    color: #d4d4d4;
    padding: 4px 5px 5px 1px !important;
    margin: 0;
    text-align: center;
    position: absolute;
    top: 9px;
    right: -36px;
    font-size: 18px;
    line-height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    qr-time-range-list > div > button[type="button"].btn:hover, qr-time-range-list > div > button[type="button"].btn:focus {
      border-color: #a4a6a8;
      background: #ffffff;
      color: #a4a6a8; }

qr-action-button label {
  display: block;
  color: #797d80;
  font-weight: normal;
  font-size: 12px;
  padding: 0;
  margin: 0 0 4px !important; }

qr-action-button button.btn.btn-link {
  text-transform: none;
  text-decoration: none;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  color: #47bdef; }
  qr-action-button button.btn.btn-link:hover, qr-action-button button.btn.btn-link:focus {
    background: transparent;
    color: #25acdd; }

qr-action-button .col-md-6 {
  margin-bottom: 10px; }
  qr-action-button .col-md-6 button.btn.btn-link {
    font-size: 14px;
    text-decoration: underline; }

qr-action-button .col-xs-12 button.btn.btn-link {
  text-decoration: underline; }

qr-menu-select .btn-group .dropdown-menu {
  min-width: initial;
  top: -14px;
  right: -7px; }
  qr-menu-select .btn-group .dropdown-menu a {
    color: #616568; }

qr-menu-select .btn-group button.btn-link {
  background: transparent;
  border: 0;
  height: auto;
  width: auto;
  color: #616568;
  padding: 0;
  margin: 0;
  text-transform: none;
  font-weight: normal;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
  qr-menu-select .btn-group button.btn-link:hover, qr-menu-select .btn-group button.btn-link:focus {
    background: transparent;
    color: #616568; }

qr-menu-select .btn-group .icon-up-open-mini:before {
  color: #47bdef;
  position: absolute;
  right: 7px;
  top: 16px; }

qr-menu-select .btn-group .icon-down-open-mini:before {
  position: relative;
  top: 2px; }

.qr-sub-category {
  background: #ffffff;
  border: 1px solid #eaeaea;
  padding: 12px 30px 12px 14px;
  margin: 0 0 8px;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }
  .qr-sub-category__delete {
    float: right;
    color: #d4d4d4;
    cursor: pointer;
    position: absolute;
    right: 14px; }
  .qr-sub-category__input {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    width: 100%; }

.qr-category {
  background: #ffffff;
  border: 1px solid #d4d4d4;
  padding: 16px;
  margin: 0 0 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }
  .qr-category--empty {
    padding-bottom: 0; }
  .qr-category__input {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    width: 60%; }
  .qr-category__icon {
    color: #d4d4d4;
    float: left;
    font-size: 18px;
    margin-right: 8px;
    position: relative;
    top: 0;
    cursor: pointer; }
    .qr-category__icon--active {
      color: #90c52d; }
  .qr-category__caret-container {
    cursor: pointer;
    position: relative;
    left: -10px;
    padding-left: 5px;
    margin-right: -5px; }
  .qr-category__caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 3px solid #a4a6a8;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    cursor: pointer;
    position: relative;
    top: -2px; }
    .qr-category__caret--active {
      border-top-color: #90c52d; }
  .qr-category__menu {
    float: right;
    position: relative; }
  .qr-category__menu-icon {
    color: #d4d4d4;
    font-size: 24px;
    position: relative;
    top: -2px;
    right: -10px;
    cursor: pointer; }
    .qr-category__menu-icon--active {
      color: #a4a6a7; }
  .qr-category__header {
    padding: 0 0 16px 0; }
  .qr-category__list {
    margin: 0 0 0 35px; }

.qr-category-list {
  background: #f7f7f7;
  border: 1px solid #eaeaea;
  padding: 23px 17px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }
  @media (max-width: 768px) {
    .qr-category-list {
      background: transparent;
      border: 0;
      padding: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; } }
  .qr-category-list__or {
    margin: 0 20px 0 20px; }
    @media (max-width: 768px) {
      .qr-category-list__or {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px 0; } }
  .qr-category-list__add {
    background: #47bdef;
    color: #ffffff;
    padding: 16px 50px;
    text-align: center;
    margin: 30px 0 0;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s; }
    .qr-category-list__add:hover, .qr-category-list__add:focus {
      outline: none;
      background: #25acdd;
      color: #ffffff; }
    @media (max-width: 768px) {
      .qr-category-list__add {
        width: 100%;
        display: block;
        padding-left: 0;
        padding-right: 0; } }
  .qr-category-list__menu {
    display: inline-block;
    position: relative; }
    @media (max-width: 768px) {
      .qr-category-list__menu {
        display: block;
        width: 100%; } }
  .qr-category-list__icon {
    color: #a4a6a8;
    position: relative;
    top: 2px; }
  .qr-category-list__toggle {
    background: transparent;
    color: #47bdef;
    padding: 0;
    text-align: center;
    font-weight: 600;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    @media (max-width: 768px) {
      .qr-category-list__toggle {
        margin: 0 auto;
        display: block; } }
    .qr-category-list__toggle:hover, .qr-category-list__toggle:focus {
      outline: none;
      background: transparent;
      color: #25acdd; }

.redesign button.qr-category-list__add {
  padding-top: 16px !important; }

.qr-popup-menu {
  padding: 12px 0; }
  .qr-popup-menu .qr-popup-menu__item {
    padding-top: 10px !important; }
  .qr-popup-menu__item {
    display: block;
    color: #797d80;
    cursor: pointer;
    padding: 7px 24px;
    border: 0;
    background: transparent;
    width: 100%;
    white-space: nowrap;
    text-align: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    .qr-popup-menu__item--has-icons {
      padding-left: 50px; }
    .qr-popup-menu__item:hover, .qr-popup-menu__item:focus {
      outline: none;
      color: #797d80;
      background: #f7f7f7; }
      .qr-popup-menu__item:hover .qr-popup-menu__arrow, .qr-popup-menu__item:focus .qr-popup-menu__arrow {
        color: #47bdef; }
  .qr-popup-menu__icon {
    float: left;
    color: #d4d4d4;
    left: 24px;
    position: absolute;
    font-size: 16px; }
  .qr-popup-menu__arrow {
    position: relative;
    top: 2px;
    font-size: 11px;
    color: #a4a6a8;
    float: right; }
  .qr-popup-menu__line {
    display: block;
    padding: 0;
    margin: 5px 0;
    border-top: 1px solid #eaeaea; }
  .qr-popup-menu__close {
    cursor: pointer;
    color: #a4a6a8;
    font-size: 20px;
    line-height: 1;
    font-style: normal;
    float: right; }
  .qr-popup-menu__back {
    cursor: pointer;
    color: #a4a6a8;
    position: relative;
    top: 2px;
    left: -2px; }
  .qr-popup-menu__header {
    color: #a4a6a8;
    text-align: left;
    padding: 7px 24px 10px;
    display: none; }
  @media (max-width: 768px) {
    .qr-popup-menu--mobile .qr-popup-menu__header {
      display: block; } }

.qr-popup {
  display: none;
  position: absolute;
  background: #ffffff;
  border: 0;
  padding: 0;
  z-index: 20000;
  margin: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 5px #a4a6a8;
  -moz-box-shadow: 0 2px 5px #a4a6a8;
  box-shadow: 0 2px 5px #a4a6a8; }
  .qr-popup--right {
    right: 0; }
  .qr-popup__layer {
    display: none;
    position: fixed;
    z-index: 19999;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }
    .qr-popup__layer--open {
      display: block; }
    .qr-popup__layer--visible {
      background: #3c4245;
      opacity: 0.3; }
    @media (max-width: 768px) {
      .qr-popup__layer--mobile {
        background: #3c4245;
        opacity: 0;
        display: block;
        visibility: hidden;
        -webkit-transition: visibility 0s, opacity 0.2s;
        -moz-transition: visibility 0s, opacity 0.2s;
        -o-transition: visibility 0s, opacity 0.2s;
        transition: visibility 0s, opacity 0.2s; } }
    @media (max-width: 768px) {
      .qr-popup__layer--mobile.qr-popup__layer--open {
        visibility: visible;
        opacity: 0.3; } }
  .qr-popup--open {
    display: block; }
  .qr-popup--modal {
    top: 100px;
    padding: 47px;
    left: 50%;
    width: 600px;
    margin: 0 0 0 -300px; }
    @media (max-width: 768px) {
      .qr-popup--modal {
        top: 50px;
        width: auto;
        left: 24px;
        right: 24px;
        margin: 0; } }
  @media (max-width: 768px) {
    .qr-popup--mobile {
      position: fixed;
      top: -400px;
      left: 0;
      right: 0;
      bottom: auto;
      margin: 0 !important;
      display: block;
      visibility: hidden;
      -webkit-transition: visibility 0s, top 0.2s;
      -moz-transition: visibility 0s, top 0.2s;
      -o-transition: visibility 0s, top 0.2s;
      transition: visibility 0s, top 0.2s; } }
  @media (max-width: 768px) {
    .qr-popup--mobile.qr-popup--open {
      visibility: visible;
      top: 0; } }

.qr-icon-menu {
  padding: 16px 6px 9px;
  width: 215px; }
  .qr-icon-menu:after {
    clear: both;
    display: table;
    content: " "; }
  .qr-icon-menu__item {
    display: block;
    float: left;
    width: 20%;
    height: 43px;
    cursor: pointer;
    padding: 0;
    border: 0;
    background: transparent;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    color: #a4a6a8;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    .qr-icon-menu__item:hover, .qr-icon-menu__item:focus {
      outline: none;
      color: #90c52d; }
  .qr-icon-menu__icon {
    font-size: 24px;
    color: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px; }
    .qr-icon-menu__icon--active {
      color: #90c52d; }
      .qr-icon-menu__icon--active:after {
        content: " ";
        position: absolute;
        top: 28px;
        left: 0;
        width: 100%;
        border-bottom: 2px solid #90c52d; }

.qr-file-uploader {
  color: #a4a6a8;
  background: #f7f7f7;
  border: 1px solid #eaeaea;
  position: relative;
  padding: 24px;
  margin: 0;
  white-space: nowrap;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }
  .qr-file-uploader:after {
    display: table;
    content: "";
    clear: both; }
  .qr-file-uploader__icon {
    color: inherit;
    font-size: 32px;
    margin: 8px 20px 0 0;
    padding: 0;
    float: left; }
    @media (max-width: 768px) {
      .qr-file-uploader__icon {
        margin-bottom: 24px; } }
  .qr-file-uploader__prompt {
    float: left;
    margin-top: 16px; }
  .qr-file-uploader__progress {
    margin-top: 3px; }
  .qr-file-uploader__file-name {
    color: #616568;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; }
  .qr-file-uploader__cancel {
    color: #ffffff;
    background: #a4a6a8;
    cursor: pointer;
    font-weight: 600;
    padding: 16px 32px;
    text-align: center;
    margin: 0;
    position: absolute;
    right: 24px;
    top: 24px;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s; }
    @media (max-width: 768px) {
      .qr-file-uploader__cancel {
        display: block;
        float: none;
        position: static;
        width: 100%;
        padding: 16px 0; } }
    .qr-file-uploader__cancel:hover, .qr-file-uploader__cancel:focus {
      outline: none;
      color: #ffffff;
      background: #a4a6a8; }
  .qr-file-uploader__upload {
    color: #ffffff;
    background: #47bdef;
    cursor: pointer;
    font-weight: 600;
    padding: 16px 32px;
    text-align: center;
    margin: 0;
    position: absolute;
    right: 24px;
    top: 24px;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s; }
    @media (max-width: 768px) {
      .qr-file-uploader__upload {
        display: block;
        float: none;
        position: static;
        width: 100%;
        padding: 16px 0; } }
    .qr-file-uploader__upload:hover, .qr-file-uploader__upload:focus {
      outline: none;
      color: #ffffff;
      background: #25acdd; }
    .qr-file-uploader__upload--error {
      background: #ff5f4a; }
      .qr-file-uploader__upload--error:hover, .qr-file-uploader__upload--error:focus {
        background: #ff5f4a; }
    .qr-file-uploader__upload--success {
      background: #90c52d; }
      .qr-file-uploader__upload--success:hover, .qr-file-uploader__upload--success:focus {
        background: #90c52d; }
  .qr-file-uploader .qr-file-uploader__upload,
  .qr-file-uploader .qr-file-uploader__cancel {
    padding-top: 16px !important; }

.qr-preview-box {
  color: #a4a6a8;
  background: #ffffff;
  border: 1px solid #eaeaea;
  position: relative;
  padding: 15px 23px;
  margin: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }
  .qr-preview-box__title {
    padding: 0;
    margin: 0 0 14px;
    font-size: 12px; }
  .qr-preview-box__close {
    color: inherit;
    font-size: 18px;
    position: absolute;
    top: 7px;
    right: 10px;
    cursor: pointer;
    line-height: 1; }
  @media (max-width: 768px) {
    .qr-preview-box__frames {
      margin: 0 -5px; } }
  .qr-preview-box__frames:after {
    display: table;
    content: '';
    clear: both; }
  .qr-preview-box__frame {
    float: left;
    width: 60px;
    height: 68px;
    display: block;
    margin: 0 16px 0 0;
    overflow: hidden;
    cursor: pointer;
    background: #f7f7f7;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
    @media (max-width: 768px) {
      .qr-preview-box__frame {
        margin: 5px; } }
    .qr-preview-box__frame--active {
      border-color: #47bdef; }
    .qr-preview-box__frame--upload {
      float: right;
      margin-right: 0;
      font-size: 12px;
      text-align: center;
      padding-top: 18px;
      -webkit-transition: 0.2s;
      -moz-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s; }
      @media (max-width: 768px) {
        .qr-preview-box__frame--upload {
          float: left;
          margin-right: 5px; } }
      .qr-preview-box__frame--upload:hover, .qr-preview-box__frame--upload:focus {
        border-color: #d4d4d4; }
        .qr-preview-box__frame--upload:hover > .qr-preview-box__icon, .qr-preview-box__frame--upload:focus > .qr-preview-box__icon {
          font-size: 16px;
          margin-bottom: -2px; }
  .qr-preview-box__image {
    width: 100%;
    height: 100%;
    border: 0;
    background: no-repeat center;
    background-size: cover; }
  .qr-preview-box__icon {
    display: block;
    font-size: 14px;
    color: #d4d4d4; }
  .qr-preview-box__loader {
    width: 24px;
    height: 24px;
    margin: 20px auto 0;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border: 2px solid #eaeaea;
    border-left-color: #47bdef;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: qr-preview-box__loader-animation 1.1s infinite linear;
    animation: qr-preview-box__loader-animation 1.1s infinite linear;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

@-webkit-keyframes qr-preview-box__loader-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes qr-preview-box__loader-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

qr-frame-card {
  margin-bottom: 28px; }
  qr-frame-card.right {
    padding-right: 0 !important;
    padding-left: 15px !important; }

.frameCard-container {
  border-radius: 4px;
  width: 100%;
  float: left;
  border: 1px #d4d4d4 solid; }
  .frameCard-container img {
    margin: 0 auto;
    display: block; }
    @media (max-width: 767px) {
      .frameCard-container img {
        width: 100%; } }
  .frameCard-container .frameCard-content {
    padding: 19px 20px;
    float: left;
    width: 100%; }
    @media (max-width: 480px) {
      .frameCard-container .frameCard-content {
        text-align: center; } }
    .frameCard-container .frameCard-content .frameCard-title {
      font-size: 15px;
      font-weight: 500;
      color: #616568; }
    .frameCard-container .frameCard-content .frameCard-description {
      font-size: 15px;
      font-weight: 400;
      color: #797d80;
      line-height: 21px; }
    .frameCard-container .frameCard-content .frameCard-download a {
      color: #47bdef;
      font-size: 15px;
      font-weight: 500;
      text-align: center;
      cursor: pointer;
      text-decoration: none;
      display: inline-block;
      width: 100%;
      float: left;
      margin-top: 20px; }
      .frameCard-container .frameCard-content .frameCard-download a:hover {
        text-decoration: none;
        color: #25acdd; }
      .frameCard-container .frameCard-content .frameCard-download a i {
        margin-right: 5px; }

.qr-account-activation-modal {
  color: #797d80; }
  .qr-account-activation-modal__title {
    padding: 0;
    margin: 0 0 26px;
    color: #616568;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    text-align: left; }
  .qr-account-activation-modal__text {
    padding: 0;
    margin: 0 0 32px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #797d80; }
  .qr-account-activation-modal__checkbox {
    margin: 0 0 24px -30px; }
    .qr-account-activation-modal__checkbox label {
      font-size: 16px;
      color: #a4a6a8; }
  .qr-account-activation-modal__error {
    background: #ff5f4a;
    color: #ffffff;
    font-size: 14px;
    padding: 10px 20px;
    margin: -14px 0 23px 25px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
  .qr-account-activation-modal__button {
    color: #ffffff;
    background: #90c52d;
    border: 0;
    text-decoration: none;
    text-align: center;
    font-size: 22px;
    display: block;
    width: 100%;
    padding: 18px 0;
    margin: 0;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s; }
    .qr-account-activation-modal__button:focus, .qr-account-activation-modal__button:hover {
      color: #ffffff;
      background: #85b62b;
      text-decoration: none;
      outline: none; }
    .qr-account-activation-modal__button .ladda-spinner > div {
      left: 34px !important;
      top: 34px !important; }

.qr-app-info {
  padding: 0 0 0 52px;
  position: relative;
  min-height: 40px; }
  .qr-app-info__image {
    width: 40px;
    height: 40px;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; }
  .qr-app-info__name {
    color: #3c4245;
    font-weight: bold;
    font-size: 13px;
    padding: 2px 0 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .qr-app-info__name--loading {
      color: #f7f7f7;
      background: #f7f7f7;
      height: 10px;
      font-size: 1px;
      width: 80%;
      padding: 0;
      margin: 2px 0 3px;
      position: relative;
      top: 4px; }
  .qr-app-info__developer {
    color: #797d80;
    font-size: 11px;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .qr-app-info__developer--loading {
      color: #f7f7f7;
      background: #f7f7f7;
      height: 10px;
      font-size: 1px;
      width: 50%;
      position: relative;
      top: 4px; }
  .qr-app-info__empty {
    width: 40px;
    height: 40px;
    border: 1px solid #eaeaea;
    background: #f7f7f7;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; }
  .qr-app-info__loader {
    width: 22px;
    height: 22px;
    margin: 8px auto 0;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border: 2px solid #eaeaea;
    border-left-color: #47bdef;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: qr-app-info__loader-animation 1.1s infinite linear;
    animation: qr-app-info__loader-animation 1.1s infinite linear;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

@-webkit-keyframes qr-app-info__loader-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes qr-app-info__loader-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.qr-app-link {
  position: relative; }
  .qr-app-link__icon {
    position: absolute;
    left: 2px;
    top: 2px;
    padding: 10px 14px;
    border-right: 1px solid #eaeaea;
    background: #f7f7f7;
    font-size: 18px;
    color: #a4a6a8;
    height: 40px; }
  .qr-app-link__valid {
    width: 24px;
    height: 24px;
    line-height: 1;
    position: absolute;
    right: 12px;
    top: 10px;
    font-size: 12px;
    background: #90c52d;
    color: #ffffff;
    text-align: center;
    padding: 8px 0 0;
    display: block;
    margin: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; }
  .qr-app-link__input {
    margin: 0;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding-left: 61px !important;
    padding-right: 44px !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
  .qr-app-link__search-button {
    float: right;
    background: transparent;
    padding: 0;
    margin: 3px 0 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #47bdef; }
    .qr-app-link__search-button:hover, .qr-app-link__search-button:focus {
      outline: none;
      color: #25acdd; }
  .qr-app-link__chevron {
    color: #a4a6a8;
    margin: 0 0 0 2px;
    font-size: 16px;
    line-height: 1;
    position: relative;
    top: 3px; }

.qr-app-search {
  width: 240px;
  padding: 24px 14px 10px;
  position: relative; }
  .qr-app-search__input {
    border: 1px solid #eaeaea;
    padding: 10px 10px 10px 50px;
    margin: 0 0 30px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; }
  .qr-app-search__icon {
    position: absolute;
    top: 25px;
    left: 15px;
    padding: 12px;
    border-right: 1px solid #eaeaea;
    background: #f7f7f7;
    font-size: 12px;
    color: #a4a6a8;
    height: 38px;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px; }
  .qr-app-search__app {
    margin: 0 0 14px;
    cursor: pointer; }
    .qr-app-search__app:hover .qr-app-info__name,
    .qr-app-search__app:hover .qr-app-info__developer, .qr-app-search__app:focus .qr-app-info__name,
    .qr-app-search__app:focus .qr-app-info__developer {
      color: #25acdd; }

.qr-choice-window {
  padding: 56px 15px;
  background: #f7f7f7;
  max-width: 570px;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }
  .qr-choice-window:after {
    display: table;
    content: "";
    clear: both; }
  .qr-choice-window__close {
    font-size: 24px;
    color: #a4a6a8;
    position: absolute;
    line-height: 1;
    cursor: pointer;
    right: 15px;
    top: 10px; }
  .qr-choice-window__column {
    float: left;
    margin: 0;
    padding: 0; }
    @media (max-width: 768px) {
      .qr-choice-window__column {
        float: none;
        width: 100% !important;
        margin: 0 0 30px; }
        .qr-choice-window__column:last-child {
          margin: 0; } }
  .qr-choice-window__item {
    background: #ffffff;
    min-height: 110px;
    padding: 20px;
    margin: 0 15px;
    cursor: pointer;
    border: 1px solid #d4d4d4;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
    .qr-choice-window__item:hover, .qr-choice-window__item:focus {
      border-color: #a4a6a8; }
    .qr-choice-window__item--active {
      border: 2px solid #90c52d; }
      .qr-choice-window__item--active:hover, .qr-choice-window__item--active:focus {
        border-color: #85b62b; }
        .qr-choice-window__item--active:hover:after, .qr-choice-window__item--active:focus:after {
          background: #85b62b; }
      .qr-choice-window__item--active:after {
        width: 24px;
        height: 24px;
        content: "\e186";
        position: absolute;
        font-family: "qrbackend2" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        line-height: 1;
        right: -12px;
        bottom: -12px;
        font-size: 12px;
        background: #90c52d;
        color: #ffffff;
        text-align: center;
        padding: 8px 0 0;
        margin: 0;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px; }
  .qr-choice-window__title {
    font-size: 16px !important;
    color: #797d80 !important;
    padding: 0;
    margin: 0 0 6px !important; }
  .qr-choice-window__description {
    color: #a4a6a8 !important;
    line-height: 20px !important;
    font-size: 14px !important;
    padding: 0;
    margin: 0; }

.qr-image-item {
  padding: 12px 40px 0 93px;
  margin: 0 0 14px;
  position: relative;
  height: 60px;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }
  @media (max-width: 768px) {
    .qr-image-item {
      height: 40px;
      padding: 10px 28px 0 69px;
      margin: 0 0 12px; } }
  .qr-image-item__image {
    width: 78px;
    height: 58px;
    border: 0;
    border-right: 1px solid #eaeaea;
    position: absolute;
    left: 0;
    top: 0;
    background: no-repeat center;
    background-size: cover;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px; }
    @media (max-width: 768px) {
      .qr-image-item__image {
        width: 58px;
        height: 38px; } }
  .qr-image-item__caption {
    color: #616568;
    font-weight: normal;
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 2px;
    border: 0; }
  .qr-image-item__name {
    color: #a4a6a8;
    font-size: 11px;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (max-width: 768px) {
      .qr-image-item__name {
        display: none; } }
  .qr-image-item__delete, .qr-image-item__up, .qr-image-item__down, .qr-image-item__menu {
    position: absolute;
    top: 50%;
    right: 14px;
    margin: -9px 0 0;
    padding: 0;
    font-size: 15px;
    color: #d4d4d4;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s; }
    .qr-image-item__delete:hover, .qr-image-item__delete:focus, .qr-image-item__up:hover, .qr-image-item__up:focus, .qr-image-item__down:hover, .qr-image-item__down:focus, .qr-image-item__menu:hover, .qr-image-item__menu:focus {
      color: #a4a6a8; }
  .qr-image-item__menu {
    display: none;
    right: 6px;
    font-size: 20px;
    margin: -10px 0 0; }
    @media (max-width: 768px) {
      .qr-image-item__menu {
        display: inline-block; } }
  @media (max-width: 768px) {
    .qr-image-item__delete {
      display: none; } }
  .qr-image-item__up {
    top: 7px;
    right: -20px;
    margin: 0;
    font-size: 12px; }
    @media (max-width: 768px) {
      .qr-image-item__up {
        display: none; } }
    .qr-image-item__up--centered {
      top: 50%;
      margin: -7px 0 0; }
  .qr-image-item__down {
    top: auto;
    bottom: 6px;
    right: -20px;
    margin: 0;
    font-size: 12px;
    line-height: 1; }
    @media (max-width: 768px) {
      .qr-image-item__down {
        display: none; } }
    .qr-image-item__down--centered {
      bottom: 50%;
      margin: 0 0 -7px; }
  .qr-image-item__empty {
    width: 78px;
    height: 58px;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 1px solid #eaeaea; }
    @media (max-width: 768px) {
      .qr-image-item__empty {
        width: 58px;
        height: 38px; } }
  .qr-image-item__loader {
    width: 22px;
    height: 22px;
    margin: 18px auto 0;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border: 2px solid #eaeaea;
    border-left-color: #47bdef;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: qr-image-item__loader-animation 1.1s infinite linear;
    animation: qr-image-item__loader-animation 1.1s infinite linear;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    @media (max-width: 768px) {
      .qr-image-item__loader {
        margin: 8px auto 0; } }

@-webkit-keyframes qr-image-item__loader-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes qr-image-item__loader-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }