/*! nouislider - 10.1.0 - 2017-07-28 13:09:54 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-connect{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-origin{position:absolute;height:0;width:0}.noUi-handle{position:relative;z-index:1}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:top .3s,right .3s,bottom .3s,left .3s;transition:top .3s,right .3s,bottom .3s,left .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connect{background:#3FB8AF;border-radius:4px;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);padding-left:25px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/docs/3.3/customize/?id=03140aaf42307c6392055613973eb959)
 * Config saved to config.json and https://gist.github.com/03140aaf42307c6392055613973eb959
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
     -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"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          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;
  -webkit-box-sizing: content-box;
     -moz-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;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  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;
}
[role="button"] {
  cursor: pointer;
}
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,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
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-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  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.42857143;
  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.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
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: #ffffff;
  background-color: #333333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  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;
}
@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;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.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-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  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 > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.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 > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.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 > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.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 > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.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 > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.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;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .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 > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td: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 > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td: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 > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .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: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  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 .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  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"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  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],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 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,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  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,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.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,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.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;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  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;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  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;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 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%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
          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.42857143;
  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: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.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.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .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-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-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:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-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 {
  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 {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-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%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  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 {
  z-index: 2;
  margin-left: -1px;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.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;
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.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;
}
a.list-group-item,
button.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.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: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.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,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  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: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.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,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.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,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.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,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.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;
}
.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,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after {
  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;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

.swc-button{border-radius:var(--swc-border-radius-default, 3px);border-style:solid;border-width:1px;cursor:pointer;padding:calc(var(--swc-spacing-base)*2);font-weight:700;line-height:1.25;text-align:center;font-style:normal;text-transform:uppercase;letter-spacing:0;display:inline-grid;align-items:flex-start;justify-content:center;-moz-column-gap:var(--swc-spacing-base);column-gap:var(--swc-spacing-base);grid-auto-flow:column;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.swc-button:hover{text-decoration:none}.swc-button--primary{background-color:var(--swc-color-blue-4, #3C99B6);border-color:var(--swc-color-blue-4, #3C99B6);color:var(--swc-color-white, #FFFFFF)}.swc-button--primary:hover,.swc-button--primary:focus,.swc-button--primary:active{background-color:var(--swc-color-blue-3, #33829B);border-color:var(--swc-color-blue-3, #33829B)}.swc-button--primary:hover,.swc-button--primary:focus,.swc-button--primary:active{color:var(--swc-color-white, #FFFFFF)!important;text-decoration:none!important}.swc-button--primary:disabled{background-color:var(--swc-color-blue-6, #94B6CB);border-color:var(--swc-color-blue-6, #94B6CB);cursor:not-allowed}.swc-button--primary.swc-button--outline{background-color:var(--swc-color-white, #FFFFFF);border-color:var(--swc-color-blue-4, #3C99B6);color:var(--swc-color-blue-4, #3C99B6)}.swc-button--primary.swc-button--outline:hover,.swc-button--primary.swc-button--outline:focus,.swc-button--primary.swc-button--outline:active{background-color:var(--swc-color-blue-7, #EFF8FB)}.swc-button--primary.swc-button--outline:hover,.swc-button--primary.swc-button--outline:focus,.swc-button--primary.swc-button--outline:active{color:var(--swc-color-blue-5, #6FA7B9)!important;text-decoration:none!important}.swc-button--primary.swc-button--outline:disabled{background-color:var(--swc-color-white, #FFFFFF)!important;color:var(--swc-color-blue-6, #94B6CB)!important}.swc-button--secondary{background-color:var(--swc-color-gray-6, #F4F4F4);border-color:var(--swc-color-gray-6, #F4F4F4);color:var(--swc-color-gray-2, #888888)}.swc-button--secondary:hover,.swc-button--secondary:focus,.swc-button--secondary:active{background-color:var(--swc-color-gray-4, #D8D8D8);border-color:var(--swc-color-gray-4, #D8D8D8)}.swc-button--secondary:hover,.swc-button--secondary:focus,.swc-button--secondary:active{color:var(--swc-color-gray-2, #888888)!important;text-decoration:none!important}.swc-button--secondary:disabled{background-color:var(--swc-color-gray-6, #F4F4F4);border-color:var(--swc-color-gray-6, #F4F4F4);cursor:not-allowed;color:var(--swc-color-gray-3, #BABABA)!important}.swc-button--secondary.swc-button--outline{background-color:var(--swc-color-white, #FFFFFF);border-color:var(--swc-color-gray-2, #888888);color:var(--swc-color-gray-2, #888888)}.swc-button--secondary.swc-button--outline:hover,.swc-button--secondary.swc-button--outline:focus,.swc-button--secondary.swc-button--outline:active{background-color:var(--swc-color-gray-5, #E8E8E8)}.swc-button--secondary.swc-button--outline:hover,.swc-button--secondary.swc-button--outline:focus,.swc-button--secondary.swc-button--outline:active{color:var(--swc-color-gray-2, #888888)!important;text-decoration:none!important}.swc-button--secondary.swc-button--outline:disabled{background-color:var(--swc-color-white, #FFFFFF)!important;border-color:var(--swc-color-gray-2, #888888)!important;color:var(--swc-color-gray-3, #BABABA)!important}.swc-button--confirm{background-color:var(--swc-color-green-2, #01BF9D);border-color:var(--swc-color-green-2, #01BF9D);color:var(--swc-color-white, #FFFFFF)}.swc-button--confirm:hover,.swc-button--confirm:focus,.swc-button--confirm:active{background-color:var(--swc-color-green-1, #009A7F);border-color:var(--swc-color-green-1, #009A7F)}.swc-button--confirm:hover,.swc-button--confirm:focus,.swc-button--confirm:active{color:var(--swc-color-white, #FFFFFF)!important;text-decoration:none!important}.swc-button--confirm:disabled{background-color:var(--swc-color-green-3, #80D5C6);border-color:var(--swc-color-green-3, #80D5C6);cursor:not-allowed}.swc-button--confirm.swc-button--outline{background-color:var(--swc-color-white, #FFFFFF);border-color:var(--swc-color-green-2, #01BF9D);color:var(--swc-color-green-2, #01BF9D)}.swc-button--confirm.swc-button--outline:hover,.swc-button--confirm.swc-button--outline:focus,.swc-button--confirm.swc-button--outline:active{background-color:var(--swc-color-green-4, #E6F7F4)}.swc-button--confirm.swc-button--outline:hover,.swc-button--confirm.swc-button--outline:focus,.swc-button--confirm.swc-button--outline:active{color:var(--swc-color-green-2, #01BF9D)!important;text-decoration:none!important}.swc-button--confirm.swc-button--outline:disabled{background-color:var(--swc-color-white, #FFFFFF)!important;color:var(--swc-color-green-3, #80D5C6)!important}.swc-button--danger{background-color:var(--swc-color-red-3, #D44545);border-color:var(--swc-color-red-3, #D44545);color:var(--swc-color-white, #FFFFFF)}.swc-button--danger:hover,.swc-button--danger:focus,.swc-button--danger:active{background-color:var(--swc-color-red-1, #C72E2E);border-color:var(--swc-color-red-1, #C72E2E)}.swc-button--danger:hover,.swc-button--danger:focus,.swc-button--danger:active{color:var(--swc-color-white, #FFFFFF)!important;text-decoration:none!important}.swc-button--danger:disabled{background-color:var(--swc-color-red-6, #FFB1B1);border-color:var(--swc-color-red-6, #FFB1B1);cursor:not-allowed}.swc-button--danger.swc-button--outline{background-color:var(--swc-color-white, #FFFFFF);border-color:var(--swc-color-red-3, #D44545);color:var(--swc-color-red-3, #D44545)}.swc-button--danger.swc-button--outline:hover,.swc-button--danger.swc-button--outline:focus,.swc-button--danger.swc-button--outline:active{background-color:var(--swc-color-red-7, #FBECEC)}.swc-button--danger.swc-button--outline:hover,.swc-button--danger.swc-button--outline:focus,.swc-button--danger.swc-button--outline:active{color:var(--swc-color-red-3, #D44545)!important;text-decoration:none!important}.swc-button--danger.swc-button--outline:disabled{background-color:var(--swc-color-white, #FFFFFF)!important;color:var(--swc-color-red-6, #FFB1B1)!important}.swc-button--block{width:100%}.swc-button--lg{padding:18px 15px;font-size:15px;line-height:16px}.swc-button--md{padding:12px 15px;font-size:15px;line-height:16px}.swc-button--sm{padding:8px 10px;font-size:14px;line-height:16px}.swc-button .swc-icon{height:16px;width:16px}.swc-button--loading{cursor:wait}.swc-button+.swc-button{margin-top:var(--swc-spacing-base)}.swc-icon-button{--icon-button-size:16px;--color-icon-button:#888;height:var(--icon-button-size);width:var(--icon-button-size);font-weight:var(--icon-button-size);background:0 0;border:0;cursor:pointer;padding:0;margin:0;color:var(--color-icon-button)}.swc-icon-button.swc-icon-button--sm:hover,.swc-icon-button.swc-icon-button--sm:focus{cursor:pointer}.swc-icon-button.swc-icon-button--sm:hover svg path,.swc-icon-button.swc-icon-button--sm:focus svg path{fill:var(--color-button-sm-text)}.swc-icon-button.swc-icon-button--sm:disabled{cursor:not-allowed}.swc-icon-button.swc-icon-button--md:hover,.swc-icon-button.swc-icon-button--md:focus{cursor:pointer}.swc-icon-button.swc-icon-button--md:hover svg path,.swc-icon-button.swc-icon-button--md:focus svg path{fill:var(--color-button-md-text)}.swc-icon-button.swc-icon-button--md:disabled{cursor:not-allowed}.swc-icon-button.swc-icon-button--lg:hover,.swc-icon-button.swc-icon-button--lg:focus{cursor:pointer}.swc-icon-button.swc-icon-button--lg:hover svg path,.swc-icon-button.swc-icon-button--lg:focus svg path{fill:var(--color-button-lg-text)}.swc-icon-button.swc-icon-button--lg:disabled{cursor:not-allowed}.swc-icon-button .swc-swc-icon{width:100%;height:100%}

:root{--swc-color-primary:blue;--swc-color-secondary:gray;--swc-color-confirm:green;--swc-color-danger:orange;--swc-color-blue-1:#202B3B;--swc-color-blue-2:#273548;--swc-color-blue-3:#33829B;--swc-color-blue-4:#3C99B6;--swc-color-blue-5:#6FA7B9;--swc-color-blue-6:#94B6CB;--swc-color-blue-7:#EFF8FB;--swc-color-red-1:#C72E2E;--swc-color-red-2:#B14B41;--swc-color-red-3:#D44545;--swc-color-red-4:#EC3C2A;--swc-color-red-5:#EF5A4B;--swc-color-red-6:#FFB1B1;--swc-color-red-7:#FBECEC;--swc-color-green-1:#009A7F;--swc-color-green-2:#01BF9D;--swc-color-green-3:#80D5C6;--swc-color-green-4:#E6F7F4;--swc-color-gray-1:#444444;--swc-color-gray-2:#888888;--swc-color-gray-3:#BABABA;--swc-color-gray-4:#D8D8D8;--swc-color-gray-5:#E8E8E8;--swc-color-gray-6:#F4F4F4;--swc-color-black:#000000;--swc-color-white:#FFFFFF;--swc-color-marketplace-finn:#0063FC;--swc-color-marketplace-blocket:#EF404F;--swc-color-marketplace-donedeal:#F0292A;--swc-color-marketplace-tori:#F94F55;--swc-spacing-base:8px;--swc-border-radius-default:3px}

:root{--color-background: beige;--color-text-default: red;--color-button-primary: #3C99B6;--color-button-primary-text: #FFFFFF;--color-button-hover-primary-text: #FFFFFF;--color-button-hover-primary: #33829B;--color-button-active-primary: #33829B;--color-button-focus-primary: #33829B;--color-button-disabled-primary: #94B6CB;--color-button-confirm: #01BF9D;--color-button-confirm-text: #FFFFFF;--color-button-hover-confirm-text: #FFFFFF;--color-button-hover-confirm: #009A7F;--color-button-active-confirm: #009A7F;--color-button-focus-confirm: #009A7F;--color-button-disabled-confirm: #01BF9D;--color-button-secondary: #F4F4F4;--color-button-secondary-text: #888888;--color-button-hover-secondary-text: #888888;--color-button-hover-secondary: #D8D8D8;--color-button-active-secondary: #D8D8D8;--color-button-focus-secondary: #D8D8D8;--color-button-disabled-secondary: #F4F4F4;--color-button-danger: #D44545;--color-button-danger-text: #FFFFFF;--color-button-hover-danger-text: #FFFFFF;--color-button-hover-danger: #C72E2E;--color-button-active-danger: #C72E2E;--color-button-focus-danger: #C72E2E;--color-button-disabled-danger: #FFB1B1;--color-button-outline-hover-danger: #FBECEC;--button-font-weight: 700;--h1-font-size: 4rem;--h1-font-weight: 600;--h1-line-height: 5rem;--h1-letter-spacing: 0.5px;--font-size: 1rem;--font-size-small: 0.8rem;--font-size-large: 2rem;--swc-spacing-base: 8px;--swc-spacing-0: calc(var(--swc-spacing-base) / 2);--swc-spacing-1: var(--swc-spacing-base);--swc-spacing-2: calc(var(--swc-spacing-base) * 2);--swc-spacing-3: calc(var(--swc-spacing-base) * 3);--swc-spacing-4: calc(var(--swc-spacing-base) * 4);--swc-spacing-5: calc(var(--swc-spacing-base) * 5)}

.swc-button{padding:16px;display:inline-flex;cursor:pointer;text-transform:uppercase;border-radius:3px;font-weight:var(--button-font-weight);display:inline-flex}.swc-button.swc-button--primary{color:var(--color-button-primary-text);background-color:var(--color-button-primary);border:1px solid var(--color-button-primary)}.swc-button.swc-button--primary:hover{cursor:pointer;background-color:var(--color-button-hover-primary)}.swc-button.swc-button--primary:active{background-color:var(--color-button-active-primary)}.swc-button.swc-button--primary:focus{cursor:pointer;outline:0;background-color:var(--color-button-focus-primary)}.swc-button.swc-button--primary:disabled{cursor:not-allowed;border-color:var(--color-button-disabled-primary);background-color:var(--color-button-disabled-primary)}.swc-button.swc-button--primary.swc-button--outline{background-color:var(--color-text-primary);color:var(--color-button-primary);border-color:var(--color-text-primary)}.swc-button.swc-button--primary.swc-button--outline:hover,.swc-button.swc-button--primary.swc-button--outline:focus,.swc-button.swc-button--primary.swc-button--outline:active{background-color:var(--color-button-outline-hover-primary)}.swc-button.swc-button--block{display:block;width:100%}.swc-button.swc-button--secondary{color:var(--color-button-secondary-text);background-color:var(--color-button-secondary);border:1px solid var(--color-button-secondary)}.swc-button.swc-button--secondary:hover{cursor:pointer;background-color:var(--color-button-hover-secondary)}.swc-button.swc-button--secondary:active{background-color:var(--color-button-active-secondary)}.swc-button.swc-button--secondary:focus{cursor:pointer;outline:0;background-color:var(--color-button-focus-secondary)}.swc-button.swc-button--secondary:disabled{cursor:not-allowed;border-color:var(--color-button-disabled-secondary);background-color:var(--color-button-disabled-secondary)}.swc-button.swc-button--secondary.swc-button--outline{background-color:var(--color-text-secondary);color:var(--color-button-secondary);border-color:var(--color-text-secondary)}.swc-button.swc-button--secondary.swc-button--outline:hover,.swc-button.swc-button--secondary.swc-button--outline:focus,.swc-button.swc-button--secondary.swc-button--outline:active{background-color:var(--color-button-outline-hover-secondary)}.swc-button.swc-button--block{display:block;width:100%}.swc-button.swc-button--confirm{color:var(--color-button-confirm-text);background-color:var(--color-button-confirm);border:1px solid var(--color-button-confirm)}.swc-button.swc-button--confirm:hover{cursor:pointer;background-color:var(--color-button-hover-confirm)}.swc-button.swc-button--confirm:active{background-color:var(--color-button-active-confirm)}.swc-button.swc-button--confirm:focus{cursor:pointer;outline:0;background-color:var(--color-button-focus-confirm)}.swc-button.swc-button--confirm:disabled{cursor:not-allowed;border-color:var(--color-button-disabled-confirm);background-color:var(--color-button-disabled-confirm)}.swc-button.swc-button--confirm.swc-button--outline{background-color:var(--color-text-confirm);color:var(--color-button-confirm);border-color:var(--color-text-confirm)}.swc-button.swc-button--confirm.swc-button--outline:hover,.swc-button.swc-button--confirm.swc-button--outline:focus,.swc-button.swc-button--confirm.swc-button--outline:active{background-color:var(--color-button-outline-hover-confirm)}.swc-button.swc-button--block{display:block;width:100%}.swc-button.swc-button--danger{color:var(--color-button-danger-text);background-color:var(--color-button-danger);border:1px solid var(--color-button-danger)}.swc-button.swc-button--danger:hover{cursor:pointer;background-color:var(--color-button-hover-danger)}.swc-button.swc-button--danger:active{background-color:var(--color-button-active-danger)}.swc-button.swc-button--danger:focus{cursor:pointer;outline:0;background-color:var(--color-button-focus-danger)}.swc-button.swc-button--danger:disabled{cursor:not-allowed;border-color:var(--color-button-disabled-danger);background-color:var(--color-button-disabled-danger)}.swc-button.swc-button--danger.swc-button--outline{background-color:var(--color-text-danger);color:var(--color-button-danger);border-color:var(--color-text-danger)}.swc-button.swc-button--danger.swc-button--outline:hover,.swc-button.swc-button--danger.swc-button--outline:focus,.swc-button.swc-button--danger.swc-button--outline:active{background-color:var(--color-button-outline-hover-danger)}.swc-button.swc-button--block{display:block;width:100%}.swc-button.swc-button--lg{padding:calc((56px - 20px - 2px)/2) 16px;font-size:15px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:0em;text-align:center}.swc-button.swc-button--md{padding:calc((44px - 20px - 2px)/2) 16px;font-size:15px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:0em;text-align:center}.swc-button.swc-button--sm{padding:calc((32px - 18px - 2px)/2) 11px;font-size:13px;font-style:normal;font-weight:700;line-height:18px;letter-spacing:0em;text-align:center}.swc-button__icon{width:16px !important;height:16px !important;margin-right:8px;align-self:center}.swc-icon-button{--icon-button-size: 16px;--color-icon-button: #888;height:var(--icon-button-size);width:var(--icon-button-size);font-weight:var(--icon-button-size);background:transparent;border:none;cursor:pointer;padding:0;margin:0;color:var(--color-icon-button)}.swc-icon-button.swc-icon-button--primary:hover,.swc-icon-button.swc-icon-button--primary:focus{cursor:pointer}.swc-icon-button.swc-icon-button--primary:hover svg path,.swc-icon-button.swc-icon-button--primary:focus svg path{fill:var(--color-button-primary-text)}.swc-icon-button.swc-icon-button--primary:disabled{cursor:not-allowed}.swc-icon-button.swc-icon-button--secondary:hover,.swc-icon-button.swc-icon-button--secondary:focus{cursor:pointer}.swc-icon-button.swc-icon-button--secondary:hover svg path,.swc-icon-button.swc-icon-button--secondary:focus svg path{fill:var(--color-button-secondary-text)}.swc-icon-button.swc-icon-button--secondary:disabled{cursor:not-allowed}.swc-icon-button.swc-icon-button--confirm:hover,.swc-icon-button.swc-icon-button--confirm:focus{cursor:pointer}.swc-icon-button.swc-icon-button--confirm:hover svg path,.swc-icon-button.swc-icon-button--confirm:focus svg path{fill:var(--color-button-confirm-text)}.swc-icon-button.swc-icon-button--confirm:disabled{cursor:not-allowed}.swc-icon-button.swc-icon-button--danger:hover,.swc-icon-button.swc-icon-button--danger:focus{cursor:pointer}.swc-icon-button.swc-icon-button--danger:hover svg path,.swc-icon-button.swc-icon-button--danger:focus svg path{fill:var(--color-button-danger-text)}.swc-icon-button.swc-icon-button--danger:disabled{cursor:not-allowed}.swc-icon-button i.swc-icon{width:100%;height:100%}

.swc-cards{width:100%}.swc-cards__grid{--card-width: 262px;display:grid;justify-content:center;grid-template-columns:repeat(auto-fill, minmax(var(--card-width), 1fr));column-gap:var(--swc-spacing-2);row-gap:var(--swc-spacing-2)}.swc-cards__label{font-weight:bold;color:gray}.swc-card{display:flex;flex-direction:column;box-sizing:border-box;font-size:14px;background-color:#fff;border-radius:5px;padding:var(--swc-spacing-2);text-align:center;overflow:hidden;box-shadow:0px 6px 8px -8px rgba(0,0,0,.46)}.swc-card--slim{text-align:left}.swc-card--slim .swc-card__header{margin-bottom:var(--swc-spacing-2)}.swc-card--slim .swc-card__heading{display:flex;justify-content:flex-start;align-items:center;margin-bottom:var(--swc-spacing-1);--card-heading-font-size: 16px}.swc-card--slim .swc-card__heading-icon{margin:0 var(--swc-spacing-0) 0 0;width:var(--card-heading-font-size);font-size:var(--card-heading-font-size);flex-shrink:0}.swc-card--slim .swc-card__heading-title{height:unset;font-size:var(--card-heading-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swc-card--slim .swc-card__footer{padding-top:var(--swc-spacing-1)}.swc-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--swc-spacing-4)}.swc-card__header-status{grid-auto-flow:column;column-gap:4px;display:grid;align-items:center}.swc-card__body{flex-grow:1}.swc-card__heading{--card-heading-font-size: 22px;--card-heading-line-height: 1.25em;margin-bottom:var(--swc-spacing-2)}.swc-card__heading-icon{font-size:56px;margin-bottom:var(--swc-spacing-1);display:inline-block;background-repeat:no-repeat;background-size:contain;width:1em;height:1em}.swc-card__heading-title{font-size:var(--card-heading-font-size);line-height:var(--card-heading-line-height);height:calc(var(--card-heading-line-height) * 2);color:#000;margin:0;overflow:hidden}.swc-card__actions{display:grid;column-gap:var(--swc-spacing-2);grid-auto-flow:column;grid-auto-columns:min-content;grid-template-rows:max-content;align-items:center}.swc-card__label{color:#888;font-size:12px}.swc-card__counterparty{margin-bottom:var(--swc-spacing-2)}.swc-card__counterparty p{line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.swc-card__footer{border-top:1px solid #d8d8d8;display:flex;padding-top:var(--swc-spacing-2);justify-content:space-between;flex-flow:row-reverse;align-items:center}.swc-card-list{display:grid;row-gap:var(--swc-spacing-1);line-height:1.35em}.swc-card-list-row{background:#fff;border-radius:5px;padding:11px var(--swc-spacing-2);font-size:14px}.swc-card-list-row__date{color:#888}.swc-card-list-row__heading{display:flex;overflow:hidden;align-items:center}.swc-card-list-row__heading-icon{margin-right:var(--swc-spacing-0);flex-shrink:0}.swc-card-list-row__heading-title{font-size:inherit;line-height:inherit;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.swc-card-list-row>div{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.swc-card-list--contract .swc-card-list-row{display:grid;align-items:center;grid-template-columns:8em 5fr 5fr 5fr;column-gap:var(--swc-spacing-2);grid-template-areas:"date heading counterparty actions"}.swc-card-list--contract .swc-card-list-row__date{grid-area:date}.swc-card-list--contract .swc-card-list-row__heading{grid-area:heading}.swc-card-list--contract .swc-card-list-row__counterparty{grid-area:counterparty}.swc-card-list--contract .swc-card-list-row__actions{grid-area:actions;justify-self:end;display:grid;column-gap:var(--swc-spacing-2);grid-auto-flow:column;grid-auto-columns:min-content}.swc-card-list--contract.swc-card-list--slim .swc-card-list-row{display:grid;grid-template-columns:none;grid-template-areas:"date actions" "heading heading" "counterparty counterparty"}.swc-text-muted{color:#888}

.swc-icon{background-repeat:no-repeat;background-size:auto;display:inline-block;width:1em;height:1em}.swc-icon--blue-1{filter:invert(15%) sepia(12%) saturate(1585%) hue-rotate(176deg) brightness(93%) contrast(95%)}.swc-icon--blue-2{filter:invert(17%) sepia(4%) saturate(5299%) hue-rotate(176deg) brightness(94%) contrast(88%)}.swc-icon--blue-3{filter:invert(45%) sepia(14%) saturate(1742%) hue-rotate(148deg) brightness(95%) contrast(88%)}.swc-icon--blue-4{filter:invert(48%) sepia(73%) saturate(375%) hue-rotate(148deg) brightness(95%) contrast(88%)}.swc-icon--blue-5{filter:invert(64%) sepia(57%) saturate(240%) hue-rotate(148deg) brightness(88%) contrast(89%)}.swc-icon--blue-6{filter:invert(73%) sepia(34%) saturate(251%) hue-rotate(159deg) brightness(93%) contrast(86%)}.swc-icon--blue-7{filter:invert(100%) sepia(96%) saturate(635%) hue-rotate(175deg) brightness(103%) contrast(97%)}.swc-icon--red-1{filter:invert(25%) sepia(39%) saturate(3566%) hue-rotate(338deg) brightness(95%) contrast(96%)}.swc-icon--red-2{filter:invert(36%) sepia(34%) saturate(1639%) hue-rotate(324deg) brightness(87%) contrast(82%)}.swc-icon--red-3{filter:invert(36%) sepia(35%) saturate(2145%) hue-rotate(325deg) brightness(93%) contrast(92%)}.swc-icon--red-4{filter:invert(36%) sepia(35%) saturate(2145%) hue-rotate(325deg) brightness(93%) contrast(92%)}.swc-icon--red-5{filter:invert(46%) sepia(79%) saturate(1788%) hue-rotate(330deg) brightness(95%) contrast(97%)}.swc-icon--red-6{filter:invert(94%) sepia(44%) saturate(5914%) hue-rotate(290deg) brightness(99%) contrast(110%)}.swc-icon--red-7{filter:invert(96%) sepia(2%) saturate(1009%) hue-rotate(313deg) brightness(96%) contrast(105%)}.swc-icon--green-1{filter:invert(38%) sepia(77%) saturate(1130%) hue-rotate(138deg) brightness(90%) contrast(112%)}.swc-icon--green-2{filter:invert(47%) sepia(75%) saturate(1652%) hue-rotate(135deg) brightness(100%) contrast(99%)}.swc-icon--green-3{filter:invert(50%) sepia(45%) saturate(3067%) hue-rotate(135deg) brightness(100%) contrast(99%)}.swc-icon--green-4{filter:invert(93%) sepia(26%) saturate(79%) hue-rotate(105deg) brightness(100%) contrast(95%)}.swc-icon--gray-1{filter:invert(23%) sepia(0%) saturate(0%) hue-rotate(193deg) brightness(100%) contrast(86%)}.swc-icon--gray-2{filter:invert(61%) sepia(0%) saturate(1836%) hue-rotate(229deg) brightness(88%) contrast(93%)}.swc-icon--gray-3{filter:invert(94%) sepia(0%) saturate(93%) hue-rotate(195deg) brightness(81%) contrast(88%)}.swc-icon--gray-4{filter:invert(99%) sepia(0%) saturate(7392%) hue-rotate(231deg) brightness(115%) contrast(69%)}.swc-icon--gray-5{filter:invert(95%) sepia(26%) saturate(77%) hue-rotate(339deg) brightness(114%) contrast(82%)}.swc-icon--gray-6{filter:invert(99%) sepia(6%) saturate(155%) hue-rotate(6deg) brightness(120%) contrast(91%)}.swc-icon--black{filter:invert(0%) sepia(100%) saturate(7500%) hue-rotate(211deg) brightness(115%) contrast(115%)}.swc-icon--white{filter:invert(93%) sepia(0%) saturate(4471%) hue-rotate(22deg) brightness(110%) contrast(101%)}

.swc-icon__signout{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.745 8.397c.211-.211.211-.563 0-.797L9.808 3.662a.564.564 0 0 0-.961.399v2.25H5.659a.555.555 0 0 0-.562.562v2.25c0 .328.234.563.562.563h3.188v2.25c0 .515.609.75.96.398l3.938-3.937zm-7.148 3.82v-.938c0-.14-.141-.28-.282-.28H4.347a.74.74 0 0 1-.75-.75v-4.5c0-.4.328-.75.75-.75h1.968c.141 0 .282-.118.282-.282V3.78c0-.141-.141-.282-.282-.282H4.347a2.25 2.25 0 0 0-2.25 2.25v4.5a2.25 2.25 0 0 0 2.25 2.25h1.968c.141 0 .282-.117.282-.281z" fill="%23000"/></svg>');background-position:center}
.swc-icon__car{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.707 6.125h-1.383l-.398-.96A2.616 2.616 0 0 0 9.488 3.5H6.512c-1.078 0-2.04.656-2.438 1.664l-.398.961H2.293c-.187 0-.328.188-.281.352l.14.562c.024.14.141.211.282.211h.468c-.328.281-.515.68-.515 1.125V9.5c0 .398.14.727.375.984v1.266c0 .422.328.75.75.75h.75c.398 0 .75-.328.75-.75V11h6v.75c0 .422.328.75.75.75h.75c.398 0 .75-.328.75-.75v-1.266c.21-.257.375-.586.375-.984V8.375c0-.445-.211-.844-.54-1.125h.493c.117 0 .234-.07.258-.21l.14-.563c.047-.165-.093-.352-.28-.352zm-8.25-.398C5.645 5.28 6.043 5 6.512 5h2.976c.47 0 .867.281 1.055.727l.469 1.148h-6l.445-1.148zM4.262 9.5c-.469 0-.75-.281-.75-.75 0-.445.281-.75.75-.75.445 0 1.125.68 1.125 1.125 0 .445-.68.375-1.125.375zm7.5 0c-.469 0-1.125.07-1.125-.375S11.293 8 11.762 8c.445 0 .75.305.75.75 0 .469-.305.75-.75.75z" fill="%23000"/></svg>');background-position:center}
.swc-icon__sign{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.68 3.96a.227.227 0 0 0-.328 0L5.243 9.07l-.234 2.179c-.047.281.21.54.492.492l2.18-.234 5.109-5.11a.226.226 0 0 0 0-.328L10.68 3.96zm3.797-.54L13.33 2.273a.92.92 0 0 0-1.289 0l-.82.82a.227.227 0 0 0 0 .329l2.11 2.11a.227.227 0 0 0 .327 0l.82-.821a.92.92 0 0 0 0-1.29zm-4.218 6.704v2.367h-7.5v-7.5h5.367c.094 0 .164-.023.21-.07l.938-.938c.164-.187.047-.492-.21-.492h-6.68c-.633 0-1.125.516-1.125 1.125v8.25a1.11 1.11 0 0 0 1.125 1.125h8.25c.61 0 1.125-.492 1.125-1.125v-3.68c0-.257-.305-.374-.492-.21l-.938.937c-.047.047-.07.117-.07.211z" fill="%23000"/></svg>');background-position:center}
.swc-icon__share{background-image:url('data:image/svg+xml;utf8,<svg width="17" height="17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13.066 2.652-9.75 5.625c-.82.469-.75 1.664.117 2.016l2.695 1.101v1.97c0 1.1 1.383 1.546 2.016.679l1.031-1.383 2.625 1.078a.92.92 0 0 0 .422.094c.187 0 .375-.047.562-.14.305-.188.493-.47.563-.821L14.73 3.8c.14-.938-.867-1.618-1.664-1.149zM7.253 13.363v-1.5l.844.352-.844 1.148zm4.969-.656-3.61-1.5 3.305-4.735c.235-.375-.234-.796-.562-.492l-4.969 4.313-2.508-1.055 9.75-5.625-1.406 9.094z" fill="%23000"/></svg>');background-position:center}
.swc-icon__edit{background-image:url('data:image/svg+xml;utf8,<svg width="17" height="17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9.55 4.692-6.516 6.515-.281 2.672a.545.545 0 0 0 .609.61l2.672-.282 6.516-6.515-3-3zm4.851-.445L12.995 2.84c-.422-.445-1.149-.445-1.594 0l-1.313 1.313 3 3 1.313-1.313c.445-.445.445-1.172 0-1.593z" fill="%23000"/></svg>');background-position:center}
.swc-icon__download-contract{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.707 1.097H1.832a.555.555 0 0 0-.562.563v10.875c0 .328.234.562.562.562h6.526l-2.06-2.059c-.76-.76-.255-2.1.859-2.1h1.312V5.75c0-.698.55-1.313 1.313-1.313h.488V1.66c0-.32-.165-.563-.563-.563zM8.02 6.817c0 .163-.141.28-.282.28H3.801a.27.27 0 0 1-.281-.28v-.188c0-.141.117-.282.28-.282h3.938c.14 0 .282.141.282.282v.187zm0-1.5c0 .163-.141.28-.282.28H3.801a.27.27 0 0 1-.281-.28v-.188c0-.141.117-.282.28-.282h3.938c.14 0 .282.141.282.282v.187zm0-1.688v.187c0 .164-.141.281-.282.281H3.801a.27.27 0 0 1-.281-.28v-.188c0-.141.117-.282.28-.282h3.938c.14 0 .282.141.282.282zm1.2 2.12c0-.304.234-.562.562-.562h1.875a.57.57 0 0 1 .562.563v3.937h2.04c.421 0 .632.516.327.82l-3.562 3.563a.468.468 0 0 1-.633 0L6.83 10.508c-.305-.305-.094-.82.328-.82h2.062V5.75z" fill="%23000"/></svg>');background-position:center}
.swc-icon__duplicate{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.25 12.5H6.312A1.31 1.31 0 0 1 5 11.187V4.25H3.312a.555.555 0 0 0-.562.563v8.625c0 .328.234.562.563.562h6.374a.555.555 0 0 0 .563-.563V12.5zm0-8.063V2H6.312a.555.555 0 0 0-.562.563v8.624c0 .329.234.563.563.563h6.375a.555.555 0 0 0 .562-.563V5h-2.438a.542.542 0 0 1-.562-.563zm2.813-.726-1.524-1.523A.578.578 0 0 0 11.141 2H11v2.25h2.25v-.14c0-.141-.07-.282-.188-.4z" fill="%23000"/></svg>');background-position:center}
.swc-icon__trash{background-image:url('data:image/svg+xml;utf8,<svg width="17" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.772 11.75h.563c.14 0 .281-.117.281-.281V6.406c0-.14-.14-.281-.281-.281h-.563a.285.285 0 0 0-.28.281v5.063a.27.27 0 0 0 .28.281zm3.844-7.875h-1.945l-.797-1.313A1.133 1.133 0 0 0 9.914 2H7.545c-.399 0-.774.234-.961.563l-.797 1.312H3.866a.385.385 0 0 0-.375.375v.375c0 .21.164.375.375.375h.375v7.875A1.11 1.11 0 0 0 5.366 14h6.75c.61 0 1.125-.492 1.125-1.125V5h.375a.385.385 0 0 0 .375-.375V4.25a.403.403 0 0 0-.375-.375zM7.5 3.195c.023-.023.07-.07.117-.07h2.227c.047 0 .094.047.117.07l.398.68H7.101l.398-.68zm4.617 9.68h-6.75V5h6.75v7.875zM7.147 11.75h.563c.14 0 .281-.117.281-.281V6.406c0-.14-.14-.281-.281-.281h-.563a.285.285 0 0 0-.28.281v5.063a.27.27 0 0 0 .28.281z" fill="%23000"/></svg>');background-position:center}
.swc-icon__add{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 6.875H9.125V3.5a.771.771 0 0 0-.75-.75h-.75a.755.755 0 0 0-.75.75v3.375H3.5a.755.755 0 0 0-.75.75v.75c0 .422.328.75.75.75h3.375V12.5c0 .422.328.75.75.75h.75c.398 0 .75-.328.75-.75V9.125H12.5c.398 0 .75-.328.75-.75v-.75a.771.771 0 0 0-.75-.75z" fill="%23000"/></svg>');background-position:center}
.swc-icon__motorcycle{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 6.5c-.327 0-.679.07-.984.164l-.773-1.29h1.945a.555.555 0 0 0 .563-.562v-.75a.57.57 0 0 0-.563-.562H11.61a.587.587 0 0 0-.422.187l-.867.985-.54-.89a.563.563 0 0 0-.468-.282H7.438a.385.385 0 0 0-.375.375v.375c0 .21.164.375.375.375h1.547l.445.75H5.821c-.398-.54-1.031-.938-2.32-.938H2.188c-.305 0-.586.258-.562.586 0 .305.234.54.562.54h1.313c.562 0 .89.257 1.101.585l-.258.492a2.644 2.644 0 0 0-.96-.117A2.963 2.963 0 0 0 .5 9.43a2.978 2.978 0 0 0 3 3.07 3.01 3.01 0 0 0 2.906-2.25h1.969a.576.576 0 0 0 .562-.586 3.556 3.556 0 0 1 1.313-2.93l.28.492C9.9 7.79 9.478 8.61 9.502 9.523c0 1.64 1.336 2.977 2.953 2.977A3.006 3.006 0 0 0 15.5 9.476c-.024-1.617-1.36-2.953-3-2.976zm-9 4.875A1.851 1.851 0 0 1 1.627 9.5c0-1.031.82-1.875 1.875-1.875.093 0 .187.023.28.023l-.96 1.782c-.21.375.047.82.492.82h1.899A1.872 1.872 0 0 1 3.5 11.375zm10.852-1.758a1.872 1.872 0 0 1-1.758 1.758c-1.078.07-1.968-.797-1.968-1.875 0-.492.187-.938.515-1.29l1.149 1.946c.117.164.328.234.515.117l.329-.187a.37.37 0 0 0 .117-.516l-1.125-1.898c.117-.024.234-.024.375-.024 1.054-.023 1.922.89 1.851 1.969z" fill="%23000"/></svg>');background-position:center}
.swc-icon__ship{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m12.125 10.742 1.64-1.64a.745.745 0 0 0-.304-1.243l-.961-.304V4.25a.771.771 0 0 0-.75-.75h-1.5v-.938A.57.57 0 0 0 9.687 2H6.313a.555.555 0 0 0-.563.563V3.5h-1.5a.755.755 0 0 0-.75.75v3.305l-.984.304a.745.745 0 0 0-.305 1.243l1.64 1.64C3.43 11.773 2.493 12.5 1.064 12.5a.555.555 0 0 0-.563.563v.374c0 .329.234.563.563.563 1.43 0 2.507-.469 3.351-1.383C4.742 13.437 5.563 14 6.5 14h3c.914 0 1.734-.563 2.063-1.383.843.914 1.921 1.383 3.374 1.383a.555.555 0 0 0 .563-.563v-.374a.57.57 0 0 0-.563-.563c-1.43 0-2.39-.727-2.812-1.758zM5 5h6v2.063l-2.79-.891c-.07-.024-.14-.024-.21-.024-.094 0-.164 0-.234.024L5 7.062V5z" fill="%23000"/></svg>');background-position:center}
.swc-icon__house{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.824 5.48 3.512 9.043v3.82c0 .211.164.375.375.375h2.625c.187 0 .351-.164.351-.375v-2.25c0-.187.188-.375.375-.375h1.5c.211 0 .375.188.375.375v2.25c0 .211.188.375.375.375h2.649a.385.385 0 0 0 .375-.375V9.02L8.176 5.48a.253.253 0 0 0-.164-.07c-.07 0-.14.024-.188.07zm6.82 2.415L12.7 6.277V3.043a.285.285 0 0 0-.281-.281h-1.313a.27.27 0 0 0-.28.281V4.73l-2.11-1.734a1.205 1.205 0 0 0-1.43 0l-5.93 4.899a.28.28 0 0 0-.117.21c0 .07.047.141.07.188l.61.727c.047.07.117.093.21.093.071 0 .142-.023.188-.07L7.824 4.52a.266.266 0 0 1 .188-.07c.047 0 .117.023.164.07l5.508 4.523c.046.047.117.07.187.07.094 0 .164-.023.211-.093l.61-.727a.266.266 0 0 0 .07-.188.28.28 0 0 0-.117-.21z" fill="%23000"/></svg>');background-position:center}
.swc-icon__animal{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.012 7.243c-1.875 0-4.5 2.882-4.5 4.71 0 .82.61 1.29 1.664 1.29 1.148 0 1.898-.586 2.836-.586.914 0 1.664.585 2.812.585 1.055 0 1.688-.468 1.688-1.289 0-1.828-2.649-4.71-4.5-4.71zM4.543 6.96c-.234-.82-.984-1.336-1.664-1.172-.68.164-1.055.938-.797 1.758.234.82.984 1.336 1.664 1.172.68-.164 1.055-.937.797-1.758zm1.992-.492c.727-.187 1.078-1.172.82-2.18-.28-1.03-1.101-1.687-1.828-1.5-.726.188-1.078 1.172-.82 2.18C4.988 6 5.809 6.657 6.535 6.47zm6.586-.68c-.68-.164-1.43.352-1.664 1.172-.258.82.117 1.594.797 1.758.68.164 1.43-.351 1.664-1.172.258-.82-.117-1.594-.797-1.758zm-3.656.68c.726.188 1.547-.469 1.828-1.5.258-1.008-.094-1.992-.82-2.18-.727-.187-1.547.47-1.828 1.5-.258 1.008.093 1.993.82 2.18z" fill="%23000"/></svg>');background-position:center}
.swc-icon__mobile{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.625 2h-5.25c-.633 0-1.125.516-1.125 1.125v9.75A1.11 1.11 0 0 0 5.375 14h5.25c.61 0 1.125-.492 1.125-1.125v-9.75A1.14 1.14 0 0 0 10.625 2zM8 13.25a.74.74 0 0 1-.75-.75c0-.398.328-.75.75-.75.398 0 .75.352.75.75 0 .422-.352.75-.75.75z" fill="%23000"/></svg>');background-position:center}
.swc-icon__building{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.969 13.25H12.5V2.562A.57.57 0 0 0 11.937 2H4.064a.555.555 0 0 0-.563.563V13.25h-.469a.285.285 0 0 0-.281.281V14h10.5v-.469c0-.14-.14-.281-.281-.281zM5.75 3.781c0-.14.117-.281.281-.281h.938c.14 0 .281.14.281.281v.938c0 .164-.14.281-.281.281H6.03a.27.27 0 0 1-.281-.281V3.78zm0 2.25c0-.14.117-.281.281-.281h.938c.14 0 .281.14.281.281v.938c0 .164-.14.281-.281.281H6.03a.27.27 0 0 1-.281-.281V6.03zM6.969 9.5H6.03a.27.27 0 0 1-.281-.281V8.28c0-.14.117-.281.281-.281h.938c.14 0 .281.14.281.281v.938c0 .164-.14.281-.281.281zm1.781 3.75h-1.5v-1.969c0-.14.117-.281.281-.281h.938c.14 0 .281.14.281.281v1.969zm1.5-4.031c0 .164-.14.281-.281.281H9.03a.27.27 0 0 1-.281-.281V8.28c0-.14.117-.281.281-.281h.938c.14 0 .281.14.281.281v.938zm0-2.25c0 .164-.14.281-.281.281H9.03a.27.27 0 0 1-.281-.281V6.03c0-.14.117-.281.281-.281h.938c.14 0 .281.14.281.281v.938zm0-2.25c0 .164-.14.281-.281.281H9.03a.27.27 0 0 1-.281-.281V3.78c0-.14.117-.281.281-.281h.938c.14 0 .281.14.281.281v.938z" fill="%23000"/></svg>');background-position:center}
.swc-icon__snowmobile{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13.074 10.11-.797-.47.61-.163c.187-.047.304-.258.257-.446l-.093-.351a.374.374 0 0 0-.446-.258l-1.664.445L9.441 8l1.5-.844 1.664.446a.374.374 0 0 0 .446-.258l.093-.352c.047-.187-.07-.398-.257-.445l-.61-.164.797-.469a.344.344 0 0 0 .117-.492l-.351-.633c-.094-.164-.328-.21-.492-.117l-.797.445.164-.61c.047-.187-.07-.374-.258-.444l-.352-.094c-.187-.047-.375.07-.445.258l-.445 1.664-1.453.843V4.93l1.242-1.266c.14-.14.14-.375 0-.539l-.258-.258c-.14-.14-.375-.14-.54 0l-.444.469v-.961A.403.403 0 0 0 8.387 2h-.75a.385.385 0 0 0-.375.375v.96l-.47-.468a.397.397 0 0 0-.538 0l-.258.258c-.14.164-.14.398 0 .54L7.262 4.93v1.804l-1.477-.843-.445-1.664a.374.374 0 0 0-.446-.258l-.351.094c-.188.07-.305.257-.258.445l.164.61-.797-.446c-.164-.117-.398-.047-.492.117l-.352.633a.344.344 0 0 0 .118.492l.796.469-.609.164c-.187.047-.305.234-.258.445l.094.352a.374.374 0 0 0 .445.258l1.664-.446 1.5.844-1.5.867-1.664-.445a.374.374 0 0 0-.445.258l-.094.351a.374.374 0 0 0 .258.446l.61.164-.797.468a.344.344 0 0 0-.118.493l.352.632c.094.164.328.211.492.118l.797-.446-.164.61c-.047.187.07.375.258.445l.351.094c.188.047.375-.07.446-.258l.445-1.664 1.453-.844v1.805l-1.242 1.265c-.164.141-.164.375 0 .54l.258.257c.14.14.375.14.539 0l.445-.469v.938c0 .21.188.375.375.375h.75a.37.37 0 0 0 .375-.375v-.938l.469.47c.14.14.375.14.539 0l.258-.282a.368.368 0 0 0 0-.516l-1.242-1.265V9.289l1.453.844.445 1.664c.07.187.258.305.445.258l.352-.094c.187-.07.305-.258.258-.445l-.164-.61.796.446c.165.093.399.046.493-.141l.351-.61a.344.344 0 0 0-.117-.492z" fill="%23000"/></svg>');background-position:center}
.swc-icon__truck{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.125 10.25h-.375V7.719c0-.282-.14-.586-.352-.797l-2.32-2.32c-.21-.211-.515-.352-.797-.352H10.25V3.125A1.14 1.14 0 0 0 9.125 2h-7.5C.992 2 .5 2.516.5 3.125v7.5a1.11 1.11 0 0 0 1.125 1.125H2a2.25 2.25 0 0 0 4.5 0h3a2.25 2.25 0 0 0 4.5 0h1.125a.385.385 0 0 0 .375-.375v-.75a.403.403 0 0 0-.375-.375zM4.25 12.875a1.11 1.11 0 0 1-1.125-1.125c0-.61.492-1.125 1.125-1.125.61 0 1.125.516 1.125 1.125 0 .633-.516 1.125-1.125 1.125zm7.5 0a1.11 1.11 0 0 1-1.125-1.125c0-.61.492-1.125 1.125-1.125.61 0 1.125.516 1.125 1.125 0 .633-.516 1.125-1.125 1.125zM13.625 8H10.25V5.375h1.031l2.344 2.344V8z" fill="%23000"/></svg>');background-position:center}
.swc-icon__bicycle{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.511 6.523a2.384 2.384 0 0 0-1.078.188L9.605 3.78a.563.563 0 0 0-.469-.281h-1.5a.385.385 0 0 0-.375.375v.375c0 .21.164.375.375.375h1.172l.352.562H6.51v-.375a.403.403 0 0 0-.375-.375H4.074c-.305 0-.586.258-.563.586 0 .305.235.54.563.54h1.125l-.68 1.124A3.65 3.65 0 0 0 3.511 6.5c-1.64 0-3 1.36-3 3-.023 1.664 1.336 3 3 3a2.963 2.963 0 0 0 2.883-2.25h1.242a.54.54 0 0 0 .469-.258l2.016-3.258.351.563c-.61.562-.984 1.336-.96 2.226 0 1.617 1.335 2.977 2.952 2.977a2.97 2.97 0 0 0 3.024-2.953c.047-1.64-1.313-3.024-2.977-3.024zm-7.64 1.711c.234.258.398.563.468.89H4.332l.539-.89zm-1.36 3.14A1.851 1.851 0 0 1 1.636 9.5c0-1.031.82-1.875 1.875-1.875.117 0 .258.023.399.047L2.832 9.406c-.235.375.046.844.492.844h1.898a1.872 1.872 0 0 1-1.71 1.125zm3.797-2.25h-.82c-.094-.726-.469-1.382-1.008-1.874l.586-.938h2.977L7.308 9.125zm5.086 2.25a1.84 1.84 0 0 1-1.758-1.78c-.023-.493.14-.961.446-1.313l1.03 1.688c.118.164.352.234.517.117l.328-.188c.164-.117.234-.351.117-.515l-1.031-1.688c.14-.047.304-.047.445-.047h.023c1.032 0 1.875.82 1.875 1.875 0 1.055-.914 1.922-1.992 1.852z" fill="%23000"/></svg>');background-position:center}
.swc-icon__wrench{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9 4.562c-.048-.211-.305-.282-.47-.141l-1.734 1.734-1.594-.258-.257-1.593 1.734-1.735a.277.277 0 0 0-.14-.468 3.341 3.341 0 0 0-3.188.89c-.938.914-1.195 2.274-.797 3.446l-5.016 4.992a1.514 1.514 0 0 0 0 2.133 1.514 1.514 0 0 0 2.133 0l4.992-4.993a3.39 3.39 0 0 0 3.446-.82 3.341 3.341 0 0 0 .89-3.187zM3.516 13.046a.542.542 0 0 1-.563-.563c0-.304.234-.562.563-.562a.57.57 0 0 1 .562.562.555.555 0 0 1-.562.563z" fill="%23000"/></svg>');background-position:center}
.swc-icon__categories-default{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.25 7.813c0-.141-.14-.282-.281-.282H6.03a.285.285 0 0 0-.281.282v.656a.27.27 0 0 0 .281.281H9.97c.14 0 .281-.117.281-.281v-.656zM9.969 9.5H6.03a.285.285 0 0 0-.281.281v.656a.27.27 0 0 0 .281.282H9.97c.14 0 .281-.117.281-.281V9.78c0-.14-.14-.281-.281-.281zM12.5 5.094c0-.282-.14-.586-.352-.797l-1.945-1.945C9.993 2.14 9.688 2 9.406 2H4.625C3.992 2 3.5 2.516 3.5 3.125v9.75A1.11 1.11 0 0 0 4.625 14h6.75c.61 0 1.125-.492 1.125-1.125V5.094zm-3-1.875L11.281 5H9.5V3.219zm1.875 9.656h-6.75v-9.75h3.75v2.438c0 .328.234.562.563.562h2.437v6.75z" fill="%23000"/></svg>');background-position:center}
.swc-icon__signin{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 12.405a2.25 2.25 0 0 0 2.25-2.25v-4.5a2.25 2.25 0 0 0-2.25-2.25H9.781a.285.285 0 0 0-.281.28v.938a.27.27 0 0 0 .281.281h1.969c.398 0 .75.352.75.75v4.5c0 .422-.352.75-.75.75H9.781a.285.285 0 0 0-.281.282v.937a.27.27 0 0 0 .281.282h1.969zm-1.102-4.711L6.711 3.756c-.352-.351-.961-.094-.961.398v2.25H2.562A.555.555 0 0 0 2 6.967v2.25c0 .328.234.563.563.563H5.75v2.25c0 .515.61.75.96.398l3.938-3.938c.211-.21.211-.562 0-.796z" fill="%23000"/></svg>');background-position:center}
.swc-icon__save{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.273 4.562 12.679 1.97c-.281-.282-.656-.47-1.063-.47H3.241a1.5 1.5 0 0 0-1.5 1.5v11c0 .845.656 1.5 1.5 1.5h11a1.5 1.5 0 0 0 1.5-1.5V5.626c0-.406-.187-.781-.468-1.063zM8.74 13.5c-1.125 0-2-.875-2-2 0-1.094.875-2 2-2 1.094 0 2 .906 2 2 0 1.125-.906 2-2 2zm3-9.5v3.125a.38.38 0 0 1-.375.375h-7.25a.361.361 0 0 1-.375-.375v-3.25a.38.38 0 0 1 .375-.375h7.125c.094 0 .188.062.282.125l.093.094c.063.093.125.187.125.28z" fill="%23000"/></svg>');background-position:center}
.swc-icon__password{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 6.148A4.141 4.141 0 0 0 9.852 2 4.126 4.126 0 0 0 5.75 6.125c0 .469.07.89.188 1.313L2.163 11.21a.55.55 0 0 0-.164.398v1.829c0 .328.234.562.563.562h2.624a.555.555 0 0 0 .563-.563V12.5h.938a.555.555 0 0 0 .562-.563V11h.867c.164 0 .305-.07.422-.188l.563-.632c.234.047.492.07.773.07C12.148 10.25 14 8.422 14 6.148zM9.875 5c0-.61.492-1.125 1.125-1.125.61 0 1.125.516 1.125 1.125 0 .633-.516 1.125-1.125 1.125A1.11 1.11 0 0 1 9.875 5z" fill="%23000"/></svg>');background-position:center}
.swc-icon__upload{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.679 10.991a.555.555 0 0 0 .562-.562V6.49h2.04a.462.462 0 0 0 .327-.797L9.046 2.132a.468.468 0 0 0-.633 0L4.851 5.694a.462.462 0 0 0 .328.797H7.24v3.938c0 .328.235.562.563.562h1.875zm5.062-.187a.57.57 0 0 0-.562-.563H10.99v.188c0 .726-.61 1.312-1.312 1.312H7.804A1.31 1.31 0 0 1 6.49 10.43v-.188H3.304a.555.555 0 0 0-.563.563v2.625c0 .328.235.562.563.562h10.875a.555.555 0 0 0 .562-.562v-2.625zm-2.906 2.062a.47.47 0 0 1-.469.469.47.47 0 0 1-.468-.469.47.47 0 0 1 .468-.468.47.47 0 0 1 .469.468zm1.5 0a.47.47 0 0 1-.469.469.47.47 0 0 1-.468-.469.47.47 0 0 1 .468-.468.47.47 0 0 1 .469.468z" fill="%23000"/></svg>');background-position:center}
.swc-icon__chat{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.005 6.5c0-2.063-2.204-3.75-4.875-3.75-2.696 0-4.875 1.688-4.875 3.75 0 .82.328 1.547.89 2.156-.328.727-.844 1.29-.844 1.29a.225.225 0 0 0-.046.21c.046.07.093.094.187.094a4.05 4.05 0 0 0 2.063-.586c.75.375 1.664.586 2.625.586 2.671 0 4.875-1.664 4.875-3.75zm2.859 5.156c.539-.61.89-1.336.89-2.156 0-1.547-1.265-2.906-3.046-3.469.023.164.047.328.047.469 0 2.484-2.532 4.5-5.625 4.5-.258 0-.516 0-.75-.023.726 1.335 2.46 2.273 4.5 2.273.96 0 1.851-.21 2.601-.586a4.071 4.071 0 0 0 2.086.586c.07 0 .14-.023.164-.094.024-.07.024-.164-.047-.21 0 0-.515-.563-.82-1.29z" fill="%23000"/></svg>');background-position:center}
.swc-icon__arrow-left{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.931 13.21c.275-.275.248-.688 0-.963L5.605 9.113h7.89c.385 0 .66-.302.66-.66v-.88a.635.635 0 0 0-.66-.659h-7.89L8.93 3.753a.716.716 0 0 0 0-.963l-.605-.604c-.275-.248-.687-.248-.934 0L2.03 7.546c-.248.248-.248.66 0 .935l5.36 5.333c.248.248.66.248.935 0l.605-.604z" fill="%23000"/></svg>');background-position:center}
.swc-icon__arrow-right{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.069 2.79c-.275.275-.248.688 0 .963l3.326 3.134h-7.89a.651.651 0 0 0-.66.66v.88c0 .384.275.659.66.659h7.89L7.07 12.247a.716.716 0 0 0 0 .963l.605.604c.275.248.687.248.934 0l5.361-5.36c.248-.248.248-.66 0-.935L8.61 2.186c-.248-.248-.66-.248-.935 0l-.605.604z" fill="%23000"/></svg>');background-position:center}
.swc-icon__cancel-cancel{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9.948 8.235 2.93-2.93a.87.87 0 0 0 0-1.288l-.645-.645a.87.87 0 0 0-1.289 0l-2.93 2.93-2.958-2.93a.87.87 0 0 0-1.29 0l-.644.645a.87.87 0 0 0 0 1.289l2.93 2.93-2.93 2.958a.87.87 0 0 0 0 1.29l.645.644a.87.87 0 0 0 1.289 0l2.959-2.93 2.93 2.93a.87.87 0 0 0 1.288 0l.645-.645a.87.87 0 0 0 0-1.289l-2.93-2.959z" fill="%23000"/></svg>');background-position:center}
.swc-icon__check-nocircle{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.542 12.804a.696.696 0 0 0 .968 0l7.697-7.697a.695.695 0 0 0 0-.968l-.943-.943a.664.664 0 0 0-.942 0L6.039 9.48 3.081 6.547a.664.664 0 0 0-.942 0l-.943.943a.695.695 0 0 0 0 .968l4.346 4.346z" fill="%23000"/></svg>');background-position:center}
.swc-icon__eye{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.012 5.875c-.258.023-.516.047-.75.117.117.188.164.422.187.633 0 .726-.61 1.312-1.312 1.312-.235 0-.469-.046-.633-.164-.07.235-.117.47-.117.727a2.62 2.62 0 0 0 2.625 2.625A2.62 2.62 0 0 0 10.637 8.5c0-1.43-1.172-2.602-2.625-2.602v-.023zm6.656 2.297C13.402 5.687 10.871 4 8.012 4c-2.883 0-5.414 1.687-6.68 4.172a.749.749 0 0 0-.07.328c0 .14.023.258.07.351C2.598 11.336 5.129 13 8.012 13c2.86 0 5.39-1.664 6.656-4.149a.75.75 0 0 0 .07-.328.784.784 0 0 0-.07-.351zm-6.656 3.703c-2.32 0-4.453-1.29-5.578-3.375C3.559 6.414 5.69 5.125 8.012 5.125c2.297 0 4.43 1.289 5.554 3.375-1.125 2.086-3.257 3.375-5.554 3.375z" fill="%23000"/></svg>');background-position:center}
.swc-icon__chevron-right{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.941 8.387a.552.552 0 0 0 0-.774l-4.546-4.57c-.235-.211-.586-.211-.797 0l-.54.539c-.21.211-.21.563 0 .797l3.61 3.61-3.61 3.632c-.21.234-.21.586 0 .797l.54.539c.21.211.562.211.797 0l4.546-4.57z" fill="%23000"/></svg>');background-position:center}
.swc-icon__coins{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 11.516v.984c0 .844 2.016 1.5 4.5 1.5s4.5-.656 4.5-1.5v-.984c-.984.68-2.742.984-4.5.984-1.781 0-3.54-.305-4.5-.984zM9.5 5c2.484 0 4.5-.656 4.5-1.5C14 2.68 11.984 2 9.5 2S5 2.68 5 3.5C5 4.344 7.016 5 9.5 5zM2 9.055v1.195c0 .844 2.016 1.5 4.5 1.5s4.5-.656 4.5-1.5V9.055c-.984.797-2.742 1.195-4.5 1.195-1.781 0-3.54-.398-4.5-1.195zm9.75.258C13.086 9.055 14 8.563 14 8v-.984c-.563.375-1.36.632-2.25.796v1.5zM6.5 5.75c-2.484 0-4.5.844-4.5 1.875C2 8.68 4.016 9.5 6.5 9.5S11 8.68 11 7.625C11 6.594 8.984 5.75 6.5 5.75zm5.133 1.336C13.039 6.828 14 6.336 14 5.75v-.984c-.844.586-2.273.89-3.773.984.68.328 1.195.773 1.406 1.336z" fill="%23000"/></svg>');background-position:center}
.swc-icon__star{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.332 2.41 5.809 5.529l-3.446.492c-.61.094-.844.844-.398 1.29l2.46 2.413-.585 3.399c-.094.61.562 1.078 1.101.797l3.07-1.617 3.048 1.617c.539.28 1.195-.188 1.101-.797l-.586-3.399 2.461-2.414c.445-.445.211-1.195-.398-1.289l-3.422-.492-1.547-3.117c-.258-.54-1.055-.563-1.336 0z" fill="%23000"/></svg>');background-position:center}
.swc-icon__in-progress{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.938 2H4.061a.555.555 0 0 0-.562.563v.374c0 .329.234.563.563.563 0 2.133 1.195 3.938 2.812 4.5-1.617.586-2.813 2.39-2.813 4.5a.555.555 0 0 0-.562.563v.374c0 .329.234.563.563.563h7.875a.555.555 0 0 0 .562-.563v-.374a.57.57 0 0 0-.563-.563c0-2.11-1.218-3.914-2.835-4.5 1.617-.563 2.835-2.367 2.835-4.5a.555.555 0 0 0 .563-.563v-.374A.57.57 0 0 0 11.937 2zm-1.782 9H5.82C6.22 9.922 7.04 9.125 8 9.125c.938 0 1.758.797 2.156 1.875zm0-6H5.82c-.187-.445-.258-.96-.258-1.5h4.875c0 .54-.093 1.055-.28 1.5z" fill="%23000"/></svg>');background-position:center}
.swc-icon__exchange{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.006 5.931c0 .329.234.563.562.563h8.438v1.125c0 .516.586.75.937.398l1.875-1.875a.513.513 0 0 0 0-.773l-1.875-1.875a.539.539 0 0 0-.937.375v1.125H2.568a.555.555 0 0 0-.562.562v.375zm11.437 3.563H5.006V8.369c0-.492-.61-.75-.961-.375L2.17 9.869a.513.513 0 0 0 0 .773l1.875 1.875a.56.56 0 0 0 .96-.398v-1.125h8.438a.555.555 0 0 0 .563-.563v-.375a.57.57 0 0 0-.563-.562z" fill="%23000"/></svg>');background-position:center}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadein {
  animation-name: fadein;
  animation-duration: 0.4s;
}
@keyframes fadeinBottom {
  from {
    opacity: 0;
    transform: translateY(40%);
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadeinBottom {
  from {
    opacity: 0;
    transform: translateY(40%);
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinBottom {
  from {
    opacity: 0;
    transform: translateY(40%);
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadeinBottom {
  from {
    opacity: 0;
    transform: translateY(40%);
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadeinBottom {
  from {
    opacity: 0;
    transform: translateY(40%);
  }
  to {
    opacity: 1;
  }
}
.fadein-bottom {
  animation-name: fadeinBottom;
  animation-duration: 0.4s;
}
@keyframes fadeinTop {
  from {
    opacity: 0;
    transform: translateY(-40%);
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadeinTop {
  from {
    opacity: 0;
    transform: translateY(-40%);
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinTop {
  from {
    opacity: 0;
    transform: translateY(-40%);
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadeinTop {
  from {
    opacity: 0;
    transform: translateY(-40%);
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadeinTop {
  from {
    opacity: 0;
    transform: translateY(-40%);
  }
  to {
    opacity: 1;
  }
}
.fadein-top {
  animation-name: fadeinTop;
  animation-duration: 0.4s;
}
@keyframes fadeinRight {
  from {
    opacity: 0;
    transform: translateX(40%);
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadeinRight {
  from {
    opacity: 0;
    transform: translateX(40%);
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinRight {
  from {
    opacity: 0;
    transform: translateY(40%);
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadeinRight {
  from {
    opacity: 0;
    transform: translateX(40%);
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadeinRight {
  from {
    opacity: 0;
    transform: translateX(40%);
  }
  to {
    opacity: 1;
  }
}
.fadein-right {
  animation-name: fadeinRight;
  animation-duration: 0.4s;
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
.grid-block,
.main,
.coupon,
.comments li,
.comment-form {
  background: #fff;
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
body {
  color: #444;
  font-family: 'Open Sans', sans-serif;
  background-color: #e9e9e9;
  font-size: 14px;
}
body.bg-white {
  background-color: #fff;
}
h1,
h2,
h3 {
  font-weight: 400;
}
h4 {
  font-weight: bold;
}
.radio {
  text-align: left;
}
text-angular .popover {
  display: none;
}
.ngTruncateToggleText {
  cursor: pointer;
}
fieldset {
  width: 100%;
}
input[type="date"] {
  display: block;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
#main {
  position: relative;
}
.no-value {
  text-align: center;
  font-weight: bold;
  color: #aaa;
}
.page.no-tool-bar .page-title {
  margin-bottom: 3em;
}
.page.impaffix {
  padding-top: 70px;
}
.margin-bottom {
  margin-bottom: 1em;
}
.margin-bottom--2 {
  margin-bottom: 2em;
}
.navbar {
  margin-bottom: 10px;
}
/* line 32, ../sass/style.scss */
.navbar .navbar-inner {
  border-radius: 0px 0px 3px 3px;
}
#spinner {
  height: 300px;
}
.text-faded {
  opacity: 0.6;
}
.text-bold {
  font-weight: bold;
}
.checkbox label {
  font-family: "Open Sans";
}
form.error-on-submit:not(.ng-submitted) .form-control {
  background-color: transparent !important;
}
.terms-checkbox-wrap {
  text-align: left;
}
.terms-checkbox-wrap a {
  text-align: left;
  color: #337ab7 !important;
  font-family: 'Quicksand';
  font-weight: bold;
}
.terms-checkbox-wrap a:hover,
.terms-checkbox-wrap a:active,
.terms-checkbox-wrap a:visited,
.terms-checkbox-wrap a:focus {
  color: #23527c !important;
}
.one-line-cta .terms-checkbox-wrap label {
  height: auto;
}
.empty-list-notifier {
  text-align: center;
  margin-top: 3em;
}
.empty-list-notifier h1,
.empty-list-notifier h2,
.empty-list-notifier h3,
.empty-list-notifier h4 {
  color: #D44545;
}
.empty-list-notifier .actions {
  margin-top: 2em;
}
.input-group.suffix .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 0px !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.input-group.suffix .input-group-addon:not(:first-child):not(:last-child),
.input-group.suffix .input-group-btn:not(:first-child):not(:last-child),
.input-group.suffix .form-control:not(:first-child):not(:last-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.input-group.suffix .input-group-addon {
  background-color: #fff;
  border-left: 0px;
}
.input-group.suffix .form-control + .input-group-addon,
.input-group.suffix .form-control + div + .input-group-addon {
  border-left: 1px solid #e0e0e0;
}
@media (max-width: 765px) {
  .xs-block {
    display: block;
  }
  .xs-block.margin-top {
    margin-top: 10px;
  }
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  [class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .page.xxs-fullscreen {
    padding-top: 0px;
    background-color: #fff;
    min-height: 100vh;
  }
  .page.xxs-fullscreen .white-box {
    padding: 0px;
  }
}
.page-title {
  display: none;
}
.dropdown-menu li > span {
  display: block;
  padding: 3px 20px;
  clear: both;
  line-height: 20px;
  color: #bbb;
  white-space: nowrap;
}
.errors {
  position: fixed;
  z-index: 10000;
  padding: 10px;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
.animate-fadein.ng-move,
.animate-fadein.ng-enter,
.animate-fadein.ng-hide-remove {
  transition: opacity linear 0.3s;
  -webkit-transition: opacity linear 0.3s;
  -moz-transition: opacity linear 0.3s;
  -o-transition: opacity linear 0.3s;
}
.animate-fadein.ng-leave.ng-leave-active,
.animate-fadein.ng-move,
.animate-fadein.ng-enter,
.animate-fadein.ng-hide-remove {
  opacity: 0;
}
.animate-fadein.ng-leave,
.animate-fadein.ng-move.ng-move-active,
.animate-fadein.ng-enter.ng-enter-active,
.animate-fadein.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.app-wrap {
  overflow-x: hidden;
}
@media (max-width: 765px) {
  html {
    height: 100%;
  }
  body.bg-white-mobile {
    background-color: #fff;
  }
  body.bg-lightgrey-mobile {
    background-color: #f4f4f4;
  }
  html.vh-100 {
    height: 100vh;
  }
  html.mobile-sticky-footer:not(.modal-open-html) {
    position: relative;
  }
  html.mobile-sticky-footer body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
  }
  html.mobile-sticky-footer .app-wrap {
    flex: 1;
  }
}
@media (min-width: 765px) {
  .float-right-sm {
    float: right;
  }
}
@media (min-width: 998px) {
  .float-right-md {
    float: right;
  }
}
@media (min-width: 1200px) {
  .float-right-lg {
    float: right;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
label,
.nav {
  font-family: 'Quicksand', sans-serif;
  color: #555;
}
input[type='text'],
input[type='email'],
input[type='password'],
input[type='phonenumber'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.arial {
  font-family: 'Arial', sans-serif;
  letter-spacing: 1px;
}
.arial.light {
  color: #777;
}
body.padding-top {
  padding-top: 85px;
}
[role="main"] {
  padding-right: 3em;
}
form {
  margin-bottom: 0px;
}
p.big {
  font-size: 1.5em;
}
.to-middle {
  display: inline-block;
  width: 1px;
  height: 100%;
  vertical-align: middle;
}
.text-lightgreen {
  color: #03997E;
}
.text-lightblue {
  color: #287F99;
}
.text-lightgrey {
  color: #aaa;
}
.text-grey {
  color: #7A7A7A;
}
.text-red {
  color: #D44545;
}
.text-orange {
  color: #B14B41;
}
.text-warning {
  color: #bd9755;
}
.text-purple {
  color: #844184;
}
.text-lg {
  font-size: 1.2em;
}
a.text-white {
  color: #fff;
}
a.text-white:hover,
a.text-white:active,
a.text-white:focus {
  text-decoration: underline;
}
.hidden {
  display: none;
}
h5 {
  font-weight: bold;
  font-size: 1.2em;
}
/*****************

  SPECIAL COLS

******************/
@media (min-width: 768px) {
  .container-sm {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .container-sm {
    width: 750px;
  }
  .container-width {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .container-sm {
    width: 970px;
  }
  .container-width {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .container-sm {
    width: 1170px;
  }
  .container-width {
    width: 1140px;
  }
}
.col-sm-1-5 {
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 765px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 765px) {
  .pull-right-sm {
    float: right;
  }
  .pull-left-sm {
    float: left;
  }
}
@media (min-width: 998px) {
  .pull-right-md {
    float: right;
  }
  .pull-left-md {
    float: left;
  }
}
@media (min-width: 1200px) {
  .pull-right-lg {
    float: right;
  }
  .pull-left-lg {
    float: left;
  }
}
a {
  transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  cursor: pointer;
}
.not-specified {
  color: #999 !important;
  font-style: italic;
}
.arrow-up {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #fff;
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #f00;
}
.arrow-down-small {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f00;
}
.arrow-right {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green;
}
.arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid blue;
}
i.xl {
  font-size: 60px;
}
@media (max-width: 765px) {
  .no-xs-padding {
    padding-left: 0px;
    padding-right: 0px;
  }
  h1 {
    font-size: 27px;
  }
}
/****************************

  WHITE-BOX

****************************/
.white-box {
  background-color: #fff;
  padding: 10px;
  border-radius: 4px;
  margin-left: -5px;
  margin-right: -5px;
}
.white-box.shadow {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}
.white-box.center {
  text-align: center;
}
.white-box h2 {
  text-align: center;
  margin-top: 1em;
}
.white-box h3 {
  text-align: center;
  margin-bottom: 1em;
  margin-top: 1em;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
}
.white-box h5,
.chat-wrap h5,
.time-line-wrap h5 {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  color: #009479;
  text-align: center;
}
.white-box h5 .fa-info-circle,
.chat-wrap h5 .fa-info-circle,
.time-line-wrap h5 .fa-info-circle {
  font-size: 0.8em;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.white-box h5 .fa-info-circle.text-lightgrey:hover,
.chat-wrap h5 .fa-info-circle.text-lightgrey:hover,
.time-line-wrap h5 .fa-info-circle.text-lightgrey:hover {
  font-size: 0.8em;
  cursor: pointer;
  color: #555;
}
.white-box h6,
.time-line-wrap h6 {
  font-size: 1.1em;
  font-weight: bold;
}
.white-box .footer {
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px solid #eaeaea;
}
.white-box .footer.no-border {
  border-top: 0px;
}
.white-box .footer.center {
  text-align: center;
}
@media (min-width: 765px) {
  .white-box {
    margin-left: 0px;
    margin-right: 0px;
  }
  .white-box.extra-padding {
    padding-left: 3em;
    padding-right: 3em;
  }
  .xs-center {
    text-align: center;
  }
  .white-box {
    padding: 1em 2em;
  }
}
/****************************

  NOTE

*****************************/
.note {
  padding: 1em 2em;
  border-left: 3px solid #000;
}
.note > p:last-of-type {
  margin-bottom: 0px;
}
.note.error {
  border-color: #AB3030;
  color: #AB3030;
  background-color: #F6E0E0;
}
.note.warning {
  border-color: #C7AB69;
  color: #9F8443;
  background-color: #F6F1E5;
}
.note.info {
  border-color: #3c99b6;
  color: #287F99;
  background-color: #eff8fb;
}
.note.success {
  border-color: #00be9c;
  color: #03997E;
  background-color: #eaf9f6;
}
.plain-info-box {
  background-color: #f4f4f4;
  color: #888;
  padding: 10px;
  border-radius: 4px;
  display: block;
}
.plain-info-box.center {
  text-align: center;
}
/*ANGULAR TEXT******************************/
.ta-toolbar .btn {
  color: #444;
  border: 1px solid #ccc;
}
.ta-toolbar .btn i {
  color: #444 !important;
}
.ta-toolbar {
  margin-bottom: 5px;
}
/****************************

  ANIMATIONS

****************************/
.fade {
  opacity: 1;
  position: relative;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.fade.ng-enter {
  opacity: 0;
}
.fade.ng-enter-active {
  opacity: 1;
  z-index: 2;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.fade.ng-leave {
  display: none;
}
.fade.ng-leave-active {
  opacity: 0;
}
/****************************

  LOADERS

****************************/
.page-loader,
.s-spinner {
  text-align: center;
  margin-top: 3em;
}
.wait-on-load,
.wait-on-page-load {
  animation: none !important;
  -webkit-animation: none !important;
}
@-webkit-keyframes slide {
  100% {
    left: 250px;
  }
}
@-moz-keyframes slide {
  100% {
    left: 250px;
  }
}
@-o-keyframes slide {
  100% {
    left: 250px;
  }
}
@keyframes slide {
  100% {
    left: 250px;
  }
}
@media (max-width: 1200px) {
  @-webkit-keyframes slide {
    100% {
      left: 180px;
    }
  }
  @-moz-keyframes slide {
    100% {
      left: 180px;
    }
  }
  @-o-keyframes slide {
    100% {
      left: 180px;
    }
  }
  @keyframes slide {
    100% {
      left: 180px;
    }
  }
}
@media (max-width: 998px) {
  @-webkit-keyframes slide {
    100% {
      left: 100px;
    }
  }
  @-moz-keyframes slide {
    100% {
      left: 100px;
    }
  }
  @-o-keyframes slide {
    100% {
      left: 100px;
    }
  }
  @keyframes slide {
    100% {
      left: 100px;
    }
  }
}
/********************************

  SOCIAL MEDIA ICONS

********************************/
.social-media-icon {
  font-size: 30px;
  display: inline-block;
}
.social-media-icon img {
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  opacity: 0.85;
}
.social-media-icon:hover img {
  opacity: 1;
}
/*******************************

  BACKGROUNDS

********************************/
.bg-white {
  background-color: #fff;
}
.bg-green {
  background-color: #39AD98;
}
.bg-green h1,
.bg-green h2,
.bg-green h3,
.bg-green h4,
.bg-green h5,
.bg-green p {
  color: #fff;
}
.bg-green .form-control-feedback {
  color: #999;
}
.bg-blue {
  background-color: #6FA7B9;
  color: #fff;
}
.bg-darkblue {
  background-color: #023353;
  color: #94B6CB;
}
.bg-darkblue a {
  text-decoration: underline;
  color: #94B6CB;
}
.bg-darkblue a:hover,
.bg-darkblue a:active,
.bg-darkblue a:focus {
  text-decoration: underline;
  color: #B8D6E8;
}
.bg-greyblue {
  background-color: #273548;
  color: #94B6CB;
}
.bg-greyblue a {
  text-decoration: underline;
  color: #94B6CB;
}
.bg-greyblue a:hover,
.bg-greyblue a:active,
.bg-greyblue a:focus {
  text-decoration: underline;
  color: #B8D6E8;
}
.bg-lightblue .cssCircle {
  background-color: #B8CED5;
}
.bg-grey {
  background-color: #f0f0f0;
}
.bg-darkgrey {
  background-color: #dfdfdf;
}
.bg-bluegrey {
  background-color: #5F91A0;
  color: #fff;
}
.bg-coral {
  background-color: #ef625e;
  color: #fff;
}
[class*=bg-] .white-box,
[class*=bg-] .white-box h2,
[class*=bg-] .white-box h1,
[class*=bg-] .white-box p,
[class*=bg-] .white-box h3 {
  color: #444;
}
@media (min-width: 765px) {
  #topNavigation.bg-green {
    background-color: #39AD98;
  }
}
/********************************

  TEXT COLOURS

********************************/
b.lightblue,
i.lightblue,
span.lightblue,
p.lightblue,
h1.lightblue,
h2.lightblue,
h3.lightblue,
h4.lightblue {
  color: #DEEBEF;
}
b.blue,
i.blue,
span.blue,
p.blue,
h1.blue,
h2.blue,
h3.blue,
h4.blue {
  color: #286D9A;
}
b.yellow,
i.yellow,
span.yellow,
p.yellow,
h1.yellow,
h2.yellow,
h3.yellow,
h4.yellow {
  color: #C7AB69;
}
b.red,
i.red,
span.red,
p.red,
h1.red,
h2.red,
h3.red,
h4.red {
  color: #AB3030;
}
b.success,
i.success,
span.success,
p.success,
h1.success,
h2.success,
h3.success,
h4.success {
  color: green;
}
/***************************

  NAV

*****************************/
.references .image-container {
  height: 100px;
  text-align: center;
  width: 100%;
}
.references .image-container img {
  max-height: 100%;
  max-width: 70%;
  vertical-align: middle;
}
.navmenu-nav > li > .dropdown-menu {
  border-top-left-radius: 4px;
  overflow: hidden;
}
.dropdown-menu > li > a {
  padding: 0.8em 1em;
}
.dropdown-menu > li.active > a {
  font-weight: bold;
  background-color: #f0f0f0;
  color: inherit;
}
.navmenu-nav > li > .dropdown-menu {
  padding-top: 0px;
  padding-bottom: 0px;
}
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #f0f0f0;
  color: inherit;
}
/********************************

  FLAGS

*********************************/
.dropdown-menu li > span.flag-icon,
.flag-icon {
  display: inline-block;
  height: 32px;
  width: 45px;
  background-image: url(images/flag-icons.png);
  padding: 0px;
  clear: none;
  line-height: normal;
}
.flag-icon.sv {
  background-position: -258px -407px;
}
.flag-icon.en {
  background-position: -383px -457px;
}
.flag-icon.no {
  background-position: -11px -357px;
}
.flag-icon.da {
  background-position: -197px -107px;
}
.flag-icon.fi {
  background-position: -507px -107px;
}
.flag-icon.de {
  background-position: -72px -107px;
}
.flag-icon.hu {
  background-position: -382px -157px;
}
.flag-icon.gsw {
  background-position: -320px -57px;
}
.flag-icon.it {
  background-position: -197px -207px;
}
.flag-icon.fr {
  background-position: -570px -107px;
}
/*-------------*/
.container.center {
  text-align: center;
}
@media (min-width: 765px) {
  .col-border-left {
    border-left: 1px solid #DFDFDF;
  }
}
@media (min-width: 998px) {
  .col-border-left-md {
    border-left: 1px solid #DFDFDF;
  }
  .col-border-left-thick-md {
    border-left: 2px solid #ccc;
  }
}
.input-bold {
  font-weight: bold;
}
/****************************

  ABOUT

****************************/
.contact-section h4 {
  margin-top: 2em;
  font-size: 1.7em;
}
.col-md-1-5 {
  width: 20%;
}
/****************************

  ONE CONTRACT

****************************/
.template-list li {
  margin-bottom: 2em;
}
.contract-list .contract-status {
  margin-bottom: 0px;
}
i.created {
  color: #3c99b6;
}
i.shared {
  color: #C7AB69;
}
i.signed {
  color: green;
}
i.solved {
  color: green;
}
i.cancelled {
  color: #AB3030;
}
i.declined {
  color: #AB3030;
}
@media (max-width: 998px) {
  .contract-actions a span.title {
    font-size: 1.3em;
  }
  .contract-actions a i {
    font-size: 35px;
    padding-bottom: 10px;
  }
}
/****************************

  CHECKMARK UL

****************************/
.checkmark-ul {
  padding-left: 40px;
}
.checkmark-ul li {
  list-style-image: url("/images/checkmarks/checkmark-14.png");
}
.checkmark-ul.checkmark-ul-black li {
  list-style-image: url("/images/checkmarks/checkmark-grey.png");
}
.checkmark-ul.checkmark-ul-orange li {
  list-style-image: url("/images/checkmarks/checkmark-orange.png");
}
.checkmark-ul.checkmark-ul-green li {
  list-style-image: url("/images/checkmarks/checkmark-green.png");
}
.checkmark-ul.checkmark-ul-blue li {
  list-style-image: url("/images/checkmarks/checkmark-blue.png");
}
.checkmark-ul.checkmark-ul-finn-blue li {
  list-style-image: url("/images/checkmarks/checkmark-finn-blue.png");
}
.checkmark-ul.checkmark-ul-finn-lightblue li {
  list-style-image: url("/images/checkmarks/checkmark-finn-lightblue.png");
}
.checkmark-ul.bulletline-ul-red li {
  list-style-image: url("/images/checkmarks/bulletline-red.png");
}
.checkmark-ul.bullettimes-ul-red li {
  list-style-image: url("/images/checkmarks/bullettimes-red.png");
}
/********************************

  SPINNER

********************************/
.page-spinner-bar {
  z-index: 10051;
  width: 100px;
  text-align: center;
  margin: auto;
}
.page-spinner-bar > div {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  border-radius: 100% !important;
  display: inline-block;
  -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
  animation: bounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.page-spinner-bar .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.page-spinner-bar .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.page-spinner-bar > div,
.block-spinner-bar > div {
  background: #5fbbad;
}
@-webkit-keyframes bounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounceDelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.block-spinner-bar {
  display: inline-block;
  width: 80px;
  text-align: center;
}
.block-spinner-bar > div {
  margin: 0 2px;
  width: 15px;
  height: 15px;
  border-radius: 100% !important;
  display: inline-block;
  -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
  animation: bounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.block-spinner-bar .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.block-spinner-bar .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.btn .page-spinner-bar {
  width: 100%;
  text-align: center;
}
.btn .page-spinner-bar > div {
  width: 10px;
  height: 10px;
}
.spinner-container > span {
  text-align: center;
  margin: 4em 0px;
}
/********************************

  PAGE OVERLAY

********************************/
.page-overlay {
  text-align: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-y: auto !important;
}
#main-page-loader {
  display: block;
  z-index: 99999;
  height: 100vh;
}
body.is-loading .page-overlay {
  display: none;
}
body.is-loading .page-overlay.route-loader,
body.is-loading .page-overlay#main-page-loader {
  display: block;
}
.page-overlay.white {
  background-color: #fff;
}
.page-overlay.trans-white {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}
.page-overlay.trans-black {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}
.page-overlay > div {
  position: relative;
}
.page-overlay > div .close-overlay:focus,
.page-overlay > div .close-overlay:active,
.page-overlay > div .close-overlay:hover {
  color: #555;
}
.page-overlay .modal-slidetop {
  position: relative;
  transition: top 1s;
  -webkit-transition: top 1s;
  -moz-transition: top 1s;
  -o-transition: top 1s;
  transition: top 1s ease;
  -webkit-transition: top 1s ease;
  -moz-transition: top 1s ease;
  -o-transition: top 1s ease;
}
.page-overlay.ng-enter {
  opacity: 0;
}
.page-overlay.ng-enter-active {
  opacity: 1;
}
.page-overlay.ng-leave {
  opacity: 1;
}
.page-overlay.ng-leave-active {
  opacity: 0;
}
/****************************

  Side List Info

****************************/
.side-list-info {
  list-style: none;
  padding-left: 0px;
}
.side-list-info li {
  margin-bottom: 1em;
}
.side-list-info .title {
  font-weight: bold;
  font-size: 0.8em;
  color: #aaa;
  margin-bottom: 3px;
}
.side-list-info .file-list {
  padding-left: 0px;
  list-style: none;
}
.side-list-info .file-list li {
  position: relative;
}
.side-list-info .file-list .icon-wrap {
  position: absolute;
  left: 0px;
  top: 3px;
}
.side-list-info .file-list .file-list-content {
  padding-left: 50px;
}
.side-list-info .file-list i {
  font-size: 20px;
}
.side-list-info .file-list .download,
.side-list-info .file-list .download i {
  font-size: 0.9em;
}
/****************************

  STEP PROCESS (GUIDE IN CONTRACT VIEW)

****************************/
.step-process .img-wrap {
  width: 100%;
  padding: 0px 15%;
}
.step-process .img-wrap img {
  width: 100%;
}
.step-process [class*="col-"] {
  margin-bottom: 1em;
}
.step-process .sub-title {
  font-size: 0.8em;
}
.step-process .title {
  font-weight: bold;
}
@media (min-width: 765px) {
  .step-process {
    text-align: center;
  }
  .step-process > .row > [class*="col-"] > .row {
    margin-bottom: 2em;
  }
  .step-process .img-wrap {
    height: 60px;
    padding: 0px 10%;
    width: auto;
  }
  .step-process .img-wrap img {
    height: 100%;
    width: auto;
  }
  .step-process [class*="col-"] {
    margin-bottom: 0px;
  }
  .step-process .sub-title {
    font-size: 0.8em;
  }
  .step-process .title {
    font-size: 1em;
    font-weight: bold;
    margin-top: 10px;
  }
}
@media (min-width: 998px) {
  .step-process > .row > [class*="col-"] > .row {
    margin-bottom: 0px;
  }
  .step-process .img-wrap {
    height: 100px;
    padding: 0px 15%;
  }
  .step-process .title {
    font-size: 1.3em;
  }
}
@media (max-height: 460px) {
  .hidden-xsh {
    display: none !important;
  }
  .white-box .footer {
    margin-top: 5px;
  }
}

[class*="ab-test-"]:not(.ab-test-no-experiment) {
  display: none;
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
/****************************

  BUTTONS

****************************/
.btn {
  text-shadow: 0px 0px 0px transparent;
  background-image: none;
  border: 0px;
  line-height: inherit;
  border-radius: 3px;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  background-color: transparent;
  color: #888;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.btn:focus {
  outline: 0;
}
.btn-bold {
  font-weight: bold;
}
.btn.btn-block {
  display: block;
  text-align: center;
  width: 100%;
}
@media (max-width: 765px) {
  .btn.btn-block-xs,
  .swc-button.btn-block-xs {
    display: block;
    text-align: center;
    width: 100%;
  }
}
@media (min-width: 765px) {
  .btn.btn-block-sm {
    display: block;
    text-align: center;
    width: 100%;
  }
}
@media (min-width: 998px) {
  .btn.btn-block-md {
    display: block;
    text-align: center;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .btn.btn-block-lg {
    display: block;
    text-align: center;
    width: 100%;
  }
}
.btn-shadow {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.btn-shadow:active,
.btn-shadow:focus {
  position: relative;
  top: 1px;
  box-shadow: 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px transparent;
  -webkit-box-shadow: 0px 0px 0px transparent;
  -o-box-shadow: 0px 0px 0px transparent;
}
.btn.border:not(.static):hover:not([disabled="disabled"]),
.btn.border:not(.static):active,
.btn.border:not(.static):focus {
  background-color: #fff;
}
.btn.border {
  border: 1px solid #fff;
}
.btn.border.static {
  opacity: 1;
  border: 0px;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.66666;
}
@media (max-width: 765px) {
  .btn-lg-xs {
    padding: 10px 16px !important;
    font-size: 15px;
    line-height: 1.66666;
  }
}
.btn-xl {
  font-size: 20px;
  padding: 0.5em 1em;
  line-height: 31px;
}
.btn-xxl {
  font-size: 28px;
  padding: 1em 1.5em;
}
.btn-fade {
  background-color: #aaa;
}
.btn.btn-wrap:not(.spinning) {
  white-space: pre-wrap;
  word-break: break-word;
}
.btn.btn-link {
  color: #337ab7;
}
.btn.btn-link:hover:not([disabled="disabled"]),
.btn.btn-link:active,
.btn.btn-link:focus {
  color: #23527c;
}
.btn-group {
  display: inline-block;
}
.btn-group > .btn:first-of-type {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.btn-group > .btn:last-of-type {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
.input-group-btn {
  border-bottom: 1px solid #ccc;
}
.input-group-btn .btn {
  border: 0px;
}
/** TRANSPARET **/
.btn.border {
  background-color: transparent;
  color: #888;
  border-color: #888;
}
.btn:hover:not([disabled="disabled"]) {
  background-color: transparent;
  color: #000;
}
.btn:active,
.btn:focus {
  background-color: transparent;
  color: #555;
  box-shadow: 0px 0px 0px transparent;
}
.btn.border,
.btn[disabled].border:hover:not([disabled="disabled"]),
.btn[disabled].border:active,
.btn[disabled].border:focus {
  color: #aaa;
  background-color: transparent;
}
.btn.border.static,
.btn[disabled].border.static:hover:not([disabled="disabled"]),
.btn[disabled].border.static:active,
.btn[disabled].border.static:focus {
  background-color: #fff;
}
.btn .page-spinner-bar > div {
  background: #888;
}
.btn-lightblue {
  background-color: #3c99b6;
  color: rgba(255, 255, 255, 0.95);
}
.btn-lightblue:not(.border):active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-lightblue .border {
  background-color: #fff;
  color: #33829b;
  border-color: #33829b;
}
.btn-lightblue:hover:not([disabled="disabled"]) {
  background-color: #33829b;
  color: #fff;
}
.btn-lightblue[disabled="disabled"]:hover {
  background-color: #3c99b6;
  color: #fff;
}
.btn-lightblue:active,
.btn-lightblue:focus {
  background-color: #33829b;
  color: #fff;
}
.btn-lightblue.border,
.btn-lightblue[disabled].border:hover:not([disabled="disabled"]),
.btn-lightblue[disabled].border:active,
.btn-lightblue[disabled].border:focus {
  color: #33829b;
  border-color: #33829b;
}
.btn-lightblue[disabled].border:hover:not([disabled="disabled"]),
.btn-lightblue[disabled].border:active,
.btn-lightblue[disabled].border:focus {
  background-color: #fff;
}
.btn-lightblue.border:hover:not([disabled="disabled"]),
.btn-lightblue.border:active,
.btn-lightblue.border:focus {
  color: #2d7288;
}
.btn-lightblue .page-spinner-bar > div {
  background: #fff;
}
.btn-lightgreen {
  background-color: #00be9c;
  color: rgba(255, 255, 255, 0.95);
}
.btn-lightgreen:not(.border):active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-lightgreen .border {
  background-color: #fff;
  color: #009a7f;
  border-color: #009a7f;
}
.btn-lightgreen:hover:not([disabled="disabled"]) {
  background-color: #009a7f;
  color: #fff;
}
.btn-lightgreen[disabled="disabled"]:hover {
  background-color: #00be9c;
  color: #fff;
}
.btn-lightgreen:active,
.btn-lightgreen:focus {
  background-color: #009a7f;
  color: #fff;
}
.btn-lightgreen.border,
.btn-lightgreen[disabled].border:hover:not([disabled="disabled"]),
.btn-lightgreen[disabled].border:active,
.btn-lightgreen[disabled].border:focus {
  color: #009a7f;
  border-color: #009a7f;
}
.btn-lightgreen[disabled].border:hover:not([disabled="disabled"]),
.btn-lightgreen[disabled].border:active,
.btn-lightgreen[disabled].border:focus {
  background-color: #fff;
}
.btn-lightgreen.border:hover:not([disabled="disabled"]),
.btn-lightgreen.border:active,
.btn-lightgreen.border:focus {
  color: #00816a;
}
.btn-lightgreen .page-spinner-bar > div {
  background: #fff;
}
.btn-lightgrey {
  background-color: #f4f4f4;
  color: rgba(255, 255, 255, 0.95);
  color: #777;
}
.btn-lightgrey:not(.border):active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-lightgrey .border {
  background-color: #fff;
  color: #e2e2e2;
  border-color: #e2e2e2;
}
.btn-lightgrey:hover:not([disabled="disabled"]) {
  background-color: #e2e2e2;
  color: #fff;
}
.btn-lightgrey[disabled="disabled"]:hover {
  background-color: #f4f4f4;
  color: #fff;
}
.btn-lightgrey:active,
.btn-lightgrey:focus {
  background-color: #e2e2e2;
  color: #fff;
}
.btn-lightgrey.border,
.btn-lightgrey[disabled].border:hover:not([disabled="disabled"]),
.btn-lightgrey[disabled].border:active,
.btn-lightgrey[disabled].border:focus {
  color: #e2e2e2;
  border-color: #e2e2e2;
}
.btn-lightgrey[disabled].border:hover:not([disabled="disabled"]),
.btn-lightgrey[disabled].border:active,
.btn-lightgrey[disabled].border:focus {
  background-color: #fff;
}
.btn-lightgrey.border:hover:not([disabled="disabled"]),
.btn-lightgrey.border:active,
.btn-lightgrey.border:focus {
  color: #d5d5d5;
}
.btn-lightgrey .page-spinner-bar > div {
  background: #fff;
}
.btn-lightgrey:active,
.btn-lightgrey:focus,
.btn-lightgrey:hover:not([disabled="disabled"]),
.btn-lightgrey:visited {
  color: #777;
}
.btn-lightgrey .page-spinner-bar > div {
  background: #888;
}
.btn-grey {
  background-color: #ccc;
  color: rgba(255, 255, 255, 0.95);
  color: #777;
}
.btn-grey:not(.border):active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-grey .border {
  background-color: #fff;
  color: #bababa;
  border-color: #bababa;
}
.btn-grey:hover:not([disabled="disabled"]) {
  background-color: #bababa;
  color: #fff;
}
.btn-grey[disabled="disabled"]:hover {
  background-color: #ccc;
  color: #fff;
}
.btn-grey:active,
.btn-grey:focus {
  background-color: #bababa;
  color: #fff;
}
.btn-grey.border,
.btn-grey[disabled].border:hover:not([disabled="disabled"]),
.btn-grey[disabled].border:active,
.btn-grey[disabled].border:focus {
  color: #bababa;
  border-color: #bababa;
}
.btn-grey[disabled].border:hover:not([disabled="disabled"]),
.btn-grey[disabled].border:active,
.btn-grey[disabled].border:focus {
  background-color: #fff;
}
.btn-grey.border:hover:not([disabled="disabled"]),
.btn-grey.border:active,
.btn-grey.border:focus {
  color: #adadad;
}
.btn-grey .page-spinner-bar > div {
  background: #fff;
}
.btn-grey:active,
.btn-grey:focus,
.btn-grey:hover:not([disabled="disabled"]),
.btn-grey:visited {
  color: #777;
}
.btn-grey .page-spinner-bar > div {
  background: #888;
}
.btn-orange {
  background-color: #ef5a4b;
  color: rgba(255, 255, 255, 0.95);
}
.btn-orange:not(.border):active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-orange .border {
  background-color: #fff;
  color: #ec3c2a;
  border-color: #ec3c2a;
}
.btn-orange:hover:not([disabled="disabled"]) {
  background-color: #ec3c2a;
  color: #fff;
}
.btn-orange[disabled="disabled"]:hover {
  background-color: #ef5a4b;
  color: #fff;
}
.btn-orange:active,
.btn-orange:focus {
  background-color: #ec3c2a;
  color: #fff;
}
.btn-orange.border,
.btn-orange[disabled].border:hover:not([disabled="disabled"]),
.btn-orange[disabled].border:active,
.btn-orange[disabled].border:focus {
  color: #ec3c2a;
  border-color: #ec3c2a;
}
.btn-orange[disabled].border:hover:not([disabled="disabled"]),
.btn-orange[disabled].border:active,
.btn-orange[disabled].border:focus {
  background-color: #fff;
}
.btn-orange.border:hover:not([disabled="disabled"]),
.btn-orange.border:active,
.btn-orange.border:focus {
  color: #e82815;
}
.btn-orange .page-spinner-bar > div {
  background: #fff;
}
.btn-orange.border,
.btn-orange[disabled].border:hover:not([disabled="disabled"]),
.btn-orange[disabled].border:active,
.btn-orange[disabled].border:focus {
  color: #B14B41;
  border-color: #B14B41;
}
.btn-orange.border.static .page-spinner-bar > div {
  background-color: #ef5a4b;
}
.btn-red {
  background-color: #D44545;
  color: rgba(255, 255, 255, 0.95);
}
.btn-red:not(.border):active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-red .border {
  background-color: #fff;
  color: #c72e2e;
  border-color: #c72e2e;
}
.btn-red:hover:not([disabled="disabled"]) {
  background-color: #c72e2e;
  color: #fff;
}
.btn-red[disabled="disabled"]:hover {
  background-color: #D44545;
  color: #fff;
}
.btn-red:active,
.btn-red:focus {
  background-color: #c72e2e;
  color: #fff;
}
.btn-red.border,
.btn-red[disabled].border:hover:not([disabled="disabled"]),
.btn-red[disabled].border:active,
.btn-red[disabled].border:focus {
  color: #c72e2e;
  border-color: #c72e2e;
}
.btn-red[disabled].border:hover:not([disabled="disabled"]),
.btn-red[disabled].border:active,
.btn-red[disabled].border:focus {
  background-color: #fff;
}
.btn-red.border:hover:not([disabled="disabled"]),
.btn-red.border:active,
.btn-red.border:focus {
  color: #b32929;
}
.btn-red .page-spinner-bar > div {
  background: #fff;
}
/** WHITEGREY **/
.btn-whitegrey {
  background-color: #fff;
  color: #555;
}
.btn.btn-whitegrey i.fa {
  color: #999;
}
.btn-whitegrey:hover:not([disabled="disabled"]),
.btn-whitegrey:active,
.btn-whitegrey:focus {
  color: #222;
}
.btn.btn-whitegrey:hover:not([disabled="disabled"]) i.fa,
.btn.btn-whitegrey:active i.fa,
.btn.btn-whitegrey:focus i.fa {
  color: #555;
}
@media (max-width: 765px) {
  .btn-xxl,
  .btn-xl {
    width: 100%;
    white-space: initial;
    font-size: 1.5em;
    padding: 0.7em 0.5em;
  }
}

/**
 * Temporary CSS that fixes issues with the design system.
 * Meant to be fixes in the design system once we get that
 * under control.
*/
.swc-button.swc-button--block.swc-button--md:not(.swc-spinner-button) {
  padding: 10px 16px 12px 16px;
}
.swc-button.swc-button--block.swc-button--md:not(.swc-spinner-button) .swc-icon {
  position: relative;
  top: 4px;
}
.swc-button.swc-button--block i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  bottom: 2px;
}
.swc-button.swc-spinner-button.swc-button--md.swc-spinner-button .swc-loading-spinner__ellipsis > div {
  position: relative;
  top: 1px;
}
.swc-button.swc-spinner-button.swc-button--md .original-content {
  position: relative;
  top: 1px;
}
.swc-button.swc-button--sm .swc-icon {
  height: 18px;
  width: 18px;
}
.swc-button.swc-button--sm.swc-spinner-button .swc-loading-spinner__ellipsis > div {
  width: 10px;
  height: 10px;
}
.swc-button.swc-spinner-button.spinning .swc-loading-spinner {
  display: block;
}
.swc-button .swc-icon {
  height: 20px;
  width: 20px;
}
.swc-loading-spinner__ellipsis > div {
  margin: 0 5px;
  width: 14px;
  height: 14px;
  border-radius: 100% !important;
  display: inline-block;
  -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
  animation: bounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  background-color: #fff;
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.swc-loading-spinner__ellipsis > div:first-of-type {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.swc-loading-spinner__ellipsis > div:last-of-type {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.swc-card__heading .swc-card__heading-icon {
  background-size: 100%;
}
.templates-list-category .templates-list-template-header-icon > .swc-icon {
  background-size: 100%;
}
.swc-button {
  transition: all 0.3s;
}
.swc-button.swc-button--confirm:hover,
.swc-button.swc-button--confirm:active,
.swc-button.swc-button--confirm:focus {
  border-color: var(--color-button-hover-confirm);
}
.swc-button.swc-button--primary:hover,
.swc-button.swc-button--primary:active,
.swc-button.swc-button--primary:focus {
  border-color: var(--color-button-hover-primary);
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
#footer {
  padding-top: 0px;
  width: 100%;
  padding-bottom: 4em;
}
#footer .footer_top {
  text-align: center;
  background-color: #202b3b;
  padding: 1em 0px;
  margin-bottom: 4em;
}
#footer .footer_top img {
  width: 200px;
}
#footer h5 {
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
}
#footer .language-link {
  margin-right: 5px;
  text-decoration: none;
}
@media (max-width: 765px) {
  #footer h5 {
    margin-top: 3em;
  }
  #footer .footer_top img {
    width: 100px;
  }
}

/********************************

  FORM

********************************/
textarea.messageType {
  border: 0px;
  padding: 1em;
}
option {
  border: 0px;
}
.ng-invalid.ng-touched:not([disabled="disabled"]),
form.ng-submitted .ng-invalid:not([disabled="disabled"]),
form .force-invalid.ng-invalid {
  background-color: #FFEAEA;
}
.ng-invalid.ng-touched:not([disabled="disabled"]) + div.form-control,
form.ng-submitted .ng-invalid:not([disabled="disabled"]) + div.form-control,
form .force-invalid.ng-invalid + div.form-control {
  background-color: #FFEAEA;
}
.ng-invalid.ng-touched:not([disabled="disabled"]) ~ p.form-error-message,
form.ng-submitted .ng-invalid:not([disabled="disabled"]) ~ p.form-error-message,
form .force-invalid.ng-invalid ~ p.form-error-message {
  display: block !important;
}
form.ng-submitted .form-group.form-group-invalid {
  border: 2px solid #D44545;
}
form fieldset {
  background-color: transparent !important;
}
.form-html-box {
  border-radius: 4px;
  border: 1px solid #eaeaea;
  text-align: left;
  padding: 10px;
  display: block;
}
.form-html-box h1 {
  font-size: 1.3em;
  font-weight: bold;
}
.form-html-box-small {
  text-align: left;
  padding: 5px 0px 5px 0px;
}
.form-html-box-small h1 {
  font-size: 1.2em;
  margin-top: 5px;
  font-family: 'Arial';
  font-weight: bold;
}
/*Angular text***/
.form-regular .ta-text.form-control {
  border: 0px;
  padding: 0px;
  font-size: 1em;
}
div[id*='taTextElement'] {
  white-space: pre-wrap;
  padding: 10px;
  border: 1px solid #eaeaea;
  min-height: 100px;
  font-size: 1.1em;
}
div[id*='taTextElement'] h1 {
  font-family: "Arial";
  font-size: 1.4em;
}
.form-regular .form-control.ta-text p {
  text-align: left;
}
.form-regular .form-control.ta-scroll-window,
.form-regular.form-regular-large .form-control.ta-scroll-window {
  height: auto !important;
  padding: 0px !important;
}
@media (max-width: 325px) {
  .animate-input label.label-animate {
    font-size: 1em;
  }
  .animate-input {
    margin-bottom: 30px;
  }
  form .footer {
    margin-top: 2em;
  }
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
/*************

  REGULAR FORM

**************/
.form-regular {
  /** SMALL **/
  /** LARGE **/
}
.form-regular h2 small {
  display: block;
}
.form-regular h2 {
  margin-bottom: 1em;
}
.form-regular .form-actions {
  margin-top: 2em;
  padding: 1.5em 0px 1.5em 0px;
  border-top: 1px solid #eaeaea;
}
.form-regular .form-actions.no-border {
  border-top: 0px;
}
.form-regular .form-actions.center {
  text-align: center;
}
.form-regular .form-control {
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  box-shadow: 0px 0px 0px transparent;
  color: #000;
  font-size: 1em;
}
.form-regular .static .form-control {
  border: 0px;
}
.form-regular .form-group-invalid {
  border: 2px solid #D44545;
}
.form-regular .has-feedback > .form-control {
  padding-right: 34px;
}
.form-regular .form-group.col-label .checkbox > label {
  padding-left: 0px;
}
.form-regular label,
.form-regular .animate-input label.label-animate {
  color: #999;
  font-size: 0.9em;
}
.form-regular .s-date-input > div,
.form-regular .s-date-input > .seperator {
  height: 28px;
}
.form-regular .animate-input input:focus + label.label-animate,
.form-regular .animate-input input.ng-not-empty + label.label-animate,
.form-regular .animate-input textarea:focus + label.label-animate,
.form-regular .animate-input textarea.ng-not-empty + label.label-animate,
.form-regular .animate-input select:focus + label.label-animate,
.form-regular .animate-input select.ng-not-empty + label.label-animate,
.form-regular .animate-input label.static {
  color: #999;
  font-weight: bold;
}
.form-regular .animate-input input:-webkit-autofill + label.label-animate,
.form-regular .animate-input select:-webkit-autofill + label.label-animate,
.form-regular .animate-input textarea:-webkit-autofill + label.label-animate {
  color: #999;
  font-weight: bold;
}
.form-regular .animate-input .group {
  display: inline-block;
  width: 100%;
}
.form-regular .animate-input.input-addon-icon i.addon-icon {
  color: #000;
}
.form-regular .radio label,
.form-regular .checkbox label {
  font-family: 'Open Sans';
  color: #000;
}
.form-regular .form-group small {
  display: block;
  text-align: right;
  color: #888;
  font-style: italic;
  margin-bottom: -16px;
}
.form-regular form .form-error-message,
.form-regular .form-error-message,
.form-regular .error:not(.show-if) {
  color: #D44545 !important;
  font-size: 0.9em;
  text-align: left;
}
.form-regular .input-group + .error,
.form-regular .form-control + .error {
  display: none;
}
.form-regular.ng-submitted .form-control.ng-invalid + .error,
.form-regular.ng-submitted .input-group.ng-invalid + .error,
.form-regular .input-group.ng-touched.ng-invalid + .error,
.form-regular .form-control.ng-touched.ng-invalid + .error {
  display: block;
}
.form-regular .ng-invalid.ng-touched:not([disabled="disabled"]),
.form-regular form.ng-submitted .ng-invalid:not([disabled="disabled"]),
.form-regular form .force-invalid.ng-invalid {
  background-color: #FFEAEA;
}
.form-regular .ng-invalid.ng-touched:not([disabled="disabled"]) + div.form-control,
.form-regular form.ng-submitted .ng-invalid:not([disabled="disabled"]) + div.form-control,
.form-regular form .force-invalid.ng-invalid + div.form-control {
  background-color: #FFEAEA;
}
@media (min-width: 765px) {
  .form-regular .form-group.col-label label {
    text-align: right;
    padding-top: 8px;
  }
}
@media (max-width: 765px) {
  .form-regular .form-group,
  .form-regular .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .form-regular .form-group label {
    text-align: left;
    display: block;
  }
  .form-regular .actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .form-regular .page.xxs-fullscreen .form-actions {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.form-regular.form-regular-small .form-control,
.form-regular.form-regular-small .animate-input .form-control {
  font-size: 14px;
  height: 34.5px;
}
.form-regular.form-regular-small .animate-input label.label-animate {
  font-size: 14px;
  top: 6px;
}
.form-regular.form-regular-small .animate-input input:focus + label.label-animate,
.form-regular.form-regular-small .animate-input input.ng-not-empty + label.label-animate,
.form-regular.form-regular-small .animate-input textarea:focus + label.label-animate,
.form-regular.form-regular-small .animate-input textarea.ng-not-empty + label.label-animate,
.form-regular.form-regular-small .animate-input select:focus + label.label-animate,
.form-regular.form-regular-small .animate-input select.ng-not-empty + label.label-animate,
.form-regular.form-regular-small .animate-input label.static {
  font-size: 0.9em;
  top: -20px;
}
.form-regular.form-regular-small .animate-input input.ng-not-empty:-webkit-autofill + label.label-animate,
.form-regular.form-regular-small .animate-input select.ng-not-empty:-webkit-autofill + label.label-animate,
.form-regular.form-regular-small .animate-input textarea.ng-not-empty:-webkit-autofill + label.label-animate {
  font-size: 0.9em;
  top: -20px;
}
.form-regular.form-regular-small .animate-input {
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 25px;
}
.form-regular.form-regular-small .form-group {
  margin-bottom: 15px;
}
.form-regular.form-regular-small .form-control {
  margin-bottom: 0px;
}
.form-regular.form-regular-large .form-control {
  font-size: 1.2em;
  padding: 11px 14px;
  height: 42px;
}
.form-regular.form-regular-large .form-control,
.form-regular.form-regular-large .animate-input .form-control {
  font-size: 1.2em;
  height: 49px;
}
.form-regular.form-regular-large .animate-input {
  margin-bottom: 0px;
}
.form-regular.form-regular-large .animate-input label.label-animate {
  font-size: 1.2em;
  top: 13px;
  left: 15px;
}
.form-regular.form-regular-large .animate-input input:focus + label.label-animate,
.form-regular.form-regular-large .animate-input input.ng-not-empty + label.label-animate,
.form-regular.form-regular-large .animate-input textarea:focus + label.label-animate,
.form-regular.form-regular-large .animate-input textarea.ng-not-empty + label.label-animate,
.form-regular.form-regular-large .animate-input select:focus + label.label-animate,
.form-regular.form-regular-large .animate-input select.ng-not-empty + label.label-animate,
.form-regular.form-regular-large .animate-input label.static.label-animate {
  font-size: 1em;
  top: -20px;
  left: 5px;
}
.form-regular.form-regular-large .form-regular-small .animate-input input.ng-not-empty:-webkit-autofill + label.label-animate,
.form-regular.form-regular-large .form-regular-small .animate-input select.ng-not-empty:-webkit-autofill + label.label-animate,
.form-regular.form-regular-large .form-regular-small .animate-input textarea.ng-not-empty:-webkit-autofill + label.label-animate {
  font-size: 1em;
  top: -20px;
  left: 5px;
}
.form-regular.form-regular-large .animate-input .group {
  margin-top: 20px;
}
.form-regular.form-regular-large .animate-input.input-addon-icon .label-animate {
  left: 40px;
}
.form-regular.form-regular-large .animate-input.input-addon-icon i.addon-icon {
  top: 35px;
  left: 21px;
}
.form-regular.form-regular-large .form-control-feedback {
  height: 42px;
  line-height: 42px;
}
.form-regular.form-regular-large .form-group {
  margin-bottom: 20px;
}
.form-regular.form-regular-large .has-feedback > .form-control {
  padding-right: 34px;
}
@media (min-width: 765px) {
  .form-regular.form-regular-large .form-group.col-label label {
    padding-top: 13px;
  }
  .form-regular.form-regular-large .animate-input.input-addon-icon i.addon-icon {
    left: 13px;
  }
}

@media print {
  contract-page-contract-tab {
    /* --------------------------------------------------------------------------------- */
    /* Make all elements smaller */
    /* --------------------------------------------------------------------------------- */
    /* Adjust spacings to save some paper in love of the trees */
    position: relative !important;
  }
  contract-page-contract-tab html,
  contract-page-contract-tab body {
    font-size: 10px !important;
  }
  contract-page-contract-tab html,
  contract-page-contract-tab body,
  contract-page-contract-tab .flex-row,
  contract-page-contract-tab .document-col,
  contract-page-contract-tab .contract,
  contract-page-contract-tab .contract-section,
  contract-page-contract-tab .section-head {
    margin: 0 !important;
    padding: 0 !important;
  }
  contract-page-contract-tab body {
    padding: 24px 32px 0 !important;
  }
  contract-page-contract-tab::before {
    content: "Please note that this contract is a draft and not signed digitally yet. This document should not be considered legally binding in any way.";
    font-size: 0.8em;
  }
  contract-page-contract-tab::after {
    content: "DRAFT";
    position: fixed;
    z-index: -1;
    left: 50%;
    top: 50%;
    font-size: 220px;
    transform: rotate(-45deg) translate(120px, -25%);
    height: 100vh;
    width: 100vw;
    text-align: center;
    font-weight: 700;
    opacity: 0.1;
    color: black;
  }
  contract-page-contract-tab .col-sm-6 {
    width: 50% !important;
    float: left !important;
  }
  contract-page-contract-tab .col-sm-4 {
    width: 33% !important;
    float: left;
  }
  contract-page-contract-tab .col-sm-3 {
    width: 25% !important;
    float: left;
  }
  contract-page-contract-tab .no-value {
    text-align: left !important;
  }
  contract-page-contract-tab .parties .section-head::after {
    content: "Visit Swiftcourt.com to sign this contract digitally.";
  }
  contract-page-contract-tab .parties .section-head h2 {
    text-align: left !important;
  }
  contract-page-contract-tab .parties > .row {
    display: none !important;
  }
  contract-page-contract-tab .btn {
    display: none !important;
  }
  contract-status-instructions,
  contract-page-action-bar,
  support,
  s-contract-action-bar,
  .s-nav,
  #footer,
  .signatures-help-text,
  .exclude-from-contract,
  s-contract-add-on-lists,
  s-contract-instructions,
  contract-page-complaints-tab,
  contract-page-help-tab,
  .to-top,
  .s-modal,
  payment-contract-page {
    display: none !important;
  }
  /* --------------------------------------------------------------------------------- */
  /* Remove still visible elements */
  .note,
  .s-group a,
  .addon-list-wrap,
  .to-top {
    display: none !important;
  }
  .flex-row,
  .flex-row > .document-col {
    width: 100% !important;
  }
  .section-head {
    margin-bottom: 8px !important;
  }
  h1 .fa {
    display: inline-block !important;
  }
  .s-contract h1 {
    font-size: 1.8em !important;
  }
  .s-contract h2 {
    margin-top: 1em !important;
    font-size: 1.65em !important;
    font-weight: 700 !important;
    text-transform: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
    text-align: left !important;
  }
  .s-contract label {
    margin-bottom: 0 !important;
  }
  .s-group {
    margin-bottom: 0 !important;
    break-inside: avoid;
  }
  /* --------------------------------------------------------------------------------- */
  /* Adjust styling of inputs to look less like inputs */
  .form-control,
  .input-group-addon {
    border: none !important;
    padding: 4px 0 !important;
    border-bottom: 1px solid black !important;
    border-radius: 0 !important;
    height: 24px !important;
    line-height: 1 !important;
  }
  .s-date-input,
  .s-phone-number-input {
    padding: 0 !important;
    line-height: 1 !important;
  }
  .s-date-input > div {
    height: 24px !important;
  }
  div[id*=taTextElement] {
    border: none !important;
  }
}

.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 90px; height: 90px;
  text-align: right;
}
.ribbon span {
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  line-height: 26px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 121px;
  display: block;
  position: absolute;
  top: 22px; 
  right: -26px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #AB3030;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #AB3030;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #AB3030;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #AB3030;
}

.ribbon.big {
  width:150px;
  height: 150px;
  top:-6px;
}

.ribbon.big span {
  font-size: 15px;
  line-height: 36px;
  width:215px;
  right:-49px;
  top:47px;
}

.ribbon.big span:after {
  right:8px;
}

.ribbon.created span {
  background-color:#3c99b6;
}

.ribbon.created span::before {
  border-left: 3px solid #3c99b6;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #3c99b6;
}

.ribbon.created span::after {
  border-left: 3px solid transparent;
  border-right: 3px solid #3c99b6;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #3c99b6;
}

.ribbon.success span,
.ribbon.signed span,
.ribbon.solved span {
  background: linear-gradient(green 0%, green 100%);
}

.ribbon.success span::before,
.ribbon.signed span::before,
.ribbon.solved span::before {
  border-left: 3px solid green;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid green;
}
.ribbon.success span::after,
.ribbon.signed span::after,
.ribbon.solved span::after {
  border-left: 3px solid transparent;
  border-right: 3px solid green;
  border-bottom: 3px solid transparent;
  border-top: 3px solid green;
}


.ribbon.warning span,
.ribbon.shared span,
.ribbon.incomplete span {
  background-color:#C7AB69;
}

.ribbon.warning span::before,
.ribbon.shared span::before,
.ribbon.incomplete span::before {
  border-left: 3px solid #C7AB69;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #C7AB69;
}
.ribbon.warning span::after,
.ribbon.shared span::after,
.ribbon.incomplete span::after {
  border-left: 3px solid transparent;
  border-right: 3px solid #C7AB69;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #C7AB69;
}



.ribbon.error span,
.ribbon.cancelled span,
.ribbon.cancelled span {
  background-color:#AB3030;
}

.ribbon.error span::before,
.ribbon.cancelled span::before,
.ribbon.cancelled span::before {
  border-left: 3px solid #AB3030;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #AB3030;
}
.ribbon.error span::after,
.ribbon.cancelled span::after,
.ribbon.cancelled span::after {
  border-left: 3px solid transparent;
  border-right: 3px solid #AB3030;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #AB3030;
}
.chat-wrap h5 {
  display: none;
}
.s-chat {
  background-color: #fff;
}

.s-chat .message-area {
  background-color: #fff;
  height:calc(100vh - 298px);
  overflow-y: scroll;
  padding:1em;
  border-top:1em solid #fff;
}



.s-chat .message-area ul {
  padding-left: 0px;
  list-style: none;
}
.s-chat .message-area ul li {
  margin-bottom:2em;
}

.s-chat .message-area ul li:last-of-type {
  margin-bottom:0px;
}
.s-chat .message-area ul li .chat-msg {
  padding:1em;
  border-radius:4px;
  position: relative;
}

.s-chat .message-area ul li .chat-msg pre {
  display: inline;
  padding: 0px;
  background-color: transparent;
  border:0px;
  line-height:inherit;
  border-radius:0px;
  color: inherit;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  margin: 0px;
  white-space: pre-line;
}


.s-chat .message-area ul li .chat-msg.other {
  background-color: #D1EBF3;
  margin-left:20%;
}

.s-chat .message-area ul li .chat-msg.my {
  background-color: #EBEFF1;
  margin-right:20%;
}

.s-chat .message-area ul li .chat-msg.system {
  margin-left:0%;
  margin-right:0%;
  background-color: #798082;
  color: #fff;
  padding-left:70px;
}

.s-chat .message-area ul li .chat-msg  .disclaimer{
  display: none;
}

.s-chat .message-area ul li .chat-msg.system  .disclaimer {
  display: block;
  font-size: 0.8em;
  color:rgba(255,255,255,0.6);
  margin-bottom:0px;
  margin-top:10px;
}

.s-chat .message-area ul li .chat-msg.system .system-icon {
  position: absolute;
  left:1em;
  top:1em;
}

.s-chat .message-area ul li .chat-msg.system .system-icon img {
  width: 40px;
}

.s-chat .message-area ul li .chat-msg.system .header .date,
.s-chat .message-area ul li .chat-msg.system .header .name {
  color:#fff;
}

.s-chat .message-area ul li .chat-msg .header {
  margin-bottom:5px;
}
.s-chat .message-area ul li .chat-msg .header .name {
  font-family: 'Quicksand', sans-serif;
  font-weight: bold;
  color:rgba(0,0,0,0.4);
  font-size: 0.9em;
}

.s-chat .message-area ul li .chat-msg .header .date {
  font-family: 'Quicksand', sans-serif;
  color:rgba(0,0,0,0.4);
  font-size: 0.9em;
  font-weight: bold;
  float:right;
}

.s-chat .type-area {
  height: 130px;
    padding: 1em;
    border-top: 2px solid #5F91A0;
    background-color: #D6E1E4;
}


.s-chat .type-area .toolbar {
  padding:1em 0em;
}

@media(min-width: 765px) {

  .chat-wrap .s-chat .message-area {
    height:calc(100vh - 362px);
  }
  .chat-wrap {
    background-color: #fff;
    padding-top:1em;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .chat-wrap h5 {
    margin-left:2em;
    margin-right: 2em;
    display: block;
  }
}

@media(max-width: 765px) {
  .s-chat {
    padding-bottom:30px;
    border-top:1px solid #999;
    height: auto !important;
    padding-top: 58px;
    background-color: #fff;
  }

  .s-chat .message-area {
    min-height:calc(100vh - 238px);
    padding-bottom: 130px;
    overflow: auto;
    height: auto;
  }
  .s-chat .type-area {
    position: fixed;
    width: 100%;
    bottom:0px;
    left:0px;
  }
  .chat-page .chat-container {
    padding-left:0px;
    padding-right:0px;
  }
  .chat-page .page {
    padding-bottom:0px;
  }

  .chat-page #footer {
    display: none;
  }

  .chat-page .page {
    min-height: initial !important;
  }

  .chat-page .action-bar {
    margin-bottom:0px;
    position: fixed;
      top: 50px;
      left: 0px;
      width: 100%;
      z-index: 99;
      border-bottom: 1px solid #3C99B6;
  }

  .chat-page .s-nav {
    position: fixed;
    top:0px !important;
    margin-top:0px !important;
    z-index: 2;
  }
}

body.modal-open {
  overflow-y: hidden !important;
  overflow: hidden;
}
.s-modal {
  text-align: center;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1001;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  flex-direction: column;
}
.s-modal.zIndex1003 {
  z-index: 1003;
}
.s-modal .white-box {
  position: relative;
}
@media (min-width: 765px) {
  .s-modal .white-box.shadow {
    -moz-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.3);
  }
}
.s-modal.modal-fadein-bottom .white-box {
  animation-name: fadeinBottom;
  animation-duration: 0.3s;
}
.s-modal.modal-fadein-top .white-box {
  animation-name: fadeinTop;
  animation-duration: 0.3s;
}
.s-modal .s-modal-content {
  position: relative;
  z-index: 2;
  width: calc(100% - 20px);
  margin: auto;
  text-align: left;
  padding: 30px 0px 30px 0px;
}
.s-modal.open {
  display: flex;
}
div[s-modal].center .s-modal .s-modal-content {
  text-align: center;
}
div[s-modal].sm .s-modal .s-modal-content {
  width: 80%;
}
div[s-modal].modal-ios-mobile .s-modal {
  position: absolute;
}
div[s-modal].modal-ios-mobile .s-modal.open {
  display: block;
}
.s-modal .close-overlay {
  position: absolute;
  right: 11px;
  top: 6px;
  color: #999;
  font-size: 1.8em;
  z-index: 2;
  transition: color 0.3s;
  -weebkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
}
.s-modal .close-footer,
.s-modal .s-modal-footer {
  margin-top: 2em;
  text-align: center;
  padding: 0.5em 1em;
}
.s-modal .close-footer.right,
.s-modal .s-modal-footer.right {
  text-align: right;
}
div[s-modal] .s-modal .s-modal-content .white-box {
  padding: 1em;
  padding-top: 2em;
}
div[s-modal].iframe .s-modal .s-modal-content .white-box {
  padding: 0px !important;
  overflow: hidden;
}
div[s-modal].iframe .s-modal .s-modal-content .white-box .s-modal-footer {
  margin-top: 0px;
}
@media (max-height: 460px) and (max-width: 320px) {
  div[s-modal].xxs-fullscreen .s-modal-content {
    margin: 0px;
    height: 100%;
    width: 100%;
    overflow: scroll;
    padding: 0px;
  }
  div[s-modal].xxs-fullscreen .s-modal-content .white-box {
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0px;
    min-height: 100%;
  }
}
@media (max-width: 765px) {
  div[s-modal].xs-fullscreen .s-modal-content {
    margin: 0px;
    height: 100%;
    width: 100%;
    overflow: scroll;
    padding: 0px;
  }
  div[s-modal].xs-fullscreen .s-modal-content .white-box {
    height: 100%;
  }
  div[s-modal].iframe div {
    height: inherit;
  }
  div[s-modal].iframe div.block-spinner-bar > div {
    height: 15px;
  }
  div[s-modal].iframe .s-modal-footer {
    height: auto;
  }
  div[s-modal].iframe div[load-box] {
    height: calc(100% - 46px);
  }
  div[s-modal].iframe div[load-box] > div {
    height: 100%;
  }
  div[s-modal].iframe iframe {
    height: 100%;
  }
}
@media (min-width: 765px) {
  .s-modal .s-modal-content {
    padding: 60px 0px;
  }
  div[s-modal].xl .s-modal .s-modal-content,
  div[s-modal].lg .s-modal .s-modal-content {
    width: calc(100% - 30px);
  }
  div[s-modal].md .s-modal .s-modal-content,
  div[s-modal] .s-modal .s-modal-content {
    width: 545px;
  }
  div[s-modal].sm .s-modal .s-modal-content {
    width: 390px;
  }
  div[s-modal] .s-modal .s-modal-content .white-box {
    padding: 2em;
  }
}
@media (min-width: 998px) {
  .s-modal .s-modal-content {
    padding: 100px 0px;
  }
  div[s-modal].xl .s-modal .s-modal-content {
    width: 1000px;
  }
  div[s-modal].lg .s-modal .s-modal-content {
    width: 780px;
  }
  div[s-modal] .s-modal .s-modal-content,
  div[s-modal].md .s-modal .s-modal-content {
    width: 545px;
  }
  div[s-modal].sm .s-modal .s-modal-content {
    width: 390px;
  }
}

.load-box .loading-msg {
  margin-top:10px;
  font-size: 0.9em;
  color:#aaa;
  font-style: italic;
  font-weight: bold;
}

.load-box .load-box-error {
  text-align: center;
  padding:2em 0px;
}

.load-box .load-box-error .error-message {
  font-size: 1.3em;
}

.load-box .load-box-error .error-message-details {
  font-size: 0.9em;
  color:#888;
}

.load-box .load-box-spinner {
  text-align:center;
  padding-top:3em;
  padding-bottom:3em;
}

.load-box-fs > .load-box > .load-box-spinner {
  padding-top:150px;
}

.hide-spinner-under-modal {
  display:none;
}

.s-modal .hide-spinner-under-modal {
  display: block;
}



@media(min-width: 765px) {
  .load-box-fs > .load-box > .load-box-spinner {
    padding-top:250px;
  }
}

.s-nav {
  background-color: #6FA7B9;
  transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  width: 100%;
  margin-top: -50px;
  height: 50px;
}
.scroll-passed-nav .s-nav,
.nav-affixed .s-nav {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1000;
  margin-top: 0px;
}
.scroll-passed-nav:not(.nav-affixed) .s-nav {
  top: -50px;
}
.nav-affixed .s-nav,
.scroll-passed-nav .s-nav {
  transition: top 0.3s ease;
  -webkit-transition: top 0.3s ease;
  -moz-transition: top 0.3s ease;
  -o-transition: top 0.3s ease;
}
.s-nav.nav-bg-standard {
  background-color: #6FA7B9;
}
.s-nav.nav-bg-green {
  background-color: #39AD98;
}
.s-nav .nav-page-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
}
.s-nav.open .nav-page-overlay {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1003;
  overflow: hidden;
}
.s-nav .nav-wrapper ul {
  margin-bottom: 0px;
  padding-left: 0px;
  list-style: none;
  float: right;
}
.s-nav .nav-wrapper ul li a {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  font-size: 1.1em;
  padding: 15px;
}
.s-nav .nav-wrapper ul > li {
  display: inline-block;
  position: relative;
}
.s-nav .nav-wrapper ul > li a {
  padding-left: 15px;
  padding-right: 15px;
  transition: padding 0.3s;
  -moz-transition: padding 0.3s;
  -webkit-transition: padding 0.3s;
  -o-transition: padding 0.3s;
}
.s-nav .nav-wrapper ul li ul li {
  display: block;
}
.s-nav .nav-wrapper ul li ul li a {
  padding: 10px;
  width: 100%;
}
.s-nav .nav-wrapper ul li a:hover,
.s-nav .nav-wrapper ul li a:active,
.s-nav .nav-wrapper ul li a:focus,
.s-nav .nav-wrapper ul li a:visited {
  text-decoration: none;
}
.s-nav .nav-wrapper ul li a:hover {
  color: #fff;
}
.s-nav .nav-wrapper li .fa-chevron-right {
  display: none;
}
.s-page-wrap:not(.top-scroll) .s-nav {
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.s-page-wrap:not(.top-scroll) .s-nav .nav-wrapper ul > li.active a {
  color: #000;
}
.s-page-wrap:not(.top-scroll) .s-nav .nav-wrapper ul li a,
.s-nav .nav-wrapper ul li ul li a {
  color: rgba(0, 0, 0, 0.5);
}
.s-page-wrap:not(.top-scroll) .s-nav .nav-wrapper ul li a:hover,
.s-nav .nav-wrapper ul li ul li a:hover {
  color: #000;
}
.s-page-wrap:not(.top-scroll) .s-nav .nav-wrapper ul li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.s-page-wrap:not(.top-scroll) .s-nav .brand-logo {
  background-position: 0px 0px;
}
.nav-logo {
  padding-left: 17px;
  padding-right: 17px;
  display: inline-block;
  position: relative;
}
.s-nav .brand-logo {
  height: 25px;
  width: 74px;
  display: inline-block;
  background-image: url(images/logos/logo_blackwhite_50.png);
  position: relative;
  padding-top: 0px;
  top: 3px;
  background-position: 0px 25px;
}
.s-nav.force-absolute {
  position: absolute !important;
}
.s-nav.nav-ios-mobile .nav-wrapper {
  position: absolute;
}
.s-nav.nav-ios-mobile .nav-page-overlay {
  position: absolute;
}
@media (max-width: 765px) {
  .s-nav .brand-logo {
    background-size: 75px 50px;
  }
}
@media (min-width: 765px) {
  .s-nav {
    display: table;
    margin-top: -80px;
  }
  .scroll-passed-nav:not(.nav-affixed) .s-nav {
    top: -80px;
  }
  .s-nav .nav-wrapper {
    display: table-row;
  }
  .s-nav .nav-wrapper ul li a {
    max-width: 212px;
  }
  .s-nav .nav-wrapper .nav-logo .to-middle {
    display: inline-block;
    height: 80px;
    width: 1px;
    vertical-align: middle;
  }
  .s-nav .nav-wrapper .nav-logo .brand-logo {
    vertical-align: middle;
  }
  .s-nav .nav-wrapper > ng-transclude > ul > li {
    display: table-cell;
    height: 80px;
    vertical-align: middle;
  }
  .s-nav.open .nav-page-overlay {
    display: none;
  }
  .s-nav h2 {
    display: none;
  }
  .s-nav .brand-logo {
    height: 40px;
    width: 118px;
    display: inline-block;
    top: 0px;
    background-image: url(images/logos/logo_darker_40.png);
    background-position: 0px 40px;
  }
  .s-nav .dropdown-menu {
    left: inherit;
    right: 0px;
  }
  .s-nav .nav-logo {
    float: left;
  }
  .s-nav .close-menu-mobile {
    display: none;
  }
  .s-page-wrap:not(.top-scroll) .s-nav .brand-logo {
    background-position: 0px 0px;
  }
  .s-nav .nav-wrapper > ng-transclude > ul > li.active > a {
    color: #fff;
  }
}
@media (min-width: 998px) {
  .s-nav .nav-wrapper ul li a {
    max-width: 365px;
  }
}
@media (min-width: 1200px) {
  .s-nav .nav-wrapper ul li a {
    max-width: 450px;
  }
}
.s-nav .close-menu-mobile {
  position: absolute;
  right: 10px;
  top: 10px;
}
.s-nav .mobile-bar a.open-modal {
  font-size: 22px;
  padding: 14px;
  float: left;
  display: inline-block;
  color: #fff;
}
.s-page-wrap:not(.top-scroll) .s-nav .mobile-bar a.open-modal {
  color: #000;
}
.s-nav .logo-mobile {
  display: inline-block;
  float: right;
  padding: 10px;
}
.s-nav .close-menu-mobile {
  color: #888;
  font-size: 25px;
}
@media (max-width: 765px) {
  .page.xxs-fullscreen .action-bar {
    border-bottom: 1px solid #eaeaea;
  }
  .s-nav .nav-wrapper {
    height: 100vh;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 80%;
    background-color: #fff;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 2000;
    left: -80%;
    transition: left 0.3s;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -o-transition: left 0.3s;
  }
  .s-nav.open .nav-wrapper {
    left: 0px;
    box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.3);
  }
  .s-nav h2 {
    font-size: 14px;
    font-weight: bold;
    margin: 50px 10px 10px 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    color: #aaa;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
  }
  .s-nav .logged-in-as {
    text-align: center;
    font-size: 1.1em;
    color: #000;
  }
  .s-nav .nav-wrapper ul {
    float: none;
  }
  .s-nav .nav-wrapper ul li,
  .s-nav .nav-wrapper ul li ul li {
    display: block;
  }
  .s-nav .nav-wrapper ul li a,
  .s-page-wrap:not(.top-scroll) .s-nav .nav-wrapper ul li a,
  .s-nav .nav-wrapper ul li ul li a,
  .s-page-wrap:not(.top-scroll) .s-nav .nav-wrapper ul li ul li a {
    color: #000;
  }
  .s-nav .nav-wrapper ul li a:hover,
  .s-nav .nav-wrapper ul li ul li a:hover {
    color: #000;
  }
  .s-nav .nav-wrapper ul li i,
  .s-nav .nav-wrapper ul li ul li i {
    margin-right: 10px;
    color: #aaa;
  }
  .s-nav .nav-wrapper li a {
    width: 100%;
  }
  .s-nav .nav-wrapper li .fa-chevron-right {
    display: inline;
    position: absolute;
    top: 0px;
    right: 3px;
    font-size: 15px;
    top: 20px;
    color: #ddd;
  }
  .s-nav .nav-wrapper ul.dropdown-menu {
    box-shadow: 0px 0px 0px transparent;
    padding-left: 10px;
    border: 0px;
    top: initial;
  }
  .s-nav .nav-wrapper .dropdown-toggle.open {
    background-color: #f4f4f4;
  }
  .s-nav .nav-wrapper li.active {
    background-color: #f0f0f0;
  }
  .s-nav .nav-wrapper li.active li.active,
  .s-nav .nav-wrapper li.active li.active a {
    background-color: transparent;
  }
  .s-nav .nav-wrapper li.active > a {
    font-weight: bold;
    color: #000;
  }
}


.s-tab,
.s-tab.active-remove {
  display: none;
}

.s-tab.active,
.s-tab.active-add {
  display: block;
}
.s-tabnav {
  position: relative;
}
.s-tabnav ul {
  list-style: none;
  padding-left:0px;
  position: relative;
}

.s-tabnav li {
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  border-color: #fff;
  transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
}

.s-tabnav li {
  color:rgba(0,0,0,0.5);
}

.s-tabnav li:hover {
  font-weight: bold;
}

.s-tabnav li:hover {
  color:rgba(0,0,0,0.7);
}

.s-tabnav li.active {
  font-weight: bold;
}

.s-tabnav li.active {
  color:rgba(0,0,0,0.8);
  border-bottom: 3px solid #3C99B6;
  padding-bottom: 17px;
}

.s-tabnav {
  display: inline-block;
}
.s-tabnav ul {
  display: inline-block;
  margin-bottom: 0px;
}

.s-tabnav li {
  display: inline-block;
  margin-right:10px;
}

.s-tabnav li:last-of-type {
  margin-right: 0px;
}

.page .s-tabnav li {
  background-color: transparent;
  padding:20px;
}

@media(min-width: 765px) {
  .s-tab.tab-show-sm {
    display: inline;
  }
}

@media(min-width: 995px) {
  .hide-nav-lg.s-tabnav {
    display: none;
  }
  .s-tab.tab-show-md {
    display: inline;
  }
}

@media(min-width: 765px) {
  .hide-nav-md.s-tabnav {
    display: none;
  }

  .s-tabnav ul li {
      float:none;
      width: auto;
  }
  .s-tabnav .col-xs-4 {
    width: auto;
    float: none;
  }
}


@media(max-width: 765px) {
  .s-tabnav {
    width: 100%;
    margin-left: 0px;
    display: block;
  }
  .s-tabnav ul {
    text-align: center;
  }

  .s-tabnav ul.row {
    display: block;
    margin-left:-10px;
    margin-right:-10px;
  }

  .s-tabnav ul li {
    text-align: center;
    margin: 0px;
  }
  .s-tabnav ul {
    top:0px;
  }
}

@media(max-width: 600px) {
    .page .s-tabnav li {
      padding: 20px 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .page .s-tabnav li.active {
      padding-bottom: 17px;
    }
}

.s-page-wrap {
  overflow-x: hidden;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 50px;
}
.s-page-wrap.banner-present {
  padding-top: 130px;
}
.s-page-wrap.banner-present.hideHeader {
  padding-top: 80px;
}
.s-page-wrap.hideBanner.hideHeader {
  padding-top: 0px;
}
.s-page-wrap.hideHeader:not(.banner-present) {
  padding-top: 0px;
}
.add-password-page {
  padding-top: 40px;
}
.s-page-wrap.nav-affixed {
  transition: padding-top 0.3s;
  -moz-transition: padding-top 0.3s;
  -webkit-transition: padding-top 0.3s;
  -o-transition: padding-top 0.3s;
}
.s-page-wrap.banner-present.nav-affixed .s-nav {
  top: 80px;
}
html:not(.mobile-sticky-footer) body:not(.full-page-landscape-sign) .page,
html:not(.mobile-sticky-footer) body:not(.full-page-landscape-sign) .s-page-wrap:not(.clean) > div[ui-view] {
  min-height: 100vh;
}
@media (min-width: 765px) {
  .s-page-wrap {
    padding-top: 80px;
  }
  .s-page-wrap.banner-present {
    padding-top: 160px;
  }
  .s-page-wrap.banner-present.hideHeader {
    padding-top: 80px;
  }
  .s-page-wrap.hideBanner.hideHeader {
    padding-top: 0px;
  }
  .s-page-wrap.nav-affixed {
    transition: padding-top 0.3s;
    -moz-transition: padding-top 0.3s;
    -webkit-transition: padding-top 0.3s;
    -o-transition: padding-top 0.3s;
  }
  .s-page-wrap.banner-present.nav-affixed .s-nav {
    top: 80px;
  }
}

page-progress-bar > div {
  width: 125%;
}
page-progress-bar > div > div {
  float: left;
  position: relative;
  width: 25%;
  text-align: center;
  z-index: 2;
}
page-progress-bar > div > div::before {
  content: ' ';
  width: 15px;
  height: 15px;
  border: 2px solid #cecece;
  display: block;
  border-radius: 50%;
  background-color: #fff;
}
page-progress-bar > div > div.completed::before {
  border-color: #00be9c;
  background-color: #00be9c;
}
page-progress-bar > div > div::after {
  content: ' ';
  height: 2px;
  background-color: #cecece;
  top: 6.5px;
  width: 100%;
  position: absolute;
  left: 0px;
  z-index: -1;
}
page-progress-bar > div > div:last-of-type::after {
  content: none;
}
page-progress-bar > div.steps-2 {
  width: 150%;
}
page-progress-bar > div.steps-2 > div {
  width: 50%;
}
page-progress-bar > div.steps-3 {
  width: 133.33333%;
}
page-progress-bar > div.steps-3 > div {
  width: 33.33333%;
}
page-progress-bar > div.steps-4 {
  width: 125%;
}
page-progress-bar > div.steps-4 > div {
  width: 25%;
}
page-progress-bar > div.steps-5 {
  width: 120%;
}
page-progress-bar > div.steps-5 > div {
  width: 20%;
}
page-progress-bar > div.steps-6 {
  width: 116.666667%;
}
page-progress-bar > div.steps-6 > div {
  width: 16.666667%;
}
page-progress-bar > div.highlight-active > div.active::before {
  border-color: #00be9c;
}
page-progress-bar > div.highlight-active > div.completed::after {
  background-color: #00be9c;
}

/********************************

  STATUS MESSAGE

********************************/
.status-message {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999999999999;
}
.status-message ul {
  padding-left: 0px;
  list-style: none;
}
.status-message ul li {
  margin-bottom: 1em;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  max-width: 400px;
}
.status-message ul li i.close-icon {
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  position: absolute;
  top: 8px;
  left: 8px;
}
.status-message ul li i.close-icon:hover {
  color: rgba(0, 0, 0, 0.8);
}
.status-message ul li.error {
  background-color: #9E2626;
}
.status-message ul li.success {
  background-color: green;
}
.status-message ul li.alert {
  background-color: #C1901C;
}
.status-message ul li.info {
  background-color: #3c99b6;
}
.status-message ul li i.status-icon {
  opacity: 0.5;
}
.status-message ul li {
  list-style: none;
  box-sizing: border-box;
}
.status-message ul li.ng-move,
.status-message ul li.ng-enter,
.status-message ul li.ng-leave {
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
}
.status-message ul li.ng-leave.ng-leave-active,
.status-message ul li.ng-move,
.status-message ul li.ng-enter {
  left: 430px;
}
.status-message ul li.ng-leave,
.status-message ul li.ng-move.ng-move-active,
.status-message ul li.ng-enter.ng-enter-active {
  left: 0px;
}
@media (max-width: 765px) {
  .status-message {
    bottom: 0px;
    right: 0px;
    width: 100%;
  }
  .status-message ul {
    margin-bottom: 0px;
  }
  .status-message ul li {
    width: 100vw;
    border-radius: 0px;
    padding: 15px 30px;
    max-width: none;
  }
  .status-message li:last-of-type {
    margin-bottom: 0px;
  }
  .status-message ul li i.close-icon {
    font-size: 1.5em;
  }
}

.s-watermark {
  overflow: hidden;
}
.s-watermark .wm {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 99;
}
.s-watermark .wm div {
  display: inline-block;
  padding: 100px 100px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.15);
  font-size: 30px;
  pointer-events: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}

input[fancy-checkbox] {
  display: none;
  position: relative;
  margin-top: 0px;
}
input[fancy-checkbox] + i,
input[fancy-checkbox] + i + i {
  margin-right: 0.3em;
  font-size: 1.1em;
  color: #888;
  display: inline-block;
  cursor: pointer;
  transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
}
input[fancy-checkbox] + i + i {
  color: #00be9c;
}
input[fancy-checkbox]:disabled + i {
  color: #ccc;
  cursor: not-allowed !important;
}
input[fancy-checkbox]:disabled + i + i {
  color: #ccc;
  cursor: not-allowed !important;
}
input[fancy-checkbox]:hover + i {
  color: #444;
}
input[fancy-checkbox]:not(:checked) + i + i {
  display: none;
}
input[fancy-checkbox]:checked + i {
  display: none;
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
input[s-date-input] {
  display: none !important;
}
.s-date-input {
  text-align: right;
  overflow: hidden;
}
.s-date-input > div,
.s-date-input > .separator {
  display: table-cell;
  vertical-align: middle;
}
.s-date-input .separator {
  padding: 0px 10px;
}
.s-date-input select {
  display: block;
  border: 0px;
  background-color: inherit;
  appearance: none;
}
.s-date-input[disabled] select {
  background-color: #eee;
}
.s-date-input select.ng-empty {
  font-weight: 400;
  color: #aaa !important;
}
.s-date-input select.ng-empty:focus {
  color: #000 !important;
}
.s-date-input .clear {
  width: 100%;
}
.s-date-input .clear i {
  color: #D44545 !important;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.s-date-input .clear i:hover,
.s-date-input .clear i:active,
.s-date-input .clear i:focus {
  color: #bb2b2b !important;
}
.s-date-input .form-control.ng-empty {
  color: #aaa !important;
  font-weight: 400 !important;
}
.s-date-input .separator {
  font-weight: 400;
  color: #aaa !important;
}
fieldset[disabled] .s-date-input .clear,
form[disabled] .s-date-input .clear {
  display: none;
}

.s-phone-number-input {
  display: table;
  width: 100%;
}
.s-phone-number-input > div {
  display: table-row;
}
.s-phone-number-input > div > div {
  display: table-cell;
  vertical-align: middle;
}
.s-phone-number-input > div > div:first-of-type {
  width: 100px;
  padding-right: 10px;
}
.s-phone-number-input input,
.s-phone-number-input select {
  border: 0px;
  display: block;
  width: 100%;
  background-color: transparent !important;
}
.s-phone-number-input[disabled] input,
.s-phone-number-input[disabled] select {
  cursor: not-allowed;
}
[s-phone-number].ng-empty + .s-phone-number-input[disabled] input,
[s-phone-number].ng-empty + .s-phone-number-input[disabled] select {
  display: none;
}

input[fancy-radio] {
  display: none;
  margin-top: 0px;
}
input[fancy-radio] + i,
input[fancy-radio] + i + i {
  margin-right: 0.3em;
  font-size: 1.1em;
  color: #888;
  display: inline-block;
  cursor: pointer;
  transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
}
input[fancy-radio] + i + i {
  color: #00be9c;
}
input[fancy-radio]:hover + i {
  color: #444;
}
input[fancy-radio]:disabled + i {
  color: #ccc;
  cursor: not-allowed !important;
}
input[fancy-radio]:disabled + i + i {
  color: #ccc;
  cursor: not-allowed !important;
}
input[fancy-radio]:not(:checked) + i + i {
  display: none;
}
input[fancy-radio]:checked + i {
  display: none;
}

file-input .file-select {
  height: 100px;
  background-color: #f0f0f0;
  line-height: 100px;
  border-radius: 3px;
  text-align: center;
  font-size: 1.4em;
  margin-bottom: 1em;
  transition: all 0.3s;
  border: 2px dashed #ddd;
  cursor: pointer;
  color: #999;
}
file-input .file-select:hover {
  border-color: #aaa;
  color: #444;
}
file-input .file-selected {
  text-align: center;
  margin-bottom: 1em;
}
file-input .file-selected .thumb {
  margin-bottom: 1em;
}
file-input .file-selected .thumb .image-thumb {
  width: 200px;
  position: relative;
  margin: auto;
}
file-input .file-selected .thumb .image-thumb img {
  width: 100%;
}
file-input .file-selected .thumb .other-thumb i {
  font-size: 100px;
}
file-input .file-selected .info,
file-input .file-selected .invalid {
  margin-bottom: 5px;
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
.s-contract .addon-list-wrap > .white-box {
  margin-bottom: 2em;
}
@media (min-width: 765px) and (max-width: 998px) {
  .s-contract .addon-list-wrap {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.s-contract .addon-list {
  margin-bottom: 2em;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-left: -10px;
  margin-right: -10px;
}
.s-contract .addon-list a:last-of-type li {
  border-right: 0px;
  border-bottom: 0px;
  margin-bottom: 0px;
}
.s-contract .addon-list a:hover,
.s-contract .addon-list a:focus,
.s-contract .addon-list a:visited,
.s-contract .addon-list a:active {
  text-decoration: none;
}
.s-contract .addon-list a {
  color: inherit;
}
.s-contract .addon-list a > li {
  border-right: 1px solid #eaeaea;
  font-size: 0.9em;
  color: #888;
  position: relative;
  display: table;
  border-bottom: 1px solid #eaeaea;
  border-right: 0px;
  padding: 20px 10px;
  transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s ease;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
}
.s-contract .addon-list a > li h5 {
  margin-bottom: 5px;
}
.s-contract .addon-list a > li:hover {
  background-color: #f0f0f0;
}
.s-contract .addon-list a > li h6 {
  margin-top: 0px;
  font-weight: 400;
  font-family: "Open Sans";
  font-weight: bold;
  color: #444;
}
.s-contract .addon-list a > li p {
  font-size: 0.9em;
}
@media (max-width: 998px) {
  .s-contract .addon-list a > li {
    border-bottom: 0px;
  }
}
@media (min-width: 998px) {
  .s-contract .addon-list a > li .addon-1-col {
    padding-left: 20px;
  }
}
.s-contract .addon-list a > li .addon-2-cols {
  padding-left: 67px;
}
.s-contract .addon-list a > li .addon-2-cols .addon-image-wrap {
  position: absolute;
  left: 10px;
  top: 15px;
  width: 57px;
}
.s-contract .addon-list a > li .addon-2-cols .addon-image-wrap img {
  width: 100%;
}
.s-contract .addon-list a > li i.fa-chevron-right {
  font-size: 25px;
  color: #ddd;
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}
.s-contract .addon-list a > li table {
  width: 100%;
}
.s-contract .addon-list a > li table tr td:first-of-type {
  padding-right: 10px;
}
.s-contract .addon-list a > li td {
  font-size: 0.9em;
  vertical-align: top;
}
.s-contract .addon-list a > li td:last-of-type {
  text-align: right;
}
.s-contract .addon-list a > li .status-icon {
  font-size: 2em;
}
.s-contract .addon-list a > li .status-icon.finalized {
  color: green;
}
.s-contract .addon-list a > li .status-icon.confirmed {
  color: #bd9755;
}
.s-contract .addon-list a > li .status-icon.error {
  color: #D44545;
}
.s-contract .addon-list a > li .status-icon.in-limbo {
  color: #D44545;
}
.s-contract .addon-list a > li .fa.fa-hourglass-half {
  position: relative;
  top: 5px;
}
.s-contract .addon-list a > li > * > div > div {
  display: table-cell;
  width: 100%;
}
.s-contract .addon-list a > li > * > div > p:last-of-type,
.s-contract .addon-list a > li > * > div > div > p:last-of-type {
  margin-bottom: 0px;
}
.s-contract .addon-list a > li > * > div .show-if {
  display: none;
}
.s-contract .addon-list a > li > * > div.error .show-if.error {
  display: block;
}
.s-contract .addon-list a > li > * > div.confirmed .show-if.confirmed {
  display: block;
}
.s-contract .addon-list a > li > * > div.finalized .show-if.finalized {
  display: block;
}
.s-contract .addon-list a > li > * > div.new .show-if.new {
  display: block;
}
.s-contract .addon-list a > li > * > div.in-limbo .show-if.in-limbo {
  display: block;
}
.s-contract .addon-list a > li > * > div.in-limbo h6,
.s-contract .addon-list a > li > * > div.error h6 {
  color: #D44545;
}
@media (min-width: 992px) {
  .s-contract .addon-list {
    margin-left: -2em;
    margin-right: -2em;
  }
}

.santander-add-on .load-box .load-box-spinner {
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
}
.santander-add-on .show-if {
  display: none !important;
}
.santander-add-on.new .show-if.new {
  display: block !important;
}
.santander-add-on.finalized .show-if.finalized {
  display: block !important;
}
.santander-add-on.new-case .show-if.new-case {
  display: block !important;
}
.santander-add-on.error .show-if.error {
  display: block !important;
}
.santander-add-on .slider-container .noUi-connect {
  background-color: #ec0000;
}
.santander-add-on .santander-results {
  margin-bottom: 2em;
}

.car-service-add-on h4 {
  font-size: 1.1em;
  margin-top: 1.5em;
  font-weight: 400;
  font-family: 'Open Sans';
}
.car-service-add-on .location-finder .selected {
  font-size: 1.3em;
}
.car-service-add-on .actions {
  margin-top: 2em;
}

.addon-form-modal {
  text-align: left;
}
.addon-form-modal .intro {
  margin-top: 40px;
}
.addon-form-modal .intro h2 {
  margin-bottom: 20px;
}
.addon-form-modal .intro img {
  display: block;
  margin: auto;
  margin-bottom: 10px;
}
.addon-form-modal .intro ul li {
  margin-bottom: 10px;
}
.addon-form-modal .intro ul li:last-of-type {
  margin-bottom: 0px;
}
.addon-form-modal .show-if {
  display: none;
}
.addon-form-modal.notSubmitted .show-if.notSubmitted {
  display: block;
}
.addon-form-modal.error .show-if.error {
  display: block;
}
.addon-form-modal.confirmed .show-if.confirmed {
  display: block;
}
.addon-form-modal.finalized .show-if.finalized {
  display: block;
}
.white-box .addon-form-modal,
.addon-form-modal h5 {
  text-align: left;
  margin: 20px 0px 10px;
  border-bottom: 0px;
}
.white-box .addon-form-modal h4 small,
.addon-form-modal h4 small {
  text-align: left;
  font-style: normal;
  margin-top: 5px;
  font-family: 'Open Sans';
  font-size: 14px;
  color: #444;
}
@media (max-width: 765px) {
  .white-box .addon-form-modal h4 small,
  .addon-form-modal h4 small {
    font-size: 12.6px;
  }
  .addon-form-modal .checkmark-ul {
    padding-left: 25px;
  }
  .addon-form-modal .intro li {
    font-size: 0.9em;
  }
}

.contract-status-modal {
  text-align: center;
}
.contract-status-modal .adon-icon {
  text-align: center;
  padding: 20px 0px;
}
.contract-status-modal h2 {
  font-size: 22px;
}
.contract-status-modal .content > h2:first-of-type,
.contract-status-modal .content > div > div h2:first-of-type {
  margin-top: 0.5em;
}
.contract-status-modal .show-if {
  display: none;
}
.contract-status-modal.error .show-if.error {
  display: block;
}
.contract-status-modal.confirmed .show-if.confirmed {
  display: block;
}
.contract-status-modal.finalized .show-if.finalized {
  display: block;
}
.contract-status-modal.new .show-if.new {
  display: block;
}
.contract-status-modal h3 {
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 0px;
  margin-bottom: 10px;
}
.contract-status-modal table {
  width: 100%;
  margin-bottom: 15px;
}
.contract-status-modal table td {
  padding: 10px 10px 10px 0px;
  border-top: 1px solid #eaeaea;
  font-size: 1.2em;
}
.contract-status-modal table tr.details td {
  font-size: 0.9em;
}
.contract-status-modal table tr td:last-of-type {
  text-align: right;
}
.contract-status-modal table tr:first-of-type td {
  border-top: 0px;
}
@media (min-width: 765px) {
  .contract-status-modal {
    text-align: left;
  }
  .contract-status-modal .adon-icon {
    text-align: left;
    padding: 0px;
  }
  .contract-status-modal h2 {
    text-align: left;
    font-size: 28px;
  }
}

.addon-iframe-modal iframe {
  border: 0px;
  width: 100%;
  height: 80vh;
}
.addon-iframe-modal .load-box .load-box-spinner {
  padding-top: 6em;
}
@media (min-width: 765px) {
  iframe {
    height: 80vh;
  }
}
@media (min-width: 998px) {
  iframe {
    height: 70vh;
  }
}
@media (min-width: 1400px) {
  iframe {
    height: 80vh;
  }
}

.s-contract .action-bar-affix {
  height: 60px;
}
.banner-present .s-contract .action-bar-affix .s-affix-simple:not(.force-static) {
  top: 80px;
}
.nav-affixed .s-contract .action-bar-affix .s-affix-simple:not(.force-static) {
  top: 50px;
}
.nav-affixed.banner-present .s-contract .action-bar-affix .s-affix-simple:not(.force-static) {
  top: 130px;
}
.s-contract .action-bar-affix .left-actions ul {
  margin-bottom: 0px;
}
.s-contract .action-bar-affix .left-actions ul li {
  vertical-align: middle;
}
.s-contract .action-bar-affix .left-actions ul li.divider {
  width: 1px;
  background-color: #ddd;
  height: 60px;
  margin-top: -1em;
  margin-bottom: -1em;
  margin-left: 1em;
  margin-right: 1em;
}
.s-contract .action-bar-affix .s-affix-simple {
  transition: top 0.3s;
  -moz-transition: top 0.3s;
  -webkit-transition: top 0.3s;
  -o-transition: top 0.3s;
}
.nav-affixed .s-contract .action-bar-affix .s-affix-simple:not(.force-static) {
  top: 50px;
}
.s-contract .action-bar-affix .s-affix-simple:not(.force-static) {
  position: fixed;
  top: 0px;
  z-index: 999;
  width: inherit;
}
.s-contract .action-bar-affix .s-affix-simple:not(.force-static) li.divider {
  background-color: #bbb;
}
.s-contract .action-bar-affix .action-bar-affix-inner-wrap {
  background-color: #fff;
  height: 60px;
  padding: 14px 20px;
  transition: background 0.3s;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
}
.s-contract .action-bar-affix .s-affix-simple:not(.force-static) .action-bar-affix-inner-wrap {
  background-color: rgba(0, 0, 0, 0.16);
  border: 1px solid #ccc;
  border-top: 0px;
}
.s-contract .action-bar-affix .right-actions {
  float: right;
}
.s-contract .action-bar-affix .left-actions .contract-status .progress-wrapper {
  position: relative;
  margin: 20px auto;
  font-size: 40px;
  width: 140px;
  text-align: center;
}
.s-contract .action-bar-affix .left-actions .contract-status .circle-progress {
  font-weight: bold;
  display: inline-block;
  color: #999;
  text-transform: uppercase;
  vertical-align: middle;
  line-height: 1.1em;
}
.s-contract .action-bar-affix .left-actions .contract-status .circle-progress small {
  font-size: 0.65em;
  display: block;
}
.s-contract .action-bar-affix .left-actions .contract-status .round-progress-wrapper {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.s-contract .action-bar-affix .left-actions .contract-status .round-progress-wrapper .round-progress {
  display: inline-block;
  vertical-align: middle;
}
.s-contract .action-bar-affix .left-actions .contract-status i {
  font-size: 26px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.s-contract .action-bar-affix .left-actions .contract-status i.fa-check {
  color: #00be9c;
}
.s-affix-simple:not(.force-static) .left-actions .circle-progress {
  color: #777;
}
.s-contract #save-button-action-bar.static:hover {
  background-color: inherit;
  color: #B14B41;
}
@media (max-width: 765px) {
  .s-contract .action-bar-affix .s-affix-simple:not(.force-static) {
    left: 0px;
    width: 100%;
  }
}
@media (min-width: 765px) {
  .s-contract .action-bar-affix .s-affix-simple:not(.force-static) {
    top: 0px;
  }
  .banner-present .s-contract .action-bar-affix .s-affix-simple:not(.force-static) {
    top: 80px;
  }
  .nav-affixed .s-contract .action-bar-affix .s-affix-simple:not(.force-static) {
    top: 80px;
  }
  .nav-affixed.banner-present .s-contract .action-bar-affix .s-affix-simple:not(.force-static) {
    top: 160px;
  }
  .s-contract .container > .action-bar-affix .s-affix-simple:not(.force-static),
  .s-contract .container > .contract > .action-bar-affix .s-affix-simple:not(.force-static) {
    padding-right: 30px;
  }
  .s-contract .container > .action-bar-affix,
  .s-contract .container > .contract > .action-bar-affix {
    padding-right: 30px;
  }
  .s-contract .container > .action-bar-affix .s-affix-simple:not(.force-static),
  .s-contract .container > .contract > .action-bar-affix .s-affix-simple:not(.force-static) {
    width: inherit;
  }
}

.s-contract-document > .flex-row {
  display: flex;
  justify-content: space-evenly;
}
@media (min-width: 765px) {
  .s-contract-document > .flex-row {
    margin: 0px -15px;
  }
}
.s-contract-document > .flex-row > div {
  flex-grow: 0;
}
@media (min-width: 765px) {
  .s-contract-document > .flex-row > div {
    padding: 0px 15px;
  }
  .s-contract-document > .flex-row > div.document-col {
    width: 67.77777777%;
  }
  .s-contract-document > .flex-row > div.addon-col {
    width: 33.33333333%;
  }
}
.s-contract-document > .flex-row .wrapper-border {
  border: 2px solid #00be9c;
  border-radius: 4px;
  margin-bottom: 2em;
}
.s-contract-document > .flex-row .wrapper-border .contract-status-view {
  background-color: #FFFFFF;
  padding: 30px 28px 35px;
}
@media (max-width: 765px) {
  .s-contract-document > .flex-row .wrapper-border .contract-status-view {
    padding: 20px 10px;
  }
}
.s-contract-document > .flex-row .wrapper-border .contract-status-view h2 {
  color: #00BE9C;
  text-align: center;
  font-size: 22px;
  margin: 10px 0px 30px;
}
@media (max-width: 765px) {
  .s-contract-document > .flex-row .wrapper-border .contract-status-view h2 {
    font-size: 22.4px;
    margin: 10px 0px 30px;
  }
}
.s-contract-document > .flex-row .wrapper-border .contract-status-view p {
  text-align: center;
  margin-bottom: 20px;
}
.s-contract-document > .flex-row .wrapper-border .contract-status-view .swc-light-green {
  background-color: #fff;
  color: #00be9c;
  border: 2px solid #00be9c;
  margin-bottom: 10px;
}
.s-contract-document > .flex-row .wrapper-border form {
  margin-bottom: 0!important;
}
.s-contract > div.no-addons .s-contract-document .addon-col {
  display: none;
}
.plain-info-box {
  margin-top: 1em;
}

.s-contract form.contract .contract-addon {
  background-color: #f8f8f8;
  border: 1px dashed #ccc;
  border-radius: 3px;
  padding: 15px;
  margin-left: -5px;
  margin-right: -5px;
  position: relative;
  overflow: hidden;
}
.s-contract form.contract .contract-addon .radio label,
.s-contract form.contract .contract-addon .checkbox label {
  padding-left: 10px;
}
.s-contract form.contract .contract-addon.contract-section .section-head h2 {
  margin-top: 1em !important;
}
.s-contract form.contract .contract-addon > .row > [class*="col-"]:first-of-type > div {
  padding: 10px;
}
.s-contract form.contract .contract-addon > .row > [class*="col-"]:first-of-type > div > img {
  width: auto;
}
.s-contract form.contract .contract-addon > .row > [class*="col-"]:first-of-type > div > div {
  font-size: 0.85em;
}
.s-contract form.contract .contract-addon > .row > [class*="col-"]:first-of-type > div {
  text-align: center;
}
.s-contract form.contract .contract-addon .available-if-error {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 3;
  padding: 40px;
  text-align: center;
  font-size: 1.2em;
  height: 3000px;
}
.s-contract form.contract .contract-addon .available-if-error h3 {
  text-align: center;
}
.s-contract form.contract .contract-addon .section-head h2 {
  font-size: 1.3em;
}
@media (min-width: 765px) {
  .s-contract form.contract .contract-addon > .row > [class*="col-"]:first-of-type > div > img {
    height: auto;
    margin-bottom: 1em;
  }
  .s-contract form.contract .contract-addon.contract-addon {
    margin-left: -10px;
    margin-right: -10px;
  }
  .s-contract form.contract .contract-addon .section-head h2 {
    font-size: 1.65em;
  }
}

s-contract-attachments .load-box-spinner {
  box-shadow: none !important;
  margin-bottom: 0px !important;
}
s-contract-attachments .contract-file-list {
  padding: 0px;
  list-style: none;
}
s-contract-attachments .contract-file-list li {
  margin-bottom: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  position: relative;
  border-bottom: 1px solid #eaeaea;
}

div[s-modal="s-contract-attachment-upload-modal"] textarea.form-control {
  height: 100px !important;
}
div[s-modal="s-contract-attachment-upload-modal"] .btn {
  margin-bottom: 1em;
}
div[s-modal="s-contract-attachment-upload-modal"] p.note.warning {
  margin-bottom: 1em;
}

contract-attachment-item .thumb-col,
contract-attachment-item .desc-col {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
contract-attachment-item .thumb-col {
  width: 150px;
  max-height: 130px;
  overflow: hidden;
  padding-right: 0px;
  text-align: center;
}
contract-attachment-item .thumb-col p.uploading-msg {
  text-align: center;
  font-weight: bold;
  font-size: 0.8em;
  color: #aaa;
  text-decoration: none;
  text-align: center !important;
}
contract-attachment-item .thumb-col img {
  width: 100%;
}
contract-attachment-item .thumb-col i.thumb-icon {
  font-size: 65px;
  color: #777;
}
@media (max-width: 765px) {
  contract-attachment-item .thumb-col {
    width: 85px;
    max-height: 120px;
  }
}
contract-attachment-item .desc-col {
  width: calc(100% - 150px);
}
contract-attachment-item .desc-col .file-name {
  font-size: 1.1em;
  font-weight: bold;
  color: #000;
  margin-top: 0px;
}
contract-attachment-item .desc-col .file-name small {
  font-weight: 400;
  color: #777;
  font-size: 1rem;
}
contract-attachment-item .desc-col button.remove-button i {
  font-size: 14px;
}
@media (max-width: 765px) {
  contract-attachment-item .desc-col {
    width: calc(100% - 85px);
  }
}
contract-attachment-item p {
  margin-top: 10px;
  margin-bottom: 0px;
}
contract-attachment-item h4,
contract-attachment-item p {
  text-align: left;
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
.s-contract i[show-instructions] {
  font-size: 13px;
  cursor: pointer;
}
.s-contract * > .contract-instruction {
  position: absolute;
  width: 300px;
  background-color: #fff;
  padding: 10px;
  border-radius: 4px;
  font-size: 12px;
  color: #444;
  font-family: "Open Sans";
  text-decoration: none;
  left: -150px;
  bottom: 0px;
  display: inline-block;
  font-weight: 400;
  border: 2px solid #eaeaea;
  box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
  -moz-box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
  -webkit-box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
  -o-box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
  z-index: 2;
}
.instructions-force-relative {
  position: relative;
}
[s-modal='contract-instructions-modal'] .close-modal {
  margin-top: 2em;
  text-align: center;
}

.s-contract .contract-section.parties .party {
  text-align: center;
  padding-top: 10px;
  border-top: 1px solid #eaeaea;
  font-size: 1.3em;
  font-family: Arial;
  color: #000;
}
.s-contract .contract-section.parties .party.party-signed {
  border-top: 1px solid #000;
}
.s-contract .contract-section.parties p {
  text-align: center;
}
.s-contract .contract-section.parties .party.signed {
  color: #000;
}
.s-contract .contract-section.parties .party-status {
  text-align: center;
}
.s-contract .contract-section.parties .party-status .signed {
  color: green;
  font-weight: bold;
}
.s-contract .contract-section.parties .party-status .not-signed {
  font-weight: bold;
  color: #D44545;
}
.s-contract .contract-section.parties .party-status .date {
  font-size: 0.8em;
  font-family: Arial;
  color: #999;
}
.s-contract .contract-section.parties .wait-for-sign {
  font-weight: bold;
  font-style: italic;
  color: #999;
}
.s-contract .contract-section.parties .sms img {
  display: none;
}
.s-contract .contract-section.parties .sign-image-wrap img {
  width: 100%;
}
.s-contract .contract-section.parties .sign-image-wrap {
  min-height: 50px;
}
.s-contract .contract-section.parties .bank-id-se-sign {
  margin-right: 1em;
}
.s-contract .contract-section.parties .sign-details {
  font-size: 12px;
  padding: 5px;
  background-color: #f4f4f4;
}
.s-contract .contract-section.parties .sign-details h4 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: center;
  margin-top: 5px;
}
.s-contract .contract-section.parties .sign-details table {
  white-space: nowrap;
  table-layout: fixed;
  width: 100%;
}
.s-contract .contract-section.parties .sign-details table td {
  vertical-align: top;
  padding: 4px;
}
.s-contract .contract-section.parties .sign-details table tr td:first-of-type {
  white-space: nowrap;
}
.s-contract .contract-section.parties .sign-details table tr td:last-of-type {
  white-space: pre-wrap;
  word-break: break-all;
}
.s-contract .contract-section.parties .sign-details .hide-sign-details {
  float: right;
}
.s-contract .contract-section.parties .signatures-help-text {
  text-align: center !important;
}
.s-contract .contract-section.parties .bank-id-no-signature {
  display: flex;
  justify-content: center;
  align-items: end;
  padding: 20px;
}
.s-contract .contract-section.parties .bank-id-no-signature img {
  max-width: 180px;
}
@media (min-width: 765px) {
  .s-contract .contract-section.parties .sign-image-wrap {
    min-height: 112px;
  }
  .bank-id-no-signature {
    min-height: 112px;
  }
}
@media (min-width: 998px) {
  .s-contract .contract-section.parties .sign-image-wrap {
    min-height: 118px;
  }
  .bank-id-no-signature {
    min-height: 118px;
  }
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
.s-contract form.contract {
  position: relative;
  min-height: 7em;
  padding-top: 0px;
  padding: 15px;
  border-radius: 0px;
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 2em;
  background-color: #fff;
  text-align: left;
  /******************

    FORM CONTROLS

  ******************/
  /*TEXTAREA*/
  /*
  form.contract.edit .textarea-group text-angular {
    display: block;
  }*/
  /*INPUT ANIMATE*/
}
.s-contract form.contract .logo {
  text-align: right;
  height: 35px;
  margin-bottom: 1em;
}
.s-contract form.contract .logo img {
  height: 100%;
}
.s-contract form.contract .logo.center {
  float: none;
  text-align: center;
  height: 58px;
  margin-bottom: 2em;
}
.s-contract form.contract fieldset {
  margin-bottom: 2em;
}
.s-contract form.contract h1 {
  font-size: 1.8em;
  font-weight: bold;
  margin-top: 0px;
}
.s-contract form.contract p {
  font-family: "Open Sans";
  font-size: 0.9em;
  color: #777;
}
.s-contract form.contract .file-thumb-list .file-name {
  font-size: 1.25em;
  color: #000;
}
.s-contract form.contract .header {
  margin: -20px -20px 2em -20px;
  padding: 20px;
  border-bottom: 1px solid #eaeaea;
  text-align: left;
}
.s-contract form.contract .header h1 {
  margin-bottom: 3px;
}
.s-contract form.contract .header p {
  text-align: inherit;
  margin-bottom: 0px;
}
.s-contract form.contract h2,
.s-contract form.contract .contract-section .section-head h2 {
  font-size: 1.4em;
  font-weight: bold;
  margin-top: 0px;
  text-align: left;
}
.s-contract form.contract .contract-section h4 {
  font-weight: 400;
}
.s-contract form.contract .contract-section fieldset[name="responderForm"] .section-head h2 small,
.s-contract form.contract .contract-section fieldset[name="initiatorForm"] .section-head h2 small {
  color: #a2a2a2;
  font-size: 100%;
  font-weight: bold;
}
.s-contract form.contract .contract-section {
  margin-bottom: 3em;
}
.s-contract form.contract .section-head {
  margin-bottom: 2.3em;
}
.s-contract form.contract .section-head h2 {
  margin-top: 1em;
  margin-bottom: 5px;
}
.s-contract form.contract h3 {
  margin-top: 0px;
  margin-bottom: 30px;
}
.s-contract form.contract .section-head p:last-of-type {
  margin-bottom: 0px;
}
.s-contract form.contract .s-group {
  margin-bottom: 21px;
}
.s-contract form.contract label i.fa-question {
  cursor: pointer;
  color: #3c99b6;
}
.s-contract form.contract fieldset[disabled] i.fa-question {
  display: none;
}
.s-contract form.contract .section-head h1,
.s-contract form.contract .section-head h2,
.s-contract form.contract .section-head p {
  text-align: left;
}
.s-contract form.contract label {
  height: auto;
  margin-bottom: 7px;
  font-family: "Open Sans";
}
.s-contract form.contract label.inline-label {
  padding: 9px 0px 7px 0px;
}
.s-contract form.contract .radio label,
.s-contract form.contract .checkbox label {
  font-family: 'Open Sans';
  color: #000;
  padding-left: 0px;
  font-weight: 400;
  font-size: 1em;
}
.s-contract form.contract .contract-section .row.no-margin {
  margin-bottom: 4px;
}
.s-contract form.contract .s-group small {
  color: #999;
  font-style: italic;
}
@media (min-width: 765px) {
  .s-contract form.contract {
    padding: 25px;
  }
}
.s-contract form.contract .form-control {
  font-size: 1.1em;
  line-height: 25px;
  font-family: "Open Sans";
  color: #000;
  appearance: none;
  padding: 0.5em;
  border: 0px;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
  box-shadow: 0px 0px 0px transparent;
  height: auto;
}
.s-contract form.contract.displayOnly input,
.s-contract form.contract.displayOnly select,
.s-contract form.contract.displayOnly textarea,
.s-contract form.contract.static input,
.s-contract form.contract.static .form-control,
.s-contract form.contract.static select,
.s-contract form.contract.static textarea,
.s-contract form.contract fieldset[disabled] input,
.s-contract form.contract fieldset[disabled] .form-control,
.s-contract form.contract fieldset[disabled] select,
.s-contract form.contract fieldset[disabled] textarea {
  background-color: transparent !important;
}
.s-contract form.contract .form-control[type="text"],
.s-contract form.contract .form-control[type="date"],
.s-contract form.contract .form-control[type="number"],
.s-contract form.contract select.form-control {
  height: 41px;
}
.s-contract form.contract .form-control[type="date"].ng-empty {
  color: #aaa;
}
.s-contract form.contract.noedit .contract-form .form-control:not(.ng-invalid),
.s-contract form.contract.noedit .contract-form .form-control[disabled]:not(.ng-invalid),
.s-contract form.contract.display-only .contract-form .form-control:not(.ng-invalid),
.s-contract form.contract.display-only .contract-form .form-control[disabled]:not(.ng-invalid) {
  background-color: #fff !important;
}
.s-contract form.contract.noedit form[name="responder"] input[name="email"].ng-invalid {
  background-color: #FFEAEA !important;
}
.s-contract form.contract .form-control * {
  color: #000;
}
.s-contract form.contract label {
  font-size: 0.95em;
  color: #828282;
  font-weight: bold;
}
.s-contract form.contract [type=date][disabled].form-control {
  color: #888;
}
.s-contract form.contract .form-error-message {
  margin: 0px;
  font-size: 0.9em;
  color: #dd0000;
}
.s-contract form.contract .form-warning-message {
  margin: 0px;
  font-size: 0.9em;
  color: #b9931d;
}
.s-contract form.contract .textarea-group div.textarea-static {
  min-height: 50px;
}
.s-contract form.contract.disabled:not(.preview) .textarea-group div.textarea-static {
  display: block;
  text-align: left;
}
.s-contract form.contract .textarea-group div.textarea-static p,
.s-contract form.contract .textarea-group div.textarea-static li,
.s-contract form.contract .textarea-group div.textarea-static h1 {
  font-size: 1em;
  color: #000;
}
.s-contract form.contract .ta-text {
  border-bottom: 0px;
  padding: 0px;
}
.s-contract form.contract div[id*='taTextElement'] p,
.s-contract form.contract div[id*='taTextElement'] h1,
.s-contract form.contract div[id*='taTextElement'] {
  color: #000;
}
.s-contract form.contract .animate-input {
  margin-top: -23px;
  margin-bottom: 23px;
}
.s-contract form.contract .animate-input.s-group {
  margin-bottom: 34px;
}
.s-contract form.contract .animate-input .form-control {
  font-size: 1.1em;
  line-height: 25px;
  height: 41.38px;
  margin-top: 23px;
}
.s-contract form.contract .contract-section .section-head + .row > div > .animate-input .corm- {
  margin-top: 0px;
}
.s-contract form.contract .contract-section > .row:last-of-type .animate-input {
  margin-bottom: 0px;
}
.s-contract form.contract label.label-animate {
  color: #808080;
  font-size: 15px;
  font-family: "Quicksand";
  height: 25px;
  top: 10px;
}
.s-contract .animate-input label.label-animate {
  color: #888;
  font-size: 1.1em;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0px;
  top: 11px;
  font-family: "Open Sans";
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.s-contract .animate-input input:focus ~ label.label-animate,
.s-contract .animate-input input.ng-not-empty + label.label-animate,
.s-contract .animate-input textarea:focus ~ label.label-animate,
.s-contract .animate-input textarea.ng-not-empty + label.label-animate,
.s-contract .animate-input select:focus ~ label.label-animate,
.s-contract .animate-input select.ng-not-empty + label.label-animate {
  top: -20px;
  font-size: 0.95em;
  color: #828282;
  font-weight: bold;
  font-family: inherit;
}
.s-contract form.contract .checkbox-text .animate-input input:focus ~ label.label-animate,
.s-contract form.contract .checkbox-text .animate-input input.ng-not-empty + label.label-animate,
.s-contract form.contract .checkbox-text .animate-input textarea:focus ~ label.label-animate,
.s-contract form.contract .checkbox-text .animate-input textarea.ng-not-empty + label.label-animate,
.s-contract form.contract .checkbox-text .animate-input select:focus ~ label.label-animate,
.s-contract form.contract .checkbox-text .animate-input select.ng-not-empty + label.label-animate,
.s-contract form.contract .checkbox-text .animate-input label.static {
  font-weight: 400;
}
.s-contract form.contract .animate-input input[type="date"].form-control {
  color: transparent;
}
.s-contract form.contract .animate-input input[type="date"].form-control:focus,
.s-contract form.contract .animate-input input.ng-not-empty[type="date"].form-control {
  color: #000;
}
/**********

  RADIO/CHECKBOX

***********/
.s-contract form.contract {
  /****** ERROR *****/
}
.s-contract form.contract .radio:not(.s-group),
.s-contract form.contract .checkbox:not(.s-group) {
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 9px 0px 5px 0px;
}
.s-contract form.contract .inline-radio .radio {
  display: inline-block;
  margin-right: 30px;
}
.s-contract form.contract .radio > .s-group,
.s-contract form.contract .checkbox > .s-group {
  margin-bottom: 0px;
}
.s-contract form.contract .radio > .s-group .animate-input input:focus ~ label.label-animate,
.s-contract form.contract .radio > .s-group .animate-input input.ng-not-empty + label.label-animate,
.s-contract form.contract .radio > .s-group .animate-input textarea:focus ~ label.label-animate,
.s-contract form.contract .radio > .s-group .animate-input textarea.ng-not-empty + label.label-animate,
.s-contract form.contract .radio > .s-group .animate-input select:focus ~ label.label-animate,
.s-contract form.contract .radio > .s-group .animate-input select.ng-not-empty + label.label-animate,
.s-contract form.contract .radio > .s-group .animate-input label.static,
.s-contract form.contract .checkbox > .s-group .animate-input input:focus ~ label.label-animate,
.s-contract form.contract .checkbox > .s-group .animate-input input.ng-not-empty + label.label-animate,
.s-contract form.contract .checkbox > .s-group .animate-input textarea:focus ~ label.label-animate,
.s-contract form.contract .checkbox > .s-group .animate-input textarea.ng-not-empty + label.label-animate,
.s-contract form.contract .checkbox > .s-group .animate-input select:focus ~ label.label-animate,
.s-contract form.contract .checkbox > .s-group .animate-input select.ng-not-empty + label.label-animate,
.s-contract form.contract .checkbox > .s-group .animate-input label.static {
  font-weight: 400;
}
.s-contract form.contract .inline-radio .radio:last-of-type {
  margin-right: 0px;
}
.s-contract form.contract .checkbox-row {
  padding: 9px 0px 5px 0px;
}
.s-contract form.contract .checkbox-row.row {
  margin-bottom: 0px;
}
.s-contract form.contract .checkbox-row > div {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.s-contract form.contract .checkbox-row .checkbox-col {
  width: 50px;
}
.s-contract form.contract .checkbox-row .label-col {
  width: calc(100% - 50px);
}
.s-contract form.contract .checkbox-row .label-col label {
  font-weight: 400;
  font-family: "Open Sans";
  font-size: 1em;
}
.s-contract form.contract .checkbox-row .label-col > label {
  color: #000;
}
.s-contract form.contract .fancy-radio {
  margin-left: 0px;
}
.s-contract form.contract .fancy-checkbox {
  position: relative;
}
.s-contract form.contract .checkbox-text {
  margin-top: 10px;
  margin-bottom: 0px;
}
.s-contract form.contract .checkbox-date .fancy-checkbox {
  position: relative;
  top: 9px;
}
.s-contract form.contract .checkbox-text .fancy-checkbox {
  position: relative;
  top: 10px;
}
.s-contract form.contract:not(.v2):not(.v3) .radio.error {
  border: 2px solid #D44545;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 3px;
}
/**************

  RANGE SLIDER

***************/
.s-contract .ngrs-range-slider {
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  box-shadow: 0px 0px 0px transparent;
}
/**************

  PARTIES

****************/
.s-contract form.contract .contract-section.parties {
  position: relative;
  z-index: 3;
  margin-top: 5em;
  margin-bottom: -25px;
  margin-left: -25px;
  margin-right: -25px;
  padding: 25px;
}
/***************

  ATTACHMENTS

****************/
.s-contract form.contract .attachments p.no-value {
  text-align: center;
}
@media (min-width: 765px) {
  .s-contract form.contract .radio > .s-group,
  .s-contract form.contract .checkbox > .s-group {
    margin-top: 20px;
    margin-left: 23px;
  }
  .s-contract form.contract .checkbox > .s-group .animate-input,
  .s-contract form.contract .radio > .s-group .animate-input {
    margin-bottom: 0px;
  }
}
/**********************

  MOBILE

**********************/
@media (max-width: 765px) {
  .s-contract form.contract .header {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 0px;
  }
  .s-contract form.contract .header h1 {
    font-size: 1.2em;
    position: relative;
    text-align: center;
  }
  .s-contract form.contract .header h1 i {
    right: 5px;
    font-size: 26px;
    display: block;
    margin-bottom: 5px;
  }
  .s-contract form.contract .contract-section h4 {
    margin-top: 30px;
  }
  form.contract .contract-section.parties {
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
    margin-top: 3em;
  }
  .s-contract form.contract .logo {
    display: block;
    text-align: center;
    height: 25px;
    margin-bottom: 1em;
    margin-top: 0px;
  }
  .s-contract form.contract .s-group {
    margin-bottom: 21px;
  }
  .s-contract form.contract .contract h1 {
    font-size: 1.4em;
  }
  .s-contract form.contract .section-head {
    margin-bottom: 1em;
  }
  .s-contract form.contract .animate-input-row > div:last-of-type > .animate-input {
    margin-bottom: 7px;
  }
  .s-contract form.contract div > .animate-input-row:last-of-type > .animate-input {
    margin-bottom: 34px;
  }
  .s-contract form.contract .animate-input {
    margin-top: 1em;
  }
  .s-contract form.contract .row [class*="col-sm-"]:not(:first-of-type) .animate-input,
  .s-contract form.contract .row [class*="col-md-"]:not(:first-of-type) .animate-input,
  .s-contract form.contract .row [class*="col-lg-"]:not(:first-of-type) .animate-input {
    margin-top: 2em;
  }
  .s-contract form.contract .checkbox-text .animate-input {
    margin-bottom: 0px;
    margin-top: 0px !important;
  }
  .s-contract form.contract .checkbox-text .fancy-checkbox {
    margin-top: 0.75em;
  }
  .s-contract form.contract label:not(.label-animate) {
    margin-bottom: 3px;
    height: auto;
  }
  .s-contract form.contract .contract-section .section-head p {
    color: #999;
  }
  .s-contract form.contract h2,
  .s-contract form.contract .contract-section .section-head h2 {
    margin-top: 1em;
    background-color: #E1EBEF;
    padding: 8px 10px;
    font-size: 1em;
    text-transform: uppercase;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 10px;
  }
  .s-contract form.contract .contract-section.contract-addon .section-head h2 {
    background-color: transparent;
    border-top: 0px;
  }
  .s-contract form.contract .contract-section.contract-addon .section-head p {
    color: #666;
  }
  .s-contract form.contract .contract-addon .row [class*="col-"]:last-of-type > div > img {
    width: 100%;
    height: auto;
  }
  .s-contract form.contract .parties {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .s-contract form.contract .parties [class*="col-"]:first-of-type {
    margin-bottom: 4em;
  }
  .s-contract form.contract .party {
    font-size: 1.5em;
  }
  .s-contract form.contract .contract-actions {
    margin-top: 2em;
  }
  form.contract .contract-section.parties .party-status a {
    width: auto;
    font-size: 1.1em;
    padding: 8px 14px;
  }
  .s-contract form.contract .contract-section.parties h2 {
    text-align: center;
    background-color: #f4f4f4;
    padding: 12px;
    font-size: 1.3em;
  }
  .s-contract form.contract .plain-info-box {
    font-size: 0.9em;
  }
  .s-contract form.contract .row > [class*='col-'] > .row [class*='col-'] select.form-control {
    position: relative;
    top: 28px;
  }
  .s-contract form.contract .checkbox-text .animate-input .form-control {
    margin-top: 0px;
  }
  .s-contract form.contract .checkbox-text .fancy-checkbox {
    top: 0px;
  }
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
.s-contract form.contract.v2 {
  position: relative;
  min-height: 7em;
  padding-top: 0px;
  padding: 15px;
  border-radius: 0px;
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 2em;
  background-color: #fff;
  text-align: left;
}
.s-contract form.contract.v2 .logo {
  text-align: center;
  height: 2em;
  margin-bottom: 1.5em;
}
.s-contract form.contract.v2 .logo img,
.s-contract form.contract.v2 .s-contract form.contract.v2.one-coupon .logo img {
  height: 100%;
}
.s-contract form.contract.v2 .logo.center {
  float: none;
  text-align: center;
  height: 58px;
  margin-bottom: 2em;
}
.s-contract form.contract.v2 .logo-double {
  text-align: left;
  margin-bottom: 1.5em;
}
.s-contract form.contract.v2 .logo-double img {
  height: 35px;
}
.s-contract form.contract.v2 .logo-double img:first-of-type {
  float: left;
}
.s-contract form.contract.v2 .logo-double img:last-of-type {
  float: right;
}
.s-contract form.contract.v2 .logo-double::after {
  content: " ";
  display: table;
  clear: both;
}
@media (max-width: 765px) {
  .s-contract form.contract.v2 .logo-double {
    margin-top: -1em;
  }
}
.s-contract form.contract.v2 fieldset {
  margin-bottom: 2em;
}
.s-contract form.contract.v2 h1 {
  font-size: 1.8em;
  font-weight: bold;
  margin-top: 0px;
}
.s-contract form.contract.v2 p,
.s-contract form.contract.v2 ol > li {
  font-family: "Open Sans";
  font-size: 0.9em;
  color: #6a6a6a;
}
.s-contract form.contract.v2 .file-thumb-list .file-name {
  font-size: 1.25;
  color: #000;
}
.s-contract form.contract.v2 [show-instructions] {
  cursor: pointer;
  color: #3c99b6;
}
.s-contract form.contract.v2 .header {
  margin: -20px -20px 2em -20px;
  margin-bottom: 3em;
  padding: 2em;
  border-bottom: 3px solid #eaeaea;
  text-align: center;
}
.s-contract form.contract.v2 .header h1 {
  margin-bottom: 3px;
}
.s-contract form.contract.v2 .header p {
  text-align: inherit;
  margin-bottom: 0px;
}
.s-contract form.contract.v2 h2,
.s-contract form.contract.v2 .contract-section .section-head h2 {
  font-size: 1.65em;
  color: #444;
  font-weight: 400;
  margin-top: 2em;
  text-align: left;
  font-family: "Open Sans";
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 4px;
}
.s-contract form.contract.v2 .contract-section fieldset[name="responderForm"] .section-head h2 small,
.s-contract form.contract.v2 .contract-section fieldset[name="initiatorForm"] .section-head h2 small {
  color: #a2a2a2;
  font-size: 100%;
  font-weight: bold;
}
.s-contract form.contract.v2 .contract-section {
  margin-bottom: 3em;
}
.s-contract form.contract.v2 .section-head {
  margin-bottom: 2.3em;
}
.s-contract form.contract.v2 .section-head h2 {
  margin-top: 1em;
  margin-bottom: 5px;
}
.s-contract form.contract.v2 h3 {
  margin-top: 20px;
  margin-bottom: 15px;
  border-bottom: 0px;
  text-align: left;
  font-size: 1.3em;
  color: #444;
  font-family: "Open Sans";
}
.s-contract form.contract.v2 h4 {
  margin-top: 15px;
  margin-bottom: 10px;
  border-bottom: 0px;
  text-align: left;
  font-size: 1.1em;
  color: #777;
  font-weight: bold;
  font-family: "Open Sans";
}
.s-contract form.contract.v2 .section-head p:last-of-type {
  margin-bottom: 0px;
}
.s-contract form.contract.v2 .s-group {
  margin-bottom: 21px;
}
.s-contract form.contract.v2 label i.fa-question {
  cursor: pointer;
  color: #3c99b6;
}
.s-contract form.contract.v2 fieldset[disabled] i.fa-question {
  display: none;
}
.s-contract form.contract.v2 .section-head h1,
.s-contract form.contract.v2 .section-head h2,
.s-contract form.contract.v2 .section-head p {
  text-align: left;
}
.s-contract form.contract.v2 label {
  height: auto;
  margin-bottom: 7px;
  font-family: "Open Sans";
}
.s-contract form.contract.v2 label.inline-label {
  padding: 9px 0px 7px 0px;
}
.s-contract form.contract.v2 .contract-section .row.no-margin {
  margin-bottom: 4px;
}
.s-contract form.contract.v2 .s-group small {
  color: #999;
  font-style: italic;
}
.s-contract form.contract.v2 .ta-toolbar #toolbarCC {
  display: none !important;
}
@media (min-width: 765px) {
  .s-contract form.contract.v2 {
    padding: 25px;
  }
}
/******************

  FORM CONTROLS

******************/
.s-contract form.contract.v2 .form-control {
  height: 49px;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 25px;
  font-family: "Open Sans";
  color: #000;
  appearance: none;
  padding: 0.633em 1em 0.633em 1em;
  border: 0px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  box-shadow: 0px 0px 0px transparent;
}
.s-contract form.contract.v2 .form-control.emphasis {
  background-color: #EFF8FB;
}
.s-contract form.contract.v2 div.form-control {
  line-height: 27px;
}
.s-contract form.contract.v2 .form-control ~ .after {
  content: '';
  margin: auto;
  height: 2px;
  position: relative;
  top: -2px;
  width: 0px;
  background: transparent;
  transition: width 0.2s ease, background-color 0.2s ease;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.s-contract form.contract.v2 .form-control:focus ~ .after {
  width: 100%;
  background: #337ab7;
}
.s-contract form.contract.v2 .form-control::-webkit-input-placeholder {
  font-weight: 400;
  color: #999;
}
.s-contract form.contract.v2 .form-control::-moz-placeholder {
  font-weight: 400;
  color: #999;
}
.s-contract form.contract.v2 .form-control:-ms-input-placeholder {
  font-weight: 400;
  color: #999;
}
.s-contract form.contract.v2 .form-control:-moz-placeholder {
  font-weight: 400;
  color: #999;
}
.s-contract form.contract.v2 .s-date-input > div {
  height: 29px;
}
.s-contract form.contract.v2.preview input,
.s-contract form.contract.v2.preview select,
.s-contract form.contract.v2.preview textarea,
.s-contract form.contract.v2.static input,
.s-contract form.contract.v2.static .form-control,
.s-contract form.contract.v2.static select,
.s-contract form.contract.v2.static textarea,
.s-contract form.contract.v2 fieldset[disabled] input,
.s-contract form.contract.v2 fieldset[disabled] .form-control,
.s-contract form.contract.v2 fieldset[disabled] select,
.s-contract form.contract.v2 fieldset[disabled] textarea {
  background-color: transparent !important;
}
.s-contract form.contract.v2 .form-control[type="date"].ng-empty {
  color: #aaa;
}
.s-contract form.contract.v2 .form-control[type="date"].ng-empty::-webkit-calendar-picker-indicator {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23aaaaaa" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
}
.s-contract form.contract.v2.noedit .contract-form .form-control:not(.ng-invalid),
.s-contract form.contract.v2.noedit .contract-form .form-control[disabled]:not(.ng-invalid),
.s-contract form.contract.v2.preview .contract-form .form-control:not(.ng-invalid),
.s-contract form.contract.v2.preview .contract-form .form-control[disabled]:not(.ng-invalid) {
  background-color: #fff !important;
}
.s-contract form.contract.v2.noedit form[name="responder"] input[name="email"].ng-invalid {
  background-color: #FFEAEA !important;
}
.s-contract form.contract.v2 .form-control * {
  color: #000;
}
.s-contract form.contract.v2 label {
  font-size: 0.95em;
  color: #000;
  font-weight: normal;
}
.s-contract form.contract.v2 [type=date][disabled].form-control {
  color: #888;
}
.s-contract form.contract.v2.ng-submitted .form-control.ng-invalid,
.s-contract form.contract.v2.ng-submitted .textarea-group.ng-invalid .form-control,
.s-contract form.contract.v2.ng-submitted .textarea-group.ng-invalid div[id*='taTextElement'] {
  border-color: #dab4b4;
}
.s-contract form.contract.v2 .form-control.ng-touched.ng-invalid,
.s-contract form.contract.v2 .textarea-group.ng-invalid.ng-touched .form-control,
.s-contract form.contract.v2 .textarea-group.ng-invalid.ng-touched div[id*='taTextElement'] {
  border-color: #dab4b4;
}
.s-contract form.contract.v2 .textarea-group.ng-invalid div[id*='taTextElement'] {
  background-color: #FFEAEA;
}
.s-contract form.contract.v2 .form-error-message {
  margin: 0px;
  font-size: 0.9em;
  color: #dd0000;
}
.s-contract form.contract.v2 .form-warning-message {
  margin: 0px;
  font-size: 0.9em;
  color: #b9931d;
}
/*TEXTAREA*/
.s-contract form.contract.v2 {
  /*
  &.disabled:not(.preview) .textarea-group div.textarea-static {
    display: block;
    text-align: left;
  }
  */
  /*
  &.edit .textarea-group text-angular {
    display: block;
  }

  &.preview .textarea-group text-angular {
    display: none;
  }*/
}
.s-contract form.contract.v2 .textarea-group > div {
  position: relative;
}
.s-contract form.contract.v2 .textarea-group .form-control {
  font-weight: 400;
}
.s-contract form.contract.v2 .textarea-group div.textarea-static {
  min-height: 100px;
}
.s-contract form.contract.v2 .textarea-group div.overlay,
.s-contract form.contract.v2 .textarea-group .expand-wrapper {
  display: none;
}
.s-contract form.contract.v2 .textarea-group text-angular .ta-scroll-window {
  min-height: 100px;
}
.s-contract form.contract.v2 .textarea-group .form-control {
  height: auto;
}
.s-contract form.contract.v2 .textarea-group div.textarea-static p,
.s-contract form.contract.v2 .textarea-group div.textarea-static li,
.s-contract form.contract.v2 .textarea-group div.textarea-static h1 {
  font-size: 1em;
  color: #000;
}
.s-contract form.contract.v2.preview .textarea-group {
  margin-top: 5px;
}
.s-contract form.contract.v2 .ta-text {
  border: 0px;
  padding: 0px;
}
.s-contract form.contract.v2 div[id*='taTextElement'] {
  border: 1px solid #d4d4d4;
  border-radius: 5px;
}
.s-contract form.contract.v2 div[id*='taTextElement'] p,
.s-contract form.contract.v2 div[id*='taTextElement'] h1,
.s-contract form.contract.v2 div[id*='taTextElement'] {
  color: #000;
}
@media (min-width: 765px) {
  .s-contract form.contract.v2.no-edit .textarea-group,
  .s-contract form.contract.v2.disabled .textarea-group {
    margin-top: 5px;
  }
  .s-contract form.contract.v2 .textarea-group text-angular {
    margin-top: -40px;
  }
  .s-contract form.contract.v2 .textarea-group text-angular .ta-toolbar {
    float: right;
    position: relative;
  }
}
.s-contract form.contract.v2.edit div.textarea-static {
  height: 100px;
  overflow: hidden;
}
.s-contract form.contract.v2.edit div.overlay {
  display: block;
  cursor: text;
  position: absolute;
  top: 0px;
  left: 1px;
  height: 99px;
  width: calc(100% - 2px);
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 80%);
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 80%);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 80%);
  background-image: linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 80%);
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 80%);
}
.s-contract form.contract.v2.edit .expand-wrapper {
  display: block;
  margin-top: 10px;
}
/**********

  RADIO/CHECKBOX

***********/
.s-contract form.contract.v2 .inline-radio input[type="checkbox"],
.s-contract form.contract.v2 .radio input[type="radio"],
.s-contract form.contract.v2 .checkbox input[type="checkbox"] {
  margin-left: 0px;
  position: static;
}
.s-contract form.contract.v2 .radio {
  margin-bottom: 0px;
  margin-top: 0px;
}
.s-contract form.contract.v2 .checkbox label,
.s-contract form.contract.v2 .radio label {
  font-family: 'Open Sans';
  color: #000;
  padding-left: 0px;
  font-weight: 400;
  font-size: 1.1em;
}
.s-contract form.contract.v2 .radio label.selected,
.s-contract form.contract.v2 .checkbox label.selected,
.s-contract form.contract.v2 .label-col label.selected {
  font-weight: bold;
}
.s-contract form.contract.v2 .inline-radio .radio {
  display: inline-block;
  margin-right: 15px;
}
.s-contract form.contract.v2 .inline-radio .radio:last-of-type {
  margin-right: 0px;
}
.s-contract form.contract.v2 .checkbox-row {
  padding: 9px 0px 5px 0px;
}
.s-contract form.contract.v2 .checkbox-row.row {
  margin-bottom: 0px;
}
.s-contract form.contract.v2 .checkbox-row > div {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.s-contract form.contract.v2 .checkbox-row .checkbox-col {
  width: 50px;
}
.s-contract form.contract.v2 .checkbox-row .label-col {
  width: calc(100% - 50px);
}
.s-contract form.contract.v2 .checkbox-row .label-col label {
  font-weight: 400;
  font-family: "Open Sans";
  font-size: 1em;
}
.s-contract form.contract.v2 .checkbox-row .label-col label.selected {
  font-weight: bold;
}
.s-contract form.contract.v2 .checkbox-row .label-col > label {
  color: #000;
}
.s-contract form.contract.v2 .fancy-radio {
  margin-left: 0px;
}
.s-contract form.contract.v2 .fancy-checkbox {
  position: relative;
}
.s-contract form.contract.v2 .checkbox-text {
  margin-top: 10px;
  margin-bottom: 0px;
}
.s-contract form.contract.v2 .checkbox-date .fancy-checkbox {
  position: relative;
  top: 9px;
}
.s-contract form.contract.v2 .checkbox-text .fancy-checkbox {
  position: relative;
  top: 10px;
}
.s-contract form.contract.v2.ng-submitted .radio.error {
  border: 2px solid #D44545;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 3px;
}
/**************

  INPUT ADDON

***************/
.s-contract form.contract.v2 .input-group {
  caption-side: bottom;
}
.s-contract form.contract.v2 .input-group:not(.suffix) .form-control {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.s-contract form.contract.v2 .input-group.suffix .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.s-contract form.contract.v2 .input-group .input-group-addon {
  border-color: #d8d8d8;
  background-color: transparent;
}
.s-contract form.contract.v2 .input-group .input-group-addon i {
  margin-right: 0px;
}
.s-contract form.contract.v2 .input-group .input-group-addon .fancy-checkbox {
  position: relative;
  top: 2px;
}
.s-contract form.contract.v2 .input-group .form-control + .after {
  top: 46px;
  z-index: 6;
}
.s-contract form.contract.v2 .input-group .form-error-message,
.s-contract form.contract.v2 .input-group .form-warning-message {
  display: table-caption;
  margin-top: 3px;
}
/***************

  INLINE - RADIO - FIELD

********************/
@media (min-width: 765px) {
  .s-contract form.contract.v2 .inline-label-radio-field {
    display: table;
    width: calc(100% + 30px);
    margin-left: -15px;
  }
  .s-contract form.contract.v2 .inline-label-radio-field .row {
    display: table-row;
  }
  .s-contract form.contract.v2 .inline-label-radio-field .row > div {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
}
/**************

  PARTIES

****************/
.s-contract form.contract.v2 .contract-section.parties {
  position: relative;
  z-index: 3;
  margin-top: 5em;
  margin-bottom: -25px;
  margin-left: -25px;
  margin-right: -25px;
  padding: 25px;
}
.s-contract form.contract.v2 .contract-section.parties h2 {
  border-bottom: 0px;
}
/***************

  ATTACHMENTS

****************/
.s-contract form.contract.v2 .attachments p.no-value {
  text-align: center;
}
/**********************

  MOBILE

**********************/
@media (max-width: 765px) {
  .s-contract form.contract.v2 .header {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 0px;
  }
  .s-contract form.contract.v2 .header h1 {
    font-size: 1.2em;
    position: relative;
    text-align: center;
  }
  .s-contract form.contract.v2 .header h1 i {
    right: 5px;
    font-size: 26px;
    display: block;
    margin-bottom: 5px;
  }
  .s-contract form.contract.v2 .click-to-edit {
    position: static;
    margin-bottom: 1em;
  }
  .s-contract form.contract.v2 .contract-section.parties {
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
    margin-top: 3em;
  }
  .s-contract form.contract.v2 .logo {
    display: block;
    text-align: center;
    height: 25px;
    margin-bottom: 1em;
    margin-top: 0px;
  }
  .s-contract form.contract.v2 .s-group {
    margin-bottom: 2em;
  }
  .s-contract form.contract.v2 .contract h1 {
    font-size: 1.4em;
  }
  .s-contract form.contract.v2 .section-head {
    margin-bottom: 1em;
  }
  .s-contract form.contract.v2 .animate-input-row > div:last-of-type > .animate-input {
    margin-bottom: 7px;
  }
  .s-contract form.contract.v2 div > .animate-input-row:last-of-type > .animate-input {
    margin-bottom: 34px;
  }
  .s-contract form.contract.v2 .animate-input {
    margin-top: 1em;
  }
  .s-contract form.contract.v2 .checkbox-text .fancy-checkbox {
    margin-top: 0.75em;
  }
  .s-contract form.contract.v2 label {
    margin-bottom: 3px;
    height: auto;
  }
  .s-contract form.contract.v2 .contract-section .section-head p {
    color: #999;
  }
  .s-contract form.contract.v2 h2,
  .s-contract form.contract.v2 .contract-section .section-head h2 {
    margin-top: 1em;
    background-color: #E1EBEF;
    padding: 8px 10px;
    font-size: 1em;
    text-transform: uppercase;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 10px;
  }
  .s-contract form.contract.v2 .contract-section.contract-addon .section-head h2 {
    font-size: 1.3em;
  }
  .s-contract form.contract.v2 .contract-section.contract-addon .section-head h2 {
    background-color: transparent;
    border-top: 0px;
  }
  .s-contract form.contract.v2 .contract-section.contract-addon .section-head p {
    color: #6a6a6a;
  }
  .s-contract form.contract.v2 .contract-addon .row [class*="col-"]:last-of-type > div > img {
    width: 100%;
    height: auto;
  }
  .s-contract form.contract.v2 .parties {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .s-contract form.contract.v2 .parties [class*="col-"]:first-of-type {
    margin-bottom: 4em;
  }
  .s-contract form.contract.v2 .party {
    font-size: 1.5em;
  }
  .s-contract form.contract.v2 .contract-actions {
    margin-top: 2em;
  }
  .s-contract form.contract.v2 .contract-section.parties .party-status a {
    width: auto;
    font-size: 1.1em;
    padding: 8px 14px;
  }
  .s-contract form.contract.v2 .contract-section.parties h2 {
    text-align: center;
    background-color: #f4f4f4;
    padding: 12px;
    font-size: 1.3em;
  }
  .s-contract form.contract.v2 .plain-info-box {
    font-size: 0.9em;
  }
  .s-contract form.contract.v2 .row > [class*='col-'] > .row [class*='col-'] select.form-control {
    position: relative;
    top: 0px;
  }
  .s-contract form.contract.v2 .checkbox-text .fancy-checkbox {
    top: 0px;
  }
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
.s-contract form.contract.v3 {
  position: relative;
  min-height: 7em;
  padding-top: 0px;
  padding: 15px;
  border-radius: 0px;
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 2em;
  background-color: #fff;
  text-align: left;
}
.s-contract form.contract.v3 .logo {
  text-align: center;
  height: 2em;
  margin-bottom: 1.5em;
}
.s-contract form.contract.v3 .logo img,
.s-contract form.contract.v3 .s-contract form.contract.v3.one-coupon .logo img {
  height: 100%;
}
.s-contract form.contract.v3 .logo.center {
  float: none;
  text-align: center;
  height: 58px;
  margin-bottom: 2em;
}
.s-contract form.contract.v3 .logo-double {
  text-align: left;
  margin-bottom: 1.5em;
}
.s-contract form.contract.v3 .logo-double img {
  height: 35px;
}
.s-contract form.contract.v3 .logo-double img:first-of-type {
  float: left;
}
.s-contract form.contract.v3 .logo-double img:last-of-type {
  float: right;
}
.s-contract form.contract.v3 .logo-double::after {
  content: " ";
  display: table;
  clear: both;
}
@media (max-width: 765px) {
  .s-contract form.contract.v3 .logo-double {
    margin-top: -1em;
  }
}
.s-contract form.contract.v3 fieldset {
  margin-bottom: 2em;
}
.s-contract form.contract.v3 h1 {
  font-size: 1.8em;
  font-weight: bold;
  margin-top: 0px;
}
.s-contract form.contract.v3 p,
.s-contract form.contract.v3 ol > li {
  font-family: "Open Sans";
  font-size: 0.9em;
  color: #6a6a6a;
}
.s-contract form.contract.v3 .file-thumb-list .file-name {
  font-size: 1.25;
  color: #000;
}
.s-contract form.contract.v3 [show-instructions] {
  cursor: pointer;
  color: #3c99b6;
}
.s-contract form.contract.v3 .header {
  margin: -20px -20px 2em -20px;
  margin-bottom: 3em;
  padding: 2em;
  border-bottom: 3px solid #eaeaea;
  text-align: center;
}
.s-contract form.contract.v3 .header h1 {
  margin-bottom: 3px;
}
.s-contract form.contract.v3 .header p {
  text-align: inherit;
  margin-bottom: 0px;
}
.s-contract form.contract.v3 h2,
.s-contract form.contract.v3 .contract-section .section-head h2 {
  font-size: 1.65em;
  color: #444;
  font-weight: 400;
  margin-top: 2em;
  text-align: left;
  font-family: "Open Sans";
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 4px;
}
.s-contract form.contract.v3 .contract-section fieldset[name="responderForm"] .section-head h2 small,
.s-contract form.contract.v3 .contract-section fieldset[name="initiatorForm"] .section-head h2 small {
  color: #a2a2a2;
  font-size: 100%;
  font-weight: bold;
}
.s-contract form.contract.v3 .contract-section {
  margin-bottom: 3em;
}
.s-contract form.contract.v3 .section-head {
  margin-bottom: 2.3em;
}
.s-contract form.contract.v3 .section-head h2 {
  margin-top: 1em;
  margin-bottom: 5px;
}
.s-contract form.contract.v3 h3 {
  margin-top: 20px;
  margin-bottom: 15px;
  border-bottom: 0px;
  text-align: left;
  font-size: 1.3em;
  color: #444;
  font-family: "Open Sans";
}
.s-contract form.contract.v3 h4 {
  margin-top: 15px;
  margin-bottom: 10px;
  border-bottom: 0px;
  text-align: left;
  font-size: 1.1em;
  color: #777;
  font-weight: bold;
  font-family: "Open Sans";
}
.s-contract form.contract.v3 .section-head p:last-of-type {
  margin-bottom: 0px;
}
.s-contract form.contract.v3 .s-group {
  margin-bottom: 21px;
}
.s-contract form.contract.v3 label i.fa-question {
  cursor: pointer;
  color: #3c99b6;
}
.s-contract form.contract.v3 fieldset[disabled] i.fa-question {
  display: none;
}
.s-contract form.contract.v3 .section-head h1,
.s-contract form.contract.v3 .section-head h2,
.s-contract form.contract.v3 .section-head p {
  text-align: left;
}
.s-contract form.contract.v3 label {
  height: auto;
  margin-bottom: 7px;
  font-family: "Open Sans";
}
.s-contract form.contract.v3 label.inline-label {
  padding: 9px 0px 7px 0px;
}
.s-contract form.contract.v3 .contract-section .row.no-margin {
  margin-bottom: 4px;
}
.s-contract form.contract.v3 .s-group small {
  color: #999;
  font-style: italic;
}
.s-contract form.contract.v3 .ta-toolbar #toolbarCC {
  display: none !important;
}
@media (min-width: 765px) {
  .s-contract form.contract.v3 {
    padding: 25px;
  }
}
/******************

  FORM CONTROLS

******************/
.s-contract form.contract.v3 .form-control {
  height: 49px;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 25px;
  font-family: "Open Sans";
  color: #000;
  appearance: none;
  padding: 0.633em 1em 0.633em 1em;
  border: 0px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  box-shadow: 0px 0px 0px transparent;
}
.s-contract form.contract.v3 .form-control.emphasis {
  background-color: #EFF8FB;
}
.s-contract form.contract.v3 div.form-control {
  line-height: 27px;
}
.s-contract form.contract.v3 .form-control ~ .after {
  content: '';
  margin: auto;
  height: 2px;
  position: relative;
  top: -2px;
  width: 0px;
  background: transparent;
  transition: width 0.2s ease, background-color 0.2s ease;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.s-contract form.contract.v3 .form-control:focus ~ .after {
  width: 100%;
  background: #337ab7;
}
.s-contract form.contract.v3 .form-control::-webkit-input-placeholder {
  font-weight: 400;
  color: #999;
}
.s-contract form.contract.v3 .form-control::-moz-placeholder {
  font-weight: 400;
  color: #999;
}
.s-contract form.contract.v3 .form-control:-ms-input-placeholder {
  font-weight: 400;
  color: #999;
}
.s-contract form.contract.v3 .form-control:-moz-placeholder {
  font-weight: 400;
  color: #999;
}
.s-contract form.contract.v3 .s-date-input > div {
  height: 29px;
}
.s-contract form.contract.v3.preview input,
.s-contract form.contract.v3.preview select,
.s-contract form.contract.v3.preview textarea,
.s-contract form.contract.v3.static input,
.s-contract form.contract.v3.static .form-control,
.s-contract form.contract.v3.static select,
.s-contract form.contract.v3.static textarea,
.s-contract form.contract.v3 fieldset[disabled] input,
.s-contract form.contract.v3 fieldset[disabled] .form-control,
.s-contract form.contract.v3 fieldset[disabled] select,
.s-contract form.contract.v3 fieldset[disabled] textarea {
  background-color: transparent !important;
}
.s-contract form.contract.v3 .form-control[type="date"].ng-empty {
  color: #aaa;
}
.s-contract form.contract.v3 .form-control[type="date"].ng-empty::-webkit-calendar-picker-indicator {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23aaaaaa" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
}
.s-contract form.contract.v3.noedit .contract-form .form-control:not(.ng-invalid),
.s-contract form.contract.v3.noedit .contract-form .form-control[disabled]:not(.ng-invalid),
.s-contract form.contract.v3.preview .contract-form .form-control:not(.ng-invalid),
.s-contract form.contract.v3.preview .contract-form .form-control[disabled]:not(.ng-invalid) {
  background-color: #fff !important;
}
.s-contract form.contract.v3.noedit form[name="responder"] input[name="email"].ng-invalid {
  background-color: #FFEAEA !important;
}
.s-contract form.contract.v3 .form-control * {
  color: #000;
}
.s-contract form.contract.v3 label {
  font-size: 0.95em;
  color: #000;
  font-weight: normal;
}
.s-contract form.contract.v3 [type=date][disabled].form-control {
  color: #888;
}
.s-contract form.contract.v3.ng-submitted .form-control.ng-invalid,
.s-contract form.contract.v3.ng-submitted .textarea-group.ng-invalid .form-control,
.s-contract form.contract.v3.ng-submitted .textarea-group.ng-invalid div[id*='taTextElement'] {
  border-color: #dab4b4;
}
.s-contract form.contract.v3 .form-control.ng-touched.ng-invalid,
.s-contract form.contract.v3 .textarea-group.ng-invalid.ng-touched .form-control,
.s-contract form.contract.v3 .textarea-group.ng-invalid.ng-touched div[id*='taTextElement'] {
  border-color: #dab4b4;
}
.s-contract form.contract.v3 .textarea-group.ng-invalid div[id*='taTextElement'] {
  background-color: #FFEAEA;
}
.s-contract form.contract.v3 .form-error-message {
  margin: 0px;
  font-size: 0.9em;
  color: #dd0000;
}
.s-contract form.contract.v3 .form-warning-message {
  margin: 0px;
  font-size: 0.9em;
  color: #b9931d;
}
/*TEXTAREA*/
.s-contract form.contract.v3 {
  /*
  &.disabled:not(.preview) .textarea-group div.textarea-static {
    display: block;
    text-align: left;
  }
  */
  /*
  &.edit .textarea-group text-angular {
    display: block;
  }

  &.preview .textarea-group text-angular {
    display: none;
  }*/
}
.s-contract form.contract.v3 .textarea-group > div {
  position: relative;
}
.s-contract form.contract.v3 .textarea-group .form-control {
  font-weight: 400;
}
.s-contract form.contract.v3 .textarea-group div.textarea-static {
  min-height: 100px;
}
.s-contract form.contract.v3 .textarea-group div.overlay,
.s-contract form.contract.v3 .textarea-group .expand-wrapper {
  display: none;
}
.s-contract form.contract.v3 .textarea-group text-angular .ta-scroll-window {
  min-height: 100px;
}
.s-contract form.contract.v3 .textarea-group .form-control {
  height: auto;
}
.s-contract form.contract.v3 .textarea-group div.textarea-static p,
.s-contract form.contract.v3 .textarea-group div.textarea-static li,
.s-contract form.contract.v3 .textarea-group div.textarea-static h1 {
  font-size: 1em;
  color: #000;
}
.s-contract form.contract.v3.preview .textarea-group {
  margin-top: 5px;
}
.s-contract form.contract.v3 .ta-text {
  border: 0px;
  padding: 0px;
}
.s-contract form.contract.v3 div[id*='taTextElement'] {
  border: 1px solid #d4d4d4;
  border-radius: 5px;
}
.s-contract form.contract.v3 div[id*='taTextElement'] p,
.s-contract form.contract.v3 div[id*='taTextElement'] h1,
.s-contract form.contract.v3 div[id*='taTextElement'] {
  color: #000;
}
@media (min-width: 765px) {
  .s-contract form.contract.v3.no-edit .textarea-group,
  .s-contract form.contract.v3.disabled .textarea-group {
    margin-top: 5px;
  }
  .s-contract form.contract.v3 .textarea-group text-angular {
    margin-top: -40px;
  }
  .s-contract form.contract.v3 .textarea-group text-angular .ta-toolbar {
    float: right;
    position: relative;
  }
}
.s-contract form.contract.v3.edit div.textarea-static {
  height: 100px;
  overflow: hidden;
}
.s-contract form.contract.v3.edit div.overlay {
  display: block;
  cursor: text;
  position: absolute;
  top: 0px;
  left: 1px;
  height: 99px;
  width: calc(100% - 2px);
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 80%);
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 80%);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 80%);
  background-image: linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 80%);
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 80%);
}
.s-contract form.contract.v3.edit .expand-wrapper {
  display: block;
  margin-top: 10px;
}
/**********

  RADIO/CHECKBOX

***********/
.s-contract form.contract.v3 .inline-radio input[type="checkbox"],
.s-contract form.contract.v3 .radio input[type="radio"],
.s-contract form.contract.v3 .checkbox input[type="checkbox"] {
  margin-left: 0px;
  position: static;
}
.s-contract form.contract.v3 .radio {
  margin-bottom: 0px;
  margin-top: 0px;
}
.s-contract form.contract.v3 .checkbox label,
.s-contract form.contract.v3 .radio label {
  font-family: 'Open Sans';
  color: #000;
  padding-left: 0px;
  font-weight: 400;
  font-size: 1.1em;
}
.s-contract form.contract.v3 .radio label.selected,
.s-contract form.contract.v3 .checkbox label.selected,
.s-contract form.contract.v3 .label-col label.selected {
  font-weight: bold;
}
.s-contract form.contract.v3 .inline-radio .radio {
  display: inline-block;
  margin-right: 15px;
}
.s-contract form.contract.v3 .inline-radio .radio:last-of-type {
  margin-right: 0px;
}
.s-contract form.contract.v3 .checkbox-row {
  padding: 9px 0px 5px 0px;
}
.s-contract form.contract.v3 .checkbox-row.row {
  margin-bottom: 0px;
}
.s-contract form.contract.v3 .checkbox-row > div {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.s-contract form.contract.v3 .checkbox-row .checkbox-col {
  width: 50px;
}
.s-contract form.contract.v3 .checkbox-row .label-col {
  width: calc(100% - 50px);
}
.s-contract form.contract.v3 .checkbox-row .label-col label {
  font-weight: 400;
  font-family: "Open Sans";
  font-size: 1em;
}
.s-contract form.contract.v3 .checkbox-row .label-col label.selected {
  font-weight: bold;
}
.s-contract form.contract.v3 .checkbox-row .label-col > label {
  color: #000;
}
.s-contract form.contract.v3 .fancy-radio {
  margin-left: 0px;
}
.s-contract form.contract.v3 .fancy-checkbox {
  position: relative;
}
.s-contract form.contract.v3 .checkbox-text {
  margin-top: 10px;
  margin-bottom: 0px;
}
.s-contract form.contract.v3 .checkbox-date .fancy-checkbox {
  position: relative;
  top: 9px;
}
.s-contract form.contract.v3 .checkbox-text .fancy-checkbox {
  position: relative;
  top: 10px;
}
.s-contract form.contract.v3.ng-submitted .radio.error {
  border: 2px solid #D44545;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 3px;
}
/**************

  INPUT ADDON

***************/
.s-contract form.contract.v3 .input-group {
  caption-side: bottom;
}
.s-contract form.contract.v3 .input-group:not(.suffix) .form-control {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.s-contract form.contract.v3 .input-group.suffix .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.s-contract form.contract.v3 .input-group .input-group-addon {
  border-color: #d8d8d8;
  background-color: transparent;
}
.s-contract form.contract.v3 .input-group .input-group-addon i {
  margin-right: 0px;
}
.s-contract form.contract.v3 .input-group .input-group-addon .fancy-checkbox {
  position: relative;
  top: 2px;
}
.s-contract form.contract.v3 .input-group .form-control + .after {
  top: 46px;
  z-index: 6;
}
.s-contract form.contract.v3 .input-group .form-error-message,
.s-contract form.contract.v3 .input-group .form-warning-message {
  display: table-caption;
  margin-top: 3px;
}
/***************

  INLINE - RADIO - FIELD

********************/
@media (min-width: 765px) {
  .s-contract form.contract.v3 .inline-label-radio-field {
    display: table;
    width: calc(100% + 30px);
    margin-left: -15px;
  }
  .s-contract form.contract.v3 .inline-label-radio-field .row {
    display: table-row;
  }
  .s-contract form.contract.v3 .inline-label-radio-field .row > div {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
}
/**************

  PARTIES

****************/
.s-contract form.contract.v3 .contract-section.parties {
  position: relative;
  z-index: 3;
  margin-top: 5em;
  margin-bottom: -25px;
  margin-left: -25px;
  margin-right: -25px;
  padding: 25px;
}
.s-contract form.contract.v3 .contract-section.parties h2 {
  border-bottom: 0px;
}
/***************

  ATTACHMENTS

****************/
.s-contract form.contract.v3 .attachments p.no-value {
  text-align: center;
}
/**********************

  MOBILE

**********************/
@media (max-width: 765px) {
  .s-contract form.contract.v3 .header {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 0px;
  }
  .s-contract form.contract.v3 .header h1 {
    font-size: 1.2em;
    position: relative;
    text-align: center;
  }
  .s-contract form.contract.v3 .header h1 i {
    right: 5px;
    font-size: 26px;
    display: block;
    margin-bottom: 5px;
  }
  .s-contract form.contract.v3 .click-to-edit {
    position: static;
    margin-bottom: 1em;
  }
  .s-contract form.contract.v3 .contract-section.parties {
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
    margin-top: 3em;
  }
  .s-contract form.contract.v3 .logo {
    display: block;
    text-align: center;
    height: 25px;
    margin-bottom: 1em;
    margin-top: 0px;
  }
  .s-contract form.contract.v3 .s-group {
    margin-bottom: 2em;
  }
  .s-contract form.contract.v3 .contract h1 {
    font-size: 1.4em;
  }
  .s-contract form.contract.v3 .section-head {
    margin-bottom: 1em;
  }
  .s-contract form.contract.v3 .animate-input-row > div:last-of-type > .animate-input {
    margin-bottom: 7px;
  }
  .s-contract form.contract.v3 div > .animate-input-row:last-of-type > .animate-input {
    margin-bottom: 34px;
  }
  .s-contract form.contract.v3 .animate-input {
    margin-top: 1em;
  }
  .s-contract form.contract.v3 .checkbox-text .fancy-checkbox {
    margin-top: 0.75em;
  }
  .s-contract form.contract.v3 label {
    margin-bottom: 3px;
    height: auto;
  }
  .s-contract form.contract.v3 .contract-section .section-head p {
    color: #999;
  }
  .s-contract form.contract.v3 h2,
  .s-contract form.contract.v3 .contract-section .section-head h2 {
    margin-top: 1em;
    background-color: #E1EBEF;
    padding: 8px 10px;
    font-size: 1em;
    text-transform: uppercase;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 10px;
  }
  .s-contract form.contract.v3 .contract-section.contract-addon .section-head h2 {
    font-size: 1.3em;
  }
  .s-contract form.contract.v3 .contract-section.contract-addon .section-head h2 {
    background-color: transparent;
    border-top: 0px;
  }
  .s-contract form.contract.v3 .contract-section.contract-addon .section-head p {
    color: #6a6a6a;
  }
  .s-contract form.contract.v3 .contract-addon .row [class*="col-"]:last-of-type > div > img {
    width: 100%;
    height: auto;
  }
  .s-contract form.contract.v3 .parties {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .s-contract form.contract.v3 .parties [class*="col-"]:first-of-type {
    margin-bottom: 4em;
  }
  .s-contract form.contract.v3 .party {
    font-size: 1.5em;
  }
  .s-contract form.contract.v3 .contract-actions {
    margin-top: 2em;
  }
  .s-contract form.contract.v3 .contract-section.parties .party-status a {
    width: auto;
    font-size: 1.1em;
    padding: 8px 14px;
  }
  .s-contract form.contract.v3 .contract-section.parties h2 {
    text-align: center;
    background-color: #f4f4f4;
    padding: 12px;
    font-size: 1.3em;
  }
  .s-contract form.contract.v3 .plain-info-box {
    font-size: 0.9em;
  }
  .s-contract form.contract.v3 .row > [class*='col-'] > .row [class*='col-'] select.form-control {
    position: relative;
    top: 0px;
  }
  .s-contract form.contract.v3 .checkbox-text .fancy-checkbox {
    top: 0px;
  }
}

form.contract.slim .s-group {
  margin-bottom: 1em;
}
form.contract.slim label {
  color: #000;
}
form.contract.slim .contract-header {
  margin-bottom: 2em;
}
form.contract.slim .contract-header h1 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 1em;
}
@media (min-width: 765px) {
  form.contract.slim .contract-header h1 {
    font-size: 27px;
    padding: 0px 10%;
  }
}
form.contract.slim h2 {
  font-size: 22px;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
form.contract.slim h2 i {
  color: #777;
}
form.contract.slim p,
form.contract.slim ul li {
  font-size: 0.9em;
  color: #333;
}

.contract-archived-template {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 765px) {
  .contract-archived-template {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.contract-archived-template .archived-info {
  flex: 1;
  margin-bottom: 25px;
}
@media screen and (max-width: 765px) {
  .contract-archived-template .archived-info {
    margin-bottom: 1em;
  }
}
.contract-archived-template .attachments-div {
  flex: 1;
  margin-bottom: 25px;
}
.contract-archived-template h2 {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 1em;
  font-size: 1.6em;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
}
@media screen and (max-width: 765px) {
  .contract-archived-template h2 {
    text-align: center;
    margin-top: 0px;
  }
}

.parties-signed-info {
  flex: 1;
}
.parties-signed-info .party-info {
  margin-bottom: 20px;
}
.parties-signed-info .party-info .party-role {
  font-size: 1.25em;
}
.parties-signed-info .party-info ul.party-details {
  padding-left: 0px;
  margin-bottom: 2em;
}
.parties-signed-info .party-info ul.party-details li {
  list-style: none;
  margin-bottom: 5px;
}
.parties-signed-info .party-info .signed {
  border: 1px solid #03997e;
  border-radius: 3px;
  padding: 2px 4px;
  color: #03997e;
  font-weight: bold;
}
.parties-signed-info .party-info .details-text-wrap {
  padding-top: 5px;
}
.parties-signed-info .party-info .details-wrap .hash {
  word-wrap: break-word;
}
.parties-signed-info .party-info .not-signed-icon {
  color: #999;
}
.parties-signed-info .party-info .not-signed {
  border: 1px solid #999;
  border-radius: 3px;
  padding: 2px 4px;
  color: #999;
  font-weight: bold;
  margin-right: 5px;
}
.parties-signed-info .party-info .signature-image {
  align-items: center;
}
@media screen and (max-width: 765px) {
  .parties-signed-info .party-info .signature-image {
    margin-top: 15px;
  }
}
.parties-signed-info .party-info .signature-image .sign-drawing {
  width: 100%;
  vertical-align: middle;
}
.parties-signed-info .party-info .signature-image .bank-id-se-sign {
  margin: auto;
  display: block;
}

s-contract-party-remove > div {
  margin-top: 5px;
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
/**********

  WRAPPER STYLING

*************/
.s-contract {
  margin-right: -5px;
  margin-left: -5px;
  /**
    This css styling is used to hide the element below an input field if the field is disabled.
    It was created specifically for the <small> element under the nationalIdentificationNumber-input-field.
    If the NIN-field is disabled, the <small> element with class "hide-if-field-is-disabled" should not be displayed.
    Related task: https://www.notion.so/7358749591da48bda480534a8eeff3f1?v=5ec1ed9461d54b5ca94932b8443d7c64&p=07d85ac088024b1084634a13d489da67
    This was created: 19-02-21.
  **/
}
.s-contract .load-box > .load-box-spinner {
  position: relative;
  padding: 3.5em 0px;
  border-radius: 0px;
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 2em;
  background-color: #fff;
}
.s-contract .show-if {
  display: none;
}
.s-contract .has-addons .show-if.has-addons,
.s-contract .user-signed .show-if.user-signed,
.s-contract .user-not-signed .show-if.user-not-signed,
.s-contract .signed .show-if.signed,
.s-contract .created .show-if.created,
.s-contract .shared .show-if.shared,
.s-contract .not-shared .show-if.not-shared {
  display: block;
}
.s-contract .has-addons .show-if.has-addons.show-if-inline-block,
.s-contract .user-signed .show-if.user-signed.show-if-inline-block,
.s-contract .user-not-signed .show-if.user-not-signed.show-if-inline-block,
.s-contract .signed .show-if.signed.show-if-inline-block,
.s-contract .created .show-if.created.show-if-inline-block,
.s-contract .shared .show-if.shared.show-if-inline-block,
.s-contract .not-shared .show-if.not-shared.show-if-inline-block {
  display: inline-block;
}
.s-contract .contract-wrapper-row .contract-wrapper-col {
  width: 100%;
}
.s-contract input:disabled ~ .hide-if-field-is-disabled {
  display: none;
}
@media (min-width: 765px) {
  .s-contract {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 992px) {
  .s-contract .contract-wrapper-row {
    /*Add-ons*/
  }
  .s-contract .contract-wrapper-row .addon-col h5 {
    margin-bottom: 10px;
  }
}
/****************************

  FOR PDF-GENERATION

****************************/
form.contract.pdf table.attachments {
  margin-bottom: 1em;
}
form.contract.pdf table.attachments tr:not(.attachment-title) > td:first-of-type {
  font-size: 0.95em;
  color: #828282;
  font-weight: bold;
}
form.contract.pdf table.attachments td {
  font-size: 0.9em;
}
form.contract.pdf table.attachments .attachment-title td {
  padding-top: 20px;
  font-weight: bold;
}
form.contract.pdf .page-break-before {
  page-break-before: always;
}
form.contract.pdf .contract-section {
  border: 0px solid #000;
}

s-contract-history {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
}
s-contract-history > .container > .white-box {
  margin-bottom: 4em;
}
s-contract-history .header {
  margin-bottom: 3em;
}
s-contract-history .change-log-time-line {
  width: 1px;
  background-color: #d8d8d8;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
}
s-contract-history .change-log-item-list {
  position: relative;
}
s-contract-history .change-log-item-list > div:last-of-type {
  position: relative;
}
s-contract-history .change-log-item-list > div:last-of-type:before {
  background-color: #fff;
  content: "";
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}
s-contract-history .change-log-item {
  position: relative;
  margin-left: 48px;
  margin-bottom: 40px;
}
s-contract-history .change-log-item-added-icon,
s-contract-history .change-log-item-updated-icon,
s-contract-history .change-log-item-removed-icon,
s-contract-history .change-log-item-contract-created-icon,
s-contract-history .change-log-item-signature-added-icon,
s-contract-history .change-log-item-signed-by-all-icon,
s-contract-history .change-log-item-signature-removed-icon,
s-contract-history .change-log-item-contract-shared-icon,
s-contract-history .change-log-item-contract-unshared-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  position: absolute;
  left: -44px;
  top: -8px;
  background-color: #f4f4f4;
  border-radius: 9999px;
  border: 4px solid #ffffff;
}
s-contract-history .change-log-item-signature-added-icon,
s-contract-history .change-log-item-signed-by-all-icon {
  background: #e6f7f4;
}
s-contract-history .change-log-item-signature-removed-icon,
s-contract-history .change-log-item-contract-unshared-icon {
  background: #fbecec;
}
s-contract-history .change-log-item-title-green {
  color: #01bf9d !important;
}
s-contract-history .change-log-item-title-red {
  color: #d44545 !important;
}
s-contract-history .change-log-item-added-value,
s-contract-history .change-log-item-updated-value,
s-contract-history .change-log-item-removed-value {
  background: #f4f4f4;
  border: 1px solid #d8d8d8;
  box-sizing: border-box;
  border-radius: 3px;
  color: black;
  padding: 2px 4px;
}
s-contract-history .change-log-item-added-value span,
s-contract-history .change-log-item-updated-value span,
s-contract-history .change-log-item-removed-value span {
  white-space: pre-line;
}
s-contract-history .change-log-item-line-through {
  text-decoration: line-through;
}
s-contract-history .change-log-item-updated-value {
  background: #f6f1e5;
  border: 1px solid rgba(199, 171, 105, 0.4);
  margin-bottom: 4px;
}
s-contract-history .change-log-item-updated-value-empty {
  color: #888888;
}
s-contract-history .change-log-item-removed-value {
  background: #fbecec;
  border: 1px solid #ffb1b1;
}
s-contract-history .change-log-item-title {
  font-size: 13.3px;
  line-height: 16px;
  color: #444444;
  margin-bottom: 2px;
}
s-contract-history .change-log-item-date,
s-contract-history .change-log-item-author {
  font-size: 12px;
  line-height: 16px;
  color: #888888;
  margin-bottom: 2px;
}
s-contract-history .change-log-item-author {
  margin-bottom: 4px;
}
s-contract-history .change-log-item-updated-old-value {
  text-decoration: line-through;
  padding: 2px 4px;
  background: #f6f1e5;
  border: 1px solid rgba(199, 171, 105, 0.4);
  box-sizing: border-box;
  border-radius: 3px;
}
s-contract-history .change-log-item-updated-new-value {
  padding: 2px 4px;
  background: #f6f1e5;
  border: 1px solid rgba(199, 171, 105, 0.4);
  box-sizing: border-box;
  border-radius: 3px;
}

.contract-download .pdf-header-icon {
  font-size: 80px;
}
.contract-download .pdf-download-list {
  list-style: none;
  padding-left: 0px;
  margin-top: 2em;
}
.contract-download .pdf-download-list > li a,
.contract-download .pdf-download-list > li span {
  padding: 20px;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  display: block;
  font-size: 1.5em;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
}
.contract-download .pdf-download-list > li a:hover {
  background-color: #f0f0f0;
  font-style: none;
  text-decoration: none;
}
.contract-download .pdf-download-list > li:last-of-type a,
.contract-download .pdf-download-list > li:last-of-type span {
  border-bottom: 0px;
}
.contract-download .load-box-error {
  text-align: center;
}
@media (max-width: 765px) {
  .contract-download .pdf-header-icon {
    font-size: 50px;
    margin-top: 20px;
  }
  .contract-download p {
    font-size: 0.8em;
  }
  .contract-download .pdf-download-list > li a,
  .contract-download .pdf-download-list > li span {
    padding: 15px;
    font-size: 1.2em;
  }
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
.support .launcher {
  position: fixed;
  bottom: 8px;
  right: 0px;
  background-color: #3c99b6;
  padding: 8px;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  cursor: pointer;
  z-index: 1002;
  font-size: 0.8em;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.19);
}
.support .launcher .page-spinner-bar > div {
  width: 12px;
  height: 12px;
  background: #fff;
  top: 1px;
}
.support .launcher:hover,
.support .launcher:active,
.support .launcher:focus {
  background-color: #2A89A6;
}
.support .launcher i {
  margin-right: 5px;
}
.support .launcher .intercom-badge {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: red;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  top: -10px;
  left: -10px;
}
@media (min-width: 765px) {
  .support .launcher {
    padding: 10px;
    bottom: 10px;
    right: 10px;
    font-size: 1em;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.19);
  }
}
@media (min-width: 998px) {
  .support .launcher {
    bottom: 20px;
    right: 20px;
  }
}
@media (max-width: 765px) {
  .hide-intercom-xs .support .launcher {
    display: none;
  }
}
@media (min-width: 765px) and (max-width: 995px) {
  .hide-intercom-sm .support .launcher {
    display: none;
  }
}
@media (min-width: 995px) and (max-width: 1200px) {
  .hide-intercom-md .support .launcher {
    display: none;
  }
}
@media (min-width: 1200px) {
  .hide-intercom-lg .support .launcher {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hide-intercom-smartphone .support .launcher {
    display: none;
  }
}


/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
.templates_one .white-box {
  box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
  -moz-box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
  -webkit-box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
  -o-box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
}
.templates_one .white-box h2 {
  font-size: 25px;
  margin-bottom: 30px;
}
.templates_one .accept-submit {
  margin-top: 60px;
}
.templates_one .accept-submit button {
  margin-top: 30px;
  margin-bottom: 10px;
}
.templates_one .accept-submit .terms-checkbox-wrap label {
  cursor: pointer;
}
.templates_one .form-regular .form-group small {
  text-align: left;
}
@media (min-width: 765px) {
  .templates_one .white-box {
    padding: 20px 70px;
  }
  .templates_one .accept-submit {
    display: table;
    width: 100%;
    margin-top: 60px;
  }
  .templates_one .accept-submit > div {
    display: table-cell;
    vertical-align: middle;
  }
  .templates_one .accept-submit button {
    float: right;
    margin-top: 0px;
  }
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
.templates-one-app h2 {
  margin-bottom: 20px;
}
.templates-one-app .white-box {
  box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
  -moz-box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
  -webkit-box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
  -o-box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
}
@media (min-width: 765px) {
  .templates-one-app form[name="forms.createContractForm"] {
    padding-left: 70px;
    padding-right: 70px;
  }
}
.templates-one-app .templates-header {
  padding-bottom: 7em;
  background-color: #6FA7B9;
}
.templates-one-app .templates-header__row {
  margin-top: 44px;
  margin-bottom: 2em;
}
.templates-one-app .no-border-top {
  border-top: 0px;
}
.templates-one-app .container--contract-preview {
  position: relative;
  top: -7em;
}

templates-list {
  margin-bottom: 48px;
}
templates-list .templates-list-wrapper {
  background: #ffffff;
  border-radius: 4px;
  padding: 48px 24px 267px 24px;
  margin-bottom: 56px;
}
templates-list .templates-list-tabs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  margin: 0;
  padding: 0;
  width: 100%;
}
templates-list .templates-list-tabs-tab {
  cursor: pointer;
  padding: 19px;
  vertical-align: middle;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
templates-list .templates-list-tabs-tab:hover {
  border-bottom-color: #6FA7B9;
}
templates-list .templates-list-title {
  margin-top: 0;
  margin-bottom: 48px;
  text-align: center;
}
templates-list .templates-list-category {
  display: grid;
  grid-template-columns: 300px 1fr;
  padding-bottom: 2em;
}
templates-list .templates-list-category:last-of-type {
  margin-bottom: 3em;
}
@media (min-width: 765px) {
  templates-list .templates-list-category {
    margin-top: 2em;
  }
  templates-list .templates-list-category:not(:last-of-type) {
    padding-bottom: 2em;
    border-bottom: 1px solid #d5d5d5;
  }
}
templates-list .templates-list-category-info {
  padding: 16px 32px 16px 0px;
}
templates-list .templates-list-category-info-label {
  font-family: 'Open Sans';
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 23px;
  line-height: 31px;
  color: #444444;
  word-break: break-word;
  text-align: left;
}
templates-list .templates-list-category-info-description {
  margin-top: 0;
  font-size: 13.3px;
  line-height: 150%;
  color: #888888;
}
templates-list .templates-list-category-templates {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
  column-gap: 26px;
  row-gap: 26px;
}
templates-list .templates-list-template {
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  min-height: 224px;
  box-shadow: 0 6px 8px -8px rgba(0, 0, 0, 0.36);
  overflow: hidden;
}
templates-list .templates-list-template-header {
  position: relative;
  height: 88px;
  background-color: #F4F4F4;
}
templates-list .templates-list-template-header-image {
  overflow: hidden;
  height: 100%;
}
templates-list .templates-list-template-header-image img {
  height: auto;
  width: 100%;
}
templates-list .templates-list-template-header-icon {
  height: 100%;
  font-size: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
templates-list .templates-list-template-price {
  position: absolute;
  right: 10px;
  top: 49px;
  height: 52px;
  width: 52px;
  font-weight: bold;
  border-radius: 100%;
  background-color: #f4f4f4;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13.3px;
  letter-spacing: -0.5px;
  line-height: 1em;
  text-align: center;
}
templates-list .templates-list-template-price-free {
  text-transform: uppercase;
}
templates-list .templates-list-template-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  flex-grow: 1;
}
templates-list .templates-list-template-label {
  font-weight: bold;
  margin-bottom: 8px;
  line-height: 120%;
}
templates-list .templates-list-template-description {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13.3px;
  line-height: 150%;
  color: #888888;
  margin-bottom: 8px;
}
templates-list .templates-list-template-actions {
  display: flex;
  flex-wrap: wrap;
  row-gap: 4px;
  column-gap: 8px;
}
templates-list .swc-button + .swc-button {
  margin-top: unset;
}
@media (max-width: 765px) {
  templates-list .templates-list-category {
    grid-template-columns: 1fr;
  }
  templates-list .templates-list-category-info {
    padding: 24px 0 16px 0;
  }
  templates-list .templates-list-category-templates {
    grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
  }
  templates-list .templates-list-template-description {
    font-size: 11px;
    line-height: 120%;
  }
  templates-list .templates-list-template-header {
    height: 56px;
  }
  templates-list .templates-list-template-price {
    top: 19px;
  }
  templates-list .templates-list-template-body {
    padding: 16px 8px 8px 8px;
  }
}

complaint-create-attachments .load-box-spinner {
  box-shadow: none !important;
  margin-bottom: 0px !important;
}
complaint-create-attachments .file-list {
  padding: 0px;
  list-style: none;
}
complaint-create-attachments .file-list li {
  margin-bottom: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  position: relative;
  border-bottom: 1px solid #eaeaea;
}
complaint-create-attachments .file-list li:last-of-type {
  border-bottom: 0px;
}

complaint-create-attachment-item .thumb-col,
complaint-create-attachment-item .desc-col {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
complaint-create-attachment-item .thumb-col {
  width: 150px;
  max-height: 130px;
  overflow: hidden;
  padding-right: 0px;
  text-align: center;
}
complaint-create-attachment-item .thumb-col p.uploading-msg {
  text-align: center;
  font-weight: bold;
  font-size: 0.8em;
  color: #aaa;
  text-decoration: none;
  text-align: center !important;
}
complaint-create-attachment-item .thumb-col img {
  width: 100%;
}
complaint-create-attachment-item .thumb-col i.thumb-icon {
  font-size: 65px;
  color: #777;
}
@media (max-width: 765px) {
  complaint-create-attachment-item .thumb-col {
    width: 85px;
    max-height: 120px;
  }
}
complaint-create-attachment-item .desc-col {
  width: calc(100% - 150px);
}
complaint-create-attachment-item .desc-col .file-name {
  font-size: 1.1em;
  font-weight: bold;
  color: #000;
  margin-top: 0px;
}
complaint-create-attachment-item .desc-col .file-name small {
  font-weight: 400;
  color: #777;
  font-size: 1rem;
}
complaint-create-attachment-item .desc-col button.remove-button i {
  font-size: 14px;
}
@media (max-width: 765px) {
  complaint-create-attachment-item .desc-col {
    width: calc(100% - 85px);
  }
}
complaint-create-attachment-item p {
  margin-top: 10px;
  margin-bottom: 0px;
}
complaint-create-attachment-item h4,
complaint-create-attachment-item p {
  text-align: left;
}

div[s-modal="complaint-create-attachment-upload-modal"] textarea.form-control {
  height: 100px !important;
}
div[s-modal="complaint-create-attachment-upload-modal"] .btn {
  margin-bottom: 1em;
}

.complaint-page .contract-actions a {
  margin-bottom: 0px;
}

.complaint-page .solved-header {
  text-align: center;
  color:#009479;
  font-weight: bold;
}

.complaint-page .file-thumb-list.small li p {
  overflow: visible;
  white-space: inherit;
}

.complaint-page .side-list-actions + .white-box {
  margin-bottom: 15px;
}

.complaint-page .action-button-spacing + .action-button-spacing {
  margin-top: 5px;
  display: block;
}

complaint-attachments ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
complaint-attachments ul li {
  padding: 10px 0px;
  margin-bottom: 0px !important;
}
complaint-attachments ul li:not(:last-of-type) {
  border-bottom: 1px solid #eaeaea;
}

complaint-attachment-item .file-name {
  margin-top: 0px;
}
complaint-attachment-item .file-name small {
  font-weight: 400;
  color: #777;
  font-size: 1rem;
  display: block;
}
complaint-attachment-item p {
  margin-top: 10px;
  margin-bottom: 0px;
}
complaint-attachment-item h4,
complaint-attachment-item p {
  text-align: left;
}
complaint-attachment-item .file-thumb-uploaded {
  display: inline;
}

contract-page-access-denied-modal .actions {
  margin-top: 2em;
}

contract-page-add-password-modal .white-box {
  padding: 20px;
}
contract-page-add-password-modal .form-regular .form-group {
  padding-left: 0px;
  padding-right: 0px;
}
contract-page-add-password-modal h2 {
  font-size: 22px;
}
contract-page-add-password-modal p {
  font-size: 0.85em;
}
contract-page-add-password-modal .header-image {
  text-align: center;
}
contract-page-add-password-modal .header-image img {
  width: 100px;
}
@media (min-width: 765px) {
  contract-page-add-password-modal h2 {
    font-size: 25px;
  }
  contract-page-add-password-modal p {
    font-size: 0.9em;
  }
  contract-page-add-password-modal .header-image img {
    width: 120px;
  }
}
@media (min-width: 1400px) {
  contract-page-add-password-modal .header-image img {
    width: 200px;
  }
  contract-page-add-password-modal h2 {
    font-size: 30px;
  }
  contract-page-add-password-modal p {
    font-size: 1em;
  }
}

contract-page-both-signed-modal h4 {
  margin-top: 2em;
}

contract-page-change-language-modal .language-wrapper {
  margin-top: 2em;
  margin-bottom: 2em;
}
contract-page-change-language-modal .language-wrapper .language-name {
  display: block;
  margin-bottom: 1em;
}
contract-page-change-language-modal .language-wrapper .language-name .language-picker {
  margin: auto;
  width: 80%;
  padding: 6px 12px;
  font-size: 18px;
  border-radius: 3px;
  border: 2px solid #DFDFDF;
  text-align: left;
}
contract-page-change-language-modal .language-wrapper .language-name .language-picker:hover {
  border: 2px solid #6FA7B9;
  cursor: pointer;
}
contract-page-change-language-modal .language-wrapper .language-name .language-picker input {
  visibility: hidden;
}
contract-page-change-language-modal .language-wrapper .language-name .language-picker .check-container {
  float: right;
}
contract-page-change-language-modal .language-wrapper .language-name .language-picker.checked {
  background-color: #6FA7B9;
  color: rgba(255, 255, 255, 0.95);
  border: 2px solid #6FA7B9;
  pointer-events: none;
}
contract-page-change-language-modal .change-lang-button-field {
  margin-top: 2em;
  margin-bottom: 2em;
}

.copy-contract-content {
  margin-top: 25px;
}
.copy-contract-content p {
  text-align: center;
  margin-bottom: 25px;
}
.copy-contract-content div button {
  display: inline-block;
}
.copy-contract-content div button:first-child {
  margin-right: 5px;
}
.copy-contract-content button {
  display: block;
  margin: auto;
}

contract-page-delete-contract-modal .actions {
  margin-top: 2em;
  margin-bottom: 2em;
}

[s-modal="pick-contract-role"] .button-wrap {
  text-align: center;
  margin: 2em 0px 1em 0px;
}

contract-page-complaints-tab .white-box {
  margin-bottom: 2em;
}

contract-page-contract-tab > div {
  margin-bottom: 100px;
}

.contract-sign-page .addon-confirm-item {
  padding: 30px 0px;
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
}
.contract-sign-page .addon-confirm-item .placeholder > div > .row > [class*='col-']:first-of-type {
  text-align: center;
}
.contract-sign-page .addon-confirm-item .placeholder > div > .row > [class*='col-']:first-of-type img {
  max-width: 90%;
}
.contract-sign-page .addon-confirm-item .placeholder > div > .row > [class*='col-xs-']:last-of-type {
  border-left: 1px solid #eaeaea;
}
@media (min-width: 765px) {
  .contract-sign-page .addon-confirm-item .placeholder > div > .row > [class*='col-']:last-of-type {
    border-left: 1px solid #eaeaea;
  }
}
.contract-sign-page .addon-confirm-item .submit-spinner {
  background-color: rgba(255, 255, 255, 0.75);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  text-align: center;
  z-index: 2;
  padding-top: 50px;
}
.contract-sign-page .addon-confirm-item .submit-spinner > div {
  padding: 1em;
  background-color: #fff;
  border-radius: 3px;
  display: inline-block;
  padding: 40px;
  border: 1px solid #eaeaea;
}
.contract-sign-page .addon-confirm-item .submit-spinner .message {
  margin-top: 10px;
  font-size: 0.9em;
  color: #aaa;
  font-style: italic;
  font-weight: bold;
}
.contract-sign-page .addon-confirm-item .no-top-margin {
  margin-top: 0px;
}
.contract-sign-page .addon-confirm-item h2 {
  font-size: 1.6em;
  font-weight: 400;
  text-align: left;
  margin-bottom: 15px;
  color: #000;
}
.contract-sign-page .addon-confirm-item h3 {
  font-size: 1.3em;
  font-weight: bold;
}
.contract-sign-page .addon-confirm-item h4 {
  font-weight: 700;
  font-size: 1em;
  margin-top: 2em;
  margin-bottom: 3px;
}
.contract-sign-page .addon-confirm-item .form-control {
  height: 48px;
  color: #000;
  box-shadow: 0px 0px 0px transparent;
}
.contract-sign-page .addon-confirm-item .form-group > label {
  font-weight: 400;
  font-size: 0.9em;
  font-family: "Open Sans";
  color: #000;
}
.contract-sign-page .addon-confirm-item .checkbox > label {
  color: #000;
}
.contract-sign-page .addon-confirm-item > .placeholder .accept-checkbox > label {
  padding-left: 0px;
}
.contract-sign-page .addon-confirm-item .error {
  color: #AB3030;
  font-weight: bold;
}
.contract-sign-page .addon-confirm-item .remove-addon-button {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 100%;
}
.contract-sign-page .addon-confirm-item .checkbox > label {
  padding-left: 0px;
}
.contract-sign-page .addon-confirm-item .table-wrap {
  padding: 10px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 2em;
}
.contract-sign-page .addon-confirm-item .table-wrap:not(.show-details) .details {
  display: none;
}
.contract-sign-page .addon-confirm-item .table-wrap.show-details .details-hide {
  display: none;
}
.contract-sign-page .addon-confirm-item .table-wrap table {
  width: 100%;
}
.contract-sign-page .addon-confirm-item .table-wrap table td {
  padding: 10px 10px 10px 0px;
  border-top: 1px solid #eaeaea;
  font-size: 1.2em;
}
.contract-sign-page .addon-confirm-item .table-wrap table tr.details td {
  font-size: 0.9em;
}
.contract-sign-page .addon-confirm-item .table-wrap table tr td:last-of-type {
  text-align: right;
}
.contract-sign-page .addon-confirm-item .table-wrap table tr:first-of-type td {
  border-top: 0px;
}
.contract-sign-page .addon-confirm-item .table-wrap .show-details {
  background-color: #f4f4f4;
  padding: 10px;
  margin: 10px -10px -10px -10px;
}
.contract-sign-page .addon-confirm-item .actions {
  padding: 10px 0px;
}
.contract-sign-page .addon-confirm-item .actions .inner {
  float: right;
}
.contract-sign-page .addon-confirm-item .actions::after {
  content: " ";
  clear: both;
  display: table;
}
.addon-confirm-item .missing-fields-form {
  margin-top: 1em;
}
.addon-confirm-item .missing-fields-form .s-date-input > div,
.addon-confirm-item .missing-fields-form .s-date-input > .seperator {
  height: 34px;
}
.addon-confirm-item .up-sale {
  margin-top: 2em;
}
@media (min-width: 765px) {
  .addon-confirm-list-item {
    padding: 30px 15px;
  }
  .addon-confirm-list-item h2 {
    font-size: 1.65em;
  }
}

.contract-sign-page .addon-list {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
}
@media (min-width: 765px) {
  .contract-sign-page .addon-list {
    margin-top: 2em;
  }
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
.contract-sign-page .addon-list-item {
  width: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #eaeaea;
  list-style: none;
}
.contract-sign-page .addon-list-item defaults {
  display: none;
}
.contract-sign-page .addon-list-item .placeholder > div > .row > div[class*='col-']:first-of-type {
  text-align: center;
}
.contract-sign-page .addon-list-item .placeholder > div > .row > div[class*='col-']:last-of-type {
  border-left: 1px solid #eaeaea;
}
.contract-sign-page .addon-list-item .missing-fields {
  display: none;
}
.contract-sign-page .addon-list-item .missing-fields.show {
  display: block;
}
.contract-sign-page .addon-list-item li {
  list-style: initial;
}
.contract-sign-page .addon-list-item .no-top-margin {
  margin-top: 0px;
}
.contract-sign-page .addon-list-item h2 {
  font-size: 1.6em;
  font-weight: 400;
  text-align: left;
  margin-bottom: 15px;
  color: #000;
}
.contract-sign-page .addon-list-item h3 {
  font-size: 1.3em;
  font-weight: bold;
}
.contract-sign-page .addon-list-item p {
  font-size: 0.9em;
}
.contract-sign-page .addon-list-item:last-of-type {
  border-bottom: 0px solid transparent;
}
.contract-sign-page .addon-list-item,
.contract-sign-page .addon-list-item:focus,
.contract-sign-page .addon-list-item:active,
.contract-sign-page .addon-list-item:hover {
  color: #444;
  text-decoration: none;
}
.contract-sign-page .addon-list-item h3 {
  text-align: left;
}
.contract-sign-page .addon-list-item h5 {
  font-family: "Open Sans";
  color: #333;
  font-weight: 400;
  margin-top: 2em;
}
.contract-sign-page .addon-list-item .show-if {
  display: none;
}
.contract-sign-page .addon-list-item.error .show-if.error {
  display: block;
}
.contract-sign-page .addon-list-item.finalized .show-if.finalized {
  display: block;
}
.contract-sign-page .addon-list-item.confirmed .show-if.confirmed {
  display: block;
}
.contract-sign-page .addon-list-item.new .show-if.new {
  display: block;
}
.contract-sign-page .addon-list-item .addon-image {
  max-width: 90%;
}
.contract-sign-page .addon-list-item .error {
  color: #AB3030;
}
.contract-sign-page .addon-list-item .missing-fields-form {
  margin-top: 1em;
}
.contract-sign-page .addon-list-item .missing-fields-form .s-date-input > div,
.contract-sign-page .addon-list-item .missing-fields-form .s-date-input > .seperator {
  height: 34px;
}
.contract-sign-page .addon-list-item .missing-fields-form .form-control {
  height: 48px;
  color: #000;
  box-shadow: 0px 0px 0px transparent;
}
.contract-sign-page .addon-list-item .missing-fields-form .form-group > label {
  font-weight: 400;
  font-size: 0.9em;
  font-family: "Open Sans";
  color: #000;
}
.contract-sign-page .addon-list-item .missing-fields-form .checkbox > label {
  color: #000;
}
.contract-sign-page .addon-list-item .missing-fields-form > .placeholder .accept-checkbox > label {
  padding-left: 0px;
}
.contract-sign-page .addon-list-item .missing-fields-form .error {
  color: #AB3030;
  font-weight: bold;
}
.contract-sign-page .addon-list-item .missing-fields-form .checkbox > label {
  padding-left: 0px;
}
@media (min-width: 765px) {
  .contract-sign-page .addon-list-item h2 {
    font-size: 1.65em;
  }
  .contract-sign-page .addon-list-item p {
    font-size: 1em;
  }
  .contract-sign-page .addon-list-item .placeholder > div > .row > div[class*='col-']:first-of-type {
    border-right: 1px solid #eaeaea;
  }
  .contract-sign-page .addon-list-item .placeholder > div > .row > div[class*='col-']:last-of-type {
    border-left: 0px solid transparent;
  }
  .contract-sign-page .addon-list-item > div[class*="col-"]:first-of-type img {
    max-height: 50px;
  }
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
/****************************

  COUPON LIST

****************************/
.contract-list-heading {
  display: flex;
  flex-wrap: wrap;
  min-height: 60px;
  justify-content: space-between;
}
.contract-list-heading h1 {
  font-family: "Quicksand", sans-serif;
  font-size: 25px;
  padding: 14px 0;
  margin: auto 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .contract-list-heading h1 {
    padding: 14px 0 0;
  }
}
@media (max-width: 765px) {
  .contract-list-heading {
    display: block;
  }
}
.contract-list.grid {
  padding-left: 0px;
  list-style: none;
}
.contract-list.grid li {
  margin-bottom: 1em;
}
.contract-list.grid li .inner {
  padding: 1em;
  border-radius: 5px;
  background-color: #fff;
  text-align: center;
  position: relative;
  box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
  -moz-box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
  -webkit-box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
  -o-box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
}
.contract-list.grid li .title {
  font-size: 1.5em;
  margin-bottom: 0px;
}
.contract-list.grid .status {
  text-align: right;
}
.contract-list.grid .contract-status {
  padding: 0px 10px;
  line-height: 2.3em;
  display: inline-block;
}
.contract-list.grid .ribbon span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0px 20px;
}
.contract-list.grid .ribbon i {
  color: #fff;
}
.contract-list.grid .contract-status.pending,
.contract-status.pending i {
  border-color: #c7ab69;
  color: #c7ab69;
}
.contract-list.grid .contract-status.incomplete,
.contract-status.incomplete i {
  border-color: #c7ab69;
  color: #c7ab69;
}
.contract-list.grid .contract-status.complete,
.contract-status.complete i {
  border-color: #096b59;
  color: green;
}
.contract-list.grid .contract-status.cancelled,
.contract-status.cancelled i {
  border-color: #ab3030;
  color: #ab3030;
}
.contract-list.grid .contract-status.accepted,
.contract-status.accepted i {
  border-color: #096b59;
  color: green;
}
.contract-list.grid .contract-status.declined,
.contract-status.declined i {
  border-color: #ab3030;
  color: #ab3030;
}
.contract-list.grid li .date {
  margin-top: 0px;
  margin-bottom: 1em;
  color: #999;
  text-align: left;
  line-height: 2.3em;
}
.contract-list.grid li .counter-party {
  height: 3.2em;
  margin-bottom: 25px;
}
.contract-list.grid li .counter-party p {
  margin-bottom: 3px;
  font-size: 1.15em;
  margin-top: 0px;
  color: #444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contract-list.grid li .counter-party p.fade {
  color: #888;
  font-size: 1em;
}
.contract-list.grid li .description {
  text-align: left;
  height: 60px;
}
.contract-list.grid li h4 {
  text-align: left;
  font-weight: bold;
  font-size: 1em;
  margin-top: 1.5em;
}
.contract-list.grid li .template-title {
  font-size: 1.7em;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contract-list.grid li .contract-with {
  color: #999;
  font-weight: 400;
  font-size: 0.9em;
  margin-top: 15px;
}
.contract-list.grid li .actions {
  margin-top: 1em;
  margin-left: 0px;
  margin-right: 0px;
  border-top: 1px solid #eaeaea;
  padding-top: 1em;
}
.contract-list.grid li .actions .right {
  float: right;
}
.contract-list.grid li .actions .left {
  float: left;
  margin-right: 5px;
}
.contract-list.grid li .contract-icon {
  text-align: center;
  font-size: 50px;
  margin-bottom: 5px;
}
.contract-list.grid li .not-specified {
  font-style: italic;
}
@media (min-width: 765px) {
  .contract-list.grid li .template-title.expand {
    font-size: 1.2em;
    line-height: 34px;
  }
  .contract-list.grid li .template-title {
    height: 34px;
  }
}
.contract-list.list {
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
}
.contract-list.list tr {
  cursor: pointer;
}
.contract-list.list tr:hover td {
  background-color: #f4f4f4;
}
.contract-list.list tr th {
  border-bottom: 1px solid #ccc;
}
.contract-list.list tr th,
.contract-list.list tr td {
  background-color: #fff;
  padding: 15px 10px;
}
.contract-list.list tr td {
  border-bottom: 1px solid #eaeaea;
}
.contract-list.list tr td:first-of-type,
.contract-list.list tr th:first-of-type {
  padding-left: 25px;
}
.contract-list.list tr td:last-of-type,
.contract-list.list tr th:last-of-type {
  padding-right: 25px;
}
.contract-list.list tr:last-of-type td {
  border-bottom: 0px;
}

contract-list-filter-group-by-status {
  background-color: #f4f4f4;
  border-radius: 3px;
  padding: 6.5px 12px;
  vertical-align: middle;
}
contract-list-filter-group-by-status label {
  font-family: "Open Sans", sans-serif;
  color: #777;
  cursor: pointer;
  margin: 0;
  font-weight: normal;
}
contract-list-filter-group-by-status i {
  margin-right: 0 !important;
  margin-left: 8px;
}
contract-list-filter-group-by-status .contract-list-filter-group-by-status-label-small-screen,
contract-list-filter-group-by-status .contract-list-filter-group-by-status-label-large-screen {
  display: none;
}
@media (max-width: 576px) {
  contract-list-filter-group-by-status .contract-list-filter-group-by-status-label-small-screen {
    display: inline;
  }
}
@media (min-width: 576px) {
  contract-list-filter-group-by-status .contract-list-filter-group-by-status-label-large-screen {
    display: inline;
  }
}

contract-list-filter-search .filter {
  width: 280px;
  max-width: 100%;
  vertical-align: middle;
  border-radius: 3px;
  position: relative;
  padding: 6px 12px;
  background-color: #f4f4f4;
  color: #777;
  cursor: pointer;
}
contract-list-filter-search .filter label {
  margin: 0;
}
contract-list-filter-search .filter i {
  margin-right: 0 !important;
  margin: 0;
  margin-left: 8px;
  color: #000000;
}
contract-list-filter-search .filter.filter--open .filter-dropdown {
  display: block;
}
contract-list-filter-search .filter .filter-query {
  position: relative;
}
contract-list-filter-search .filter .filter-query .filter-query-overview {
  white-space: nowrap;
  overflow: hidden;
}
contract-list-filter-search .filter .filter-query .filter-query-overview-no-result {
  position: relative;
  height: 20px;
  width: 100%;
}
contract-list-filter-search .filter .filter-query .filter-query-overview-no-result span {
  position: absolute;
  text-overflow: ellipsis;
  left: 0;
  white-space: nowrap;
  box-sizing: border-box;
  right: 0;
  overflow: hidden;
  margin-right: 32px;
}
contract-list-filter-search .filter .filter-query .filter-query-options {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #f4f4f4;
}
contract-list-filter-search .filter .filter-query .filter-query-search {
  color: #000000;
}
contract-list-filter-search .filter .filter-badge {
  font-size: 10px;
  padding: 2px 8px;
  line-height: 16px;
  color: white;
  background-color: #01bf9d;
  border-radius: 4px;
  vertical-align: middle;
}
contract-list-filter-search .filter .filter-badge + .filter-badge {
  margin-left: 4px;
}
contract-list-filter-search .filter .filter-options {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 8px;
  background-color: #f4f4f4;
}
contract-list-filter-search .filter .filter-dropdown {
  border-radius: 3px;
  padding: 6px 12px;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #f4f4f4;
  box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
}
contract-list-filter-search .filter .filter-dropdown:focus {
  display: block;
}
contract-list-filter-search .filter .filter-dropdown .filter-dropdown-list {
  list-style: none;
  margin: 0;
  padding: 8px 0 0;
  color: #444444;
}
contract-list-filter-search .filter .filter-dropdown .filter-dropdown-list i {
  margin: 0;
}
contract-list-filter-search .filter .filter-dropdown .filter-dropdown-list .filter-dropdown-list-item {
  font-size: 14px;
  font-weight: normal;
}
contract-list-filter-search .filter .filter-dropdown .filter-dropdown-list .filter-dropdown-list-item label {
  cursor: pointer;
  width: 100%;
  font-weight: normal;
}
contract-list-filter-search .filter .filter-dropdown .filter-dropdown-list .filter-dropdown-list-item + .filter-dropdown-list-item {
  margin-top: 8px;
}
contract-list-filter-search .filter .filter-dropdown .filter-dropdown-search {
  display: flex;
}
contract-list-filter-search .filter .filter-dropdown .filter-dropdown-search-input {
  padding: 0;
  font-size: 14px;
  box-sizing: border-box;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d8d8d8;
  background-color: #f4f4f4;
  color: #000000;
}

contract-list-heading {
  display: block;
  margin-bottom: 16px;
  position: relative;
}
contract-list-heading .contract-list-heading-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: white;
  z-index: -1;
}
contract-list-heading .contract-list-heading-container {
  display: inline-grid;
  grid-template-columns: auto max-content max-content;
  grid-template-areas: "title filters create-contract-button";
  grid-auto-flow: column;
  align-items: center;
  column-gap: 8px;
  width: 100%;
}
@media (max-width: 765px) {
  contract-list-heading {
    background: transparent;
  }
  contract-list-heading .contract-list-heading-container {
    display: inline-grid;
    grid-template-columns: 1fr auto;
    grid-auto-flow: unset;
    row-gap: 8px;
    grid-template-areas: "title create-contract-button" "filters filters";
  }
  contract-list-heading .contract-list-heading-create-contract-button .swc-icon {
    display: none;
  }
  contract-list-heading .contract-list-heading-filters-search-filter {
    flex-grow: 1;
  }
  contract-list-heading .contract-list-heading-filters-search-filter contract-list-filter-search .filter {
    width: 100%;
  }
}
contract-list-heading .contract-list-heading-title {
  grid-area: title;
  font-family: "Quicksand", sans-serif;
  font-size: 25px;
  padding: 16px 0;
  margin: auto 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
contract-list-heading .contract-list-heading-filters {
  grid-area: filters;
  display: flex;
  column-gap: 8px;
  justify-content: stretch;
  align-items: center;
}
contract-list-heading .contract-list-heading-create-contract-button {
  grid-area: create-contract-button;
}

contract-list-list .contract-list-list-section + .contract-list-list-section {
  margin-top: 48px;
}

contract-list-list-row .contract-list-list-row {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 8em 1fr 1fr 8em;
  column-gap: 16px;
  background-color: #ffffff;
  padding: 11px 16px;
  border-radius: 5px;
  margin-bottom: 8px;
  box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.46);
  cursor: pointer;
  font-size: 14px;
}
contract-list-list-row .contract-list-list-row__date {
  text-transform: capitalize;
  color: #888888;
}
contract-list-list-row .contract-list-list-row__counterparty {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #444444;
}
contract-list-list-row .contract-list-list-row__heading {
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
contract-list-list-row .contract-list-list-row__actions {
  display: grid;
  grid-auto-flow: column;
  column-gap: 16px;
  justify-content: end;
}
@media (max-width: 765px) {
  contract-list-list-row .contract-list-list-row {
    grid-template-columns: 1fr 1fr;
    row-gap: 4px;
    grid-template-areas: "date actions" "heading heading" "counterparty counterparty";
  }
  contract-list-list-row .contract-list-list-row__date {
    font-size: 12px;
    grid-area: date;
  }
  contract-list-list-row .contract-list-list-row__counterparty {
    grid-area: counterparty;
  }
  contract-list-list-row .contract-list-list-row__heading {
    margin-top: 4px;
    font-size: 16px;
    grid-area: heading;
  }
  contract-list-list-row .contract-list-list-row__actions {
    grid-area: actions;
  }
}

.draw-sign.external-sign .smartphone-portrait {
  margin-top: 100px;
}
.draw-sign.external-sign .sign-instruction-text {
  text-align: center;
  margin-bottom: 2em;
}

.mobile-sign-access-denied {
  text-align: center;
  padding-top: 100px;
}
.mobile-sign-access-denied h1 {
  margin-bottom: 1em;
}
@media (max-width: 765px) {
  .mobile-sign-access-denied {
    padding: 80px 50px;
  }
}

@media (max-width: 1400px) {
  .contract-show-simple .contract-status h2 {
    font-size: 23px;
  }
}
*[class*="show-if-status-"] {
  display: none;
}
.declined .show-if-status-declined,
.signed .show-if-status-signed,
.cancelled .show-if-status-cancelled {
  display: block;
}
.contract-show-simple .contract-actions a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 1.5em 0.5em;
  margin-bottom: 1em;
}
.contract-show-simple .contract-actions a i {
  font-size: 44px;
  padding-bottom: 12px;
}
.contract-show-simple .contract-actions a span {
  display: block;
  white-space: pre-wrap;
}
.contract-show-simple .contract-actions a span.title {
  font-size: 1.2em;
}
.contract-show-simple .contract-actions .s-tooltip {
  width: 100%;
}
.contract-show-simple .contract-status.white-box {
  margin-bottom: 2em;
  padding-top: 2em;
  padding-bottom: 2em;
}
.contract-show-simple .contract-status {
  margin-bottom: 0em;
}
.contract-show-simple .contract-status h2 {
  margin-top: 0px;
  margin-bottom: 1em;
  text-align: center;
  font-size: 32px;
}
.contract-status.payment-status .status {
  font-weight: bold;
  margin-bottom: 1em;
  display: inline-block;
}
.contract-status.payment-status .actions {
  margin-top: 2em;
}
.contract-show-simple .contract-timeline-message.white-box {
  padding: 1em;
  margin-bottom: 2em;
}
.contract-show-simple .contract-timeline-message textarea.messageType {
  border: 1px solid #eaeaea;
  background-color: #f4f4f4;
}
.contract-show-simple .time-line-wrap {
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  padding-top: 1em;
}
.contract-show-simple .time-line-wrap h5.timeline-header {
  border-bottom: 0px;
  margin-bottom: 10px;
}
.contract-show-simple .contract-status h2 {
  font-size: 1.6em;
}
.contract-show-simple .contract-status .pdf-download i {
  font-size: 1em;
}
.contract-show-simple .contract-status .pdf-download p {
  display: inline-block;
}
div[s-modal="pick-contract-role"] .button-wrap {
  margin: 2em 0px 1em 0px;
}
div[s-modal="pick-contract-role"] .button-wrap button:first-of-type {
  margin-bottom: 5px;
}
#help h3 {
  font-weight: bold;
  margin-top: 1.1em;
}
#help h4 {
  font-size: 1.1em;
  font-weight: bold;
}
.complaints-list {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.complaints-list li {
  padding-right: 28px;
  border-bottom: 1px solid #eaeaea;
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
}
.complaints-list li:last-of-type {
  border-bottom: 0px;
}
.complaints-list li:hover {
  background-color: #f4f4f4;
}
.complaints-list li:hover i {
  color: #777;
}
.complaints-list li i {
  position: absolute;
  right: 4px;
  top: 16px;
  font-size: 18px;
  color: #ccc;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
}
.complaints-list li .header {
  font-size: 1.1em;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.action-bar-affix {
  margin-bottom: 30px;
  position: relative;
  z-index: 4;
}
[s-modal="pick-contract-role"] h2 {
  margin-bottom: 1.5em;
}
[s-modal="pick-contract-role"] .header-image {
  text-align: center;
  margin-top: 1em;
  min-height: 70px;
}
[s-modal="pick-contract-role"] .header-image img {
  width: 100px;
}
@media (min-width: 765px) {
  [s-modal="pick-contract-role"] .header-image img {
    width: 100px;
  }
}
@media (min-width: 1400px) {
  [s-modal="pick-contract-role"] .header-image img {
    width: 120px;
  }
}
@media (min-width: 765px) {
  .complaints-list li .header {
    font-size: 1.2em;
    margin-bottom: 10px;
  }
  .complaints-list li i {
    right: 15px;
    top: 25px;
    font-size: 25px;
  }
  .complaints-list li {
    padding: 10px 50px 15px 15px;
  }
  .contract-show-simple .contract-status h2 {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .contract-show-simple .contract-status .pdf-download {
    text-align: center;
    padding: 15px 0px;
  }
  .contract-show-simple .contract-status .pdf-download > i {
    font-size: 60px;
  }
  .contract-show-simple .contract-status .pdf-download > i + div {
    margin-top: 1em;
  }
  .contract-show-simple .contract-status .pdf-download p {
    margin-top: 10px;
    margin-bottom: 0px;
    display: block;
  }
  .contract-show-simple .contract-status .escrow-payment {
    text-align: center;
  }
  .complaints-list li {
    margin: 0px -15px;
  }
  .contract-wrapper-row .addon-list a li p {
    font-size: 1em;
  }
  div[s-modal="pick-contract-role"] .button-wrap {
    margin: 2em 0px 1em 0px;
  }
  div[s-modal="pick-contract-role"] .button-wrap button:first-of-type {
    margin-bottom: 0px;
  }
}
.flag-icon.mini {
  background-image: url("images/flag-icons_mini.png");
  width: 21px;
  height: 16px;
  vertical-align: middle;
}
.flag-icon.mini.sv,
.flag-icon.mini.SE {
  background-position: -121px -191px;
}
.flag-icon.mini.US,
.flag-icon.mini.EN,
.flag-icon.mini.en {
  background-position: -179px -214px;
}
.flag-icon.mini.no,
.flag-icon.mini.NO {
  background-position: -5px -167px;
}
.flag-icon.mini.da,
.flag-icon.mini.DK {
  background-position: -92px -50px;
}
.flag-icon.mini.fi,
.flag-icon.mini.FI {
  background-position: -236px -50px;
}
.flag-icon.mini.de,
.flag-icon.mini.DE {
  background-position: -34px -50px;
}
.flag-icon.mini.hu,
.flag-icon.mini.HU {
  background-position: -179px -73px;
}
.flag-icon.mini.ch,
.flag-icon.mini.gsw {
  background-position: -150px -26px;
}
.flag-icon.mini.fr,
.flag-icon.mini.FR {
  background-position: -267px -50px;
}
.flag-icon.mini.it,
.flag-icon.mini.IT {
  background-position: -92px -97px;
}
/* Escrow payment icon */
.escrow-payment-secure-payment-icon {
  margin: 0 auto 1em auto;
  width: 80px;
  height: 80px;
  background: url('./images/logos/logo_icon_secure_escrow_payment.svg') no-repeat center center;
  background-size: contain;
}

.open-modal-button {
  margin-right: 8px;
}

.sign-step.after-sign {
  text-align: center;
}
.sign-step.after-sign h4 {
  margin-top: 2em;
}
.sign-step.after-sign .escrow-payment-icon-container {
  width: 52px;
  height: 52px;
  background-image: url('./images/logos/logo_icon_secure_escrow_payment.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.sign-step.after-sign .escrow-payment-icon-header {
  display: flex;
  align-items: center;
  padding-left: 20px;
  position: relative;
}

.payment-wrapper {
  margin-bottom: 2.5em;
}
.payment-wrapper .meta {
  margin-bottom: 40px;
}
.payment-wrapper .payment-overview .payment-overview-table {
  margin-bottom: 1em;
}
.payment-wrapper .payment-overview .payment-overview-table .table-row {
  display: flex;
  padding: 4px 0px;
}
.payment-wrapper .payment-overview .payment-overview-table .table-row .remove-discountcode {
  cursor: pointer;
}
.payment-wrapper .payment-overview .payment-overview-table .table-row.total {
  border-top: 1px solid #eaeaea;
}
.payment-wrapper .payment-overview .payment-overview-table .table-row > div {
  flex: 1;
}
.payment-wrapper .payment-overview .payment-overview-table .table-row > div.value {
  text-align: right;
  font-weight: bold;
}
.payment-wrapper .discount-code-form > div {
  display: flex;
}
.payment-wrapper .discount-code-form > div > div {
  flex: 1;
}
.payment-wrapper .discount-code-form > div > div:first-of-type {
  flex-grow: 10;
}
.payment-wrapper .discount-code-form > div > div:last-of-type .swc-button {
  padding-top: 13px;
  padding-bottom: 13px;
  margin-left: 8px;
}
.payment-wrapper .discount-code-form.error .form-control {
  background-color: #FFEAEA;
}
.payment-wrapper .discount-code-form .error {
  margin-top: 8px;
}
.payment-wrapper .existing-credit-card {
  margin-bottom: 2em;
}
.payment-wrapper .existing-credit-card .back-to-credit-card-form {
  text-align: center;
  margin-bottom: 2em;
}
.payment-wrapper .existing-credit-card .prev-billing-info {
  width: 320px;
  height: 170px;
  margin: auto;
  position: relative;
  padding: 120px 10px 20px 10px;
  font-size: 1.2em;
  border-radius: 5px;
  background-color: #4884AB;
  color: #fff;
}
@media (max-width: 340px) {
  .payment-wrapper .existing-credit-card .prev-billing-info {
    width: 260px;
    height: 140px;
    font-size: 1em;
    padding: 90px 10px 20px 10px;
  }
}
.payment-wrapper .existing-credit-card .prev-billing-info .brand {
  position: absolute;
  top: 0.7em;
  left: 0.7em;
}
.payment-wrapper .existing-credit-card .prev-billing-info .number {
  text-align: center;
  letter-spacing: 5px;
}
.payment-wrapper .back-to-stored-billing-info {
  text-align: center;
  margin-bottom: 2em;
}
.payment-wrapper #card-number {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-top: 14px;
}
.payment-wrapper #card-expiry {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top: 0px;
  padding-top: 14px;
}
.payment-wrapper #card-cvc {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top: 0px;
  border-left: 0px;
  padding-top: 14px;
}
.payment-wrapper .pl-0 {
  padding-left: 0;
}
.payment-wrapper .pr-0 {
  padding-right: 0;
}
.payment-wrapper .abort-button-margin {
  margin: 10px 0px;
}
.payment-wrapper .save-credit-card-checkbox {
  padding-left: 0px !important;
  margin: 0.8em 0;
}
@media (max-width: 765px) {
  .payment-wrapper {
    margin-top: 1em;
  }
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
.contract-sign-form .center {
  text-align: center;
}
.contract-sign-form .phone-sign-instructions {
  margin-top: 2em;
}
.contract-sign-form .sign-illustration {
  text-align: center;
  margin-bottom: 20px;
}
.contract-sign-form .sign-illustration img {
  width: 500px;
  max-width: 100%;
}
.contract-sign-form .sign-instruction-text {
  text-align: center;
  margin-bottom: 1.5em;
}
.contract-sign-form .sign-disclaimer {
  font-size: 11px;
  color: #888;
}
.contract-sign-form .confirm-pdf-read {
  text-align: center;
}
.contract-sign-form .confirm-pdf-read .checkbox label {
  padding-left: 0px;
}
.contract-sign-form .sign-form-actions {
  text-align: center;
  margin-top: 2em;
}
@media (max-width: 765px) {
  .sign-instruction-text {
    font-size: 0.8em;
    color: #666;
  }
  .contract-sign-form .phone-sign-instructions {
    margin-top: 0px;
  }
  .contract-sign-form h2 {
    margin-bottom: 20px;
  }
  .contract-sign-form .contract-info {
    padding: 15px;
    text-align: center;
    margin-top: -15px;
    color: #999;
  }
  .contract-sign-form .contract-info table {
    margin: auto;
    text-align: left;
    font-size: 0.8em;
  }
  .contract-sign-form .contract-info table tr td {
    padding: 0px 4px;
  }
  .contract-sign-form .contract-info table tr td:first-of-type {
    text-align: right;
  }
  .contract-sign-form .contract-info > a {
    font-size: 0.75em;
    margin-top: 5px;
    display: inline-block;
  }
  .contract-sign-form .contract-info > div:first-of-type {
    margin-bottom: 5px;
  }
  .contract-sign-form .contract-info p {
    margin-bottom: 0px;
  }
  .contract-sign-form .contract-info .title {
    font-weight: bold;
  }
}
@media (max-height: 460px) {
  .contract-sign-form .sign-illustration img {
    max-width: 50%;
  }
}
@media (max-width: 768px) {
  .sign-v2-form {
    display: flex;
    height: calc(100% - 65px);
    justify-content: center;
    align-items: center;
  }
}

.bank-id-se-sign .bank-id-wrapper {
  padding: 1em;
  border-radius: 4px;
  border: 1px dashed #999;
  margin-bottom: 2em;
}
.bank-id-se-sign .bank-id-image {
  text-align: center;
}
.bank-id-se-sign .bank-id-image img {
  width: 80px;
  margin: 20px;
}
.bank-id-se-sign .confirm-pdf-read {
  text-align: left;
}
.bank-id-se-sign .confirm-pdf-read .invalid {
  padding: 1em;
  border: 2px solid #D44545;
}
.bank-id-se-sign .form-regular .form-group small {
  text-align: left;
}
.bank-id-se-sign .bank-id-instructions {
  text-align: center;
  font-size: 0.8em;
  color: #888;
}
.bank-id-se-sign .waiting-for-signature {
  text-align: center;
  margin: 4em 0px;
}
.bank-id-se-sign .waiting-for-signature .loading-msg {
  margin-bottom: 2em;
}
.bank-id-se-sign .waiting-for-signature .block-spinner-bar {
  margin-bottom: 1em;
}
.bank-id-se-sign .waiting-for-signature a {
  font-size: 0.8em;
}

.bank-id-se-sign {
  text-align: center;
}
.bank-id-se-sign .bank-id-wrapper {
  flex-direction: column;
  padding: 1em;
  border-radius: 4px;
  border: 1px dashed #999;
  margin-bottom: 2em;
  height: 60rem;
}
.bank-id-se-sign .bank-id-wrapper .bank-id-image img {
  width: 80px;
  margin: 20px;
}
.bank-id-se-sign .bank-id-wrapper .bank-id-text-info {
  margin-top: 4rem;
  margin-bottom: 2rem;
  height: 2rem;
}
.bank-id-se-sign .bank-id-wrapper .bank-id-content {
  display: block;
}
.bank-id-se-sign .bank-id-wrapper .bank-id-content .bank-id-retry-wrapper {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.bank-id-se-sign .bank-id-wrapper .bank-id-content .bank-id-spinner {
  margin-top: 10rem;
}
.bank-id-se-sign .bank-id-wrapper .bank-id-footer {
  text-align: center;
  margin: 2rem 0px;
}
.bank-id-se-sign .bank-id-wrapper .bank-id-footer a {
  font-size: 14px;
}

.bank-id-se-sign .confirm-pdf-read {
  text-align: center;
}
.bank-id-se-sign .confirm-pdf-read .checkbox {
  margin-top: 0;
}
.bank-id-se-sign .confirm-pdf-read .invalid {
  padding: 1em;
  border: 2px solid #D44545;
}

.bank-id-se-sign-qr-wrapper .qr-code {
  display: block;
  margin: 0 auto;
  margin-bottom: 25px;
  height: 200px;
  width: 200px;
  /* align vertical  */
}
.bank-id-se-sign-qr-wrapper .qr-code .align-vertical {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.bank-id-se-sign-qr-wrapper .qr-code img {
  height: 200px;
  width: 200px;
}

.mobile-view {
  padding-top: 25px;
}
.mobile-view .open-bankid-app {
  padding-bottom: 25px;
}
.mobile-view .show-qr-code {
  padding-top: 25px;
}

.sign-v2 .block-spinner-bar {
  display: block;
  margin: 4em auto;
}
.sign-v2 .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.sign-v2 .title {
  font-size: 32px;
  margin-bottom: 80px;
}
.sign-v2 .logo {
  margin-bottom: 32px;
}
.sign-v2 .message {
  margin-bottom: 80px;
  text-align: center;
}
.sign-v2 .confirm-redirect-button {
  display: block;
  width: 100%;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  background-color: #01bf9d;
  border: 1px solid #01bf9d;
  transition: all 0.3s;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 11px 16px;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .sign-v2 .title {
    font-size: 24px;
    margin-bottom: 64px;
  }
  .sign-v2 .message {
    margin-bottom: 64px;
  }
}

.draw-sign .draw-sign-desktop {
  margin-bottom: 2em;
}
.draw-sign .draw-sign-desktop form.ng-submitted .checkbox.invalid,
.draw-sign .draw-sign-desktop .checkbox.invalid.touched {
  padding: 5px;
  border: 2px solid #D44545;
}
.draw-sign .draw-sign-desktop .mobile-sign .sign-instruction-text {
  margin-bottom: 2em;
}
.draw-sign .draw-sign-desktop .mobile-sign .confirm-pdf-read {
  margin-bottom: 2em;
}
.draw-sign .draw-sign-desktop .mobile-sign .to-mobile-sign {
  text-align: center;
}
.draw-sign .draw-sign-desktop .mobile-sign .to-mobile-sign > div:first-of-type {
  margin-bottom: 1em;
}
.draw-sign .draw-sign-desktop .mobile-sign .waiting-for-signature {
  text-align: center;
  margin: 2em 0px;
}
.draw-sign .draw-sign-desktop .mobile-sign .waiting-for-signature .waiting-for-signature-spinner {
  padding: 4em 0px;
  background-color: #f4f4f4;
}
.draw-sign .draw-sign-desktop .mobile-sign .waiting-for-signature .waiting-for-signature-spinner .loading-msg {
  margin-bottom: 0px;
  margin-top: 1em;
}

/******

  MEDIA QUERYS

******/
@media only screen and (orientation: landscape), only screen and (min-width: 451px), only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px), only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .hidden-smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait), only screen and (min-height: 451px), only screen and (min-width: 851px) {
  .smartphone-landscape {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 450px) {
  .hidden-smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: landscape), only screen and (min-width: 451px) {
  .smartphone-portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none;
  }
}
.full-page-mobile-landscape-sign {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: #fff;
  z-index: 2;
}
.draw-sign .contract-mobile-sign .logo {
  position: absolute;
  top: 10px;
  left: 10px;
}
.draw-sign .contract-mobile-sign .logo > img {
  width: 100px;
}
.draw-sign .contract-mobile-sign .landscape {
  display: none;
  position: relative;
}
@media screen and (orientation: landscape) {
  .draw-sign .contract-mobile-sign .landscape {
    display: block;
  }
}
.draw-sign .contract-mobile-sign .sign-box {
  height: calc(100% - 70px);
  position: relative;
}
.draw-sign .contract-mobile-sign .sign-box .signature-pad-wrap {
  height: 100%;
}
.draw-sign .contract-mobile-sign .sign-box .signature-pad-wrap .pad-wrap {
  border: 0px;
  border-bottom: 2px solid #eaeaea;
  margin-bottom: 0px;
  height: 100%;
}
.draw-sign .contract-mobile-sign .sign-box .signature-pad-wrap .placeholder {
  top: calc(50% - 25px);
  font-size: 25px;
}
.draw-sign .contract-mobile-sign .footer {
  position: fixed;
  bottom: 0px;
  padding: 0px 20px;
  display: table;
  width: 100%;
}
.draw-sign .contract-mobile-sign .footer > div {
  height: 70px;
  display: table-cell;
  vertical-align: middle;
}
.draw-sign .contract-mobile-sign .footer .right {
  text-align: right;
  white-space: nowrap;
  padding-left: 50px;
}
.draw-sign .contract-mobile-sign .footer .confirm-pdf-read i.fa {
  font-size: 30px;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .draw-sign .contract-mobile-sign .footer > div {
    height: 85px;
  }
  .draw-sign .contract-mobile-sign .sign-box {
    height: calc(100% - 85px);
  }
}
.draw-sign .contract-mobile-sign .has-signed {
  text-align: center;
  margin-top: 100px;
}
.draw-sign .contract-mobile-sign .has-signed h2 {
  margin-bottom: 1.5em;
}
.draw-sign .contract-mobile-sign .mobile-sign-error {
  text-align: center;
  padding: 60px 20px;
}
@media only screen and (orientation: landscape) and (max-height: 450px) and (max-width: 850px) {
  .contract-sign-form .signature-pad-wrap .actions {
    display: none;
  }
  body.full-page-landscape-sign {
    overflow-y: hidden !important;
    overflow: hidden;
  }
  body.full-page-landscape-sign div[mobile-sticky-footer] {
    display: none;
  }
  .full-page-mobile-landscape-sign {
    display: block;
  }
  .contract-mobile-sign .footer .confirm-pdf-read {
    text-align: left;
  }
  .contract-mobile-sign .footer .confirm-pdf-read label {
    padding-left: 0px;
  }
  .contract-mobile-sign .footer .confirm-pdf-read .fancy-checkbox i {
    font-size: 40px;
  }
  .contract-mobile-sign form.ng-submitted .confirm-pdf-read.invalid {
    border: 2px solid #D44545;
  }
}

.draw-sign .smartphone-portrait {
  display: none;
  text-align: center;
}
.draw-sign .smartphone-portrait img {
  width: 60%;
  margin: auto;
}
.draw-sign .smartphone-portrait .portrait-sign {
  margin-top: 2em;
}
.draw-sign .smartphone-portrait .turn-phone-image-wrap {
  text-align: center;
}
.draw-sign .smartphone-portrait .turn-phone-image-wrap img {
  width: 50%;
  margin: auto;
}
.draw-sign .smartphone-portrait .turn-phone-image-wrap div {
  margin-top: 1em;
}
.draw-sign .smartphone-portrait form.ng-submitted .confirm-pdf-read.invalid,
.draw-sign .smartphone-portrait form.ng-submitted .confirm-pdf-read .invalid {
  border: 2px solid #D44545;
  padding: 10px 0px;
}
.draw-sign .smartphone-portrait .abort {
  margin-top: 1em;
}
@media screen and (orientation: portrait) {
  .draw-sign .smartphone-portrait {
    display: block;
  }
}

.sign-step.terms .show-if {
  display: none;
}
.sign-step.terms.multi .term {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 2em;
  margin-bottom: 2em;
}
.sign-step.terms.multi .term:last-of-type {
  border-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.sign-step.terms.multi .term h2 {
  text-align: left;
  font-size: 1.4em;
  margin-bottom: 0.4em;
  font-family: 'Open Sans';
  margin-top: 0px;
}
.sign-step.terms.multi .show-if.multi {
  display: block;
}
.sign-step.terms.multi span.show-if.multi {
  display: inline;
}
.sign-step.terms.single {
  text-align: center;
}
.sign-step.terms.single .show-if.single {
  display: block;
}
.sign-step.terms.single span.show-if.single {
  display: inline;
}
.sign-step.terms .term-checkbox .form-group {
  margin-bottom: 0px;
}
.sign-step.terms .term-checkbox label {
  font-family: 'Open Sans';
  font-weight: 400;
  color: #000;
}
@media (max-width: 765px) {
  .sign-step.terms > h2 {
    margin-bottom: 2em;
  }
  .sign-step.terms .term p,
  .sign-step.terms .term h2 {
    font-size: 0.9em;
  }
  .sign-step.terms .term-checkbox {
    margin-top: 1.5em;
  }
}

.sign-step.verify-phone .submit-sms-code-form .form-control {
  height: 55px;
  font-size: 30px;
}
.sign-step.verify-phone .submit-sms-code-form label {
  text-align: center;
  display: block;
}
.sign-step.verify-phone .sign-illustration {
  text-align: center;
  margin-bottom: 20px;
}
.sign-step.verify-phone .sign-instruction-text {
  text-align: center;
  margin-bottom: 3em;
}

.contract-sign-page h2 {
  text-align: center;
  margin: 40px 0px 30px 0px;
}
.contract-sign-page .resend-sign-code {
  text-align: center;
  margin-top: 2em;
}
@media (min-width: 765px) {
  .contract-sign-page {
    /*** TOP PANE ****/
    /*****/
  }
  .contract-sign-page .sign-step.hide-sticky-footer {
    padding-bottom: 2em;
  }
  .contract-sign-page .top-pane {
    border-bottom: 2px solid #3c99b6;
    background-color: #fff;
    height: 100px;
    margin-bottom: 20px;
  }
  .contract-sign-page .top-pane .button-wrap {
    height: 98px;
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-right: 20px;
  }
  .contract-sign-page .top-pane .button-wrap.grey {
    background-color: #f4f4f4;
    color: #666;
  }
  .contract-sign-page .top-pane .button-wrap i {
    font-size: 40px;
  }
  .contract-sign-page .top-pane .button-wrap a {
    color: #aaa;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8em;
    margin-top: 5px;
    height: 98px;
  }
  .contract-sign-page .top-pane .button-wrap a:hover {
    text-decoration: none;
    color: #333;
  }
  .contract-sign-page .top-pane .button-wrap:hover a {
    color: #333;
  }
  .contract-sign-page .top-pane .button-wrap.lightblue a {
    color: #60bad6;
  }
  .contract-sign-page .top-pane .button-wrap.lightblue a:hover {
    color: #2A89A6;
  }
  .contract-sign-page .process-wrapper {
    background-color: #fff;
    padding: 0px 15px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 6em;
  }
  .contract-sign-page .title-instructions {
    text-align: center;
    margin-top: -20px;
    margin-bottom: 20px;
  }
  .contract-sign-page .contract-info {
    padding: 0px 11px;
    display: table-cell;
    height: 98px;
    vertical-align: middle;
  }
  .contract-sign-page .contract-info .title {
    font-weight: bold;
    font-size: 1em;
  }
  .contract-sign-page .contract-info p {
    margin-bottom: 0px;
    font-size: 0.75em;
  }
  .contract-sign-page .contract-info p .hash {
    display: inline-block;
    width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
  }
  .contract-sign-page .sign-actions {
    border-top: 1px solid #ccc;
  }
  .contract-sign-page .sign-actions .cell {
    height: 75px;
    display: table-cell;
    vertical-align: middle;
  }
}
@media (min-width: 998px) {
  .contract-sign-page .contract-info {
    padding: 0px 30px;
  }
}
@media (max-width: 765px) {
  .contract-sign-page {
    background-color: #fff;
    padding-bottom: 0px;
    min-height: 0px;
  }
  .contract-sign-page h2 {
    font-size: 24px;
    text-align: center;
    margin: 35px 0px 20px 0px;
  }
  .contract-sign-page .title-instructions {
    text-align: center;
    margin-bottom: 10px;
    font-size: 0.85em;
  }
  .contract-sign-page .sign-step {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
  }
}
@media (min-width: 765px) {
  .contract-sign-page-step-actions {
    margin: 2em 0px 0em 0px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0px 20px;
  }
  .contract-sign-page-step-actions .right-actions {
    float: right;
  }
  .contract-sign-page-step-actions .action-info {
    text-align: left;
    color: #999;
    font-size: 0.7em;
    min-height: 32px;
    max-width: 400px;
  }
}
@media (max-width: 765px) {
  .contract-sign-page-step-actions {
    height: auto;
    border-bottom: 0px;
    padding: 15px;
  }
  .contract-sign-page-step-actions .btn,
  .contract-sign-page-step-actions .swc-button {
    margin-bottom: 10px;
  }
  .contract-sign-page-step-actions .action-info {
    text-align: center;
    color: #999;
    border-bottom: 1px solid #ccc;
    font-size: 0.7em;
    padding: 20px 15px;
  }
}
@media (min-width: 765px) {
  .contract-sign-page-step-actions .btn,
  .contract-sign-page-step-actions .swc-button {
    margin-left: 5px;
  }
  .contract-sign-page-step-actions .swc-button + .swc-button {
    margin-top: 0;
  }
}
@media (min-width: 998px) {
  .contract-sign-page-step-actions .action-info {
    max-width: 520px;
  }
}
.sign-step.hide-sticky-footer .contract-sign-page-step-actions .sign-actions {
  display: none;
}
/*****************

  PROGRESS INDICATOR

******************/
.contract-sign-page .progress-indicator {
  padding: 0px;
  background-color: #68cab8;
  color: #fff;
  margin-bottom: 1em;
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}
.contract-sign-page .progress-indicator > div {
  flex: 1;
  text-align: center;
  padding: 1em 0px;
  line-height: 22px;
}
.contract-sign-page .progress-indicator > div.active {
  background-color: #24b99e;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 22px;
}
@media (max-width: 765px) {
  .contract-sign-page .progress-indicator {
    padding-left: 10px;
    padding-right: 10px;
  }
  .contract-sign-page .progress-indicator > div {
    padding: 0.8em 0px;
    font-size: 0.8em;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 14px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
  }
  .contract-sign-page .progress-indicator > div > i {
    margin-bottom: 5px;
    display: block;
    text-align: center;
  }
  .contract-sign-page .progress-indicator > div.active {
    font-size: 0.8em;
    line-height: 1.3em;
  }
}
[s-modal="contract-details"] .download-btn {
  text-align: center;
  margin-bottom: 10px;
}
[s-modal="contract-details"] table {
  table-layout: fixed;
}
[s-modal="contract-details"] table h5 {
  text-align: left;
}
[s-modal="contract-details"] table tr td {
  font-size: 0.8em;
  padding-bottom: 3px;
  vertical-align: top;
}
[s-modal="contract-details"] table tr th {
  padding-top: 8px;
}
[s-modal="contract-details"] table tr td:first-of-type {
  width: 100%;
}
@media (max-width: 765px) {
  [s-modal="contract-details"] h2 {
    font-size: 24px;
  }
}
.contract-sign-help-modal h2 {
  font-size: 25px;
}
.contract-sign-help-modal .title {
  text-align: center;
}
.contract-sign-help-modal .title p {
  font-size: 0.9em;
}
.contract-sign-help-modal h3 {
  font-size: 20px;
  text-align: left;
}
.contract-sign-help-modal h5 {
  font-size: 14px;
  text-align: left;
  border-bottom: 0px;
  margin-top: 15px;
  margin-bottom: 3px;
  padding-bottom: 0px;
}
.contract-sign-help-modal p,
.contract-sign-help-modal .col-table {
  font-size: 0.9em;
  margin-top: 5px;
}
.contract-sign-help-modal .col-table .row {
  margin-bottom: 5px;
}

.sign-step.go-to-escrow-payment {
  margin: 0 auto;
}
.sign-step.go-to-escrow-payment ol li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 5px;
}
.sign-step.go-to-escrow-payment .contract-signed {
  text-align: center;
}
.sign-step.go-to-escrow-payment .dots-spinner {
  display: inline-block;
}
.sign-step.go-to-escrow-payment .escrow-payment-icon-container {
  width: 52px;
  height: 52px;
  background-image: url('./images/logos/logo_icon_secure_escrow_payment.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.sign-step.go-to-escrow-payment .escrow-payment-icon-header {
  display: flex;
  align-items: center;
  padding-left: 20px;
  position: relative;
}

/**
 This style is copied from the hand-over module to make it look alike.
*/
contract-page-slim .wrap {
  background-color: #fff;
}
contract-page-slim .header > div {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
}
contract-page-slim .header > div i.fa {
  font-size: 2em;
}
contract-page-slim .header > div.logo > img {
  height: 35px;
}
contract-page-slim .container {
  padding: 15px;
  padding-bottom: 2em;
}
@media (min-width: 765px) {
  contract-page-slim .wrap {
    background-color: #f0f0f0;
    min-height: 100vh;
  }
  contract-page-slim .container {
    max-width: 650px;
    min-height: 100vh;
    overflow: hidden;
    padding: 20px 50px 3em 50px;
    background-color: #fff;
  }
}
contract-page-slim .progress-container {
  padding: 2em 0px 2em 0px;
  width: 200px;
  margin: auto;
}
@media (min-width: 765px) {
  contract-page-slim .progress-container {
    padding: 3em 0px 3em 0px;
  }
}
contract-page-slim .step-image {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
contract-page-slim .step-image img {
  height: 100px;
}
@media (min-width: 765px) {
  contract-page-slim .step-image {
    margin-top: 0em;
    margin-bottom: 1em;
  }
  contract-page-slim .step-image img {
    height: 170px;
  }
}
contract-page-slim .step-image + h1 {
  margin-top: 0;
}
contract-page-slim h1 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 1em;
}
@media (min-width: 765px) {
  contract-page-slim h1 {
    font-size: 27px;
    padding: 0px 10%;
  }
}
@media (max-width: 765px) {
  contract-page-slim .form-regular .actions {
    padding-left: 0px;
    padding-right: 0px;
  }
}
contract-page-slim .form-regular .radio label {
  font-size: 1.5rem;
}
contract-page-slim .form-regular .radio + .radio label {
  margin-top: 1em;
}

contract-page-slim-initiator-signed .action p {
  margin-bottom: 2em;
}
contract-page-slim-initiator-signed .action .note.error {
  margin-top: 1em;
}
contract-page-slim-initiator-signed .action.primary {
  margin-bottom: 5em;
}

.link-to-external-page .white-box {
  padding-bottom: 2em;
}
.link-to-external-page .highlight {
  font-size: 1.4em;
  margin: 1.2em 0px;
}
.link-to-external-page .not-equal {
  font-size: 1.2em;
}
.link-to-external-page .actions {
  margin-top: 2em;
}
.link-to-external-page .actions .btn-block {
  margin-bottom: 5px;
}

.link-ext-accept-terms .show-if {
  display: none;
}
.link-ext-accept-terms.single .show-if.single {
  display: block;
}
.link-ext-accept-terms.multi .show-if.multi {
  display: block;
}

.link-ext-header {
  text-align: center;
  padding: 3rem;
  color: #888;
}
.link-ext-header h1 {
  font-size: 2em;
  font-weight: bold;
}
.link-ext-header > div.top {
  font-size: 1.5em;
}
.link-ext-header > div.top img {
  height: 30px;
}
.link-ext-header > div.top i {
  display: inline-block;
  padding: 0px 1em;
  color: #888;
}

ext-user-connect .white-box {
  text-align: center;
  margin-top: 50px;
}
@media (min-width: 765px) {
  ext-user-connect .white-box {
    margin-top: 150px;
  }
}
ext-user-connect .white-box #ext-user-logged-in-as {
  margin: -1em -2em;
  padding: 1em 3em;
  margin-bottom: 2em;
  border-bottom: 1px solid #e2e2e2;
  color: #6f6f6f;
}
ext-user-connect h2 {
  margin-bottom: 1em;
}
ext-user-connect .actions {
  margin-top: 2em;
}

jwt-error > div {
  text-align: center;
  margin-top: 100px;
}
jwt-error h2 {
  color: #D44545;
}

.page.accept-terms form.ng-submitted .checkbox.invalid {
  padding: 0.5em;
  border: 2px solid #D44545;
}
.page.accept-terms h2 {
  margin-bottom: 20px;
}
.page.accept-terms .term-display {
  text-align: left;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.page.accept-terms .term-display:last-of-type {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.page.accept-terms .term-display .checkbox label {
  padding-left: 0px;
  font-family: 'Open Sans';
  color: #000;
}
.page.accept-terms .actions {
  margin-top: 30px;
  text-align: center;
  margin-bottom: 10px;
}
.page.accept-terms .multi .term-display:last-of-type {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.page.accept-terms .multi h2 {
  margin-bottom: 30px;
}
.page.accept-terms .multi .show-if.multi {
  display: block;
}
.page.accept-terms .multi .term-display {
  text-align: left;
}
.page.accept-terms .multi .term-display h2 {
  margin-bottom: 0.5em;
  border-bottom: 0px;
  text-align: left;
  font-size: 1.4em;
  font-family: 'Open Sans';
}
.page.accept-terms .single .show-if.single {
  display: block;
}
.page.accept-terms .single .term-display {
  text-align: center;
}
.page.accept-terms .show-if {
  display: none;
}
@media (max-width: 765px) {
  .page.accept-terms {
    background-color: #fff;
  }
}
@media (min-width: 765px) {
  .page.accept-terms > .container {
    padding-top: 100px;
  }
}
/* Overlay */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
  pointer-events: auto;
}
.overlay.active {
  display: block;
}
/* Modal Content */
.modal-content {
  position: fixed;
  margin-top: 25px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
  width: 100%;
  height: calc(100% - 50px);
  overflow-y: auto;
}

.force-login-page {
  background-color: #6FA7B9;
  padding-top: 30px;
  text-align: center;
  min-height: 100vh;
}
.force-login-page .logo-wrap {
  margin-bottom: 40px;
}
.force-login-page .force-login-form {
  margin-top: 3em;
}
.force-login-page .headline {
  margin-bottom: 1em;
}
.force-login-page .sign-in {
  font-weight: bold;
  text-transform: uppercase;
}
.force-login-page .login-help {
  margin-bottom: 40px;
}
.force-login-page .login-help a {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

.fraud-check {
  text-align: center;
  margin-top: 50px;
}
@media (min-width: 765px) {
  .fraud-check {
    margin-top: 150px;
  }
}
.fraud-check .error-details {
  font-size: 0.8em;
  color: #888;
}

html:not(.mobile-sticky-footer) .s-page-wrap.login-state > div[ui-view] {
  padding-bottom: 0px;
}
.login-state .page {
  background-color: #6FA7B9;
  padding-top: 30px;
  text-align: center;
}
.login-state .page a {
  font-weight: bold;
  text-transform: uppercase;
}
.login-state .page .login-help a {
  color: #fff;
}
.login-state .page .logo-wrap {
  margin-bottom: 40px;
}
.loginpage-form {
  margin: auto;
  background-color: #f0f0f0;
  margin-bottom: 20px;
  padding: 20px 20px 30px 20px;
}
.loginpage-form h2 {
  margin-bottom: 1.5em;
  margin-top: 0.7em;
}
.loginpage-form input.form-control {
  box-shadow: 0px 0px 0px transparent;
  -o-box-shadow: 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px transparent;
  -webkit-box-shadow: 0px 0px 0px transparent;
  border: 1px solid #e6e6e6;
}
.loginpage-form white-box .footer {
  border-top: 0px;
  padding: 0px;
}
.loginpage-form white-box img {
  max-height: 92px;
}
.loginpage-form .animate-input {
  margin-bottom: 26px;
}
.loginpage-form input.form-control {
  height: 45px;
}
.loginpage-form .animate-input label.label-animate {
  font-size: 1em;
  font-family: "Open Sans";
  color: #888;
  left: 12px;
}
.loginpage-form .animate-input.input-addon-icon .label-animate {
  left: 40px;
}
.loginpage-form .animate-input input:focus + label.label-animate,
.loginpage-form .animate-input input.ng-not-empty + label.label-animate,
.loginpage-form .animate-input textarea:focus + label.label-animate,
.loginpage-form .animate-input textarea.ng-not-empty + label.label-animate,
.loginpage-form .animate-input select:focus + label.label-animate,
.loginpage-form .animate-input select.ng-not-empty + label.label-animate,
.loginpage-form .animate-input label.static {
  left: 5px;
  top: -21px;
}
.loginpage-form .animate-input input:-webkit-autofill + label.label-animate,
.loginpage-form .animate-input select:-webkit-autofill + label.label-animate,
.loginpage-form .animate-input textarea:-webkit-autofill + label.label-animate {
  font-size: 1em;
  top: -20px;
  left: 5px;
  color: #337ab7;
}
.loginpage-form .animate-input input:focus + label.label-animate,
.loginpage-form .animate-input input.ng-not-empty + label.label-animate,
.loginpage-form .animate-input textarea:focus + label.label-animate,
.loginpage-form .animate-input textarea.ng-not-empty + label.label-animate,
.loginpage-form .animate-input select:focus + label.label-animate,
.loginpage-form .animate-input select.ng-not-empty + label.label-animate,
.loginpage-form .animate-input label.static,
.loginpage-form .animate-input input:-webkit-autofill + label.label-animate,
.loginpage-form .animate-input select:-webkit-autofill + label.label-animate,
.loginpage-form .animate-input textarea:-webkit-autofill + label.label-animate {
  color: #337ab7;
}
@media (min-width: 765px) {
  .login-state .page {
    padding-top: 50px;
  }
  .loginpage-form {
    width: 400px;
    padding: 2em 2em 3em 2em;
    text-align: center;
  }
}
@media (min-width: 998px) {
  .login-state .page {
    padding-top: 100px;
  }
  .loginpage-form {
    width: 400px;
    padding: 2em 2em 3em 2em;
    text-align: center;
  }
}
@media (max-width: 325px) {
  .login-state .page .login-help {
    margin-bottom: 40px;
  }
}
/*************

  LOGIN PAGE

**************/
.loginpage-form form {
  margin: 0px;
  padding: 0px;
  margin-top: 2em;
}
.loginpage-form .forgot-password {
  margin-top: 1em;
}
.loginpage-form .animate-input:last-of-type {
  margin-bottom: 0px;
}
.send-link {
  margin-top: 2em;
}

.create-profile-page {
  position: relative;
}
.create-profile-page .background-image-container {
  width: 100%;
  height: 100%;
  background-image: url(images/digital-sales-contract-bg.svg);
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
}
@media (max-width: 1599px) {
  .create-profile-page .background-image-container {
    background-size: 100%;
  }
}
.create-profile-page > .container {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .create-profile-page > .container {
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) {
  .create-profile-page .centered-form {
    border: 1px solid #33829B;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
  }
}
.create-profile-page .welcome-short-text {
  margin-bottom: 30px;
  text-align: center;
}
.create-profile-page .already-a-user {
  text-align: center;
}
.create-profile-page .how-it-works > .row {
  margin-top: 2em;
}
.create-profile-page .how-it-works > .row > div {
  margin-bottom: 4em;
}
.create-profile-page .how-it-works > .row .image-container {
  text-align: center;
  height: 100px;
  align-content: center;
}
.create-profile-page .how-it-works > .row .text-container {
  padding: 2em 4em 0 4em;
}
@media (max-width: 768px) {
  .create-profile-page .how-it-works > .row .text-container {
    padding: 0 10px;
    height: 100px;
    align-content: center;
  }
}
@media (max-width: 768px) {
  .create-profile-page .how-it-works h4 {
    padding-left: 10px;
  }
}

@media(min-width: 765px) {
  .register-user-state .page {
    padding-top:40px;
  }
}

.resend-token-state .page {
  background-color: #6FA7B9;
  padding-top:30px;
  text-align: center;
}

.resend-token-state .page .logo-wrap {
  margin-bottom:40px;
}

.resend-token-state .page .loginpage-form h2 {
  margin-bottom:5px;
}

@media(min-width: 765px) {
  .resend-token-state .page .loginpage-form {
    width:500px;
  }
}

.reset-password-state .page {
  background-color: #6FA7B9;
  padding-top:30px;
  text-align: center;
}

.reset-password-state .page .logo-wrap {
  margin-bottom:40px;
}

.reset-password-state .page a {
  font-weight: bold;
  text-transform: uppercase;
}

.reset-password-state .page .login-help a {
  color:#fff;
}

@media(min-width: 765px) {
  .reset-password-state .page {
    padding-top:50px;
  }
}

@media(min-width: 998px) {
  .reset-password-state .page {
    padding-top:100px;
  }
}

token-user-miss-match-page img {
  width: 150px;
}
token-user-miss-match-page .loginpage-form h2 {
  margin-top: 1em;
  margin-bottom: 1em;
}
token-user-miss-match-page .user-email {
  margin: 20px 0px;
  font-weight: bold;
  font-size: 1.2em;
}
token-user-miss-match-page .footer .btn {
  word-break: normal;
}

warning-banner .warning-banner-container {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: nowrap;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1001;
}
warning-banner .warning-banner-container p {
  margin-bottom: 0px;
}
warning-banner .warning-banner-container a {
  margin-left: 10px;
}
warning-banner .warning-banner-container .content {
  margin-right: 36px;
}
warning-banner .warning-banner-container .close-icon {
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.5);
  margin-right: 2rem;
  transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
}
warning-banner .warning-banner-container .close-icon:hover {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.7);
}

.pre-sign-modal {
  padding: 1rem;
  text-align: center;
}
.pre-sign-modal h3 {
  border-bottom: 0;
  font-weight: bold;
}
.pre-sign-modal .buttons {
  padding: 2rem;
}
.pre-sign-modal .buttons button {
  display: inline-block;
  width: 100%;
  padding: 1.25rem;
  margin: 0.25rem 0;
}

.missing-parties-modal {
  padding: 1rem;
  text-align: center;
}
.missing-parties-modal h3 {
  border-bottom: 0;
  font-weight: bold;
}

.incomplete-parties-modal {
  padding: 1rem;
  text-align: center;
}
.incomplete-parties-modal h3 {
  border-bottom: 0;
  font-weight: bold;
}

.location-finder .load-box {
  text-align: left;
}
.location-finder .load-box .load-box-error {
  text-align: left;
  padding-top: 5px;
}
.location-finder .load-box .load-box-spinner {
  text-align: left;
  padding-top: 5px;
  padding-bottom: 0px;
}
.location-finder .show-list {
  margin-top: 10px;
}
.location-finder .address {
  font-size: 0.9em;
  font-style: italic;
  color: #888;
}
.location-finder .pick-other {
  margin-top: 1em;
}
.location-finder .pick-other label {
  color: #000;
}
.location-finder ul {
  padding-left: 0px;
  list-style: none;
}
.location-finder ul li {
  list-style: none;
  padding: 1em 0px;
  cursor: pointer;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
}
.location-finder ul li:hover {
  background-color: #eaeaea;
}
.location-finder ul li:not(:last-of-type) {
  border-bottom: 1px solid #eaeaea;
}
.location-finder .show-10-more > div {
  margin-top: 1em;
}

state-resolve-spinner > div {
  text-align: center;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9997;
  height: 100vh;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
state-resolve-spinner > div .spinner {
  margin: auto;
  padding: 3em;
  display: inline-block;
  position: relative;
  top: 30%;
  background-color: rgba(255, 255, 255, 0.8);
}
state-resolve-spinner > div .spinner .msg {
  margin-top: 1em;
  font-weight: bold;
}

div[s-modal="template-preview"] .s-modal .s-modal-content .white-box {
  padding:0px;
}

div[s-modal="template-preview"] .s-contract form.contract {
  margin-bottom:0px;
}

div[s-modal="template-preview"] .actions {
  text-align: center;
  padding:2em;
}

div[s-modal="template-preview"] .white-box > div {
  padding-top: 50px;
}

@media(max-width: 765px) {
  div[s-modal="template-preview"] .white-box > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.password-change-confirm-modal {
  padding: 1rem;
  text-align: center;
}
.password-change-confirm-modal h3 {
  border-bottom: 0;
  font-weight: bold;
}
.password-change-confirm-modal .buttons {
  padding: 2rem;
}
.password-change-confirm-modal .buttons button {
  display: inline-block;
  width: 100%;
  padding: 1.25rem;
  margin: 0.25rem 0;
}

.action-bar .progress-links {
  margin:0px;
  padding:0px;
}

.action-bar .progress-links i {
  padding:20px 0px;
}

.action-bar .form-control {
  margin:13px 0px;
}

.action-bar {
  background-color: #fff;
  margin-bottom:2em;
}

.action-bar .right-actions {
  float:right;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.action-bar .right-actions > li {
  display: inline-block;
}

.action-bar div[class*="col-"] > a:not(.btn),
.action-bar div[class*="col-"] > span > a:not(.btn) {
  color:#666;
  cursor:pointer;
  padding:20px 0px;
  display: inline-block;
}

.action-bar div[class*="col-"] > a:hover,
.action-bar div[class*="col-"] > a:active,
.action-bar div[class*="col-"] > a:focus {
  color:#000;
  text-decoration: none;
}

.action-bar .title {
  display: inline-block;
  font-weight: 700;
  position: relative;
  top:2px;
}

.action-bar .form-control {
  border: 1px solid #F4f4f4;
  box-shadow: 0px 0px 0px transparent;
  background-color: #F4f4f4;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.action-bar .form-control:focus {
  border-color: #e3e7f1;
}
.action-bar .title,
.action-bar .filter-form select,
.action-bar .filter-form input {
  margin-right:3em;
}

.action-bar .toggle-switch {
  vertical-align: middle;
}

.action-bar .coupon-status {
  position: relative;
  top:3px;
  padding-left:20px;
  font-size: 1.4em;
  font-weight: bold;
}

.action-bar .btn,
.action-bar .swc-button {
  margin:14px 0px 13px 0px;
}

.action-bar .open-actions {
  display: none;
  cursor: pointer;
}

.action-bar .s-tabnav {
  margin-left:20px;
  top: 1px;
}

@media(max-width:765px) {
  .action-bar {
    margin-bottom:2em;
    padding-right:49px;
    position: relative;
  }
  .action-bar .row {
    margin-left:-10px;
    margin-right:-10px;
  }
  .action-bar [class*=col-] {
    position: static;
    padding-left:10px;
    padding-right:10px;
  }
  .action-bar .open-actions {
    position: absolute;
    height:60px;
    width:49px;
    right:0px;
    top:0px;
    border-left:1px solid #ccc;
    display: block;
    font-size: 27px;
    line-height: 64px;
    text-align: center;
    z-index:999;
    padding: 18px 0px;
  }
  .action-bar.open .open-actions {
    background-color: #A0A0A0;
    color:#fff;
  }

  .action-bar .right-actions > li a,
  .action-bar .right-actions > li > .swc-button {
    border: 0px;
  }

  .action-bar .right-actions > li > .swc-button {
    width: 100%;
    min-height: 37px;
    display: inline-grid !important;
    justify-content: left;
  }

  .action-bar .right-actions {
    display: none;
    position: absolute;
    background-color: #3E3E3E;
    z-index:99;
    right: 0px;
    top: 100%;
    min-width: 240px;
    list-style: none;
    box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.5);
    border-bottom-left-radius:4px;
    border-top-left-radius:4px;
    border-bottom-right-radius:4px;
    max-width: 80vw;
  }
  .action-bar .right-actions > li {
    display: block;
    margin-right: 0px;
  }
  .action-bar .right-actions > li a,
  .action-bar .right-actions > li > .swc-button {
    display: block;
    padding:14px 14px !important;
    border-bottom:1px solid #5D5D5D;
    font-size: 14px;
    background-color:transparent !important;
    text-align: left !important;
    margin: 0px !important;
    white-space: pre-line;
  }
  .action-bar .right-actions > li a,
  .action-bar .right-actions > li a .innerWrap,
  .action-bar .right-actions > li a .innerWrap i,
  .action-bar .right-actions > li > .swc-button {
    color:#fff !important;
  }

  .action-bar .right-actions > li:last-of-type {
    border-bottom:0px;
  }

  .action-bar.open .right-actions {
    display: block;

  }

  .action-bar input {
    margin-top:1em;
  }

  .action-bar div[class*="col-"] > a {
      font-size: 0.9em;
      color:#000;
  }
  .action-bar.hide-mobile-menu {
    padding-right:0px;
  }
  .action-bar.hide-mobile-menu .open-actions {
    display: none;
  }

  .action-bar .s-tabnav {
    margin-left:0px;
  }

  .action-bar .s-tabnav li {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .action-bar .s-tabnav li:first-of-type {
    padding-left: 10px !important;
  }
  .action-bar .s-tabnav li:last-of-type {
    padding-right: 10px !important;
  }
}


.affix-top {
  position: fixed;
}

.affix-bottom {
  position: relative;
}

.s-affix-simple-wrap {
  width: inherit;
}

/* form starting stylings ------------------------------- */
.animate-input {
  margin-bottom:45px;
}
.group            {
  position:relative;
}

input:focus         { outline:none; }

/* LABEL ======================================= */
.animate-input label.label-animate {
  color:#999;
  font-size:1.25em;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:14px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

.animate-input .form-control {
  font-size: 1.25em;
  line-height: 34px;
  height: 52.5px;
}

/* active state */
.animate-input input:focus ~ label.label-animate, .animate-input input.ng-not-empty + label.label-animate,
.animate-input textarea:focus ~ label.label-animate, .animate-input textarea.ng-not-empty + label.label-animate,
.animate-input select:focus ~ label.label-animate, .animate-input select.ng-not-empty + label.label-animate {
  top:-20px;
  font-size:14px;
  color:#337ab7;
}

/*TWO ROWS SUPPORT FOR MOBILE DEVICES*/
@media(max-width:765px) {
  /* active state */
  .animate-input.two-rows-xs input:focus ~ label.label-animate, .animate-input.two-rows-xs input.ng-not-empty + label.label-animate,
  .animate-input.two-rows-xs textarea:focus ~ label.label-animate, .animate-input.two-rows-xs textarea.ng-not-empty + label.label-animate,
  .animate-input.two-rows-xs select:focus ~ label.label-animate, .animate-input.two-rows-xs select.ng-not-empty + label.label-animate {
    top:-40px;
  }
  .animate-input.two-rows-xs {
    margin-top: 2em;
  }
  .animate-input.two-rows-xs label.label-animate {
    top:-7px;
  }
}


.animate-input input::-webkit-input-placeholder {  /* Firefox 19+ */
   color: white !important;
}
.animate-input input:-moz-placeholder {  /* Firefox 19+ */
   color: white !important;
}
.animate-input input::-moz-placeholder {  /* Firefox 19+ */
   color: white !important;
}
.animate-input input:-ms-input-placeholder {  /* Firefox 19+ */
   color: white !important;
}

.animate-input input:focus::-webkit-input-placeholder {  /* Firefox 19+ */
   color: #888 !important;
}
.animate-input input:focus:-moz-placeholder {  /* Firefox 19+ */
   color: #888 !important;
}
.animate-input input:focus::-moz-placeholder {  /* Firefox 19+ */
   color: #888 !important;
}
.animate-input input:focus :-ms-input-placeholder {  /* Firefox 19+ */
   color: #888 !important;
}


.animate-input input[type="date"] {
  color:transparent;
}

.animate-input input[type="date"]:focus,
.animate-input.ng-not-empty input[type="date"],
.animate-input input[type="date"].ng-not-empty {
  color:#000;
}

/* BOTTOM BARS ================================= */
.animate-input .bar    { position:relative; display:block; width:100%; }
.animate-input .bar:before, .animate-input .bar:after     {
  content:'';
  height:2px;
  width:0;
  bottom:1px;
  position:absolute;
  background:#337ab7;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}
.animate-input .bar:before {
  left:50%;
}
.animate-input .bar:after {
  right:50%;
}

/* active state */
.animate-input input:focus ~ .bar:before, .animate-input input:focus ~ .bar:after,
.animate-input textarea:focus ~ .bar:before, .animate-input textarea:focus ~ .bar:after,
.animate-input select:focus ~ .bar:before, .animate-input select:focus ~ .bar:after {
  width:50%;
}

.animate-input textarea:focus ~ .bar:before {
  /*width:100%;*/
}

/* HIGHLIGHTER ================================== */
.animate-input .highlight {
  position:absolute;
  height:60%;
  width:30%;
  top:25%;
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.animate-input input:focus ~ .highlight,
.animate-input textarea:focus ~ .highlight,
.animate-input select:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ADDON ICON ================ */
.animate-input.input-addon-icon {
  position: relative;
}
.animate-input.input-addon-icon .form-control {
  padding-left: 40px;
  position: relative;
}

.animate-input.input-addon-icon i.addon-icon {
  position: absolute;
  left:13px;
  top:13px;
  font-size: 20px;
  opacity: 0.5;
  z-index: 2;
}

.animate-input.input-addon-icon .label-animate {
  left: 40px;
}


/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#337ab7; }
  to    { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#337ab7; }
  to    { width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#337ab7; }
  to    { width:0; background:transparent; }
}

.mobile-dropdown > div > ul > li {
  display: inline-block;
  background-color: transparent;
}

.mobile-dropdown .overlay {
  display: none;
}

.mobile-dropdown > div > ul {
  list-style: none;
  padding-left:0px;
}

@media(max-width: 765px) {
  .mobile-dropdown {
    z-index:3;
  }

  .mobile-dropdown .overlay {
    width: 100vw;
    height:100vh;
    position: fixed;
    top:0px;
    left:0px;
    display: block;
  }

  .mobile-dropdown > div > ul {
    display: none;
    width: 70%;
    position: relative;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    overflow: hidden;
    box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.5);
  }

  .mobile-dropdown.open > div > ul {
    display: block;
  }

  .mobile-dropdown > div > ul > li {
    width: 100%;
    display: block;
  }

  .mobile-dropdown > div > ul > li .btn {
    background-color: #3E3E3E;
    padding: 14px 14px;
    border-radius :0px;
    text-align: left;
    display: block;
    width: 100%;
  }
}

.signature-pad-wrap {
  text-align: left;
  position: relative;
}

.signature-pad-wrap .pad-wrap {
  border: 1px dashed #aaa;
  margin-bottom:5px;
  position: relative;
}

.signature-pad-wrap canvas {
  position: relative;
  z-index: 2;
  color:#4169E1;
  width:100%;
}

.signature-pad-wrap canvas:active {
  cursor: default;
}

.signature-pad-wrap .sign-line {
  position: absolute;
  top:80%;
  text-align: center;
  width: 100%;
}

.signature-pad-wrap .sign-line .line {
  position: relative;
  border-top:2px solid #888;
  width: 80%;
  margin: auto;
}

.signature-pad-wrap .sign-line .name {
  margin-top:5px;
}

.signature-pad-wrap .placeholder {
  display: block;
  position: absolute;
    text-align: center;
    width: 100%;
    top: 70px;
    font-size: 22px;
    color: #bbb;
    font-weight: bold;
    font-family: 'Quicksand', sans-serif;
    font-style:italic;
}

.signature-pad-wrap.ng-touched .placeholder {
  display: none;
}

.signature-pad-wrap .disclaimer {
  font-size: 10px;
  text-align: center;
}

.signature-pad-wrap .actions {
  position: absolute;
  text-align: right;
  top: 5px;
  right:0px;
  z-index:4;
}

.signature-pad-wrap .actions {
  padding-left:5px;
  padding-right:5px;
}

.signature-pad-wrap .actions .btn {
  text-transform: none;
}

.signature-info-button {
  margin-top:5px;
  text-align: center;
}

@media(min-width: 599px) and (max-height: 699px) {
  .signature-pad-wrap .placeholder {
    top: 48px;
  }
}

@media(max-width: 765px) {

  .signature-pad-wrap .placeholder {
    position: absolute;
      text-align: center;
      width: 100%;
      top: 90px;
      font-size: 18px;
      padding:0px 10px;
  }

  .signature-pad-wrap .sign-line {
    bottom:24px;
  }

  .signature-pad-wrap .btn {
    padding:2px 5px;
  }

  .signature-pad-wrap .disclaimer {
    padding:0px 10px;
  }
}

@media(max-height: 700px) {
  .signature-pad-wrap .placeholder {
    font-size: 15px;
    top: 45px;
  }
}

@media(max-height: 460px) {
  .signature-pad-wrap .sign-line {
    position: absolute;
    bottom:10px;
  }

  .signature-pad-wrap .placeholder {
    font-size: 15px;
    top: 45px;
  }

  .signature-pad-wrap .sign-line .name {
    font-size: 12px;
  }
}

@media(max-width: 321px) {
  .signature-pad-wrap .placeholder {
    top:45px;
    font-size: 14px;
  }
}

.spinner-button.spinning .original-content {
  display:none;
}

.spinner-button.spinning .page-spinner-bar {
  display:block;
}

.spinner-button .page-spinner-bar {
  display:none;
}

.spinner-button .original-content {
  display: inline;
}

.swc-spinner-button.spinning .original-content {
  display: none;
}

.swc-spinner-button.spinning .swc-loading-spinner {
  display: inline-grid;
}

.swc-spinner-button .swc-loading-spinner {
  display: none;
}

.swc-spinner-button .original-content {
  display: inline-grid;
  grid-auto-flow: column;
  column-gap: 8px;
  align-items: center;
}

.to-top {
  width:40px;
  height:40px;
  line-height: 40px;
  font-size: 20px;
  color:#aaa;
  background-color: #fff;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
  cursor: pointer;
  display: inline-block;
  z-index: 999;
  bottom:-50px;
  position: fixed;
  text-align: center;
  left:calc(50% - 20px);
  transition: bottom 0.5s;
  -webkit-transition: bottom 0.5s;
  -moz-transition: bottom 0.5s;
  -o-transition: bottom 0.5s;
}

.to-top.show {
  bottom:30px;
}

.to-top i {
  position: relative;
  top:8px;
  transition: color 0.2s;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
}

.to-top:hover i {
  color:#666;
}

@media(max-height: 460px) {
  .to-top {
    display: none !important;
  }
}

.truncate {
    height:100px;
    overflow:hidden;
    position: relative;
    -webkit-transition:height 0.3s;
    -moz-transition:height 0.3s;
    -o-transition:height 0.3s;
    transition:height 0.3s;
}

.truncate.expanded {
    background: transparent;
}

.truncate > a {
    position: absolute;
    bottom:0px;
    right:0px;
    display: block;
    padding:60px 5px 10px 5px;
    width: 100%;
    background: -webkit-linear-gradient(
        rgba(255,255,255, 0) 20%,
        rgba(255,255,255, 1) 80%
    );
    background-image: -moz-linear-gradient(
        rgba(255,255,255, 0) 20%,
        rgba(255,255,255, 1) 80%
    );
    background-image: -o-linear-gradient(
        rgba(255,255,255, 0) 20%,
        rgba(255,255,255, 1) 80%
    );
    background-image: linear-gradient(
        rgba(255,255,255, 0) 20%,
        rgba(255,255,255, 1) 80%
    );
    background-image: -ms-linear-gradient(
        rgba(255,255,255, 0) 20%,
        rgba(255,255,255, 1) 80%
    );
}

.truncate.yellow > a {
    background: -webkit-linear-gradient(
        rgba(246,241,229, 0) 20%,
        rgba(246,241,229, 1) 80%
    );
    background-image: -moz-linear-gradient(
        rgba(246,241,229, 0) 20%,
        rgba(246,241,229, 1) 80%
    );
    background-image: -o-linear-gradient(
        rgba(246,241,229, 0) 20%,
        rgba(246,241,229, 1) 80%
    );
    background-image: linear-gradient(
        rgba(246,241,229, 0) 20%,
        rgba(246,241,229, 1) 80%
    );
    background-image: -ms-linear-gradient(
        rgba(246,241,229, 0) 20%,
        rgba(246,241,229, 1) 80%
    );
}

.truncate.grey > a {
    background: -webkit-linear-gradient(
        rgba(244,244,244, 0) 20%,
        rgba(244,244,244, 1) 80%
    );
    background-image: -moz-linear-gradient(
        rgba(244,244,244, 0) 20%,
        rgba(244,244,244, 1) 80%
    );
    background-image: -o-linear-gradient(
        rgba(244,244,244, 0) 20%,
        rgba(244,244,244, 1) 80%
    );
    background-image: linear-gradient(
        rgba(244,244,244, 0) 20%,
        rgba(244,244,244, 1) 80%
    );
    background-image: -ms-linear-gradient(
        rgba(244,244,244, 0) 20%,
        rgba(244,244,244, 1) 80%
    );
}

.truncate.expanded > a {
    background: transparent;
    position: absolute;
    height: auto;
    padding:0px;
}

.truncate.no-truncate {
    height: auto !important;
}
.truncate.no-truncate > a {
    display: none;
}