@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/assets/fonts/OpenSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/assets/fonts/OpenSans-Semibold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/assets/fonts/OpenSans-Bold.ttf) format('truetype');
}
/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=fd5aed025cfed670826e)
 * Config saved to config.json and https://gist.github.com/fd5aed025cfed670826e
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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 {
  -moz-box-sizing: content-box;
  -webkit-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;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! 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;
  }
  select {
    background: #fff !important;
  }
  .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: 14px;
  -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: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  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 {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
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: thin dotted;
  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[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"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    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;
}
select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  min-height: 32px;
}
.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;
}
select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  min-height: 38px;
}
.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 {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .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: 14.333333px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.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: thin dotted;
  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;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.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,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  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:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.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,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  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:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.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,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  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:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.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,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  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:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.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,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  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:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.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,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  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%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
     transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
     transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
     transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-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 solid;
  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-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-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.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-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 {
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777777;
}
.navbar-default .navbar-nav > li > a {
  color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777777;
}
.navbar-default .navbar-link:hover {
  color: #333333;
}
.navbar-default .btn-link {
  color: #777777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cccccc;
}
.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #ffffff;
  cursor: not-allowed;
}
.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;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.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-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 {
  color: #555555;
}
a.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}
.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 {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #dddddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.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%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer: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,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer: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;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.ui-button,
.ui-button-primary,
.ui-button-success,
.ui-button-info,
.ui-button-warning,
.ui-button-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.ui-button-default:active,
.ui-button-primary:active,
.ui-button-success:active,
.ui-button-info:active,
.ui-button-warning:active,
.ui-button-danger:active,
.ui-button-default.ui-state-active,
.ui-button-primary.ui-state-active,
.ui-button-success.ui-state-active,
.ui-button-info.ui-state-active,
.ui-button-warning.ui-state-active,
.ui-button-danger.ui-state-active {
  -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);
}

.ui-button:active,
.ui-button.ui-state-active {
  background-image: none;
}

.ui-button,
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
	text-shadow: 0 1px 0 #fff;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e6e6e6, 100%);
	background-image: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
	background-repeat: repeat-x;
	border-color: #e0e0e0;
	border-color: #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-button-primary,
.ui-dialog-buttonset .ui-button:not(:first-child){
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9));
  background-image: -webkit-linear-gradient(top, #428bca, 0%, #3071a9, 100%);
  background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%);
  background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  background-repeat: repeat-x;
  border-color: #2d6ca2;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-button-warning {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f));
  background-image: -webkit-linear-gradient(top, #f0ad4e, 0%, #ec971f, 100%);
  background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  background-repeat: repeat-x;
  border-color: #eb9316;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-button-danger {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
  background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);
  background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  background-repeat: repeat-x;
  border-color: #c12e2a;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-button-success {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
  background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);
  background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  background-repeat: repeat-x;
  border-color: #419641;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-button-success:active,
.ui-button-success.ui-state-active {
  background-color: #449d44;
  border-color: #419641;
}

.ui-button-info {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
  background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
  background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  background-repeat: repeat-x;
  border-color: #2aabd2;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
}

.ui-button-info:active,
.ui-button-info.ui-state-active {
  background-color: #31b0d5;
  border-color: #2aabd2;
}

.ui-button-error {
  background-image: -webkit-linear-gradient(linear, left 0%, left 100%, from(#ee5f5b), to(#c43c35)); /* Safari 5.1+, Chrome 10+ */
  background-image: -moz-linear-gradient(top, #ee5f5b, 0%, #c43c35, 100%); /* Firefox 3.6 */
  background-image: -o-linear-gradient(top, #ee5f5b, 0%, #c43c35 100%); /* Opera 11.10+ */
  background-image: linear-gradient(top, #ee5f5b, 0%, #c43c35 100%); /* CSS3 Compliant */
  background-repeat: repeat-x;
  border-color: #c43c35;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); /* IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

input, textarea {
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* Safari 4 */
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* Firefox 3.6 */
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

/*
 * jQuery UI Menu 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-widget-content{
    -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);
}

/*
 * jQuery UI Progressbar 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar .ui-progressbar-value {
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}
/*!
 * jQuery UI Bootstrap (1.0 alpha)
 * http://addyosmani.github.io/jquery-ui-bootstrap/
 *
 * Copyright 2012 - 2013, Addy Osmani
 * Dual licensed under the MIT or GPL Version 2 licenses.
 *
 * Portions copyright jQuery UI & Twitter Bootstrap
 */

/********** VJ - Move to Less - Start *************/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ui-helper-clearfix {
	/*display: inline-block; */
	display: block;
	min-height: 0; /* support: IE7 */
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
	height:1%;
}

/* end clearfix */
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}
.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*
 * jQuery UI Resizable 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/resizable/
 */

.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
	display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

/*
 * jQuery UI Selectable 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/selectable/
 */

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}


/*
 * jQuery UI CSS Framework 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 *
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

/* Component containers
----------------------------------*/

.ui-widget {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.ui-widget .ui-widget {
	font-size: 13px;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: inherit;
}

.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_glass_75_ffffff_1x400.png") 50% 50% repeat-x;
	color: #404040;
}

.ui-widget-header {
	font-weight: bold;
    background-color: #F5F5F5;
    border-color: #DDDDDD;
    color: #333333;

}

.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
   color: #333333;
   background-color: #ffffff;
   font-weight: normal;
   border: 1px solid #cccccc;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
	text-decoration: none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #333333;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #adadad;
	font-weight: normal;
	color: #333333;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #333333;
	text-decoration: none;
}

.ui-widget :active {
	outline: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-state-error,
.ui-state-default {
	position: relative;
	border-width: 1px;
	border-style: solid;
}

.ui-state-highlight p,
.ui-state-error p,
.ui-state-default p {
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	margin:7px 15px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #2d6987;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #953b39;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #953b39;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}

.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
	width: 16px;
	height: 16px;
	background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}

.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_f6cf3b_256x240.png");
}

/* positioning */

.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }

.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all {
	-webkit-border-radius: 4px; /* Safari 4 */
	-moz-border-radius: 4px; /* Firefox 3.6 */
	border-radius: 4px;
}

.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	-webkit-border-top-left-radius: 4px; /* Safari 4 */
	-moz-border-radius-topleft: 4px; /* Firefox 3.6 */
	border-top-left-radius: 4px;
}

.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	-webkit-border-top-right-radius: 4px; /* Safari 4 */
	-moz-border-radius-topright: 4px; /* Firefox 3.6 */
	border-top-right-radius: 4px;
}

.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	-webkit-border-bottom-left-radius: 4px; /* Safari 4 */
	-moz-border-radius-bottomleft: 4px; /* Firefox 3.6 */
	border-bottom-left-radius: 4px;
}

.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	-webkit-border-bottom-right-radius: 4px; /* Safari 4 */
	-moz-border-radius-bottomright: 4px; /* Firefox 3.6 */
	border-bottom-right-radius: 4px;
}

/* Overlays */

.ui-widget-overlay {
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .30;
	filter:Alpha(Opacity=30);
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .30;
	filter:Alpha(Opacity=30);
	-webkit-border-radius: 8px; /* Safari 4 */
	-moz-border-radius: 8px; /* Firefox 3.6 */
	border-radius: 8px;
}

/*
 * jQuery UI Accordion 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/accordion/
 */

/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
	width: 100%;
}

.ui-accordion .ui-accordion-li-fix {
	display: inline;
}

.ui-accordion .ui-accordion-header-active {
	border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
    border-top: 0 none;
	margin-top: -3px;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	overflow: auto;
	display: none;
}

.ui-accordion .ui-accordion-content-active {
	display: block;
}


/*
 * jQuery UI Autocomplete 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/autocomplete/
 */

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}


/*
 * jQuery UI Button 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */

.ui-button {
	cursor: pointer;
	display: inline-block;
	padding: 6px 12px;
  	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #ccc;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
	   -o-user-select: none;
	      user-select: none;
}

.ui-button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ui-button:focus,
.ui-button:hover {
	color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
    text-decoration: none;
}

ui-button.disabled,
ui-button[disabled],
fieldset[disabled] ui-button,
ui-button.disabled:hover,
ui-button[disabled]:hover,
fieldset[disabled] ui-button:hover,
ui-button.disabled:focus,
ui-button[disabled]:focus,
fieldset[disabled] ui-button:focus,
ui-button.disabled:active,
ui-button[disabled]:active,
fieldset[disabled] ui-button:active,
ui-button.disabled.active,
ui-button[disabled].active,
fieldset[disabled] ui-button.ui-state-active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.ui-btn-lg{
	padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

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

.ui-btn-xs {
  padding: 1px 5px;
}

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

.ui-btn-block + .ui-btn-block {
  margin-top: 5px;
}

input[type="submit"].ui-btn-block,
input[type="reset"].ui-btn-block,
input[type="button"].ui-btn-block {
  width: 100%;
}

.ui-button-text-icon-primary
.ui-button-icon-primary {
    float:left;
}

.ui-button-text-icon-primary {
    padding:2px 7px 3px;
}

.ui-button-primary {
	color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
}

.ui-button-warning {
	color: #ffffff;
	background-color: #f0ad4e;
	border-color: #eea236;
}

.ui-button-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ui-button-danger {
	color: #ffffff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.ui-button-inverse {
	color: #ffffff;
	background-color: #222222;
    border-color: #080808;
}

.ui-button-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.ui-button-error {
	color: #ffffff;
	background-color: #c43c35;
	border-color: #882a25;
}

.ui-button-primary:hover,
.ui-button-success:hover,
.ui-button-info:hover,
.ui-button-danger:hover,
.ui-button-warning:hover,
.ui-button-inverse:hover{
	color: #ffffff;
	text-decoration: none;
}

.ui-button-primary:hover,
.ui-button-primary:focus {
	color: #ffffff;
	background-color: #3276b1;
	border-color: #285e8e;
}
.ui-button-success:hover{
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.ui-button-info:hover{
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}

.ui-button-danger:hover{
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.ui-button-warning:hover{
	color: #ffffff;
	background-color: #ed9c28;
	border-color: #d58512;
}

.ui-button-inverse:hover{
	color: #ffffff;
	background-color: #363636;
	border-color: #000000;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}

/* button elements seem to need a little more width */
.ui-button-icons-only {
	width: 3.4em;
}

button.ui-button-icons-only {
	width: 3.7em;
}

.ui-button-text-icon-primary .ui-button-icon-primary.ui-icon {
    margin-top:5px;
}
/*button text element */

.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999px;
	display:none; /*tempfix*/
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    margin-bottom: 0;
    margin-top: 0;
    top: 50%;
}

.ui-button-icon-only .ui-icon {
	left: 50%;
	/* chrome margin*/
	margin-left: -8px;
	/* firefox margin*/
    margin-right: -6px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/*button sets*/

.ui-buttonset {
	margin-right: 7px;
}

.ui-buttonset .ui-state-active {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

.ui-buttonset .ui-state-active.ui-state-hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.4em;
}

/* reset extra padding in Firefox */
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}


/*
 * jQuery UI Menu 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}

.ui-menu .ui-menu{
	margin-top: -3px;
	position: absolute;
	list-style:none;
}

/*
* Bug inline with IE sub menu
*/
/* IE9, IE10 */
@media screen and (min-width:0\0) {
	.ui-menu li {
	  list-style-type: none;
	  display: inline;
	  line-height: 0;
	}

	li.ui-menu-item {
	  /* This fixes the IE10 issue (jQuery UI Issue #8844)*/
	  list-style-type: none;
	}
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style:none;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-corner-all{
	-webkit-border-radius: 0px; /* Safari 4 */
    -moz-border-radius: 0px; /* Firefox 3.6 */
    border-radius: 0px;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-widget-content{
	font-weight: bold;
	margin: 0;
    background-color: #428BCA;
    border-color: #357EBD;
    color: #FFFFFF;
    display: block;
    white-space: nowrap;
}

/* Fix problem with border in ui-state-active */
.ui-menu .ui-menu-item a.ui-state-active {
	padding: 1px .4em;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}

.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

.ui-menu {
	width: 200px;
	margin-bottom: 2em;
}


/*
 * jQuery UI spinner 1.10.3
 *
* Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}

.ui-spinner-input {
	border: none;
	background: none;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}

.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}

/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}

/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}

.ui-spinner-up {
	top: 0;
}

.ui-spinner-down {
	bottom: 0;
}

/* need to fix icons sprite */
.ui-spinner .ui-icon-triangle-1-s {
	background-position: -65px -16px;
}

/*
 * jQuery UI Dialog 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	width: 300px;
	overflow: hidden;
	outline: 0;
	background-clip: padding-box;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 6px 6px 6px 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); /* Safari 4 */
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); /* Firefox 3.6 */
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	/*left: 50%;
	margin-left: -280px;*/
	outline: medium none;
	/*top: 10%;
	width: 560px;*/
	z-index: 1050;
}

.ui-dialog .ui-dialog-titlebar {
	/*padding: .4em 1em;*/
	position: relative;
	padding: 5px 15px;
	border: 0 0 0 1px solid;
	border-color: white;
	padding: 5px 15px;
	font-size: 18px;
	text-decoration: none;
	-webkit-border-bottom-right-radius: 0; /* Safari 4 */
	-moz-border-radius-bottomright: 0; /* Firefox 3.6 */
	border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0; /* Safari 4 */
	-moz-border-radius-bottomleft: 0; /* Firefox 3.6 */
	border-bottom-left-radius: 0;
	border-bottom: 1px solid #ccc;
}

.ui-dialog .ui-dialog-title {
	float: left;
	color: #404040;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 19px;
	margin: -20px 0 0 0;
	padding: 1px;
	height: 18px;
	font-size: 20px;
	font-weight: bold;
	line-height: 13.5px;
	text-shadow: 0 1px 0 #ffffff;
	filter:alpha(opacity=25);
	-khtml-opacity: 0.25;
	-moz-opacity: 0.25;
	opacity: 0.25;
	background: none;
	border-width: 0;
	border: none;
	-webkit-box-shadow: none; /* Safari 4 */
	-moz-box-shadow: none; /* Firefox 3.6 */
	box-shadow: none;
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: block;
	margin: 1px;
	text-indent: 9999px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
	padding: 1px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin: .5em 0 0 0;
	background-color: #ffffff;
	padding: 5px 15px 5px;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0 0 6px 6px; /* Safari 4 */
	-moz-border-radius: 0 0 6px 6px; /* Firefox 3.6 */
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: inset 0 1px 0 #ffffff; /* Safari 4 */
	-moz-box-shadow: inset 0 1px 0 #ffffff; /* Firefox 3.6 */
	box-shadow: inset 0 1px 0 #ffffff;
	margin-bottom: 0;

}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}

.ui-dialog .ui-resizable-se {
	width: 14px;
	height: 14px;
	right: 3px;
	bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover{
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
}

/***Dialog fixes**/

.ui-dialog-buttonset .ui-button:not(:first-child) {
    cursor: pointer;
    display: inline-block;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
    overflow: visible;
}

.ui-dialog-buttonset .ui-button:not(:first-child).ui-state-hover{
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
    text-decoration: none;
}

/* ui-dialog-buttonset UI info */
.ui-dialog-buttonset .ui-button.ui-button-info{
	color: #ffffff;
	background-color: #5bc0de;
	border-color: #46b8da;
}

.ui-dialog-buttonset .ui-button.ui-button-info.ui-state-hover{
	color: #ffffff;
	background-color: #39b3d7;
	border-color: #269abc;
}

/* ui-dialog-buttonset UI success */
.ui-dialog-buttonset .ui-button.ui-button-success{
	color: #ffffff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.ui-dialog-buttonset .ui-button.ui-button-success.ui-state-hover{
	color: #ffffff;
	background-color: #47a447;
	border-color: #398439;
}

/* ui-dialog-buttonset UI warning */
.ui-dialog-buttonset .ui-button.ui-button-warning{
	color: #ffffff;
	background-color: #f0ad4e;
	border-color: #eea236;
}

.ui-dialog-buttonset .ui-button.ui-button-warning.ui-state-hover{
    color: #ffffff;
	background-color: #ed9c28;
	border-color: #d58512;
}

/* ui-dialog-buttonset UI Danger */
.ui-dialog-buttonset .ui-button.ui-button-danger{
	color: #ffffff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.ui-dialog-buttonset .ui-button.ui-button-danger.ui-state-hover{
	color: #ffffff;
	background-color: #d2322d;
	border-color: #ac2925;
}

/* ui-dialog-buttonset UI Inverse */
.ui-dialog-buttonset .ui-button.ui-button-inverse{
	color: #ffffff;
	background-color: #222222;
    border-color: #080808;
}

.ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover{
	color: #ffffff;
	background-color: #363636;
	border-color: #000000;
}

/*
 * jQuery UI Slider 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */

.ui-slider {
	position: relative;
	text-align: left;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
	color: #ffffff;
	background-color: #0e90d2;
	background-image: -moz-linear-gradient(top, #149bdf, #0480be);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
	background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
	background-image: -o-linear-gradient(top, #149bdf, #0480be);
	background-image: linear-gradient(to bottom, #149bdf, #0480be);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width 0.6s ease;
	-moz-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;
}

.ui-slider-horizontal {
	height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/*
 * jQuery UI Tabs 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/tabs/
 */

.ui-tabs {
	position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	border: 0;
	-webkit-border-radius: 0; /* Safari 4 */
	-moz-border-radius: 0; /* Firefox 3.6 */
	border-radius: 0;
}

.ui-tabs .ui-tabs-nav {
	margin-bottom: 5px;
	border: solid #ddd;
	border-width: 0 0 1px 0;
	-webkit-border-radius: 0; /* Safari 4 */
	-moz-border-radius: 0; /* Firefox 3.6 */
	border-radius: 0;
	background: none;
}

.ui-tabs .ui-tabs-nav li {
	position: relative;
	top: 0;
	float: left;
	margin-right: 2px;
	margin-bottom: -1px;
	border: 0;
	list-style: none;
	white-space: nowrap;
	background: none;
}

.ui-tabs-nav .ui-state-default {
	border: 0;
	-webkit-box-shadow: none;  /* Safari 4 */
	-moz-box-shadow: none;  /* Firefox 3.6 */
	box-shadow: none;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	border: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	-webkit-border-radius: 4px 4px 0 0; /* Safari 4 */
	-moz-border-radius: 4px 4px 0 0; /* Firefox 3.6 */
	border-radius: 4px 4px 0 0;
	padding: 8px 12px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	color: #0069D6;
	background: none;
}

.ui-tabs .ui-tabs-nav li a:hover {
	border: 1px solid whiteSmoke;
	border-bottom: 1px solid #ddd;
	background-color: whiteSmoke;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	border: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	color: #555;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {
	background: #fff;
	cursor: text;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	display: block;
	margin: 1em 0;
	border: 0;
	-webkit-border-radius: 0; /* Safari 4 */
	-moz-border-radius: 0; /* Firefox 3.6 */
	border-radius: 0;
	padding: 1px 0;
	background: none;
}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}

/* IE fix for background inheritance from ui-widget */
.ui-tabs .ui-tabs-nav li {
	filter:none;
}

/*
 * jQuery UI Tooltip 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/tooltip/
 */

.ui-tooltip {
    display: block;
    font-size: 11px;
    opacity: 0.8;
    position: absolute;
    visibility: visible;
    z-index: 1024;
    max-width: 200px;
}

.ui-tooltip {
    background: #000000;
    border: 1px solid #000000;
}

.ui-tooltip {
    color: #FFFFFF;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: inset 0 1px 0 #000000; /* Safari 4 */
    -moz-box-shadow: inset 0 1px 0 #000000; /* Firefox 3.6 */
    box-shadow: inset 0 1px 0 #000000;
    border-radius: 4px 4px 4px 4px;
}

body .ui-tooltip {
	border-width: 1px;
}

.arrow {
    overflow: hidden;
    position: absolute;
    margin-left: 0;
    height: 20px;
    width: 20px;
}

.arrow.bottom {
    top: 100%;
    left: 38%;
}

.arrow.top {
    top: -50%;
    bottom: 22px;
    left: 42%;
}

.arrow.left {
    top : 25%;
    left: -15%;
    right: 0;
    bottom:-16px;
}

.arrow.right {
    top: 26%;
    left: 100%;
    right: 0;
    bottom:-16px;
    margin-left: 1px;
}

.arrow:after {
/*    content : " " ;
    position : absolute ;
    height : 0 ;
    left:0;
    top: 0;
    width: 0;
    margin-left : 0 ;
    bottom : 12px ;
    box-shadow: 6px 5px 9px -9px black;*/
}

.arrow.bottom:after {
    border-top:8px solid #000000;
    border-right:8px solid transparent;
    border-bottom:8px solid transparent;
    border-left:8px solid transparent;
}

.arrow.top:after {
    border-top:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #000000;
    border-left:6px solid transparent;
}

.arrow.left:after{
    width:0;
    border-top: 6px solid transparent;
    border-right: 6px solid #000000;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
}

.arrow.right:after{
    width:0;
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #000000;
}

/*
 * jQuery UI Datepicker 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/datepicker/
 */

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}

.ui-datepicker .ui-datepicker-header {
	position:relative;
	padding: .2em 0;
	border: 0;
	font-weight: bold;
	width: 100%;
	padding: 4px 0;
	background-color: #f5f5f5;
	color: #808080;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	/*top: 1px;*/
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
	/*left:1px;*/
}

.ui-datepicker .ui-datepicker-next-hover {
	/*right:1px;*/
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin:0 0 .4em;
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding:0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow:visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0em;
}

/* RTL support */

.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
	display: none; /*sorry for IE5*/
	display/**/: block; /*sorry for IE5*/
	position: absolute; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	top: -4px; /*must have*/
	left: -4px; /*must have*/
	width: 200px; /*must have*/
	height: 200px; /*must have*/
}

.ui-datepicker th {
	font-weight: bold;
	color: gray;
}

.ui-datepicker-today a:hover {
	background-color: #808080;
	color: #ffffff;

}
.ui-datepicker-today a {
	background-color: #BFBFBF;
	cursor: pointer;
	padding: 0 4px;
	margin-bottom: 0;
}

.ui-datepicker td a {
	margin-bottom: 0;
	border: 0;
}

.ui-datepicker td:hover {
	color: #ffffff;
}

.ui-datepicker td .ui-state-default {
	border: 0;
	background:none;
	margin-bottom: 0;
	padding: 5px;
	color: gray;
	text-align: center;
	filter: none;
}

.ui-datepicker td .ui-state-highlight{
	color: #ffffff;
	background-color: #5bc0de;
	border-color: #46b8da;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 4px; /* Safari 4 */
	-moz-border-radius: 4px; /* Firefox 3.6 */
	border-radius: 4px;
}

.ui-datepicker td .ui-state-active {
	color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
	margin-bottom: 0;
	font-size: normal;
	text-shadow: 0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 4px; /* Safari 4 */
	-moz-border-radius: 4px; /* Firefox 3.6 */
	border-radius: 4px;
}

.ui-datepicker td .ui-state-hover {
	color: #ffffff;
	background: #428bca;
	background-color: #428bca;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #357ebd;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 4px; /* Safari 4 */
	-moz-border-radius: 4px; /* Firefox 3.6 */
	border-radius: 4px;
}


/*
 * jQuery UI Progressbar 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */

.ui-progressbar {
	height:2em;
	margin-bottom: 20px;
	border:0px;
	overflow: hidden;
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
	background-repeat: repeat-x;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.ui-progressbar .ui-progressbar-value {
	margin: 0px;
	height: 100%;
	height:100%;
	color: #ffffff; /*this can be removed if ui-widget-header is blue*/
	background-color: #428BCA;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width 0.6s ease;
	transition: width 0.6s ease;
}

.ui-progressbar .ui-progressbar-overlay {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-moz-animation: progress-bar-stripes 2s linear infinite;
	-ms-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

/*** Input field styling from Bootstrap **/

 input, textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

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

input:focus, textarea:focus {
	outline: 0;
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); /* Safari 4 */
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); /* Firefox 3.6 */
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
	-webkit-box-shadow: none; /* Safari 4 */
	-moz-box-shadow: none; /* Firefox 3.6 */
	box-shadow: none;
	outline: 1px dotted #666;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
input[type="password"],
.ui-autocomplete-input,
textarea,
.uneditable-input {
	display: inline-block;
	padding: 4px;
	font-size: 13px;
	line-height: 18px;
	color: #555555;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px; /* Safari 4 */
	-moz-border-radius: 3px; /* Firefox 3.6 */
	border-radius: 3px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**Toolbar**/

.ui-toolbar {
	padding: 7px 14px;
	margin: 0 0 18px;
	background-color: #f5f5f5;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); /* Safari 5.1+, Chrome 10+ */
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* Firefox 3.6 */
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); /* Opera 11.10+ */
	background-image: linear-gradient(top, #ffffff, #f5f5f5); /* CSS3 Compliant */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); /* IE8 */
	border: 1px solid #ddd;
	-webkit-border-radius: 3px; /* Safari 4 */
	-moz-border-radius: 3px; /* Firefox 3.6 */
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 #ffffff; /* Safari 4 */
	-moz-box-shadow: inset 0 1px 0 #ffffff; /* Firefox 3.6 */
	box-shadow: inset 0 1px 0 #ffffff;
}

/********** VJ - Move to Less - End *************/

/** File Input **/

.customfile-button{
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/***Wijmo Theming**/

div.wijmo-wijmenu {
	padding:0 20px;
	background-color: #222222;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #333333, #222222); /* Safari 5.1+, Chrome 10+ */
	background-image: -moz-linear-gradient(top, #333333, #222222); /* Firefox 3.6 */
	background-image: -o-linear-gradient(top, #333333, #222222); /* Opera 11.10+ */
	background-image: linear-gradient(top, #333333, #222222); /* CSS3 Compliant */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); /* IE8 */
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); /* Safari 4 */
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); /* Firefox 3.6 */
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.wijmo-wijmenu .ui-state-default {
	-webkit-box-shadow: none; /* Safari 4 */
	-moz-box-shadow: none; /* Firefox 3.6 */
	box-shadow: none;
	color: #bfbfbf;
}

.wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text {
	color: #bfbfbf;
}

.wijmo-wijmenu .ui-state-hover {
	background: #444;
	background: rgba(255, 255, 255, 0.05);
}

.wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text {
	color: #ffffff;
}

div.wijmo-wijmenu .ui-widget-header h3 {
	position: relative;
	margin-top: 1px;
	padding: 0;
}

.wijmo-wijmenu h3 a {
	color: #ffffff;
	display: block;
	float: left;
	font-size: 20px;
	font-weight: 200;
	line-height: 1;
	margin-left: -20px;
	margin-top: 1px;
	padding: 8px 20px 12px;
}

.wijmo-wijmenu h3 a:hover{
	background-color: rgba(255, 255, 255, 0.05);
	color: #ffffff;
	text-decoration: none;
}

.wijmo-wijmenu .ui-widget-header {
	border: 0;
}

.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child {
	padding: 0.3em 0;
}

div.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child {
	background: #333;
	border: 0;
	margin: 0;
	padding: 6px 0;
	width: 160px;
	-webkit-border-radius: 0 0 6px 6px; /* Safari 4 */
	-moz-border-radius: 0 0 6px 6px; /* Firefox 3.6 */
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Safari 4 */
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Firefox 3.6 */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

div.wijmo-wijmenu .wijmo-wijmenu-item {
	margin: 0;
	border: 0;
}

.wijmo-wijmenu a.wijmo-wijmenu-link {
	margin: 0;
	line-height: 19px;
	padding: 10px 10px 11px;
	border: 0;
	-webkit-border-radius: 0; /* Safari 4 */
	-moz-border-radius: 0; /* Firefox 3.6 */
	border-radius: 0;
}

div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link {
	display: block;
	float: none;
	padding: 4px 15px;
	width: auto;
}

div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text {
	float: none;
}

.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover {
	background: #191919;
}

.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator {
	padding: 5px 0;
	background-image: none;
	background-color: #222;
	border-top: 1px solid #444;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

.wijmo-wijmenu .wijmo-wijmenu-item input {
	-moz-transition: none 0s ease 0s;
	background-color: rgba(255, 255, 255, 0.3);
	border: 1px solid #111111;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25); /* Safari 4 */
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25); /* Firefox 3.6 */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25);
	color: rgba(255, 255, 255, 0.75);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1;
	margin: 5px 10px 0 10px;
	padding: 4px 9px;
	width: 100px;
}

.wijmo-wijmenu .wijmo-wijmenu-item input:hover {
	background-color: rgba(255, 255, 255, 0.5);
	color: #ffffff;
}

.wijmo-wijmenu .wijmo-wijmenu-item input:focus {
	background-color: #ffffff;
	border: 0 none;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); /* Safari 4 */
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); /* Firefox 3.6 */
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	color: #404040;
	outline: 0 none;
	padding: 5px 10px;
	text-shadow: 0 1px 0 #ffffff;
}

.wijmo-wijmenu .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	text-shadow:none;
}

.wijmo-wijmenu .ui-state-default {
	-webkit-box-shadow: none; /* Safari 4 */
	-moz-box-shadow: none; /* Firefox 3.6 */
	box-shadow: none;
	color: #bfbfbf;
	filter: none;
}

/**
* Font Awesome in jQuery UI
* @author Gerits Aurelien
*
**/

.ui-button-icon-primary.ui-icon[class^="icon-"]:before,
.ui-button-icon-primary.ui-icon[class*=" icon-"]:before,
.ui-button-icon-secondary.ui-icon[class^="icon-"]:before,
.ui-button-icon-secondary.ui-icon[class*=" icon-"]:before {
    font-size: inherit;
    margin-left: 7px!important;
    margin-left: 5px;
    display: inline;
    text-decoration: inherit;
    color:inherit;
}

/* **
* If you use "Font awesome" is disable UI icons in element
** */
.ui-state-default .ui-icon[class*=" icon-"]{
    /* Reset background with font Awesome */
    background:none;
    margin-left:-12px; /*fix for margin issue with font awesome buttons*/
}

/* If you do not use ui-icon uncomment the lines */
/*
.ui-button .ui-button-text{
    display: inline-block;
    padding: 0px;
}

.ui-button-text-icon-primary .ui-button-icon-primary{
    float:none;
}*/
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-left, .ui-corner-bottom{ border-radius:0px;}
/*
 * jQuery UI Tabs 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/tabs/
 */

.ui-state-active,.ui-tabs-selected { border-radius:0px;}
.ui-tabs-selected { border-radius:0px;}
.ui-tabs .ui-tabs-nav li{ filter:none;}
.ui-tabs .ui-tabs-nav li a { border-radius:0px; }

.ui-button .ui-button-text {
	display: block;
}

/*
 * jQuery UI Button 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/button/
 */

.ui-button-text-icon-primary{}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {}

.ui-button-text-icon-primary .ui-icon{
	top:50%;
	margin-top: 5px;
	margin-bottom:-26px;
}

.ui-button-icons-only .ui-icon {}

.ui-button-icon-only .ui-icon{
	top:50%;
	margin-top: 0px;
	margin-bottom:-28px;
}

.ui-menu li {
  list-style-type: none;
  display: inline;
  line-height: 0;
}
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

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

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

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

  25%, 75% {
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    -ms-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
  background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-fixParent {
  z-index: auto !important;
}

.introjs-showElement {
  z-index: 9999999 !important;
}

.introjs-relativePosition {
  position: relative;
}

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255,255,255,.9);
  border: 1px solid #777;
  border: 1px solid rgba(0,0,0,.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0,0,0,.4);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-helperNumberLayer {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  background: #ff3019; /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
  background:    -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
  background:     -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
  background:      -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
  background:         linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);  /* W3C */
  width: 20px;
  height:20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {
  border: 5px solid white;
  content:'';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:white;
}
.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color:white;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:transparent;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:white;
  border-bottom-color:transparent;
  border-left-color:transparent;
}

.introjs-tooltip {
  position: absolute;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0,0,0,.4);
  -webkit-transition: opacity 0.1s ease-out;
     -moz-transition: opacity 0.1s ease-out;
      -ms-transition: opacity 0.1s ease-out;
       -o-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
}

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

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  margin-right: 5px;
  color: #7a7a7a;
}

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}

.introjs-bullets {
  text-align: center;
}
.introjs-bullets ul {
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
}
.introjs-bullets ul li a:hover {
  background: #999;
}
.introjs-bullets ul li a.active {
  background: #999;
}
/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013-2015 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
 *
 * Built for http://www.improvely.com
 */

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3000;
}

.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
    float: left;
    margin: 4px;
}

.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar {
    float: right;
    margin: 4px;
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none;
}

.daterangepicker .ranges {
    width: 160px;
    text-align: left;
}

.daterangepicker .ranges .range_inputs>div {
    float: left;
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
    padding-left: 11px;
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar.single .calendar-date {
    border: none;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    white-space: nowrap;
    text-align: center;
    min-width: 32px;
}

.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    text-shadow: #fff 1px 1px 0px;
    text-transform: uppercase;
    width: 74px;
}

.daterangepicker .ranges input {
    font-size: 11px;
}

.daterangepicker .ranges .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 10px 0;
    padding: 0 6px;
    width: 74px;
}

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

.daterangepicker .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #08c;
    border: 1px solid #08c;
    color: #fff;
}

.daterangepicker .calendar-date {
    border: 1px solid #ddd;
    padding: 4px;
    border-radius: 4px;
    background: #fff;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 8px auto 0 auto;
    line-height: 30px;
}

.daterangepicker {
    position: absolute;
    background: #fff;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.daterangepicker.opensleft:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.opensleft:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.openscenter:before {
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.openscenter:after {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.opensright:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.opensright:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker table {
    width: 100%;
    margin: 0;
}

.daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
}

.daterangepicker td.off {
    color: #999;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background: #eee;
}

.daterangepicker td.in-range {
    background: #ebf4f8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.daterangepicker td.start-date {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: #3071a9;
    color: #fff;
}

.daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0;
}

.daterangepicker_start_input {
    float: left;
}

.daterangepicker_end_input {
    float: left;
    padding-left: 11px
}

.daterangepicker th.month {
    width: auto;
}
/* ========================================================================
 * bootstrap-switch - v3.0.0
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.bootstrap-switch {
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  min-width: 100px;
  -webkit-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;
}
.bootstrap-switch.bootstrap-switch-mini {
  min-width: 71px;
}
.bootstrap-switch.bootstrap-switch-mini > div > span,
.bootstrap-switch.bootstrap-switch-mini > div > label {
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 10px;
  line-height: 9px;
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-mini-icons {
  height: 1.20em;
  line-height: 9px;
  vertical-align: text-top;
  text-align: center;
  transform: scale(0.6);
  margin-top: -1px;
  margin-bottom: -1px;
}
.bootstrap-switch.bootstrap-switch-small {
  min-width: 84px;
}
.bootstrap-switch.bootstrap-switch-small > div > span,
.bootstrap-switch.bootstrap-switch-small > div > label {
  padding-bottom: 3px;
  padding-top: 3px;
  font-size: 12px;
  line-height: 18px;
}
.bootstrap-switch.bootstrap-switch-large {
  min-width: 120px;
}
.bootstrap-switch.bootstrap-switch-large > div > span,
.bootstrap-switch.bootstrap-switch-large > div > label {
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 16px;
  line-height: normal;
}
.bootstrap-switch.bootstrap-switch-animate > div {
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-on > div {
  margin-left: 0%;
}
.bootstrap-switch.bootstrap-switch-on > div > label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off > div {
  margin-left: -50%;
}
.bootstrap-switch.bootstrap-switch-off > div > label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled > div > span,
.bootstrap-switch.bootstrap-switch-readonly > div > span,
.bootstrap-switch.bootstrap-switch-disabled > div > label,
.bootstrap-switch.bootstrap-switch-readonly > div > label {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-focused {
  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);
}
.bootstrap-switch > div {
  display: inline-block;
  width: 150%;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch > div > span,
.bootstrap-switch > div > label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch > div > span {
  text-align: center;
  z-index: 1;
  width: 33.333333333%;
}
.bootstrap-switch > div > span.bootstrap-switch-handle-on {
  color: #f00;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch > div > span.bootstrap-switch-handle-off {
  color: #000;
  background: #eeeeee;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch > div > span.bootstrap-switch-primary {
  color: #fff;
  background: #428bca;
}
.bootstrap-switch > div > span.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}
.bootstrap-switch > div > span.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch > div > span.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch > div > span.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch > div > span.bootstrap-switch-default {
  color: #000;
  background: #eeeeee;
}
.bootstrap-switch > div > label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  width: 33.333333333%;
  color: #333333;
  background: #ffffff;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 23px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('/assets/img/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('/assets/img/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('/assets/img/chosen-sprite.png') no-repeat 100% -20px;
  background: url('/assets/img/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('/assets/img/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background: url('/assets/img/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background: url('/assets/img/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background: url('/assets/img/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('/assets/img/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('/assets/img/chosen-sprite.png') no-repeat -30px -20px;
  background: url('/assets/img/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('/assets/img/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background: url('/assets/img/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background: url('/assets/img/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background: url('/assets/img/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('/assets/img/chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS 1.3.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileinput-button,.fileinput-button-direct {
  position: relative;
  overflow: hidden;
}
.fileinput-button input,.fileinput-button-direct input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input,.fileinput-button-direct input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}
/*!
* Colorpicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.colorpicker-saturation {
	width: 100px;
	height: 100px;
	background-image: url(saturation.png);
	cursor: crosshair;
	float: left;
}
.colorpicker-saturation i {
	display: block;
	height: 5px;
	width: 5px;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
	margin: -4px 0 0 -4px;
}
.colorpicker-saturation i b {
	display: block;
	height: 5px;
	width: 5px;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.colorpicker-hue, .colorpicker-alpha {
	width: 15px;
	height: 100px;
	float: left;
	cursor: row-resize;
	margin-left: 4px;
	margin-bottom: 4px;
}
.colorpicker-hue i, .colorpicker-alpha i {
	display: block;
	height: 1px;
	background: #000;
	border-top: 2px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: -1px;
}
.colorpicker-hue {
	background-image: url(hue.png);
}
.colorpicker-alpha {
	background-image: url(alpha.png);
	display: none;
}
.colorpicker {
	*zoom: 1;
	top: 0;
	left: 0;
	padding: 4px;
	min-width: 120px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.colorpicker:before, .colorpicker:after {
	display: table;
	content: "";
}
.colorpicker:after {
	clear: both;
}
.colorpicker:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 6px;
}
.colorpicker:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 7px;
}
.colorpicker div {
	position: relative;
}
.colorpicker.alpha {
	min-width: 140px;
}
.colorpicker.alpha .colorpicker-alpha {
	display: block;
}
.colorpicker-color {
	height: 10px;
	margin-top: 5px;
	clear: both;
	background-image: url(alpha.png);
	background-position: 0 100%;
}
.colorpicker-color div {
	height: 10px;
}
.input-append.color .add-on i, .input-prepend.color .add-on i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px;
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
/*!
 * Select2 Bootstrap Theme v0.1.0-beta.9 (https://select2.github.io/select2-bootstrap-theme)
 * Copyright 2015-2016 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)
 * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE)
 */

.select2-container--bootstrap{display:block}.select2-container--bootstrap .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#555;font-size:14px;outline:0}.select2-container--bootstrap .select2-selection.form-control{border-radius:4px}.select2-container--bootstrap .select2-search--dropdown .select2-search__field{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#555;font-size:14px}.select2-container--bootstrap .select2-search__field{outline:0}.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder{color:#999}.select2-container--bootstrap .select2-search__field:-moz-placeholder{color:#999}.select2-container--bootstrap .select2-search__field::-moz-placeholder{color:#999;opacity:1}.select2-container--bootstrap .select2-search__field:-ms-input-placeholder{color:#999}.select2-container--bootstrap .select2-results__option{padding:6px 12px}.select2-container--bootstrap .select2-results__option[role=group]{padding:0}.select2-container--bootstrap .select2-results__option[aria-disabled=true]{color:#777;cursor:not-allowed}.select2-container--bootstrap .select2-results__option[aria-selected=true]{background-color:#f5f5f5;color:#262626}.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{background-color:#337ab7;color:#fff}.select2-container--bootstrap .select2-results__option .select2-results__option{padding:6px 12px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option{margin-left:-12px;padding-left:24px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-24px;padding-left:36px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-36px;padding-left:48px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-48px;padding-left:60px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-60px;padding-left:72px}.select2-container--bootstrap .select2-results__group{color:#777;display:block;padding:6px 12px;font-size:12px;line-height:1.42857143;white-space:nowrap}.select2-container--bootstrap.select2-container--focus .select2-selection,.select2-container--bootstrap.select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;border-color:#66afe9}.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b{border-color:transparent transparent #999;border-width:0 4px 4px}.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection{border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-color:transparent}.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection{border-top-right-radius:0;border-top-left-radius:0;border-top-color:transparent}.select2-container--bootstrap .select2-selection__clear{color:#999;cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--bootstrap .select2-selection__clear:hover{color:#333}.select2-container--bootstrap.select2-container--disabled .select2-selection{border-color:#ccc;-webkit-box-shadow:none;box-shadow:none}.select2-container--bootstrap.select2-container--disabled .select2-search__field,.select2-container--bootstrap.select2-container--disabled .select2-selection{cursor:not-allowed}.select2-container--bootstrap.select2-container--disabled .select2-selection,.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice{background-color:#eee}.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove,.select2-container--bootstrap.select2-container--disabled .select2-selection__clear{display:none}.select2-container--bootstrap .select2-dropdown{-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);border-color:#66afe9;overflow-x:hidden;margin-top:-1px}.select2-container--bootstrap .select2-dropdown--above{-webkit-box-shadow:0 -6px 12px rgba(0,0,0,.175);box-shadow:0 -6px 12px rgba(0,0,0,.175);margin-top:1px}.select2-container--bootstrap .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--bootstrap .select2-selection--single{height:34px;line-height:1.42857143;padding:6px 24px 6px 12px}.select2-container--bootstrap .select2-selection--single .select2-selection__arrow{position:absolute;bottom:0;right:12px;top:0;width:4px}.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b{border-color:#999 transparent transparent;border-style:solid;border-width:4px 4px 0;height:0;left:0;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--bootstrap .select2-selection--single .select2-selection__rendered{color:#555;padding:0}.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--bootstrap .select2-selection--multiple{min-height:34px;padding:0;height:auto}.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;line-height:1.42857143;list-style:none;margin:0;overflow:hidden;padding:0;width:100%;text-overflow:ellipsis;white-space:nowrap}.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder{color:#999;float:left;margin-top:5px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{color:#555;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:default;float:left;margin:5px 0 0 6px;padding:0 6px}.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{background:0 0;padding:0 12px;height:32px;line-height:1.42857143;margin-top:0;min-width:5em}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:3px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear{margin-top:6px}.form-group-sm .select2-container--bootstrap .select2-selection--single,.input-group-sm .select2-container--bootstrap .select2-selection--single,.select2-container--bootstrap .select2-selection--single.input-sm{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 22px 5px 10px}.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b{margin-left:-5px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple,.input-group-sm .select2-container--bootstrap .select2-selection--multiple,.select2-container--bootstrap .select2-selection--multiple.input-sm{min-height:30px;border-radius:3px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice{font-size:12px;line-height:1.5;margin:4px 0 0 5px;padding:0 5px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field{padding:0 10px;font-size:12px;height:28px;line-height:1.5}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear{margin-top:5px}.form-group-lg .select2-container--bootstrap .select2-selection--single,.input-group-lg .select2-container--bootstrap .select2-selection--single,.select2-container--bootstrap .select2-selection--single.input-lg{border-radius:6px;font-size:18px;height:46px;line-height:1.3333333;padding:10px 31px 10px 16px}.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow{width:5px}.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b{border-width:5px 5px 0;margin-left:-10px;margin-top:-2.5px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple,.input-group-lg .select2-container--bootstrap .select2-selection--multiple,.select2-container--bootstrap .select2-selection--multiple.input-lg{min-height:46px;border-radius:6px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice{font-size:18px;line-height:1.3333333;border-radius:4px;margin:9px 0 0 8px;padding:0 10px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field{padding:0 16px;font-size:18px;height:44px;line-height:1.3333333}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear{margin-top:10px}.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #999;border-width:0 5px 5px}.select2-container--bootstrap[dir=rtl] .select2-selection--single{padding-left:24px;padding-right:12px}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:0;padding-left:0;text-align:right}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow{left:12px;right:auto}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow b{margin-left:0}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:0;margin-right:6px}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.has-warning .select2-dropdown,.has-warning .select2-selection{border-color:#8a6d3b}.has-warning .select2-container--focus .select2-selection,.has-warning .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;border-color:#66512c}.has-warning.select2-drop-active{border-color:#66512c}.has-warning.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#66512c}.has-error .select2-dropdown,.has-error .select2-selection{border-color:#a94442}.has-error .select2-container--focus .select2-selection,.has-error .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;border-color:#843534}.has-error.select2-drop-active{border-color:#843534}.has-error.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#843534}.has-success .select2-dropdown,.has-success .select2-selection{border-color:#3c763d}.has-success .select2-container--focus .select2-selection,.has-success .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;border-color:#2b542c}.has-success.select2-drop-active{border-color:#2b542c}.has-success.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#2b542c}.input-group .select2-container--bootstrap{display:table;table-layout:fixed;position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .select2-container--bootstrap.select2-container--focus,.input-group .select2-container--bootstrap.select2-container--open{z-index:3}.input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection{border-bottom-left-radius:0;border-top-left-radius:0}.input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection{border-bottom-right-radius:0;border-top-right-radius:0}.select2-bootstrap-append .input-group-btn,.select2-bootstrap-append .input-group-btn .btn,.select2-bootstrap-append .select2-container--bootstrap,.select2-bootstrap-prepend .input-group-btn,.select2-bootstrap-prepend .input-group-btn .btn,.select2-bootstrap-prepend .select2-container--bootstrap{vertical-align:top}.form-control.select2-hidden-accessible{position:absolute!important;width:1px!important}.form-inline .select2-container--bootstrap{display:inline-block}
.pic-text-2-link-lists-form-group {
    left: 148px;
    position: relative;
    width: 600px;
}

.hover-block-2-link-lists-form-group {
    left: 150px;
    position: relative;
    width: 600px;
}

.standard-link-list-form-group {
    left: 236px;
    position: relative;
    width: 600px;
}

.in-article-form-group {
    left: 242px;
    position: relative;
    width: 600px;
}

.double-link-lists-form-group {
    left: 10px;
    position: relative;
    width: 600px;
}

.standard-pic-text, .standard-hover-block, .pic-text-2-link-lists.widget-builder-preview-primary,
.hover-block-2-link-lists.widget-builder-preview-primary{
    margin: 85px auto 0;
    overflow: hidden;
    border: 4px solid #9CD3F3;
}

.standard-hover-block, .in-article {
    margin: 85px auto 0;
    overflow: hidden;
}

.standard-link-list, .double-link-lists {
    margin: 85px auto 0;
    overflow: hidden;
}

.widget-builder-preview-secondary.hover-block-2-link-lists, .widget-builder-preview-third.hover-block-2-link-lists {
    margin: 85px 0 0 15px;
    overflow: hidden;
}

.widget-builder-preview-secondary.pic-text-2-link-lists, .widget-builder-preview-third.pic-text-2-link-lists {
    margin: 85px 0 0 15px;
    overflow: hidden;
}

.widget-builder-preview-secondary.double-link-lists {
    margin: 25px 0 0 25px;
    overflow: hidden;
}

.standard-link-list .sponsored-button, .standard-link-list .internal-button,
.widget-builder-preview-secondary.pic-text-2-link-lists .sponsored-button,
.widget-builder-preview-secondary.pic-text-2-link-lists .internal-button,
.widget-builder-preview-third.pic-text-2-link-lists .sponsored-button,
.widget-builder-preview-third.pic-text-2-link-lists .internal-button,
.widget-builder-preview-secondary.hover-block-2-link-lists .sponsored-button,
.widget-builder-preview-secondary.hover-block-2-link-lists .internal-button,
.widget-builder-preview-third.hover-block-2-link-lists .sponsored-button,
.widget-builder-preview-third.hover-block-2-link-lists .internal-button,
.widget-builder-preview-primary.double-link-lists .sponsored-button,
.widget-builder-preview-primary.double-link-lists .internal-button,
.widget-builder-preview-secondary.double-link-lists .sponsored-button,
.widget-builder-preview-secondary.double-link-lists .internal-button {
    width: 27px;
}

.in-article .revswitch {
    margin: 54px 0 0 58px;
}

.standard-link-list .revswitch,
.widget-builder-preview-primary.double-link-lists .revswitch,
.widget-builder-preview-secondary.double-link-lists .revswitch,
.widget-builder-preview-secondary.pic-text-2-link-lists .revswitch,
.widget-builder-preview-third.pic-text-2-link-lists .revswitch,
.widget-builder-preview-secondary.hover-block-2-link-lists .revswitch,
.widget-builder-preview-third.hover-block-2-link-lists .revswitch {
    margin: 4px 0 0 300px;
    width: 27px;
}

.standard-pic-text .ad-panel-feature {
    background: url("/assets/img/app/widgets/featured.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    width: 200px;
    height: 124px;
    margin: 0px;
}

.standard-pic-text .ad-panel, .pic-text-2-link-lists .ad-panel{
    background: url("/assets/img/app/widgets/pictext_panel.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    width: 100px;
    height: 144px;
    margin: 0px;
}

.standard-link-list .ad-panel,
.widget-builder-preview-secondary.pic-text-2-link-lists .ad-panel,
.widget-builder-preview-third.pic-text-2-link-lists .ad-panel,
.widget-builder-preview-secondary.hover-block-2-link-lists .ad-panel,
.widget-builder-preview-third.hover-block-2-link-lists .ad-panel,
.widget-builder-preview-primary.double-link-lists .ad-panel,
.widget-builder-preview-secondary.double-link-lists .ad-panel{
    background: url("/assets/img/app/widgets/linklist_panel.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    width: 335px;
    height: 36px;
    margin: 0px;
}

.standard-hover-block .ad-panel, .widget-builder-preview-primary.hover-block-2-link-lists .ad-panel {
    background: url("/assets/img/app/widgets/hover_panel.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    width: 100px;
    height: 144px;
    margin: 0px;
}

.standard-hover-block .ad-panel:hover,
.widget-builder-preview-primary.hover-block-2-link-lists .ad-panel:hover {
    background-position: 0 -144px;
}

.in-article .ad-panel {
    background: url("/assets/img/app/widgets/in_article_panel.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    width: 323px;
    height: 160px;
    margin: 0px;
}

.top-tab-choice {
    margin: 16px 0 0 0px!important;
    height: 0px;
}

.secondary-tab-choice.pic-text-2-link-lists, .third-tab-choice.pic-text-2-link-lists,
.secondary-tab-choice.hover-block-2-link-lists, .third-tab-choice.hover-block-2-link-lists
{
    margin: 16px 0 0 0px!important;
    height: 0px;
}

.secondary-tab-choice.double-link-lists {
    margin: 16px 0 0 10px!important;
}

.tabs-left {
    margin-bottom: 14px;
}

.tabs-left .tab-content{
    padding-right: 0px!important;
    width: 100%!important;
}

.revswitch {
    color: #777;
    font-size: 9px;
    margin: 22px auto 0;
    text-transform: uppercase;
    width: 40px;
    cursor: pointer;
}


.sponsored-button, .internal-button {
    width: 40px;
}

/* custom inclusion of right, left and below tabs */

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

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

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

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}
.tabs-left .tab-content { margin-left: 139px; }

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}

.error-elem-div {
    color: #ffffff;
    height: 0px;
    margin: 0px;
    font-size:1px;
}

.col-sm-4.featured,
.input-group.featured,
.input-group-btn.featured,
select.form-control.featured
{
    width:auto;
}
/** FF update **/
select.form-control.structs.featured {
    width: 407px;
}

div.scrolling {
    position: absolute;
    border: 4px dotted #9CD3F3;
    background-color: #eee;
    font-size: 15px;
    color: #9CD3F3;
    text-align: center;
    padding-top: 5px;
    display: none;
    height: 40px;
}
.rc-photo {
    width: 100%;
    height: 250px;
    background-color: #d7effe;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 275px;
    position: relative;
}

.rc-item-wrapper {
    position: relative;
    margin: 3px;
}

.rc-fc-video {
    position: absolute;
    line-height: 0;
    border-width: 0px;
}

.rc-fc-video img {
    border-width: 0px;
}

.rc-fc-video .rc-fc-icon-video {
    fill: rgba(96, 96, 96, .85);
    stroke: #fff;
    stroke-width: 0;
}

.rc-item-wrapper:hover .rc-fc-video .rc-fc-icon-video {
    fill: rgba(96, 96, 96, 1);
}

.rc-fc-video .rc-fc-icon-video .rc-fc-icon-video-arrow {
    fill: #fff;
}

.rc-fc-video .rc-fc-icon-video #circle2 {
    fill: rgba(0,0,0,0);
    stroke: #fff;
    stroke-width: 40;
}

.rc-fc-video .rc-fc-icon-video #square1 {
    rx: 10;
    ry: 10;
}

.rc-fc-video.center {
    top: 50%;
    left: 50%;
    width: 30%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.rc-fc-video.top_left,
.rc-fc-video.top_right,
.rc-fc-video.bottom_right,
.rc-fc-video.bottom_left {
    width: 12.5%;
    min-width: 40px;
}

.rc-fc-video:after {
    display: block;
    content: "";
}

.rc-fc-video.top_left,
.rc-fc-video.top_right {
    top: 10px;
}

.rc-fc-video.top_left {
    left: 10px;
}

.rc-fc-video.top_right {
    right: 10px;
}

.rc-fc-video.bottom_right,
.rc-fc-video.bottom_left {
    bottom: 10px;
}

.rc-fc-video.bottom_right {
    right: 10px;
}

.rc-fc-video.bottom_left {
    left: 10px;
}

.rc-fc-video.top_left.ie-fix,
.rc-fc-video.top_right.ie-fix,
.rc-fc-video.bottom_right.ie-fix,
.rc-fc-video.bottom_left.ie-fix {
    height: 20%;
}

#select-icons {
    min-width: 400px;
}

#select-icons input {
    display: none;
}

#select-icons .rc-video {
    width: 100%;
    height: 100%;
}

#select-icons .video-btn-ie {
    display: inline;
}

#select-icons .btn-col {
    float: left;
    width: 20%;
    padding: 4px;
}

#select-icons label {
    margin: 0px;
    width: 80px;
    height: 60px;
}

.acct-note {
    font-size: 9px;
    color: #a00;
}

.label-with-note {
    padding-top: 0 !important;
}

.btn-4-row {
    font-size: 12px;
    line-height: 20px;
}
.sponsor-panel:hover img, .panelSelectedstate {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -moz-opacity: 0.7 !important;
    -khtml-opacity: 0.7 !important;
    -webkit-opacity: 0.7 !important;
    opacity: 0.7 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
    filter: alpha(opacity=70) !important;
}

.sponsor-panel-wrapper {
    overflow: hidden;
}
.sponsor-panel .panel-body {
    padding:0px!important;
}

.sponsored {
    position: absolute;
    right: 3px;
    top: 6px;
    z-index: 100;
}

.content-filter-wrapper {
    width: 100%;
    height: 50px;
    overflow: hidden;
}

.content-filter {
    position: absolute;
    right: 0;
}

.content-filter .btn-group {
    float: left;
}

.sponsor-form {
    margin-bottom: 15px!important;
}

.content-edit {
    display: none;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 999;
}

.content-remove {
    display: none;
    position: absolute;
    left: 3px;
    top: 3px;
    z-index: 100;
}

.sponsor-panel:hover .content-edit,
.sponsor-panel:hover .content-remove  {
    display: block;
}

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

.content-card {
    cursor: pointer;
}

.content-card .source{
    color: #999;
    font-weight: 900;
    font-size: 11px;
}

.bidBox {
    display: none;
    background-color: #90EE90;
    height: 54px;
    padding-top: 10px;
    width: 100%;
}

.bidBox .input-group {
    float: left;
    margin-left: 7px;
    margin-right: 2%;
    width: 50%;
}

.bidBox .btn-group {
    float: left;
    width: 43%;
}

.bidBox .btn-group-sm > .btn {
    padding: 7px 10px;
}

.cardSelected .bidBox {
    display: block!important;
}

.content-filter .btn-info {
    color: #FFFFFF!important;
}

.content-mass-bidder {

}

.content-mass-bidder .well-sm {
    background-color: #90EE90;
    border: medium none;
    margin-left: 15px;
    padding: 4px;
    margin-bottom: 0;
    width: 20%;
    float: left;
}

.content-mass-bidder .btn-group > .btn {
    padding: 7px 10px;
}

.content-mass-bidder .btn-group, .content-mass-bidder .input-group {
    float: left;
}

.disabled.content-mass-bidder  {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

.disabled .btn {
    cursor: not-allowed;
}

.disabled .btn:hover {
    background-repeat: repeat-x;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.40);
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.30) 1%,rgba(255,255,255,0.15) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0.30) 1%,rgba(255,255,255,0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
}

.sponsor-panel-back {
    position: absolute;
    top: 0px;
    left: 0px;
}

#advanced_options {
    display: none;
}
#advanced_options_link {
    float: right;
}

#do_unlimited {
    color: #428BCA;
    text-decoration: underline;
    margin-top: 3px;
    display: none;
}

.content-collection-well {
    text-align: center;
    height: 295px;
    cursor: pointer;
    color: inherit;
}

.content-collection-well:hover {
    text-decoration: none;
}

.content-collection-well:hover .fa-circle, .content-collection-well:hover h2,
.content-collection-well.active .fa-circle, .content-collection-well.active h2 {
    color: #428BCA;
}

.content-collection-well.active {
    box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
}

.content-collection-well ul {
    display: inline-block;
    margin-left: 24px;
    text-align: left;
    width: 222px;
}

.conversion-select .chosen-container {
    margin-bottom: 15px;
}
.chosen-results a.edit {
    float: right;
    color: #777;
}
.chosen-results .highlighted a.edit {
    color: #fff;
}

.chosen-choices a.edit {
    color: #777;
    margin-left: 5px;
}
.chosen-choices a.edit:hover {
    color: #525252;
}

.panel.panel-inline {
    border-color: #c9c9c9;
    margin-bottom: 0;
}
.panel-inline .form-group.last {
    margin-bottom: 0;
}
.tracking-code .form-control-static small {
    font-size: 12px;
}

.utm-checkbox {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 26px;
}

.tracking-preview {
    overflow-wrap: break-word;
}

.active-result .brand-text-wrap {
    display: none;
}


.active-result .brand-text-wrap {
    display: none;
}

.active-result.highlighted .brand-text-wrap  {
    display: block;
    line-height: 30px;
}

.active-result.highlighted .brand-img  {
    display: none;
}

.search-choice .brand-img  {
    display: none;
}

.result-selected .brand-img  {
    display: block;
    opacity: .5;
}

.result-selected .brand-text-wrap  {
    display: none;
}

#bid-slider .slider-track-high {
    background: #89cdef;
}

#bid-slider .slider-track-low {
    background: #89cdef;
}

#bid-slider .slider-selection {
    background: #4cc93d;
}

#bid-calc .slider-horizontal {
    width: 95%
}

#bid-calc #bid-slider-container {
    text-align: center;
}

#bid-calc .slider-tick {
    opacity: 1;
    background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
}

#bid-calc .slider-tick-container .slider-tick:last-child, #bid-calc .slider-tick-container .slider-tick:first-child {
    display: none;
}

#language_targeting_container {
    margin-bottom: -10px;
}

/* Autocomplete mimick chosen */

.auto-container {
    width: 100%;
    display: inline-block;
    min-height: 35px;
    height: auto;
}

.autocomplete_entry {
    border: none;
    width: 100%;
    height: 32px;
    border: 1px solid #aaa;
    margin-top:5px;
}

.autocomplete-suggestions {
    padding: 8px 5px;
    box-shadow: 0 0 8px #999;
    -webkit-box-shadow: 0 0 8px #999;
    left: 0;
    position: absolute;
    top:100%;
    z-index: 1010;
    box-sizing: border-box;
    width:37.4%!important;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    cursor: pointer;
    overflow-x:hidden;
    overflow-y:scroll;
    max-height:240px;
}

.autocomplete-suggestion {
    line-height: 20px;
    padding: 5px 6px;
    margin:0;
    font-size: 13px;
    font-family: inherit;
}
.autocomplete-suggestions :hover {
    background-color: #3875d7;
    color: #fff;
}

.auto-chosen-choices {
    min-height:35px;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(255, 255, 255);
    background-image: none;
    background-origin: padding-box;
    background-position: 0% 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(204, 204, 204);
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: pointer;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 19.1833px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    position: relative;
    width: auto!important;
}

.auto-search-choice {
    background-clip: padding-box;
    background-color: rgb(228, 228, 228);
    background-image: linear-gradient(rgb(244, 244, 244) 20%, rgb(240, 240, 240) 50%, rgb(232, 232, 232) 52%, rgb(238, 238, 238) 100%);
    border-bottom-color: rgb(170, 170, 170);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(170, 170, 170);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(170, 170, 170);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(170, 170, 170);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgb(255, 255, 255) 0px 0px 2px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 0px 0px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    float: left;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 6px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 20px;
    padding-top: 3px;
    position: relative;
}

.auto-search-close {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/assets/img/chosen-sprite.png");
    background-origin: padding-box;
    background-position: -42px 1px;
    background-position-x: -42px;
    background-position-y: 1px;
    background-repeat: no-repeat;
    background-size: auto;
    box-sizing: border-box;
    color: rgb(51, 122, 183);
    cursor: pointer;
    display: block;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 1px;
    font-weight: 400;
    height: 12px;
    line-height: 13px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    position: absolute;
    right: 3px;
    text-decoration: rgb(51, 122, 183);
    text-decoration-color: rgb(51, 122, 183);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
    top: 4px;
    width: 12px;
}
.widget-row, .dnd-row {
    background: transparent;
    border: 1px solid transparent;
    position: relative;
    margin: 0!important;
    padding: 0!important;
}

.dnd-row:before, .widget-row-over:before, .widget-row-active:before {
    counter-increment:section !important;
    content: "Row " counter(section) !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 200;
    color: #fff;
    background-color: #999 !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
    font-weight: normal !important;
    font-family: Arial !important;
    min-width: 105px !important;
    border-radius: 0 0 4px 0 !important;
    box-shadow: 0 0 3px #ccc !important;
}

.widget-row:hover, .dnd-row {

}

.dnd-row {
    /*margin: 0;*/
    padding: 0;
    clear: both;
    border: 1px solid #999;
    overflow: hidden;
    min-height: 100px;
}

.dnd-row-over, .widget-row-active {
    border-color: #3ba0ff !important;
}

.widget-row-over {
    border-color: #999 !important;
}

.dnd-row-over:before, .widget-row-active:before {
    background-color: #3ba0ff !important;
}

.row-item {
    position: relative;
}

.row-item, .dnd-item {
    background: transparent;
    list-style: none;
    border: 1px solid transparent;
    height: 100%;
    overflow: hidden;
    margin: -1px;
}

.row-item:hover {
    /*box-shadow: 0 0 5px #bce8f1 inset;*/
    border: 1px solid #999;
}

.dnd-item {
    float: left;
    overflow: hidden;
    /*background: #fff;
    opacity: .5;*/
    border: 1px solid #eee;
}


#row_template,
.row-template,
.row-item-template {
    display: none;
}

.ui-effects-transfer {
    border: 2px dotted gray;
}

.item-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.ui-draggable-dragging,
.ui-sortable-helper {
    box-shadow: 0 0 5px #ccc !important;
    background: #fff !important;
}

.item-placeholder {
    height: 50px;
    display: block !important;
    float: left !important;
    border: 1px solid #3ba0ff !important;
    background-color: #d9edf7 !important;
    color: #000 !important;
    margin:-1px !important;
    padding:0 !important;
}

.item-placeholder:before {
    content: 'Drop plugin here.';
    padding: 32px 0 0;
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    font-family: Arial;
}

.item-placeholder > div {
    padding: 0;
    margin: 0;
    /*padding-top: 10px;*/
}

.widget-row .item-placeholder {
    /*background-color: #ccc;
    border-color: #333;*/

}

.drag-handle {
    cursor: move;
}

.plugin-options {
    position: absolute;
    top: 25%;
    color: #fff;
    display: none;
    z-index: 100;
    border-radius: 0 0 4px 0;
    width: 100%;
    text-align: center;
}

.plugin-options a {
    color: #fff !important;
    display: inline-block !important;
    background-color: rgba(0, 0, 0, .6);
}

.plugin-options a:hover {
    color: #f5f5f5 !important;
    background-color: rgba(0, 0, 0, .8);
    text-decoration: none;
}

.row-item:hover .plugin-options {
    display: block;
}

#widget_options {
    overflow: hidden;
    overflow-y: scroll;
    margin: 0;
    padding: 5px 0;
}

#widget_options .accordion.accordion-alt.panel-group .panel .panel-body {
    padding: 15px 20px 10px;
}

#widget_editor_preview {
    /*background: #fff url(/assets/img/patterns/grid-site-bg.png) repeat center center scroll;*/
    border-left: 1px solid #dedede;
}

#widget_editor {
    height: 100%;
    background-color: #f5f5f5;
    border-top: 1px solid #ccc;
}

#widget_editor_wrap {
    /*overflow: hidden;*/
    overflow-y: scroll;
    background: #fff url(/assets/img/patterns/grid-site-bg.png) repeat center center scroll;
    border-top: 1px solid #dedede;
    padding-left: 10px;
    padding-right: 10px;
}

#widget_editor_preview_wrap {
    margin: 10px auto;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
    background: #dedede;
    border: 2px solid #bcbcbc;
    overflow:hidden;
    width: 100%;
    /*max-width: 100%;*/
    /*min-width: 0px;*/
}

#widget_editor_preview_wrap.desktop,
#widget_editor_preview_wrap.desktoplg {
    margin: 10px auto;
    border-radius: 10px;
    max-width: 1142px;
    min-width: 774px;
}

#widget_editor_preview_wrap.desktop .browser,
#widget_editor_preview_wrap.desktoplg .browser {
    display: block;
}

#widget_editor_preview_wrap.desktop #widget_container,
#widget_editor_preview_wrap.desktoplg #widget_container {
    width: 100%;
}

#widget_editor_preview_wrap.desktoplg {
    min-width: 1148px;
    max-width: 100%;
}

#widget_editor_preview_wrap.phone {
    height: 620px !important;
    width: 350px;
    padding-top: 55px;
    padding-left: 11px;
    position: relative;
    border-radius: 35px;
}

#widget_editor_preview_wrap.phone:before {
    content: "";
    border: 2px solid #bcbcbc;
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 70px;
    height: 35px;
    border-radius: 5px;
    margin-left: -35px;
}

#widget_editor_preview_wrap.phone:after {
    content: "";
    border: 3px solid #bcbcbc;
    position: absolute;
    top: 25px;
    left: 50%;
    width: 70px;
    height: 6px;
    border-radius: 5px;
    margin-left: -35px;
}

#widget_editor_preview_wrap.phone #widget_container {
    height: 484px !important;
    /*width: 324px !important;*/
    border: 2px solid #bcbcbc;
    margin-right: 10px;
}

/* TABLET PREVIEW */
#widget_editor_preview_wrap.tablet {
    height: 715px !important;
    width: 600px;
    padding-top: 55px;
    padding-left: 55px;
    position: relative;
    border-radius: 35px;
}

#widget_editor_preview_wrap.tablet:before {
    content: "";
    border: 2px solid #bcbcbc;
    position: absolute;
    bottom: 8px;
    left: 50%;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-left: -20px;
}

#widget_editor_preview_wrap.tablet:after {
    content: "";
    border: 3px solid #bcbcbc;
    position: absolute;
    top: 25px;
    left: 50%;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    margin-left: -3px;
}

#widget_editor_preview_wrap.tablet #widget_container {
    height: 600px !important;
    /*width: 488px !important;*/
    border: 2px solid #bcbcbc;
    margin-right: 55px;
}


.landscape #widget_editor_preview_wrap.phone,
.landscape #widget_editor_preview_wrap.tablet {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.landscape #widget_editor_preview_wrap.phone #widget_container,
.landscape #widget_editor_preview_wrap.tablet #widget_container {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.landscape #widget_editor_preview_wrap.phone #widget_container {
    width: 484px !important;
    height: 324px !important;
    margin-top: 80px;
    margin-left: -80px;
}

.landscape #widget_editor_preview_wrap.tablet #widget_container {
    width: 600px !important;
    height: 486px !important;
    margin-top: 55px;
    margin-left: -55px;
}


#widget_container {
    background-color: #f5f5f5;
    overflow: hidden;
}

#widget_container_width {

}

#widget_blank_help {
    width: 100%;
    top: 0;
    left: 0;
}

#widget_blank_help div {
    border: 3px dashed #ccc;
    background: #fff;
    padding: 10px 10px 0;margin: 10px;
}

#default_widgets_list p {
    line-height: 18px;
}

#default_widgets_list li, #plugins_list li {
    background: #fff;
    margin: 0 0 0 0;
    border-bottom: 1px solid #ccc;
}

#default_widgets_list a, #plugins_list a {
    color: #333;
}

#plugins_list a {
    cursor: move;
}

.plugin-item {
    color: #333;
    padding: 15px;
    background: #fff;
}

.plugin-item-active,
.row-item-active {

    /*-webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;*/

    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: rotate(7deg) scale(.5);
    transform: rotate(7deg) scale(.5);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.plugin-preview {
    width: auto;
    border: none;
    display: block;
}

h3 {
    margin: 5px 0;
}

#plugins_list .ui-draggable-dragging {
    background: #ccc;
}

#default_widgets_list .active a, #plugins_list .active a {
    background-color: #ddd;
    box-shadow: 0 0 5px #ccc inset;
}

#default_widgets_list .thumbnail {
    background-size:cover;
    width: 100px;
    height: 100px;
    border: 1px solid #eee;
    margin-bottom: 0;
    border-radius: 0;
}



.box{background:#e3e4e5;height:220px;margin-bottom:20px;}
.box.contentbox1{height:80px;}
.box.contentbox2{height:200px;}
.box.contentside{display:block;width:180px;height:180px;margin:0 0 20px 20px;float:right;}
.box.sidebox1{height:120px;background:#fff;}
.box.sidebox2{height:240px;background:#fff;}
.scrolldown{display:inline-block;background:#fff;border:1px solid #e3e4e5;margin:.1em .5em;padding:1em 2.5em;text-align:center;font-family:helvetica,arial,sans-serif;color:#ccc;}
.at4-follow .at4-follow-inner{border-color:#eee;}
.browser-left-btns{margin-left:15px;}
.browser-left-btns li{background:#CBCACB;width:15px;height:15px;border-radius:7px;}
.browser-title{background:#cbcacb;width:200px;height:10px;position:absolute;top:13px;left:50%;margin-left:-100px;}
.browser-bar-btns{position:absolute;height:30px;width:200px;padding: 0 0 0 15px;}
.browser-bar-btns li{background:#cbcacb;height:30px;width:80px;border-radius:5px;}
.browser-bar-left{}
.browser-bar-right{right:0;}
.browser-address{background:#fff;border-radius:5px;height:28px;margin: 0 200px 15px;font-size: 20px;
border: 1px solid transparent;
overflow:hidden;
padding: 1px 8px;}
.browser-address input {width:100%;border:none;box-shadow:none;margin:0;padding: 0;
height: 28px;
top: -5px;
position: relative;
font-size: 14px;}
#browser_address.has-error{border:1px solid #cc0000;}
/*.tablet{height:100px;border-radius:50px;}*/

.mobile-button{width:50px;height:50px;margin:0 auto 0;border-radius:25px;background:#fff;}
.mobile-top{left:50%;top:50%;margin:-10px 0 0 -50px;width:100px;position:absolute;}
.mobile-top div{background-color:#fff;height:15px;width:15px;border-radius:7px;position:absolute;}
.mobile-top div.mobile-speaker{width:70px;left:20px;}
.mobile{display:none;height:70px;}

.browser, .mobile {
    background: #dedede;
    border-bottom: 1px solid #dedede;
    padding: 10px 0 0;
    border-radius: 10px 10px 0 0;
    position: relative;
    display: none;
}

.mobile-bottom {
    border-radius: 0 0 10px 10px;
}

.rc-wc.rc-iab {
    border: 1px dotted #ccc;
    margin: 25px auto;
}

#plugin_settings_container, #widget_css_container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 90px;
    left: 0;
    background: #f5f5f5;
    z-index: 200;
    box-shadow: 0 0 5px #999;
    overflow: auto;
}

body.impersonation #plugin_settings_container,
body.impersonation #widget_css_container {
    top: 119px;
}

#widget_loading {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display:block;
}

#widget_loading > span {
    font-size: 20px;
    position: absolute;
    top: 100px;
    line-height: 20px;
    left: 50%;
    margin-left: -127px;
    color: #777;
    font-weight:bold;
}

#widget_loading .shade {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .7;
    background: #fff;
}

#widget_width {
    position: relative;
    height: 100%;
}

#widget_branding {

}

#widget_preview_rotate {
    position: absolute;
    right: 15px;
    top: 50px;
    z-index: 10;
    font-size: 12px;
    display: none;
    color: #777;
    background: #eee;
    padding: 5px 10px;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ccc;
    border-radius: 15px;
}

#widget_dnd_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll;
    display: none;
    counter-reset:section;

    /*background: #ccc;
    opacity: 0.5;*/
}

#widget_dnd_container {
    margin: 20px auto;
    overflow: hidden;
}

#widget_preview_frame {
    width: 100%;
    height: 100%;
}

.plugin-sponsor-content {
    position: absolute !important;
    top: 5px !important;
    left: 5px !important;
    color: #fff !important;
    font-weight: normal !important;
    /*background-color: #449D44 !important;
    color: #fff !important;
    border-radius: 4px !important;
    width: auto !important;
    height: auto !important;
    text-align: center !important;
    line-height: 16px !important;
    font-family: Arial !important;
    font-size: 11px !important;*/
    /*border: 1px solid #008000 !important;
    box-shadow: 0 2px 5px #333 !important;*/
    z-index: 101 !important;
    line-height: 13px !important;
    font-size: 11px !important;
    /*padding: 0 3px !important;*/
}

.plugin-sponsor-content.rc-btn-warning .plugin-sponsored {
    display: none;
}

.plugin-sponsor-content.rc-btn-success .plugin-internal {
    display: none;
}

.plugin-sponsor-content.rc-btn-success .plugin-sponsored {
    display: block;
}

.rain-drop {
    -webkit-animation: raindrop .5s infinite;
    animation: raindrop .5s infinite;
    display: inline-block;
    margin-top: -100px;
}

@-webkit-keyframes raindrop {
    from {transform: rotateX(0deg);}
    to {transform: rotateX(180deg);}
}

@keyframes raindrop {
    from {transform: rotateX(0deg);}
    to {transform: rotateX(180deg);}
}
/* Author: Louis Holladay
 * Website: AdminDesigns.com
 * Last Updated: 01/01/14
 * Copyright (c) 2013 Admin Designs
-----------------------------------------------------
   Table of Contents
-----------------------------------------------------
 -- Shared Styles
 -- Class Helpers
 -- Typography
 -- Primary Components
    a. Header
    c. SideBar
    b. Topbar/Breadcrumbs
 -- Form Elements
    a. Labels
    b. Badges
    c. Icons
    d. Alerts
    e. Buttons
    f. Progress Bars
    g. Sliders
    h. fields
 -- Theme Elements
    a. Tables
    b. Pricing Tables
    c. Panels
    d. Tabs
    e. Accordions
    f. Modals
 -- Widgets
    a. Table
    b. Chat
    c. Messenger
    d. Calendar
    e. Timeline
 -- Color System
 -- Layout Settings
 -- For Demonstration ONLY Styles

----------------------------------------------------*/

/* --------------------------------------
   SHARED STYLES
---------------------------------------*/
body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans',Helvetica, Arial, sans-serif;
    /*color: #666666;*/
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    font-size-adjust: 100%;
    font-weight: 400;
    /*font-size: 13px;*/
    line-height: 1.475;
    background-color: #FFF;
}
#main {
    width: 100%;
    position: relative;
}
#content {
    /*margin-left: 240px;*/
    display: block;
    min-height: 100%;
}
#content:after {
    content: "";
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    display: block;
    z-index: -2;
    /*background-color: #e8e8e8;
    -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.33) inset;
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.33) inset;*/
}
/* Bootstraps ".container" class has been changed to a fluid full
 * width container. It's also used as the primary wrapper for
 * our page content. To maintain typical bootstrap usability
 * we apply the wrapper styles only to the direct child of #content.
 * This insures it's only used once and can again be used elsewhere */
/*.container { width: 100%; }*/
#content > .container {
    /*max-width: 1665px !important;
    padding: 35px 35px 50px 45px;*/
}

/* ---------------------------------------
   CLASS HELPERS
----------------------------------------*/
.padding-none { padding: 0 !important }
.padding { padding: 10px !important }
.padding-sm { padding: 5px !important }
.padding-lg { padding: 22px !important }
.padding-top-none { padding-top: 0 !important }
.padding-top { padding-top: 14px !important }
.padding-top-sm { padding-top: 5px !important }
.padding-top-lg { padding-top: 22px !important }
.padding-right-none { padding-right: 0 !important }
.padding-right { padding-right: 14px !important }
.padding-right-sm { padding-right: 5px !important }
.padding-right-lg { padding-right: 22px !important }
.padding-bottom-none { padding-bottom: 0 !important }
.padding-bottom { padding-bottom: 14px !important }
.padding-bottom-sm { padding-bottom: 5px !important }
.padding-bottom-lg { padding-bottom: 22px !important }
.padding-left-none { padding-left: 0 !important }
.padding-left { padding-left: 14px !important }
.padding-left-sm { padding-left: 5px !important }
.padding-left-lg { padding-left: 22px !important }
.margin-none { margin: 0 !important }
.margin { margin: 14px !important }
.margin-sm { margin: 5px !important }
.margin-lg { margin: 22px !important }
.margin-top-none { margin-top: 0 !important }
.margin-top { margin-top: 14px !important }
.margin-top-lg { margin-top: 22px !important }
.margin-top-sm { margin-top: 5px !important }
.margin-right-none { margin-right: 0 !important }
.margin-right { margin-right: 14px !important }
.margin-right-lg { margin-right: 22px !important }
.margin-right-sm { margin-right: 5px !important }
.margin-bottom-none { margin-bottom: 0 !important }
.margin-bottom { margin-bottom: 14px !important }
.margin-bottom-lg { margin-bottom: 22px !important }
.margin-bottom-sm { margin-bottom: 5px !important }
.margin-left-none { margin-left: 0 !important }
.margin-left { margin-left: 14px !important }
.margin-left-lg { margin-left: 22px !important }
.margin-left-sm { margin-left: 5px !important }
.border-left-none { border-left: none !important }
.border-right-none { border-right: none !important }
.border-bottom-none { border-bottom: none !important }
.border-top-none { border-top: none !important }
.border-none { border: none !important }
.inline-object { display: inline-block !important }
/* Useful for centering columns that don't
 * occupy an entire body/container */
.center-column {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
/* Useful for emphasizing a disabled input */
.option-disabled { opacity: 0.6 }

/* ---------------------------------------
   TYPOGRAPHY
----------------------------------------*/
/*ul, ol { padding-left: 30px }
li { margin-bottom: 7px }*/
a:hover { color: #428BCA  }
a:focus { outline: none }
p {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 22px;
    font-weight: 400;
}
p.small, p small { font-size: 13px }
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: inherit;
    text-rendering: optimizelegibility;
    margin-bottom: 10px;
}
h1 {
    font-size: 30px;
    line-height: 45px;
}
h2 {
    font-size: 24px;
    line-height: 36px;
}
h3 {
    font-size: 18px;
    line-height: 27px;
}
h4, h5, h6 { line-height: 18px }
h4 { font-size: 14px }
h5 { font-size: 12px }
h6 {
    font-size: 11px;
    color: #999999;
    text-transform: uppercase;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    color: #999999;
}
.semi-bold { font-weight: 600 }
/* Dividers */
hr {
    margin: 35px 0;
    border-top: 1px solid #DDD;
}
hr.alt { border-top: 1px dashed #CCC }
hr.short { margin: 20px 0 }
hr.tall { margin: 55px 0 }
/* Specialty Header - Also a Divider */
.page-header {
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}

/* ---------------------------------------
   ANIMATIONS
----------------------------------------*/
/* used in conjuction with "data-animate"
 * attr to create a delayed page animation
 * read docs for more info on proper use*/
.animated-delay { opacity: 0 }
.sparkline-delay {
    height: 0;
    display: block;
    line-height: 40px;
}

/* ---------------------------------------
   HEADER
----------------------------------------*/
.navbar {
    z-index: 1030;
    margin-bottom: 0;
    border-radius: 0;
    min-height: 51px;
    background-color: #FFF;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1),0 1px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1),0 1px 0 0 rgba(0, 0, 0, 0.1);
}
.navbar-brand {
    width: 150px;
    padding: 10px 20px 10px 15px;
}
.navbar-brand .navbar-logo {
    background: url("/assets/img/app/rev-logo-black.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    font-size: 31px;
    height: 31px;
    margin-top: 1px;
    max-width: 131px;
    width: 131px;
}

.navbar-brand .navbar-logo i{
    color: #428BCA;
}
/* Header Buttons */
.header-btns { padding: 10px 0; }
.header-btns > div {
    display: inline-block;
    position: relative;
    margin-left: 5px;
}
.header-btns > div > button {
    color: #666;
    /*border-color: rgb(204,204,204) rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);*/
    background-color: #f5f5f5;
    /*background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f5f5f5 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
}
.header-btns > div > button:hover { color: #0094d2 }
.header-btns > div > button:focus {
    color: #666;
}
/* Header Button Icons */
/*.header-btns > div > button > .glyphicon,
.header-btns > div > button > .glyphicons,
.header-btns > div > button > .fa {
        font-size: 1.25em;
}*/

/*.header-btns .user-menu > .btn:first-child { border-radius: 0 }*/
.header-btns .user-menu > .btn:last-child { border: 0 }
/* Header Button Dropdowns */
.header-btns ul.dropdown-menu {
    margin-top: 11px;
    width: 300px;
    background: #f5f5f5;
    list-style: none;
    left: 0;
    padding: 0;
    border: 0;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
}
/* Positions individual button dropdowns */
.messages-menu ul.dropdown-menu { margin-left: -45px }
.tasks-menu ul.dropdown-menu {
    width: 430px;
    margin-left: -240px;
}
.user-menu ul.dropdown-menu {
    width: 250px;
    margin-left: -146px;
}
.alerts-menu ul.dropdown-menu {
    width: 300px;
    margin-left: -70px;
}
/* Header Menu Dropdown - Header */
.header-btns .dropdown-header {
    padding: 12px 20px;
    margin: 0;
    z-index: 999;
    font-size: 14px;
    font-weight: 700;
    color: #555;
    background: #FFF;
    position: relative;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1),0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1),0 2px 3px rgba(0, 0, 0, 0.05);
}
/* Header Menu Dropdown - Items */
.dropdown-menu ul.dropdown-items {
    padding: 0;
    list-style: none;
}
ul.dropdown-items > li {
    padding: 10px 14px;
    margin: 0;
    border-bottom: 1px solid #DDD;
    z-index: 888;
    position: relative;
    /*cursor: pointer;*/
    font-size: 13px;
}
.user-menu ul.dropdown-items > li { padding: 8px 14px }
ul.dropdown-items > li:hover { background: #EEE }
ul.dropdown-items .last { border-bottom: 0 }
ul.dropdown-items > li a:hover {
    background: transparent;
    text-decoration: none;
    color: #666;
}
/* Special on-hover styles for user dropdown menu */
.user-menu ul.dropdown-items a:hover i.fa { color: #428BCA }

/* Header Menu Dropdown - Footer */
.header-btns .dropdown-footer {
    padding: 11px 20px;
    margin: 0;
    z-index: 999;
    font-size: 11px;
    color: #999;
    background: #FFF;
    text-align: center;
    position: relative;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1),0 -2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1),0 -2px 3px rgba(0, 0, 0, 0.05);
}
.header-btns .dropdown-footer a { color: #428bca }
.header-btns .dropdown-footer a:hover { background: transparent }
.header-btns .dropdown-footer i.fa { padding-left: 3px }
/* Header Menu Dropdown - Top Directional Arrow */
.header-btns .menu-arrow {
    position: absolute;
    top: -12px;
    left: 10%;
    overflow: hidden;
}
.header-btns .menu-arrow .menu-arrow-up {
    background: url(../img/form/menu-arrow-up.png) no-repeat top left;
    width: 25px;
    height: 14px;
    display: block;
}
.messages-menu .menu-arrow { left: 20% }
.alerts-menu .menu-arrow { left: 27% }
.tasks-menu .menu-arrow { left: 59% }
.user-menu .menu-arrow { left: 69% }
/* Header Menu Dropdown - Item contents */
/* Item Avatar */
.header-btns .item-avatar {
    width: 45px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #CCC;
}
/* Item Icon */
.header-btns .item-icon {
    width: 40px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    text-align: center;
    color: #888;
}
.tasks-menu .item-icon { width: 30px }
/* Item Message */
.user-menu a { color:#888; }
.header-btns .item-message {
    width: 200px;
    display: inline-block;
    vertical-align: middle;
}
.user-menu .item-message { width: 170px }
.tasks-menu .item-message { width: 215px }
/* Item Label */
.header-btns .item-label {
    width: 80px;
    display: inline-block;
}
/* Item Checkbox */
.header-btns .item-checkbox {
    position: absolute;
    right: 20px;
    top: 14px;
}
/* User Dropdown Menu */
.user-menu .dropdown-lockout {
    width: 50%;
    float: left;
    font-size: 13px;
    /*padding: 11px 0 11px 15px;*/
    background: #fff;
    border-top: 1px solid #bbb;
}
.user-menu .dropdown-signout {
    width: 50%;
    float: left;
    /*padding: 11px 5px 11px 15px;*/
    background: #fff;
    border-left: 1px dashed #ccc;
    border-top: 1px solid #bbb;
}
/* User Dropdown Menu - Signout Buttons */
.user-menu .dropdown-lockout .fa, .user-menu .dropdown-signout .fa {
    padding-right: 7px;
    font-size: 20px;
    color: #888;
    vertical-align: top;
}
/* Dropdown Checklist Toggle - The Task menu is a clickable checklist */
.task-checked > div:not(.item-checkbox) { opacity: 0.4 }
/* add a text line through effect on any clickable checklist by adding ".text-slash" */
.task-checked .text-slash { text-decoration: line-through }

/* ---------------------------------------
   SIDE MENU
----------------------------------------*/
/* Sidebar Column */
#sidebar {
    position: absolute;
    width: 240px;
    background: #FFF;
    z-index: 1024;
    left: auto;
}
#sidebar:before {
    content: "";
    position: fixed;
    width: 240px;
    top: 0;
    bottom: 0;
    display: block;
    z-index: -2;
    background: #fff;
}
/* Sidebar Search Form */
#sidebar-search {
    position: relative;
    overflow: hidden;
    padding: 12px 13px 0 12px;
    height: 52px;
    max-height: 52px;
    border-bottom: 1px solid #d2d2d2;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f5f5f5 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
#sidebar-search form {
    position: relative;
    max-width: 170px;
    float: left;
}
#sidebar-search form input.search-bar {
    background: #fff;
    color: #999;
    font-size: 14px;
    outline: none;
    max-height: 30px;
    padding: 3px 8px;
    height: 29px;
}
#sidebar-search form .field-icon-right {
    color: #BBB;
    font-size: 16.5px;
    top: 6px;
    display: none;
}
/* Sidebar Collapse Toggle Button */
#sidebar-search .sidebar-toggle {
    cursor: pointer;
    float: right;
    height: 28px;
    line-height: 25px;
    width: 32px;
    font-size: 17px;
    color: #AAA;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #ddd;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f0f0f0 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
/* Sidebar Navigation Menu */
ul.sidebar-nav li { margin: 0 }
ul.sidebar-nav li a { color: #777 }
ul.sidebar-nav li a:hover { background-color: transparent }
ul.sidebar-nav > li > a {
    display: block;
    text-decoration: none;
    color: #777;
    line-height: 45px;
    min-height: 45px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border-bottom: 1px solid #c9c9c9;
    box-shadow: none;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f5f5f5 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
ul.sidebar-nav li.active > a .fa { color: #428BCA; }
/* Side Nav Icon */
ul.sidebar-nav > li > a .fa {
    width: 40px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    float: left;
    border-right: 1px solid #DDD;
    margin-right: 10px;
    padding-right: 4px;
    margin-left: 2px;
    top: 0;
}
/* Side Nav Caret */
ul.sidebar-nav > li > a span.caret {
    position: absolute;
    top: 45%;
    right: 10px;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
/* Side Nav caret state - we simply flip caret border */
ul.sidebar-nav > li > a.collapsed span.caret {
    border-top: 0;
    border-bottom: 5px solid;
}
ul.sidebar-nav > li.active > a span.caret { color: #428BCA  }
/* Sub-menu */
ul.sidebar-nav ul.sub-nav.menu-open { display: block }
ul.sidebar-nav ul.sub-nav {
    display: none;
    border-bottom: 1px solid #c9c9c9;
    background-color: #fafafa;
}
ul.sidebar-nav ul.sub-nav > li > a { padding: 12px 20px 12px 35px }
ul.sidebar-nav ul.sub-nav > li:last-child a { padding: 12px 35px 18px; }
/* Sub Nav Icon */
ul.sidebar-nav ul.sub-nav li span {
    margin-right: 12px;
    min-width: 15px;
    min-height: 15px;
    float: left;
    margin-top: 4px;
}
ul.sidebar-nav ul.sub-nav > li > a:hover .glyphicons { color: #428BCA  }

/* SIDE MENU COLLAPSED STATE
 * Activated via JS. A ".sidebar-collapsed" class is added to
 * #sidebar on click. The styles below essentially just mimic
 * the media-query based styles found in responsive.css
-------------------------------------------------------------- */
/* Shrink Sidebar to the width of Title Icon */
body.sidebar-collapsed #sidebar { width: 40px }
/* Expand primary page content */
body.sidebar-collapsed #content { margin-left: 40px }
body.sidebar-collapsed #content:after {
    box-shadow: none;
    border-left: 1px solid #CCC;
}
/* Hide Search Form */
body.sidebar-collapsed #sidebar-search form { display: none }
/* Shrink toggle button  */
body.sidebar-collapsed #sidebar-search .sidebar-toggle {
    margin-right: -6px;
    width: 28px;
    font-size: 17px;
}
/* Convert Menu items to absolute positions */
body.sidebar-collapsed ul.sidebar-nav .sidebar-title, body.sidebar-collapsed ul.sidebar-nav ul.sub-nav {
    display: none;
    position: absolute;
    width: 200px;
    left: 40px;
    z-index: 9999;
    border: 1px solid #ccc;
}
/* Menu Icon */
body.sidebar-collapsed ul.sidebar-nav > li > a > .glyphicons,
body.sidebar-collapsed ul.sidebar-nav > li > a > .glyphicon {
    margin-left: 2px;
    border-right: 0;
}
/* Menu Title */
body.sidebar-collapsed ul.sidebar-nav .sidebar-title {
    top: -1px;
    text-indent: 20px;
    height: 46px;
    background: #CCC;
    border-color: #AAA;
}
/* Hide menu caret */
body.sidebar-collapsed ul.sidebar-nav span.caret { display: none }
/* Sub-menu */
body.sidebar-collapsed ul.sidebar-nav ul.sub-nav {
    height: auto !important;
    top: 44px;
    border-top: 1px solid #AAA;
}
/* Sub-menu items */
body.sidebar-collapsed ul.sidebar-nav ul.sub-nav li a { padding: 13px 15px }
body.sidebar-collapsed ul.sidebar-nav ul.sub-nav li:last-child a { padding: 13px 15px 20px }
/* Hide all open menus as they are now absolute positioned */
body.sidebar-collapsed ul.sidebar-nav ul.sub-nav.menu-open { display: none }
/* Force open both menu title and its submenu on hover */
body.sidebar-collapsed ul.sidebar-nav li:hover ul.sub-nav, body.sidebar-collapsed ul.sidebar-nav li:hover a, body.sidebar-collapsed ul.sidebar-nav li:hover .sidebar-title { display: block !important }
/* SIDEBAR ALTERNATE STYLES */
/* Flat White */
#sidebar.sidebar-alt-white ul.sidebar-nav > li > a {
    background: #FFF;
    border-color: #ddd;
}
#sidebar.sidebar-alt-white ul.sub-nav {
    background: #f8f8f8;
    border-color: #ddd;
}
/* Flat Grey */
#sidebar.sidebar-alt-grey:before { background: #f2f2f2 }
#sidebar.sidebar-alt-grey ul.sidebar-nav > li > a {
    background: #f2f2f2;
    border-color: #ddd;
}
#sidebar.sidebar-alt-grey ul.sub-nav {
    background: #f8f8f8;
    border-color: #ddd;
}

/* --------------------------------------
   TOPBAR/BREADCRUMBS
--------------------------------------*/
#topbar {
    z-index: 1023;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 38px;
    max-height: 38px;
    border-bottom: 1px solid #CCC;
    background: #f5f5f5 url(../../../assets/img/patterns/1.png) repeat top left;
    border-bottom: none;
}
.breadcrumb {
    clear: both;
    padding: 0;
    padding-top: 10px;
    margin-bottom: 0;
    border-radius: 0;
    font-size: 13px;
    background-color: transparent;
}
.breadcrumb .glyphicons {
    font-size: 13px;
    top: 0;
}

/* ---------------------------------------
   LABELS
----------------------------------------*/
.label {
    padding: .3em .7em .4em;
    font-size: 84%;
    font-weight: 600;
}
/* Label Shapes - ".label" required */
.label.label-rounded {
    padding: .2em 0.85em .3em;
    border-radius: 1em;
}
/* Label Sizes - ".label" required */
.label-sm {
    padding: .2em .6em .3em;
    font-size: 75%;
}
.label-lg {
    padding: .4em .9em .5em;
    font-size: 95%;
}
label.error {
    color: #428BCA ;
    font-size: 12px;
    font-weight: 600;
}

/* --------------------------------------
   BADGES
--------------------------------------*/
.badge {
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 600;
}
/* Badge Sizes - ".badge" required */
.badge-sm {
    padding: 2px 6px;
    font-size: 11px;
}
.badge-lg { padding: 4px 8px }

/* --------------------------------------------
   ICONS
   --------------------------------------------
   See documentation for a full
   explanation of available libraries
   and their associated classes
----------------------------------------------*/

/* Some font libraries have large file sizes.
 * We optionally can attach .wf-loading to the
 * body tag and have the fonts only visible after
 * they are fully loaded or cached. Prevents rough
 * icon flash and is currently used only on index.html */
.wf-loading .glyphicons,
.wf-loading .glyphicon,
.wf-loading .imoon,
.wf-loading .fa {
    opacity: 0 !important;
}

/* Icons */
.glyphicons,.glyphicon,
.imoon, .fa {
    opacity: 1;
    transition: opacity 0.3s ease-in;
   -moz-transition: opacity 0.3s ease-in;
   -webkit-transition: opacity 0.3s ease-in;
}

/* Buttons with Icons
* Cross browser problems were creating problems when
* an icon was given a larger font size than its sibling
* text. To fix Line height, vertical align, and top
* positioning have been redefined */
.btn .glyphicons, .btn .glyphicon {
    top: -1px;
    vertical-align: middle;
    line-height: 0;
    font-size: 1.1em;
}

 /* Glyphicon Pro and Halfling */
.glyphicons-2x, .glyphicon-2x { font-size: 2em }
.glyphicons-3x, .glyphicon-3x { font-size: 3em }
.glyphicons-4x, .glyphicon-4x { font-size: 4em }
.glyphicons-5x, .glyphicon-5x { font-size: 5em }

/* Icomoon Font Icons */
.imoon-2x { font-size: 2em }
.imoon-3x { font-size: 3em }
.imoon-4x { font-size: 4em }
.imoon-5x { font-size: 5em }

/* A helper class to align icons right in control-forms */
i.field-icon-right {
    position: absolute;
    right: 10px;
    top: 8px;
}

/* -----------------------------------------
   ALERTS
------------------------------------------*/
/* Alert Sizes */
.alert { font-size: 14px }
.alert-sm { padding: 8px 35px 8px 15px }
.alert-lg {
    padding: 25px 35px 25px 15px;
    font-size: 16px;
}
/* Alert Dismiss Icon */
.alert-dismissable .close { color: #666 }

/* -----------------------------------------
   BUTTONS
------------------------------------------*/
/* Button Settings */
.btn {
    color: #FFF;
    outline: none;
    /*line-height: 1.47;
    border-radius: 4px;*/
}
.btn:focus { color: #FFF }
.btn-link { color: #444 }
.btn-link:hover { color: #444 }
/* Button Sizes */
.btn-sm { line-height: 1.5; }
.btn-lg { line-height: 1.33;}
/* Button Shapes */
.btn-square { border-radius: 0; }

/* Button Colors */
/* These are only colors that follow Bootstraps
 * color scheme. Stardom includes many more colors
 * are at end of this doc */
.btn-success.btn-gradient {
    border-color: #3f9d00;
    background-color: #44ab00;
}
.btn-info.btn-gradient {
    border-color: #269abc;
    background-color: #14abd8;
}
.btn-primary.btn-gradient { background-color: #0088cc }
.btn-warning.btn-gradient { background-color: #f28900 }
.btn-danger.btn-gradient { background-color: #d3332e }
.btn-default.btn-gradient { background-color: #f0f0f0 }
/* Adds a custom "Alert"(purple) button to
 * the Bootstrap button lineup */
.btn-alert { background-color: #7857ca }
.btn-alert.btn-gradient { background-color: #5d3ab5 }
.btn-alert .caret { border-top-color: #FFF }
/* Button Hover effect */
.btn:hover {
    color: #FFF;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.13) 1%,rgba(255,255,255,0.13) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0.13) 1%,rgba(255,255,255,0.13) 100%);
}
.btn-gradient:hover {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.45) 1%,rgba(255,255,255,0.15) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0.45) 1%,rgba(255,255,255,0.15) 100%);
}
/* Button Gradients
 * Gradients are created using a transparent gradient
 * overlay. This way you can transform any element
 * with a background color into a gradient without
 * having to use additional colors */
.btn-gradient {
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.30) 1%,rgba(255,255,255,0.15) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0.30) 1%,rgba(255,255,255,0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
}

/* ---------------------------------------
   PROGRESS BARS
---------------------------------------*/
.progress {
    height: 18px;
    background-color: #f1f1f1;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.progress-bar { line-height: 18px }
/* Progress Bar Sizes - ".progress" always required */
.progress.progress-sm { height: 12px }
.progress.progress-sm .progress-bar { line-height: 12px }
.progress.progress-lg { height: 28px }
.progress.progress-lg .progress-bar { line-height: 28px }

/* ---------------------------------------
   SLIDERS
---------------------------------------*/
/* Slider Container */
.ui-rangeSlider .ui-rangeSlider-bar {
    margin: 5px 0;
    height: 20px;
    background-color: #6390a7;
}
/* Slider Inner bar */
.ui-rangeSlider .ui-rangeSlider-innerBar {
    height: 24px;
    margin: 3px 0;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0, 0.10) inset, 0 -1px 0 rgba(255,255,255, 0.65) inset;
    box-shadow: 0 1px 2px rgba(0,0,0, 0.10) inset, 0 -1px 0 rgba(255,255,255, 0.65) inset;
}
/* Slider Label */
.ui-rangeSlider-label {
    border: 0;
    box-shadow: none;
    background: none;
    background-image: none;
}
.ui-rangeSlider-label-value {
    position: relative;
    top: -8px;
    min-width: 40px;
    min-height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    background: #fafafa;
    background-image: none;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 2px rgba(0,0,0, 0.25);
}
.ui-rangeSlider-label:after {
    content: "\f0d7";
    width: 100%;
    position: absolute;
    bottom: 0;
    margin: 0 -6px;
    color: #f8f8f8;
    font-family: FontAwesome;
    font-size: 18px;
    text-align: center;
}
/* Slider Input Label */
input.ui-editRangeSlider-inputValue {
    border: 1px solid #DDD;
    width: 2.2em;
}
/* Slider Handles */
.ui-rangeSlider .ui-rangeSlider-handle { background: none }
.ui-rangeSlider .ui-rangeSlider-handle-inner {
    background: url(../img/form/slider-knob.png) no-repeat center top;
    width: 22px;
    height: 24px;
}
.ui-rangeSlider-leftHandle .ui-rangeSlider-handle-inner { margin-left: -10px }
.ui-rangeSlider-rightHandle .ui-rangeSlider-handle-inner { margin-left: -4px }
/* Slider Arrows */
.ui-rangeSlider-arrow { margin: 6px 0 }
.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow { left: -13px !important }
.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow { right: -13px !important }

/* ----------------------------------------
   FIELD ELEMENTS
-----------------------------------------*/
/* Alternate Text Field Style - Gradient */
.text-field-alt {
    min-height: 40px;
    border-radius: 1px;
    border: 1px solid #cccccc;
    -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);
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f5f5f5 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
/* Boostrap Input Groups */
.input-group-addon { min-width: 40px }
/* Bootstrap Help Block */
.help-block {
    margin-top: 7px;
    color: #888;
}
/* Checkboxes and Radios */
div.checker, div.checker span, div.checker input { cursor: pointer }
/*div.checker, div.radio { margin-right: 3px }*/
label .checker, label .radio, .form-horizontal label .checker, .form-horizontal label .radio { padding-top: 0 }
/*.radio-inline, .checkbox-inline {
    padding-left: 5px;
    vertical-align: top;
}*/

/* JQuery UI Spinner */
.ui-spinner-input {
    color: inherit;
    min-height: 36px;
}
.ui-spinner-button {
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 16px;
    height: 50%;
    padding: 0;
    margin: 0;
    font-size: .5em;
    text-align: center;
}
.input-group .ui-spinner .form-control:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -2px;
    top: 50%;
    left: 0;
    text-indent: 0;
}
.ui-spinner-up .ui-icon { margin-top: -6px }
.ui-spinner-up { top: 0 }
.ui-spinner-down { bottom: 0 }
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* needed to correct false icon sprite pos */
    background-position: -65px -16px;
}


/* ---------------------------------------
   TABLES
----------------------------------------*/
/* Table first item changes */
.table tbody > tr:first-child > td { border-top: 0 }
table.dataTable tfoot th {padding:8px;}
/* Table-striped item changes */
/*.table-striped > tbody > tr:nth-child(even) > td {
    background-color: #f8f8f8;
    border-bottom: 1px dashed #c9c9c9;
    padding: 13px 8px;
}
.table-striped > tbody > tr:nth-child(odd) > td {
    background-color: #FFF;
    border-bottom: 1px dashed #c9c9c9;
    padding: 13px 8px;
}*/

/* ---------------------------------------
   PRICING TABLES
---------------------------------------*/
/* Regular Pricing Plan */
.pricing-tables .pricing-plan {
    padding: 0 0 20px 0;
    margin: 30px -16px 20px -16px;
    border: 1px solid #CCC;
    background-color: #f6f6f6;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
/* Pricing Table Title */
.pricing-tables .pricing-title {
    padding: 25px 5px 20px;
    border-bottom: 1px solid #DDD;
}
.pricing-tables .pricing-title h3 {
    margin-bottom: 0;
    font-weight: 200;
    text-transform: none;
    font-size: 26px;
    color: #555;
}
/* Pricing Table Cost Figure */
.pricing-info { margin: 20px 0 }
.pricing-info .currency-sign {
    color: #333;
    font-size: 26px;
    font-weight: 200;
    display: inline-block;
    vertical-align: top;
    margin-left: -20px;
    padding-left: 5px;
    padding-top: 6px;
}
.pricing-info h2 {
    display: inline-block;
    margin-bottom: 0;
    color: #444;
    font-size: 54px;
    font-weight: 600;
}
.pricing-info h6 {
    color: #888;
    font-weight: 200;
    margin: 4px 0 0;
}
/* Pricing Table Item Features */
.pricing-features ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #DDD;
}
.pricing-features li {
    padding: 10px 0;
    border-bottom: 1px solid #DDD;
    background-color: #FFF;
    color: #999;
    margin: 0;
}
.pricing-tables .pricing-features li b { font-weight: 600 }
.pricing-tables .pricing-features li i.fa {
    font-size: 15px;
    color: #777;
    padding-right: 8px;
}
/* Pricing Table Icons */
.pricing-tables .pricing-icons ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pricing-tables .pricing-icons li {
    padding: 10px 0;
    border-bottom: 1px solid #DDD;
    background-color: #FFF;
    font-size: 18px;
    margin: 0;
}
.pricing-tables .pricing-icons li i.fa-times { color: #e74a4a }
.pricing-tables .pricing-icons li i.fa-ellipsis-h { color: #555 }
/* Pricing Table Sign Up Button*/
.pricing-tables a.btn {
    margin-top: 25px;
    padding: 8px 26px;
}
/* Hero Pricing Plan Modifications */
.hero-plan { z-index: 10 }
.hero-plan .pricing-plan {
    background-color: #f6f6f6;
    padding: 0 0 20px 0;
    margin: 0 -17px 20px -17px;
    border-bottom: 1px solid #BBB;
    -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
    box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
}
.hero-plan .pricing-plan .pricing-title {
    color: #FFF;
    margin: -1px -1px 0 -1px;
}
.hero-plan .pricing-plan .pricing-title h3 {
    color: #FFF;
    font-weight: 600;
}
.hero-plan .pricing-plan .pricing-subtitle {
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 4px;
    font-weight: 600;
}
.hero-plan .pricing-plan a.btn { margin: 40px 0 20px }

/* ---------------------------------------------
   PANELS
 -----------------------------------------------
   Bootstrap Panels are a vital element in this
   Theme. Reading the Stardom Docs to better
   understand this component is recommended
 ----------------------------------------------*/
/* Overflow is hidden by default. Helper class to reverse */
/*.panel.panel-visible, .panel-heading.panel-visible { overflow: visible !important }*/
.panel {
    position: relative;
    margin-bottom: 35px;
    /*overflow: hidden;*/
    /*border-color: #c9c9c9;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33);*/
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
}
.panel-heading {
    /*overflow: hidden;*/
    position: relative;
    /*min-height: 57px;*/
    padding: 10px 15px 9px;
    color: #666;
    /*border-bottom: 1px solid #c9c9c9;*/
    font-size: 14px;
    font-weight: 700;
    line-height: 33px;
    display: table;
    width: 100%;
    /*border-radius: 3px 3px 0 0;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f2f2f2 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
}
.panel-title {
    float: left;
    padding-top: 1px;
    /*font-size: 14px;*/
    font-size: 20px;
    color: #000;
}
.panel-heading .panel-title i.fa {
    margin-top: -3px;
    padding-right: 8px;
    font-size: 21px;
    vertical-align: middle;
}
    @media (min-width: 768px) {
        .panel-title,
        .panel-heading .panel-title i.fa
        {
            font-size: 24px;
        }
    }

.panel-footer {
    background-color: transparent;
    border: none;
}
/* Helpful for wrapping form components in
 * when placing them in the header. Otherwise
 * they can break the title with their width */
.panel-heading .panel-field { max-width: 140px }
/* PANEL TITLES */
/* Used as a divider Bbetween panel content */
.panel-body-title {
    margin-bottom: 20px;
    padding: 10px 0 15px;
    color: #666;
    border-bottom: 1px solid #DDD;
    line-height: 18px;
}
/* Used as small text in panel header and footers */
.panel-title-sm {
    padding-right: 5px;
    color: #888;
    font-size: 12px;
    font-weight: 700;
}
/* PANEL ALTERNATE STYLE - Minimal */
.panel.panel-alt {
    border-color: #DDD;
    box-shadow: none;
    background: #FFF;
}
.panel.panel-alt > .panel-heading {
    height: 45px;
    padding: 0 20px;
    background-color: #FFF;
    font-size: 14px;
    line-height: 43px;
    box-shadow: none;
}
.panel.panel-alt .panel-body {
    padding: 20px 30px;
    background-color: #fcfcfc;
    line-height: 22px;
}
/* PANEL ADDON - MENU */
/* Typically placed under the panel header
 * and used to hold buttons or menus */
.panel-menu {
    padding: 10px 13px;
    /*background-color: #eee;
    border-bottom: 1px solid #C9c9c9;*/
    background-color: #f5f5f5;
    border-radius: 4px;
}
.panel-heading + .panel-menu {
    /*-webkit-box-shadow: 0 5px 5px -4px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 5px 5px -4px rgba(0, 0, 0, 0.15) inset;*/
}
.panel-menu .btn-default.btn-gradient.active {
    background-color: #FFF;
    color: #39b1d5;
    box-shadow: none;
}
/* PANEL ADDON - SIDEMENU  */
/* A side column great for housing an
 * extra nav list. When used its sibling
 * panel body (content) is modified */
.panel-sidemenu + .panel-body {
    position: relative;
    float: left;
    width: 70%;
    margin: 40px 3.5% 100px;
    padding: 0;
}
/* Sidemenu and content are both floated.
 * to create equal heights we expand the sidemenu
 * with padding and allow its parent container
 * to catch the overflow */
.panel-sidemenu {
    position: relative;
    float: left;
    width: 23%;
    height: 100%;
    padding: 5px;
    background-color: #f6f6f6;
    border-right: 1px solid #CCC;
    margin-bottom: -2000px;
    padding-bottom: 2000px;
}
.panel-sidemenu ul.nav {
    margin-top: 30px;
    padding-left: 30px;
}
.panel-sidemenu ul.nav li {
    margin-bottom: 4px;
    list-style: none;
}
.panel-sidemenu ul.nav li.nav-title {
    padding: 10px 0;
    color: #777;
    font-weight: 700;
    text-decoration: none;
}
.panel-sidemenu ul.nav li.nav-title:hover { color: #777 }
.panel-sidemenu ul.nav li a {
    padding: 5px 0;
    color: #888;
}
.panel-sidemenu ul.nav li a:hover { background: none }
.panel-sidemenu ul.nav li .fa {
    width: 28px;
    color: #BBB;
    font-size: 18px;
}
.panel-sidemenu ul.nav li:hover, .panel-sidemenu ul.nav li:hover .fa { Color: #5bc0de }
.panel-sidemenu ul.nav li.active, .panel-sidemenu ul.nav li.active .fa { color: #5bc0de }
.panel-sidemenu ul.nav .divider {
    width: 80%;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background: #e2e2e2;
}
/* Sidemenu is hidden on small devices */
@media (max-width: 1000px) {
    .panel-sidemenu { display: none }
    .panel-sidemenu + .panel-body {
        width: 93%;
        margin: 40px 3.5% 100px;
    }
}
/* PANEL ADDON - BODY SEARCHBAR */
/* Useful anywhere but in this theme it is
 * only used or seen inside a panel body */
.search-widget { position: relative }
#search-widget {
    height: 85px;
    margin-bottom: 50px;
    padding: 20px 25px;
    background: #f4f7fa;
    border: 1px solid #d8dee6;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.05) inset;
    box-shadow: 0 0 3px rgba(0,0,0, 0.05) inset;
}
.search-bar-widget {
    float: left;
    width: 82%;
    min-height: 43px;
    padding: 9px 12px 9px 40px;
}
#search-widget .search-widget-icon {
    position: absolute;
    top: 14px;
    left: 15px;
    color: #999;
    font-size: 16px;
}
#search-widget button {
    float: left;
    width: 16%;
    margin-left: 2%;
    padding: 10px;
    font-weight: 600;
}
/* PANEL TAB CORRECTION */
/* If you want a panel-like footer inside a tababble
 * area you need to wrap the content in a ".tab-body"
 * class. See timeline.html for an example(event panel) */
.tab-body { padding: 20px 20px 15px }
.tab-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
/* Mildly styles a font awesome based icon group
 * used in occasionaly in panel heading. Look at
 * message widget on index.html for example */
.mini-action-icons i.fa {
    position: relative;
    top: 2px;
    padding-right: 10px;
    color: #777;
    font-size: 16px;
    cursor: pointer;
}

/* --------------------------------------
   PANEL TABS
---------------------------------------*/
/* Panel Tab Navigation must be placed inside
 * ".panel-heading" see Stardom Docs for example */
.panel-tabs {
    float: right;
    margin-top: -10px;
}
.panel-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.panel-tabs > li > a {
    line-height: 1.428571429;
    border-radius: 0;
    padding: 19px 15px 17px;
    border: 1px solid transparent;
    border-right: 1px solid #DDD;
    font-size: 12px;
    color: #777;
}
.panel-tabs > li > a:hover {
    background-color: transparent;
}
.panel-tabs > li:first-child > a { border-left: 1px solid #DDD }
/* hover and active states */
.panel-tabs > li.active > a, .panel-tabs > li.active > a:hover, .panel-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    background: #ffffff;
    padding: 19px 15px 21px;
}
/* panel tab icons */
.panel-tabs li i.fa { font-size: 14px }
.panel-tabs .imoon {
    font-size: 14px;
    vertical-align: middle;
}

/* --------------------------------------
   TABS
---------------------------------------*/
/* TAB CONTAINER */
.tab-block { position: relative }
.tab-block .tab-content {
    overflow: auto;
    background-color: #FFF;
}
/* TAB CONTENT PANEL */
.tab-content {
    position: relative;
    z-index: 10;
    min-height: 170px;
    padding: 16px 12px;
    border: 1px solid #CCC;
}
/* TAB NAVIGATION */
.nav-tabs {
    position: relative;
    top: 1px;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    position: relative;
    z-index: 9;
    padding: 12px 16px;
    margin-right: -1px;
    font-weight: 700;
    color: #777;
    font-size: 12px;
    /*border-color: #CFCFCF;
    border-radius: 0;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f0f0f0 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
}
.nav-tabs > li:first-child > a { margin-left: 0 }
/* TAB NAVIGATION STATES */
.nav-tabs > li > a:hover {
    color: #428bca;
    border-color: #CFCFCF;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    cursor: default;
    position: relative;
    z-index: 12;
    color: #555555;
    background: #FFF;
    border-color: #CFCFCF;
    border-bottom: 1px solid #FFF;
}
/* TAB NAVIGATION ICONS */
.nav-tabs li i.fa { font-size: 14px }
.nav-tabs li i.fa.fa-caret-down { font-size: 12px }
/* open state for dropdown menus in nav
 * containers. Also a direct bootstrap override */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    color: #428bca;
    border-color: #CFCFCF;
}
/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.nav-tabs > li.active > a, .tabs-border .nav-tabs > li.active > a {
    margin-top: -1px;
    border-top: 2px solid #428bca;
}
/* TAB NAVIGATION - ALT STYLE: BACKGROUND */
.tabs-bg.nav {
    background: #f5f5f5;
    border: 1px solid #CCC;
    padding: 10px 10px 0;
}
/* TABS - NAVIGATION BELOW */
.tabs-below {
    position: relative;
    top: -1px;
}
.tabs-below > li {
    float: left;
    margin-top: -1px;
}
.tabs-below > li > a {
    position: relative;
    z-index: 9;
    margin-right: -1px;
    padding: 12px 16px;
    font-size: 12px;
    color: #777;
    font-weight: 700;
    border: 1px solid #CFCFCF;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f0f0f0 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
/* TAB NAVIGATION STATES */
.tabs-below > li > a:hover { }
.tabs-below > li.active > a, .tabs-below > li.active > a:hover, .tabs-below > li.active > a:focus {
    cursor: default;
    position: relative;
    z-index: 12;
    color: #555555;
    background: #FFF;
    border-color: #CFCFCF;
    border-top: 1px solid #FFF;
}
/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.tabs-below > li.active > a, .tabs-border .tabs-below > li.active > a {
    margin-bottom: -1px;
    border-bottom: 2px solid #428bca;
}
/* TAB NAVIGATION - ALT STYLE: BACKGROUND */
.tabs-bg.tabs-below {
    background: #f5f5f5;
    border: 1px solid #CCC;
    padding: 0 10px 10px;
}
/* TABS - NAVIGATION LEFT */
.tabs-left { float: left }
.tabs-left > li {
    float: none;
}
.tabs-left > li > a {
    padding: 12px 16px;
    color: #777;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid transparent;
    border-color: #CFCFCF;
    background: #f8f8f8;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f0f0f0 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
/* TAB NAVIGATION STATES */
.tabs-left > li > a:hover { }
.tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus {
    color: #555;
    border-color: #CCC #FFF #CCC #CCC;
    cursor: default;
    position: relative;
    z-index: 12;
    background: #FFF;
}
/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.tabs-left > li.active > a, .tabs-border .tabs-left > li.active > a {
    margin-left: -1px;
    border-left: 2px solid #428bca;
}

/* WELL TABS - GREY MICRO NAV TABS */
.well-tabs { position:relative; }
.well-tabs li {
    float: left;
    margin: 4px 6px;
}
.well-tabs li:first-child {
    margin-left: 0;
}
.well-tabs li a {
    background: #f0f0f0;
    border-radius: 4px;
    border: 1px solid #DDD;
    font-size: 11px;
    font-weight: 600;
    color: #888;
    padding: 6px 8px;
    line-height: 15px;
}
.well-tabs li a:hover,.well-tabs li.active a {
    background-color: #FFF;
}
/* Same style but inversed colors */
.well-tabs-inverse li a {
    background: transparent;
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 11px;
    font-weight: 600;
    color: #888;
    padding: 6px 8px;
    line-height: 15px;
}
.well-tabs-inverse li a:hover,.well-tabs-inverse li.active a {
    background-color: #f0f0f0;
    border: 1px solid #ddd;
}

/* --------------------------------------
   PANEL ACCORDION
---------------------------------------*/
/* Created with Bootstrap Panels */
.accordion.panel-group .panel {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.accordion.panel-group .panel + .panel { margin-top: 10px }
/* Accordion Header */
.accordion .panel-heading a {
    text-decoration: none;
    display: block;
}
/* Accordion Toggle Arrows */
.accordion .accordion-toggle-icon i.fa {
    float: left;
    line-height: 36px;
    min-width: 31px;
    padding-right: 5px;
    font-size: 18px;
}
/* Accordion Toggle Arrow States */
.accordion .accordion-toggle-icon i:first-child { display: block }
.accordion .accordion-toggle-icon i:last-child { display: none }
.accordion .collapsed .accordion-toggle-icon i:first-child { display: none }
.accordion .collapsed .accordion-toggle-icon i:last-child { display: block }
/* Accordion Widget - Alt Size, Small */
.accordion.accordion-sm .panel-heading {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
}
.accordion.accordion-sm .accordion-toggle-icon i:first-child, .accordion.accordion-sm .accordion-toggle-icon i:last-child { line-height: 40px }
/* Accordion Widget - Alt Style, White */
.accordion.accordion-alt.panel-group .panel {
    border-color: #DDD;
    box-shadow: none;
}
.accordion.accordion-alt.panel-group .panel > .panel-heading {
    background-color: #FFF;
    padding: 0 20px;
    height: 45px;
    line-height: 43px;
    font-size: 14px;
    box-shadow: none;
}
.accordion.accordion-alt.panel-group .panel > .panel-heading > a {
    color: #444;
    font-weight: 400;
}
.accordion.accordion-alt.panel-group .panel > .panel-heading > a.collapsed { color: #888 }
.accordion.accordion-alt.panel-group .panel > .panel-heading > a.collapsed:hover { color: #444 }
.accordion.accordion-alt .accordion-toggle-icon i:first-child, .accordion.accordion-alt .accordion-toggle-icon i:last-child {
    color: #BBB;
    line-height: 45px;
    font-size: 15px;
    min-width: 26px;
}
.accordion.accordion-alt.panel-group .panel .panel-body {
    background-color: #fcfcfc;
    padding: 20px 30px;
    line-height: 22px;
}

/* ---------------------------------------
   BOOTSTRAP POPOVER
----------------------------------------*/
.popover { z-index: 1100 }

/* --------------------------------------
   PAGINATIONS
---------------------------------------*/
/* MINI PAGERS */
.pager {
    margin: 5px 0;
    cursor: pointer;
}
.pager li > a, .pager li > span { font-size: 14px }
.pager.pager-sm li > a, .pager.pager-sm li > span { font-size: 12px }
.pager.pager-lg li > a, .pager.pager-lg li > span { font-size: 16px }
/* PAGINATIONS */
.pagination {
    margin: 5px 0;
    cursor: pointer;
}
/* ROUNDED PAGINATION */
.pagination-rounded > li:first-child > a { border-radius: 50% 0 0 50% }
.pagination-rounded > li:last-child > a { border-radius: 0 50% 50% 0 }
/* ALT STYLE */
.pagination-alt > li > a {
    margin: 0 4px;
    border-radius: 2px;
    font-weight: 600;
    color: #666;
    padding: 4px 11px;
    border-color: #ccc;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0, 0.1);
    box-shadow: 0 1px 2px rgba(0,0,0, 0.1);
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f1f1f1 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.pagination-alt > li.active > a {
    background-color: #555;
    background-image: none;
    border-color: #444;
}
/* SIZES FOR ALT STYLE */
.pagination-alt.pagination-sm > li > a {
    margin: 0 3px;
    font-weight: 700;
    padding: 4px 9px;
}
.pagination-alt.pagination-lg > li > a {
    margin: 0 5px;
    padding: 4px 13px;
}
/* pagination-alt fixes */
.pagination-alt.pagination-sm > li:first-child > a, .pagination-alt.pagination-lg > li:first-child > a { margin-left: 0 }

/* -----------------------------------------
   BOOTSTRAP MODALS
-----------------------------------------*/
/* Modal sizes - element always requires
 * default ".modal-dialog" class */
.modal-dialog-sm { width: auto }
@media screen and (min-width: 768px) {
    .modal-dialog { padding-top: 50px }
    .modal-dialog-sm { width: 425px }
}
/* Modal Header */
.modal-header {
    position: relative;
    height: 52px;
    padding: 10px 20px 9px;
    color: #666;
    font-size: 14px;
    font-weight: 700;
    line-height: 31px;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #c9c9c9;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15),0 -1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15),0 -1px 1px rgba(0, 0, 0, 0.05);
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f2f2f2 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.modal-header .modal-title { line-height: 31px }
.modal-header .close { margin-top: 6px }
/* Modal Body */
.modal-body { }
/* Modal Footer */
.modal-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

/* ---------------------------------------
   CUSTOM MODALS
----------------------------------------*/
/* Login Form Modal */
#formModal .modal-content {
    width: 400px;
    margin: 0 auto;
    position: relative;
}
#formModal .modal-header .modal-title {
    line-height: 35px;
}
#formModal .modal-header button {
    margin-top: 6px;
}
#formModal .modal-footer button {
    margin-top: 0;
}
#formModal .modal-body {
    padding: 15px 20px 0 20px;
}
#formModal #login-avatar {
    margin: 15px 20px 25px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #DDD;
}
#formModal #login-avatar img {
    display: block;
    margin: 0 auto;
    padding: 5px;
    border: 2px solid #DDD;
}
#formModal .login-alert {
    font-size: 13px;
    padding: 9px 13px;
}


/* ---------------------------------------------
   TABLE WIDGET
------------------------------------------------
 This is a multi-purpose widget. Apply it to
 any table to access specific table styles.
 Avatars, titles, etc. Commonly inside a panel.
----------------------------------------------*/
.table-checklist td { cursor: pointer }
.table-widget .tab-content {
    padding: 0;
    border: 0;
    overflow: hidden;
}
/* Table items (labels, badges, progress bars etc) */
.table-widget .progress {
    width: 80%;
    height: 13px;
    margin: 0;
}
.table-widget .label, .table-widget .badge { margin-right: 7px }
/* Tables with the .table-checklist class become clickable
 * if you want text to have a line-through effect on click
 * add the .text-slash class to the element */
.table-checklist tr.task-checked { color: #BBB }
.table-checklist tr.task-checked .text-slash { text-decoration: line-through }
/* Table item checked state - class added via JS */
.table-checklist tr.task-checked .label, .table-checklist tr.task-checked .progress { opacity: 0.3 }

/* ---------------------------------------------
   CHAT WIDGET
 -----------------------------------------------
   Created with Panels. Activate by adding
   ".chat-panel" to panel wrapper (".panel")
 ----------------------------------------------*/
.chat-panel .media-img img {
    max-width: 70px;
    margin-right: 8px;
    border: 1px solid #CCC;
}
.chat-panel .media-heading {
    color: #777;
    font-weight: 600;
}
.chat-panel .media-timestamp {
    color: #999;
    font-size: 11px;
    font-weight: 400;
    line-height: 10px;
}
.chat-panel .media-content {
    padding: 10px 15px;
    color: #777;
    line-height: 25px;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f5f5f5 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.media, .media .media { margin-top: 20px }

/* ---------------------------------------------
   MESSENGER WIDGET
------------------------------------------------
   Not to be confused with the comments widget.
   unlike the comments Widget this has a listing
   of online and offline site users.
----------------------------------------------*/
/* Messenger user list table */
.message-widget .table tbody > tr > td {
    padding: 10px 8px;
    border-top: 1px dashed #c9c9c9;
    vertical-align: middle;
}
.message-widget .table tbody > tr:first-child > td { border-top: 0 }
.message-widget .avatar { width: 15% }
.message-widget .avatar img {
    min-width: 50px;
    max-width: 50px;
}

/* -----------------------------------------
   CALENDAR WIDGET
------------------------------------------*/
#calendar { position: relative }
.external-event {
    margin: 10px 0;
    padding: 7px;
    color: #FFF;
    cursor: pointer;
    border-radius: 3px;
    background-color: #368d0d;
    background-repeat: repeat-x;
    border: 1px solid #CCC;
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.30) 1%,rgba(255,255,255,0.15) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0.30) 1%,rgba(255,255,255,0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.fc-header .fc-button {
    height: 35px;
    padding: 5px 10px;
    background-color: #f7f7f7;
    color: #666;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    border: 1px solid #CCC;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f1f1f1 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.fc-header-left {
    position: absolute;
    top: -61px;
    right: 167px;
    width: auto;
}
.fc-header-right {
    position: absolute;
    top: -61px;
    right: 0;
    width: auto;
}
.fc-button.fc-state-down, .fc-button.fc-state-active {
    background-color: #EEE;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-event {
    margin: 4px;
    background-color: #368d0d;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.30) 1%,rgba(255,255,255,0.15) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0.30) 1%,rgba(255,255,255,0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.fc-header-left .fc-button, .fc-header-right .fc-button { margin-left: 0 }
.fc-header-title { margin: 10px 0 20px }
.fc-grid .fc-day-header {
    border: 0;
    border-bottom: 1px solid #DDD;
}
.fc-grid .fc-day-number {
    font-size: 14px;
    font-weight: 600;
}
.fc-state-highlight { background-color: #f8f8f8 }
.fc-event-inner { padding: 7px }

/* ---------------------------------------
   TIMELINE WIDGET - Not Timeline Page
----------------------------------------*/
.timeline-widget {
    position: relative;
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
}
.timeline-icon {
    z-index: 11;
    position: relative;
    float: left;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin-right: 10px;
    padding-top: 1px;
    padding-right: 1px;
    border-radius: 50%;
    background: #DDD;
    -webkit-box-shadow: 1px 0 1px #AAA inset,-1px 0 1px #ffffff inset;
    box-shadow: 1px 0 1px #AAA inset,-1px 0 1px #ffffff inset;
}
.timeline-widget span.glyphicons {
    z-index: 11;
    position: relative;
    top: 2px;
    width: auto;
    padding: 6px;
    font-size: 18px;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 2px #AAA;
    box-shadow: 1px 1px 2px #AAA;
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #FFFFFF 1%, #F1F1F1 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 1%, #F1F1F1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00f1f1f1',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.timeline-widget .media {
    position: relative;
    font-size: 14px;
    min-height: 60px;
    padding-bottom: 15px;
    margin: 0;
}
.timeline-widget .media:after {
    position: absolute;
    top: 0;
    left: 20px;
    width: 8px;
    height: 100%;
    content: "";
    z-index: 10;
    background: #DDD;
    -webkit-box-shadow: 1px 0 1px #AAA inset,-1px 0 1px #f5f5f5 inset;
    box-shadow: 1px 0 1px #AAA inset,-1px 0 1px #f5f5f5 inset;
}
.timeline-widget .media:last-child:after {
    display: none;
    content: "";
}
.timeline-widget .date {
    padding-left: 5px;
    color: #888;
    font-size: 12px;
}
.timeline-widget .media-body { padding-top: 10px }

/* ----------------------------------------
  STARDOM COLOR SYSTEM
-----------------------------------------*/
/* COLORS FOR BADGES - BOOTSTRAP THEMED */
.badge-default { background-color: #999 }
.badge-primary { background-color: #428bca }
.badge-success { background-color: #5cb85c }
.badge-info { background-color: #5bc0de }
.badge-warning { background-color: #f0ad4e }
.badge-danger { background-color: #428BCA  }
.badge-alert { background-color: #7857ca }
.badge-inverse, .label-inverse { background-color: #444 }
/* COLORS FOR BADGES - CUSTOM THEMED */
.badge-grey { background-color: #666 }
.badge-dark { background-color: #363a3e }
.badge-blue { background-color: #6395cf }
.badge-teal { background-color: #4fbdc8 }
.badge-green { background-color: #7ec35d }
.badge-purple { background-color: #7857ca }
.badge-maroon { background-color: #b94fb5 }
.badge-pink { background-color: #ef679d }
.badge-ruby { background-color: #e33459 }
.badge-red { background-color: #ee4e3c }
.badge-orange { background-color: #ff802c }
.badge-yellow { background-color: #efcf1d }
/* COLORS FOR PROGRESS BARS - always requires ".progress-bar" class */
.progress-bar-alert { background-color: #7857ca }
.progress-bar-grey { background-color: #666 }
.progress-bar-dark { background-color: #363a3e }
.progress-bar-blue { background-color: #6395cf }
.progress-bar-teal { background-color: #4fbdc8 }
.progress-bar-green { background-color: #7ec35d }
.progress-bar-purple { background-color: #7857ca }
.progress-bar-maroon { background-color: #b94fb5 }
.progress-bar-pink { background-color: #ef679d }
.progress-bar-ruby { background-color: #e33459 }
.progress-bar-red { background-color: #ee4e3c }
.progress-bar-orange { background-color: #ff802c }
.progress-bar-yellow { background-color: #efcf1d }
/* COLORS FOR SLIDER INPUT BARS */
/* take note of where color class is applied */
.ui-rangeSlider.slider-light .ui-rangeSlider-bar { background-color: #e2e2e2 }
.ui-rangeSlider.slider-grey .ui-rangeSlider-bar { background-color: #666 }
.ui-rangeSlider.slider-dark .ui-rangeSlider-bar { background-color: #363a3e }
.ui-rangeSlider.slider-blue .ui-rangeSlider-bar { background-color: #6395cf }
.ui-rangeSlider.slider-teal .ui-rangeSlider-bar { background-color: #4fbdc8 }
.ui-rangeSlider.slider-green .ui-rangeSlider-bar { background-color: #7ec35d }
.ui-rangeSlider.slider-purple .ui-rangeSlider-bar { background-color: #7857ca }
.ui-rangeSlider.slider-maroon .ui-rangeSlider-bar { background-color: #b94fb5 }
.ui-rangeSlider.slider-pink .ui-rangeSlider-bar { background-color: #ef679d }
.ui-rangeSlider.slider-ruby .ui-rangeSlider-bar { background-color: #e33459 }
.ui-rangeSlider.slider-red .ui-rangeSlider-bar { background-color: #ee4e3c }
.ui-rangeSlider.slider-orange .ui-rangeSlider-bar { background-color: #ff802c }
.ui-rangeSlider.slider-yellow .ui-rangeSlider-bar { background-color: #efcf1d }
/********************************************************
/* NOTE: Colors past this point use a much larger and
* different naming system. These colors are only used on
* vital theme elements to prevent unnecessary CSS bloat.
* But they still allow for unparralleled customization.
*/

/* Flat Colors - TEXT/ICONS FORM
* Uses a single "color" style which makes them perfect
* to use on ANY element requiring a color, such as icons!
*/
.text-blue { color: #35b5d7 }
.text-blue2 { color: #3093c7 }
.text-blue3 { color: #4f96b4 }
.text-blue4 { color: #287bab }
.text-blue5 { color: #1c5b86 }
.text-blue6 { color: #205066 }
.text-blue7 { color: #21334b }
.text-green { color: #6db54b }
.text-green2 { color: #71aa61 }
.text-green3 { color: #417447 }
.text-green4 { color: #47741A }
.text-green5 { color: #1C4905 }
.text-red { color: #e4151d }
.text-red2 { color: #d10011 }
.text-red3 { color: #bf0d14 }
.text-red4 { color: #930b1f }
.text-purple { color: #BB7EA6 }
.text-purple2 { color: #7a5067 }
.text-purple3 { color: #89264f }
.text-purple4 { color: #462b4c }
.text-orange { color: #E94216 }
.text-orange2 { color: #f56333 }
.text-orange3 { color: #fb7e2a }
.text-orange4 { color: #ff802c }
.text-yellow { color: #f0c92f }
.text-yellow2 { color: #E1BC4A }
.text-creme { color: #feda83 }
.text-creme2 { color: #fae3b4 }
.text-creme3 { color: #d3c27b }
.text-brown { color: #b29579 }
.text-brown2 { color: #7b5d3a }
.text-brown3 { color: #563330 }
.text-dark5 { color: #1e1c1f }
.text-dark4 { color: #323232 }
.text-dark3 { color: #494949 }
.text-dark2 { color: #666666 }
.text-dark { color: #777777 }
.text-light7 { color: #aaaaaa }
.text-light6 { color: #bbbbbb }
.text-light5 { color: #cccccc }
.text-light4 { color: #dddddd }
.text-light3 { color: #e5e5e5 }
.text-light2 { color: #f0f0f0 }
.text-light { color: #ffffff }
.text-alert { color: #7857ca }
/* FLAT COLORS - .BTN FORM
* These elements were designed to function using only the
* background-color style which makes it perfectly acceptable
* to use them on any element which requires a background.
* They have only been given "btn" names to conform to typical
* bootstrap html styling. Feel free to change them!
*/
.btn-blue { background-color: #35b5d7 }
.btn-blue2 { background-color: #3093c7 }
.btn-blue3 { background-color: #4f96b4 }
.btn-blue4 { background-color: #287bab }
.btn-blue5 { background-color: #1c5b86 }
.btn-blue6 { background-color: #205066 }
.btn-blue7 { background-color: #21334b }
.btn-green { background-color: #6db54b }
.btn-green2 { background-color: #71aa61 }
.btn-green3 { background-color: #417447 }
.btn-green4 { background-color: #47741A }
.btn-green5 { background-color: #1C4905 }
.btn-red { background-color: #e4151d }
.btn-red2 { background-color: #d10011 }
.btn-red3 { background-color: #bf0d14 }
.btn-red4 { background-color: #930b1f }
.btn-purple { background-color: #BB7EA6 }
.btn-purple2 { background-color: #7a5067 }
.btn-purple3 { background-color: #89264f }
.btn-purple4 { background-color: #462b4c }
.btn-orange { background-color: #E94216 }
.btn-orange2 { background-color: #f56333 }
.btn-orange3 { background-color: #fb7e2a }
.btn-yellow { background-color: #f0c92f }
.btn-yellow2 { background-color: #E1BC4A }
.btn-brown { background-color: #b29579 }
.btn-brown2 { background-color: #7b5d3a }
.btn-brown3 { background-color: #563330 }
.btn-creme { background-color: #feda83 }
.btn-creme2 { background-color: #fae3b4 }
.btn-creme3 { background-color: #d3c27b }
.btn-dark5 { background-color: #1e1c1f }
.btn-dark4 { background-color: #323232 }
.btn-dark3 { background-color: #494949 }
.btn-dark2 { background-color: #666666 }
.btn-dark { background-color: #777777 }
.btn-light7 { background-color: #aaaaaa }
.btn-light6 { background-color: #bbbbbb }
.btn-light5 { background-color: #cccccc }
.btn-light4 { background-color: #dddddd }
.btn-light3 { background-color: #e5e5e5 }
.btn-light2 { background-color: #f0f0f0 }
.btn-light { background-color: #ffffff }
/* GRADIENT COLORS - .BTN FORM
* These elements were designed to function using only the
* background-color style which makes it perfectly acceptable
* to use them on any element which requires a background.
* They have only been given "btn" names to conform to typical
* bootstrap html styling. Feel free to change them!
*/
.btn-blue.btn-gradient { background-color: #008aaf }
.btn-blue2.btn-gradient { background-color: #0070ab }
.btn-blue3.btn-gradient { background-color: #066b95 }
.btn-blue4.btn-gradient { background-color: #005789 }
.btn-blue5.btn-gradient { background-color: #00416d }
.btn-blue6.btn-gradient { background-color: #043a53 }
.btn-blue7.btn-gradient { background-color: #09203f }
.btn-green.btn-gradient { background-color: #368d0d }
.btn-green2.btn-gradient { background-color: #33881b }
.btn-green3.btn-gradient { background-color: #00520a }
.btn-green4.btn-gradient { background-color: #274d00 }
.btn-green5.btn-gradient { background-color: #0d2f00 }
.btn-red.btn-gradient { background-color: #eb050e }
.btn-red2.btn-gradient { background-color: #d10011 }
.btn-red3.btn-gradient { background-color: #a6050b }
.btn-red4.btn-gradient { background-color: #930b1f }
.btn-purple.btn-gradient { background-color: #9c457e }
.btn-purple2.btn-gradient { background-color: #6a254b }
.btn-purple3.btn-gradient { background-color: #71002f }
.btn-purple4.btn-gradient { background-color: #36143e }
.btn-orange.btn-gradient { background-color: #f93e0d }
.btn-orange2.btn-gradient { background-color: #fe561f }
.btn-orange3.btn-gradient { background-color: #ff7214 }
.btn-yellow.btn-gradient { background-color: #fac908 }
.btn-yellow2.btn-gradient { background-color: #e9bb2d }
.btn-brown.btn-gradient { background-color: #99714b }
.btn-brown2.btn-gradient { background-color: #6c4517 }
.btn-brown3.btn-gradient { background-color: #4f1a16 }
.btn-creme.btn-gradient { background-color: #ffd266 }
.btn-creme2.btn-gradient { background-color: #fedd9a }
.btn-creme3.btn-gradient { background-color: #bca339 }
.btn-dark5.btn-gradient { background-color: #151416 }
.btn-dark4.btn-gradient { background-color: #2c2c2c }
.btn-dark3.btn-gradient { background-color: #333333 }
.btn-dark2.btn-gradient { background-color: #444444 }
.btn-dark.btn-gradient { background-color: #555555 }
/* COLOR MODIFICATIONS SPECIFICALLY FOR BUTTONS
* Any variations to buttons were placed below so that
* the above classes contain only color styles. This
* allows the styles to be used on any element rather
* than just "Text" or "Buttons" as their name suggest
*/
.btn-creme { border-color: #f5c348 }
.btn-creme2 { border-color: #f7ca5c }
.btn-light6 { border-color: #e5e5e5 }
.btn-light7 { border-color: #eee }
.btn-light, .btn-light2, .btn-light3, .btn-light4, .btn-light5, .btn-light6, .btn-light7, .btn-default { color: #555 }
.btn-light:focus, .btn-light2:focus, .btn-light3:focus, .btn-light4:focus, .btn-light5:focus, .btn-light6:focus, .btn-light7:focus, .btn-default:focus { color: #555 }
.btn-light.btn-gradient, .btn-light2.btn-gradient, .btn-light3.btn-gradient, .btn-light4.btn-gradient, .btn-light5.btn-gradient, .btn-light6.btn-gradient, .btn-light7.btn-gradient, .btn-default.btn-gradient {
    border-color: rgb(204,204,204) rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.9) 50%,rgba(255,255,255,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0.9) 10%,rgba(255,255,255,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-creme:focus, .btn-creme2:focus, .btn-yellow:focus, .btn-yellow2:focus { color: #ca8f00 }
.btn-creme, .btn-creme2, .btn-yellow, .btn-yellow2 {
    color: #ca8f00;
    font-weight: 600;
}
.btn-yellow:hover, .btn-yellow2:hover, .btn-creme:hover, .btn-creme2:hover, .btn-creme3:hover, .btn-light:hover, .btn-light2:hover, .btn-light3:hover, .btn-light4:hover, .btn-light5:hover, .btn-light6:hover, .btn-light7:hover, .btn-default:hover { color: #555 }


/* ---------------------------------------
   LAYOUT CHANGES - Primarily for Demo
----------------------------------------*/
body.boxed-example .console-btn-5, body.boxed-example #timeline-widget { display: none !important }
body.boxed-example .container .col-md-11,
body.boxed-example .container .col-md-10,
body.boxed-example .container .col-md-9,
body.boxed-example .container .col-md-8,
body.boxed-example .container .col-md-7,
body.boxed-example .container .col-md-6,
body.boxed-example .container .col-md-5,
body.boxed-example .container .col-md-4,
body.boxed-example .container .col-md-3,
body.boxed-example .container .col-md-2 {
    float: none;
    width: 100%;
}
body.boxed-layout #console-btns #console-search-btn {
    display: none !important;
}
@media (min-width: 1368px) {
    body.boxed-layout #console-btns .row > div {
        width: 25%;
        float: left;
    }
}
@media (max-width: 600px) {
    .breadcrumb li {
        max-width: 25%;
        float: left;
        height: 18px;
    }
}

/* ---------------------------------------
   LAYOUT SETTINGS
----------------------------------------*/
body.hidden-breadcrumbs #topbar { display: none }
body.hidden-searchbar #sidebar-search { display: none }
/* fixed elements */
#sidebar.affix, #topbar.affix { position: fixed }
/* give top padding to an element if its sibling is fixed
 * this compensates for the change in height */
header.navbar-fixed-top + #main { padding-top: 50px }
#topbar.affix + .container { padding-top: 87px }
/* for preview only - no real use in development enviroment */
body.hidden-breadcrumbs.fixed-breadcrumbs #content > .container { padding-top: 35px }
/* boxed layout */
body.boxed-layout { background: #f9f9f9 }
body.boxed-layout #main {
    width: 1150px !important;
    margin: 0 auto;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    background: #e8e8e8;
}
body.boxed-layout #content:after { display: none }
body.boxed-layout #content { border-left: 1px solid #CCC }
body.boxed-layout .navbar {
    width: 1150px !important;
    margin: 0 auto !important;
    border-top: 0;
    border: 1px solid #CCC;
    box-shadow: none;
}
body.boxed-layout #sidebar-search { box-shadow: none }
body.boxed-layout #topbar { border-left: 0 }
body.boxed-layout #sidebar:before { display: none }
body.boxed-layout #sidebar:after {
    position: fixed;
    display: block;
    top: 0;
    bottom: 0;
    width: 240px;
    content: "";
    z-index: -2;
    background: #fff;
}
body.sidebar-collapsed #sidebar:before { width: 40px }
body.boxed-layout.sidebar-collapsed #sidebar:after { width: 40px }
@media (max-width: 1450px) {
    body.boxed-layout #sidebar:after { width: 210px }
}
@media (max-width: 1200px) {
    body.boxed-layout #sidebar:after { width: 40px }
}
@font-face {
    font-family: 'v2logo';
    src:url('/assets/fonts/v2logo.eot?po96lp');
    src:url('/assets/fonts/v2logo.eot?#iefixpo96lp') format('embedded-opentype'),
        url('/assets/fonts/v2logo.woff?po96lp') format('woff'),
        url('/assets/fonts/v2logo.ttf?po96lp') format('truetype'),
        url('/assets/fonts/v2logo.svg?po96lp#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'v2logo';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*sizing*/
.logo-normal {font-size: 50px;}
.logo-small {font-size: 40px;}
.logo-medium {font-size: 75px;}
.logo-large {font-size: 100px;}
.logo-xlarge {font-size: 140px;}

.icon-rc-logo-dark .path1:before {
	content: "\e900";
	color: rgb(69, 69, 69);
}
.icon-rc-logo-dark .path2:before {
	content: "\e901";
	margin-left: -5.2109375em;
	color: rgb(35, 31, 32);
}
.icon-rc-logo-dark .path3:before {
	content: "\e902";
	margin-left: -5.2109375em;
	color: rgb(35, 31, 32);
}
.icon-rc-logo-dark .path4:before {
	content: "\e903";
	margin-left: -5.2109375em;
	color: rgb(76, 201, 61);
}
.icon-rc-logo-dark .path5:before {
	content: "\e904";
	margin-left: -5.2109375em;
	color: rgb(76, 201, 61);
}
.icon-rc-logo-dark .path6:before {
	content: "\e905";
	margin-left: -5.2109375em;
	color: rgb(74, 136, 12);
}
.icon-rc-logo-dark .path7:before {
	content: "\e906";
	margin-left: -5.2109375em;
	color: rgb(74, 136, 12);
}
.icon-rc-logo-dark .path8:before {
	content: "\e907";
	margin-left: -5.2109375em;
	color: rgb(76, 201, 61);
}
.icon-rc-logo-dark .path9:before {
	content: "\e908";
	margin-left: -5.2109375em;
	color: rgb(0, 0, 0);
}
.icon-rc-logo-dark .path10:before {
	content: "\e909";
	margin-left: -5.2109375em;
	color: rgb(0, 0, 0);
}
.icon-rc-logo-dark .path11:before {
	content: "\e90a";
	margin-left: -5.2109375em;
	color: rgb(0, 0, 0);
}
.icon-rc-logo-dark .path12:before {
	content: "\e90b";
	margin-left: -5.2109375em;
	color: rgb(0, 0, 0);
}
.icon-rc-logo-dark .path13:before {
	content: "\e90c";
	margin-left: -5.2109375em;
	color: rgb(0, 0, 0);
}
.icon-rc-logo-dark .path14:before {
	content: "\e90d";
	margin-left: -5.2109375em;
	color: rgb(0, 0, 0);
}
.icon-rc-logo-dark .path15:before {
	content: "\e90e";
	margin-left: -5.2109375em;
	color: rgb(0, 0, 0);
}
.icon-rc-logo-dark .path16:before {
	content: "\e90f";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path17:before {
	content: "\e910";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path18:before {
	content: "\e911";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path19:before {
	content: "\e912";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path20:before {
	content: "\e913";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path21:before {
	content: "\e914";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path22:before {
	content: "\e915";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path23:before {
	content: "\e916";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path24:before {
	content: "\e917";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path25:before {
	content: "\e918";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path26:before {
	content: "\e919";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path27:before {
	content: "\e91a";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path28:before {
	content: "\e91b";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path29:before {
	content: "\e91c";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path30:before {
	content: "\e91d";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path31:before {
	content: "\e91e";
	margin-left: -5.2109375em;
	color: rgb(139, 139, 138);
}
.icon-rc-logo-dark .path32:before {
	content: "\e91f";
	margin-left: -5.2109375em;
	color: rgb(0, 0, 0);
}
.icon-rc-logo-light .path1:before {
	content: "\e920";
	color: rgb(255, 255, 255);
}
.icon-rc-logo-light .path2:before {
	content: "\e921";
	margin-left: -5.2109375em;
	color: rgb(193, 193, 193);
}
.icon-rc-logo-light .path3:before {
	content: "\e922";
	margin-left: -5.2109375em;
	color: rgb(193, 193, 193);
}
.icon-rc-logo-light .path4:before {
	content: "\e923";
	margin-left: -5.2109375em;
	color: rgb(76, 201, 61);
}
.icon-rc-logo-light .path5:before {
	content: "\e924";
	margin-left: -5.2109375em;
	color: rgb(76, 201, 61);
}
.icon-rc-logo-light .path6:before {
	content: "\e925";
	margin-left: -5.2109375em;
	color: rgb(74, 136, 12);
}
.icon-rc-logo-light .path7:before {
	content: "\e926";
	margin-left: -5.2109375em;
	color: rgb(74, 136, 12);
}
.icon-rc-logo-light .path8:before {
	content: "\e927";
	margin-left: -5.2109375em;
	color: rgb(76, 201, 61);
}
.icon-rc-logo-light .path9:before {
	content: "\e928";
	margin-left: -5.2109375em;
	color: rgb(255, 255, 255);
}
.icon-rc-logo-light .path10:before {
	content: "\e929";
	margin-left: -5.2109375em;
	color: rgb(255, 255, 255);
}
.icon-rc-logo-light .path11:before {
	content: "\e92a";
	margin-left: -5.2109375em;
	color: rgb(255, 255, 255);
}
.icon-rc-logo-light .path12:before {
	content: "\e92b";
	margin-left: -5.2109375em;
	color: rgb(255, 255, 255);
}
.icon-rc-logo-light .path13:before {
	content: "\e92c";
	margin-left: -5.2109375em;
	color: rgb(255, 255, 255);
}
.icon-rc-logo-light .path14:before {
	content: "\e92d";
	margin-left: -5.2109375em;
	color: rgb(255, 255, 255);
}
.icon-rc-logo-light .path15:before {
	content: "\e92e";
	margin-left: -5.2109375em;
	color: rgb(255, 255, 255);
}
.icon-rc-logo-light .path32:before {
	content: "\e93f";
	margin-left: -5.2109375em;
	color: rgb(255, 255, 255);
}
.category_list {
    margin-bottom: 0px !important;
}
@font-face {
    font-family: OpenSans-ExtraBold;
    src: url(/assets/fonts/OpenSans-ExtraBold.ttf);
}
BODY {
    font-family: 'Open Sans',Helvetica, Arial, sans-serif;
    background: #FEFEFE;
    /*hack to counter the crap google translate widget forces into the dom*/
    position: static!important;
    top: auto!important;
}
BODY.rc-darkmode {
    background: #262626;
    color: #fff;
}

BODY.ULTRASUPERTHEME,
BODY.ULTRASUPERTHEME h4,
BODY.ULTRASUPERTHEME #main-nav  {
    background: #c77dba;
    font-family: "Comic Sans MS", "Comic Sans" !important;
}


#main-nav.navbar-fixed-top {
    background-color: #FFFFFF!important; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 72%, rgba(243,243,243,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(72%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 72%,rgba(243,243,243,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 72%,rgba(243,243,243,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 72%,rgba(243,243,243,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 72%,rgba(243,243,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
    box-shadow: 0 0 45px -3px rgba(0, 0, 0, 0.46);
    border-bottom: 1px solid #FFFFFF;
    position: fixed;
    /*fixed header sometimes flickers when scrolling*/
    -webkit-backface-visibility: hidden;
}

.rc-darkmode #main-nav.navbar-fixed-top {
    background-color: #262626!important; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(38,38,38,1) 72%, rgba(38,38,38,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(72%,rgba(38,38,38,1)), color-stop(100%,rgba(38,38,38,1)));
    background: -webkit-linear-gradient(top,  rgba(38,38,38,1) 72%,rgba(38,38,38,1) 100%);
    background: -o-linear-gradient(top,  rgba(38,38,38,1) 72%,rgba(38,38,38,1) 100%);
    background: -ms-linear-gradient(top,  rgba(38,38,38,1) 72%,rgba(38,38,38,1) 100%);
    background: linear-gradient(to bottom,  rgba(38,38,38,1) 72%,rgba(38,38,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#262626',GradientType=0 );
    box-shadow: 0 0 45px -3px rgba(0, 0, 0, 0.46);
    border-bottom: 1px solid #262626;
}

.rc-darkmode #main-nav.navbar-fixed-top .navbar-main > .active > a,
.rc-darkmode #main-nav.navbar-fixed-top .navbar-main > .active > a:hover,
.rc-darkmode #main-nav.navbar-fixed-top .navbar-main > .active > a:focus,
.rc-darkmode #main-nav.navbar-fixed-top .navbar-main > li > a:hover,
.rc-darkmode #main-nav.navbar-fixed-top .navbar-main > li > a:focus {
    color: #313131;
    border-bottom: 3px solid #3CC691;
    border-left: 1px solid #080808;
    border-right: 1px solid #080808;
    position: relative;
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(left,  #080808 0%, #080808 50%, #080808 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fafafa), color-stop(50%,#080808), color-stop(100%,#080808)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #080808 0%,#080808 50%,#080808 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #080808 0%,#080808 50%,#080808 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #080808 0%,#080808 50%,#080808 100%); /* IE10+ */
    background: linear-gradient(to right,  #080808 0%,#080808 50%,#080808 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080808', endColorstr='#080808',GradientType=1 ); /* IE6-9 */
}

.rc-darkmode #main-nav.navbar-fixed-top .navbar-nav > li > a {
    color: #8A8A89;
}
.rc-darkmode #topbar {
    background: #080808;
}
.rc-darkmode .panel-title {
    color: #fff;
}
.rc-darkmode .well {
    background-color: #212121;
    border: 1px solid #080808;
}
.rc-darkmode .panel {
    background-color: #262626;
}
.rc-darkmode .panel-divider {
    border-color: #080808;
}
.rc-darkmode h3 {
    color: #0D8F62;
}

.rc-darkmode h1, .rc-darkmode h2, .rc-darkmode h4, .rc-darkmode h5, .rc-darkmode h6 {
    color: #fff;
}
.rc-darkmode .list-group-item {
    background-color: #212121;
    border: 1px solid #080808;
}
.rc-darkmode .list-group-item:hover {
    background-color: #080808;
}
.rc-darkmode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #212121;
}
.rc-darkmode .table > thead > tr > th,
.rc-darkmode .table > tbody > tr > th,
.rc-darkmode .table > tfoot > tr > th,
.rc-darkmode.table > thead > tr > td,
.rc-darkmode .table > tbody > tr > td,
.rc-darkmode .table > tfoot > tr > td {
    border-color: #080808;
}
.rc-darkmode .nav-tabs {
    border-color: #080808;
}

.rc-darkmode .nav-tabs > li > a:hover {
    background-color: #212121;
    border-color: #080808;
}

.rc-darkmode .nav-tabs > li.active > a,
.rc-darkmode .nav-tabs > li.active > a:hover,
.rc-darkmode .nav-tabs > li.active > a:focus {
    background-color: #080808;
    border-color: #080808;
}

.rc-darkmode .btn-default {
    color: #fff;
    background-color: #212121;
    border-color: #080808;
}

.rc-darkmode input[type="text"],
.rc-darkmode input[type="email"],
.rc-darkmode input[type="tel"],
.rc-darkmode input[type="search"],
.rc-darkmode input[type="url"],
.rc-darkmode input[type="password"],
.rc-darkmode .ui-autocomplete-input,
.rc-darkmode textarea,
.rc-darkmode .uneditable-input,
.rc-darkmode .form-control {
    border-color: #080808;
    background-color: #555555;
    color: #fff;
}

.rc-darkmode .header-btns > div > button {
    background-color: #000;
}

.rc-darkmode .pagination > li > a, .rc-darkmode .pagination > li > span {
    background-color: #212121;
    border-color: #080808;
}

.rc-darkmode .pagination > .disabled > span,
.rc-darkmode .pagination > .disabled > span:hover,
.rc-darkmode .pagination > .disabled > span:focus,
.rc-darkmode .pagination > .disabled > a,
.rc-darkmode .pagination > .disabled > a:hover,
.rc-darkmode .pagination > .disabled > a:focus {
    background-color: #000;
    border-color: #000;
}

.rc-darkmode .box-icon i {
    color: #000;
}

.rc-darkmode .modal-body {
    background-color: #000;
}

.rc-darkmode .modal-header {
    background-color: #212121;
    background-image: none!important;
    border-color: #0D8F62;
}

.rc-darkmode .panel-default > .panel-heading {
    background-color: #212121;
    background-image: none!important;
    border-color: #0D8F62;
}

.rc-darkmode .modal-footer {
    background-color: #212121;
    background-image: none;
    border-color: #0D8F62;
}

.rc-darkmode tr.highlight {
    background: #0D8F62 !important;
}

.rc-darkmode hr {
    border-color: #080808;
}

.rc-darkmode .panel.panel-inline{
    border-color: #080808;
}

.rc-darkmode ul.list-pad-underline li {
    border-color: #080808;
}

.rc-darkmode .close {
    color: #fff;
}

.rc-darkmode .popover-title, .rc-darkmode .popover-content {
    background-color: #212121;
    border-color: #0D8F62;
}

.rc-darkmode .popover {
    background-color: #000;
}

.rc-darkmode .daterangepicker {
    background: #000;
}

.rc-darkmode .daterangepicker table {
    background-color: #212121;
}

.rc-darkmode .callout-success {
    background-color: #000;
}

.rc-darkmode code {
    background-color: #000;
}

.rc-darkmode .header-btns .dropdown-header {
    background: #000;
}

.rc-darkmode ul.dropdown-items > li {
    background-color: #212121;
    border-color: #0D8F62;
}

.rc-darkmode .user-menu .dropdown-lockout,
.rc-darkmode .user-menu .dropdown-signout{
    background-color: #000;
    border-color: #0D8F62;
}

.rc-darkmode .daterangepicker .ranges li {
    background: #212121;
}

.rc-darkmode .daterangepicker .ranges .input-mini {
    color: #fff;
}

.rc-darkmode .dropdown-menu {
   background-color: #080808;
   border-color: #0D8F62;
}


.rc-darkmode .daterangepicker td.in-range {
    background: #0D8F62;
}

.rc-darkmode .tab-block .tab-content {
    background-color: #262626;
}

.rc-darkmode .tabs-left > li > a {
    border-color: #262626;
    background-color: #555555;
}

.rc-darkmode .active {
    border-color: #262626;
    background-color: #555555;
}

/* ---------------------------------------
   HEADER
----------------------------------------*/
#main-nav {font-family: 'futura-pt','Open Sans',Helvetica, Arial, sans-serif;}
.navbar {
    z-index: 1030;
    margin-bottom: 0;
    border-radius: 0;
    height: 72px;
    background-color: rgba(0, 0, 0, 0.5)!important;
    border: 0 none;
    position: absolute;
    width: 100%;
}
body.legal #main-nav,
body.why #main-nav,
body.auth-page #main-nav,
body.careers #main-nav {background-color: #151515!important;}
body.legal #main-nav.navbar-fixed-top,
body.why #main-nav.navbar-fixed-top,
body.auth-page #main-nav.navbar-fixed-top,
body.careers #main-nav.navbar-fixed-top {background-color: #FFFFFF!important;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    height: auto;
    padding: 12px 20px 0 0;
    margin: 0;
}
.navbar-brand .navbar-logo {
    display: block;
    font-size: 50px;
    text-decoration: none;
}

header.navbar .navbar-nav > li > a,
header.navbar-nav > li > a {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 26px;
    padding-bottom: 24px;
    letter-spacing: 1px;
    border-bottom: 3px solid transparent;
}

header.navbar .fa-navicon {
    color: #ccc;
}
header.navbar:hover .fa-navicon {
    color: #3CC691;
}
#main_content {padding-top: 80px;}
BODY.home #main_content {padding-top: 0px;}

/*----Compact nav-----*/
.navbar-compact {
    height: 67px;
}
.navbar.navbar-compact > .container .navbar-brand,
.navbar.navbar-compact > .container-fluid .navbar-brand {padding: 5px 20px 0 0;}

.navbar-compact .navbar-brand .navbar-logo {
    display: block;
    font-size: 53px;
    height: 44px;
    margin-top: 1px;
    text-decoration: none;
    background: none;
    width: 270px;
    max-width: 270px;
}

header.navbar-compact .navbar-nav > li > a,
header.navbar-nav > li > a {
    padding-top: 23px;
    padding-bottom: 21px;
    font-size: 13px;
}
header.navbar-compact .mask a {
    margin-top: 14px!important;
}
/*----end compact ----*/

/*---impersonation nav ---*/
body.impersonation .navbar-compact {
    height: 93px;
}

header.navbar .navbar-main > .active > a,
.navbar .navbar-main > .active > a:hover,
.navbar .navbar-main > .active > a:focus,
header.navbar .navbar-main > li > a:hover,
.navbar .navbar-main > li > a:focus {
    color: #fff;
    background-color: #000000;
    border-bottom: 3px solid #3CC691;
    position: relative;
}

header.navbar .navbar-main > .active > a:after,
.navbar .navbar-main > .active > a:hover:after,
.navbar .navbar-main > .active > a:focus:after,
header.navbar .navbar-main > li > a:hover:after,
.navbar .navbar-main > li > a:focus:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #3CC691;
    position: absolute;
    bottom: 0;
    left: 46%;
}

header.navbar .navbar-main > li > a:active {
    position: relative;
    border-bottom: 3px solid #3EA681;
    background: #3EA681;
    width: auto;
    color: #3EA681;
}

header.navbar .navbar-main > li > a:active:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #3EA681;
    position: absolute;
    bottom: 0;
    left: 46%;
}


header.navbar .navbar-main > li > a span.sidebar-title span.y {
    color: transparent;
}

header.navbar .navbar-main > li > a:hover span.sidebar-title span,
header.navbar .navbar-main > li.active > a span.sidebar-title span,
.navbar .navbar-nav > li > a:focus span.sidebar-title span {
    color: #0D8F62;
}

header.navbar .navbar-main > li > a:hover span.sidebar-title span.y,
header.navbar .navbar-main > li.active > a span.sidebar-title span.y,
.navbar .navbar-nav > li > a:focus span.sidebar-title span.y {
    color: #0D8F62;
}
header.navbar .navbar-main > li > a:active span.sidebar-title span span.y,
header.navbar .navbar-main > li > a:active span.sidebar-title span {
    color: #3EA681;
}
/*header.navbar .navbar-nav > li.active > a:hover span.sidebar-title span,*/
.navbar-compact .navbar-main > li.active > a:focus span.sidebar-title span,
.navbar-default:not(.navbar-fixed-top) .navbar-main > li.active > a:focus span.sidebar-title span {
    color: #fff;
}

.navbar-brand .navbar-logo i{
    color: #428BCA;
}
/* Header Buttons */
.header-btns { padding: 10px 0; }
.header-btns > div {
    display: inline-block;
    position: relative;
    margin-left: 5px;
}
.header-btns > div > button {
    color: #666;
    background-color: #f5f5f5;
}
.header-btns > div > button:hover { color: #0094d2 }
.header-btns > div > button:focus {
    color: #666;
}

/*.header-btns .user-menu > .btn:first-child { border-radius: 0 }*/
.header-btns .user-menu > .btn:last-child { border: 0 }
/* Header Button Dropdowns */
.header-btns ul.dropdown-menu {
    margin-top: 11px;
    width: 300px;
    background: #f5f5f5;
    list-style: none;
    left: 0;
    padding: 0;
    border: 0;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
}

#nav-login a:hover {
    background: transparent;
    color: #3CC691!important;
}

/* ---------------------------------------
   HEADER REQUEST ACCESS BUTTON
----------------------------------------*/
header.navbar .navbar-nav > li > .request-access-btn,
header.navbar-nav > li > .request-access-btn {
    padding: 0;
    margin-top: 22px;
}

.request-access-btn {
    width: 120px;
    height: 35px;
    background-image: url(/assets/img/v2/request-access-header-sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -105px;
}

.mask a{
    position: relative;
    display:block;
    width:120px;
    height: 35px;
    overflow:hidden;
    text-align:center;
    margin-top: 18px;
}
.mask a{
    -webkit-animation: leaves 5s infinite;
    animation: leaves 5s infinite;
    -moz-animation: leaves 5s infinite;
    -o-animation: leaves 5s infinite;
}
.mask a .request-access-btn:hover,
.mask a .request-access-btn:focus{
    background-position: 0 -140px;
}
.mask a .request-access-btn:active{
    background-position: 0 -175px;
}
.mask a::after{
    content:'';
    position: absolute;
    pointer-events: none;
    top:0; left:0; right:0; bottom: 0;
    background: radial-gradient(circle farthest-side at 0 0, rgba(0, 203, 67,0) 39%,rgba(0, 203, 67,1) 40%,rgba(0, 203, 67,1) 50%,rgba(0, 203, 67,1) 60%,rgba(0, 203, 67,0) 61%) no-repeat;
    background-position: inherit;
    -webkit-mask: url(/assets/img/v2/Request_Access_Button.svg) center;
    -webkit-mask-position: 0 -105px;
}

.mask a .request-access-btn {
    background: url(/assets/img/v2/request-access-header-sprite.png) no-repeat;
    width: 120px;
    height:35px;
    background-position: 0 -105px;
}

@-webkit-keyframes leaves {
    0% {
    background-position: -180px 0;
}
35% {
    background-position: 250px 0;
}
100% {
    background-position: 250px 0;
}
}

@-moz-keyframes leaves {
    0% {
    background-position: -180px 0;
}
35% {
    background-position: 250px 0;
}
100% {
    background-position: 250px 0;
}
}

@-o-keyframes leaves {
    0% {
    background-position: -180px 0;
}
35% {
    background-position: 250px 0;
}
100% {
    background-position: 250px 0;
}
}

@keyframes leaves {
    0% {
    background-position: -180px 0;
}
35% {
    background-position: 250px 0;
}
100% {
    background-position: 250px 0;
}
}

/* ---------------------------------------
   INVERSE HEADER (fixed)
----------------------------------------*/
#main-nav.navbar-fixed-top {
    background-color: #FFFFFF!important; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 72%, rgba(243,243,243,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(72%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 72%,rgba(243,243,243,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 72%,rgba(243,243,243,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 72%,rgba(243,243,243,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 72%,rgba(243,243,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
    box-shadow: 0 0 45px -3px rgba(0, 0, 0, 0.46);
    border-bottom: 1px solid #FFFFFF;
    position: fixed;
    /*fixed header sometimes flickers when scrolling*/
    -webkit-backface-visibility: hidden;
}

HTML.translated-ltr #main-nav.navbar-fixed-top {top:35px;}
HTML.translated-ltr header.navbar-fixed-top + #main {padding-top: 100px;}

HTML.translated-ltr BODY.impersonation header.navbar-fixed-top + #main {padding-top: 128px;}

#main-nav.navbar-fixed-top .navbar-main > li {
    margin-left: -1px;
}
#main-nav.navbar-fixed-top .navbar-nav > li > a {
    color: #313131;
    font-weight: 600;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 3px solid transparent;
}

#main-nav.navbar-fixed-top .navbar-main > .active > a,
#main-nav.navbar-fixed-top .navbar-main > .active > a:hover,
#main-nav.navbar-fixed-top .navbar-main > .active > a:focus,
#main-nav.navbar-fixed-top .navbar-main > li > a:hover,
#main-nav.navbar-fixed-top .navbar-main > li > a:focus {
    color: #313131;
    border-bottom: 3px solid #0D8F62;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    position: relative;
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(left,  #fafafa 0%, #ffffff 50%, #fafafa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fafafa), color-stop(50%,#ffffff), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #fafafa 0%,#ffffff 50%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #fafafa 0%,#ffffff 50%,#fafafa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #fafafa 0%,#ffffff 50%,#fafafa 100%); /* IE10+ */
    background: linear-gradient(to right,  #fafafa 0%,#ffffff 50%,#fafafa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa',GradientType=1 ); /* IE6-9 */
}

#main-nav.navbar-fixed-top .navbar-main > li > a:active,
#main-nav.navbar-fixed-top .navbar-main > .active > a:active {
    border-bottom: 3px solid #3EA681;
    background: #3EA681;
    width: auto;
    color: #3EA681;
}

#main-nav.navbar-fixed-top .request-access-btn {
    background-position: 0 0;
}
#main-nav.navbar-fixed-top .request-access-btn:hover {
    background-position: 0 -35px;
}
#main-nav.navbar-fixed-top .request-access-btn:active {
    background-position: 0 -70px;
}


header.navbar .navbar-nav > li#nav-login > a {
    text-transform: none;
    color: #808080;
    font: 600 12px/20px "myriad-pro", helvetica, arial, sans-serif;
    letter-spacing: -.09px
}
header.navbar .navbar-nav > li#nav-login > a .fa {font-size: 18px; margin-right: 3px;}
/* ---------------------------------------
   IN APP HEADER OVERRIDES
----------------------------------------*/
header.navbar-fixed-top + #main {
    padding-top: 68px;
}
.navbar.navbar-compact > .container .navbar-brand, .navbar.navbar-compact > .container-fluid .navbar-brand {
    width: 290px;
}
.navbar-compact .navbar-brand .navbar-logo {
    font-size: 48px;
    margin-top: 10px;
}

#main-nav .header-btns {
    padding: 17px 0;
}

/* ---------------------------------------
   Footer
----------------------------------------*/
footer {
    text-align: center;
    height: 105px;
}
footer .wrap {
    padding: 20px 0;
    margin: 0 auto;
    width: 980px;
}
footer a.logo {
    text-decoration: none;
    display: block;
    padding: 15px 0 0;
}
footer p {font-size: 12px; margin-top: 5px;}

footer ul {
    margin: 0;
    width: 735px;
    padding: 20px 0 0 20px;
}
footer ul li {
    margin: 0 15px;
    color: #0D8F62;
    line-height: 26px;
}
footer ul li a {
    color: #0D8F62;
    text-transform: uppercase;
}
footer ul li a:hover {text-decoration: none;}
footer ul li:first-child {
    list-style: none;
}
footer ul li.social-buttons {
    list-style: none;
    margin-top: -2px;
}
footer ul li.social-buttons a {
    color:#434D42;
}
footer ul li.social-buttons a:hover {
    color:#3CC691;
}
#preferred_language {
    width: 240px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: 198px;
}
#preferred_language p {
    line-height: 11px;
    text-align: right;
}

/* ---------------------------------------
   Sticky Footer
----------------------------------------*/
HTML {
    min-height: 100%;
    position: relative;
}
BODY {
    margin-bottom: 105px; /*footer height*/
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}


/* ---------------------------------------
   BUTTONS
----------------------------------------*/
.primary-color,
.btn-link,
a:hover,
.btn-link:hover ,
.btn-link:active,
.btn-link:focus,
.header-btns > div > button:hover,
.user-menu ul.dropdown-items > li:hover i.fa,
.user-menu ul.dropdown-items > li:last-child > div:hover i.fa {
    color: #3CC691;
}

.btn-primary, .btn-success, .btn-primary[disabled] {
    color: #fff;
    background-color: #118F61;
    border-color: #118F61;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #3CC691;
    border-color: #3CC691;
}

.nav-tabs > li > a:hover {
    color: #3CC691;
}
.nav-tabs li.active:before {
    border-left: 3px solid #3EA681;
}

.btn-social {
    width: 100%;
    color: #fff;
    position: relative;
    padding-left: 48px;
}

.btn-social:hover,
.btn-social:active,
.btn-social:focus {
    color: #fff;
}

.btn-social .icon {
    position: absolute;
    top: 0;
    height: 100%;
    border-right: 1px solid;
    display: block;
    width: 36px;
    left: 0;
}

.btn-social .icon .icon-inner {
    display: table;
    height: 100%;
    width: 100%;
}

.btn-social .icon .icon-inner i {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.btn-social.facebook {
    background: #3b5998;
    border-color: #6077A8;
}

.btn-social.facebook .icon {
    border-color: #6077A8;
}

.btn-social.google {
    background: #DD4B39;
    border-color: #DD6C5E;
}

.btn-social.google .icon {
    border-color: #DD6C5E;
}

.learn-more-btn {
    display: block;
    width: 226px;
    height: 72px;
    background: url(/assets/img/v2/learn-more-sprite.png) no-repeat;
    position: absolute;
    bottom: 160px;
    left: 50%;
    margin-left: 335px;
}
.browse-widgets-btn {
    display: block;
    width: 319px;
    height: 72px;
    background: url(/assets/img/v2/browse-widgets-sprite.png) no-repeat;
    position: absolute;
    bottom: 125px;
    left: 50%;
    margin-left: 186px;
}

.sign-up-btn {
    display: block;
    width: 205px;
    height: 56px;
    background: url(/assets/img/v2/signup-sprite.png) no-repeat;
}

.sign-up-btn:hover {
    cursor: pointer;
    background-position: 0 -56px;
}
.browse-widgets-btn:hover,
.learn-more-btn:hover {
    cursor: pointer;
    background-position: 0 -72px;
}

.btn.btn-drop {
    background: none;
    -webkit-font-smoothing: antialiased;
    color: rgb(81, 81, 81);
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
}
/* ---------------------------------------
   TEXT AND HEADINGS
----------------------------------------*/
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.panel-title {
    color: #383f49;
}

.box-item strong {
    color: #383f49;
}

h2.section-title {
    text-transform: uppercase;
    font-weight: bold;
    color: #252525;
    text-align: center;
    padding: 0 0 8px;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 68px;
    letter-spacing: -0.5px;
    margin: 70px 0 40px;
}
h2.section-title span {
    border-bottom: 4px solid #0D8F62;
    padding-bottom: 4px;
    position: relative;
    transform:scale(0.85,1); /* W3C */
    -webkit-transform:scale(0.85,1); /* Safari and Chrome */
    -moz-transform:scale(0.85,1); /* Firefox */
    -ms-transform:scale(0.85,1); /* IE 9 */
    -o-transform:scale(0.85,1); /* Opera */
    display: inline-block;
}
h2.section-title span:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #0D8F62;
    position: absolute;
    bottom: -13px;
    left: 50%;
    margin-left: -9px;
}

h3.section-title {
    font-weight: bold;
    border-bottom: 2px solid #ECECEC;
    padding: 0 0 4px;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 22px;
    letter-spacing: -0.5px;
    margin: 70px 0 40px;
}
h3.section-title span {
    border-bottom: 2px solid #0D8F62;
    padding: 0 10px 2px 10px;
}

p.lead.intro {
    width: 600px;
    margin: 50px auto 85px;
}
p.lead {
    font-size: 21px;
    font-weight: 100;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    margin: 25px auto 40px;
}

/* ---------------------------------------
   Homepage carousel
----------------------------------------*/
#carousel-home {
    background: #010101;
}
.slide .item {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 925px;
}
.carousel-indicators .active {
    background-color: #3EA681;
    border-color: #3EA681;
}

.carousel-inner .slide1 {background: url(/assets/img/v2/slide1.jpg) no-repeat top center #000;}
.carousel-inner .slide2 {background: url(/assets/img/v2/slide2.jpg) no-repeat top center #000;}
.carousel-inner .slide3 {background: url(/assets/img/v2/slide3.jpg) no-repeat top center #000;}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: 0 auto;
}

.carousel-control .fa-chevron-left,
.carousel-control .icon-prev {
    left: 0;
    border-radius: 0 8px 8px 0;
}

.carousel-control .fa-chevron-right,
.carousel-control .icon-next {
    right: 0;
    border-radius: 8px 0 0 8px;
}

.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
    margin: 0;
    width: 64px;
    height: 94px;
    padding: 30px 0 0 0px;
    background: #161619;
    color: #fff;
    position: absolute;
    z-index: 5;
    display: inline-block;
    top: 50%;
    font-size: 36px;
}


section.clients_section{
    text-align: center;
    background: #000000;
    padding: 15px 0;
    border-top: 1px solid #242424;
}



/* ---------------------------------------
   Modal
----------------------------------------*/
/*modal*/
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
    margin-right: 0;
}


.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px!important;
    cursor: pointer;
    width: 200px!important;
    height: 200px!important;
    max-width: 200px!important;
    margin-top: -100px!important;
}


#modalExclusive .modal-dialog {
    width: 80%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    left: auto;
}

.modal-exclusive .modal-dialog {
    width: 940px;
    position: absolute;
    top: 105px;
    left: 50%;
    margin-left: -453px;
}

.modal-exclusive .modal-content {
    background-color: transparent;
    border-radius: 0;
    border: 10px solid #1a1a1a;
}
.modal-exclusive.white .modal-content {
    background-color: #fff;
}
.modal-exclusive .modal-body {
    padding: 0;
}
.modal-exclusive .close-modal {
    width: 30px;
    height: 30px;
    background: #1a1a1a;
    border-radius: 50%;
    padding: 2px 0 0 9px;
    font-size: 18px;
    position: absolute;
    top: -16px;
    right: -17px;
    z-index: 99;
    color: #C5C5C5;
    cursor: pointer;
}

.modal-exclusive .close-modal:hover {
    color: #ff6e00;
    cursor: pointer;
}

/*alert modal*/
.modal-alert .modal-dialog {
    width: 300px;
    position: absolute;
    top: 105px;
    left: 50%;
    margin-left: -150px;
}

.modal-alert .modal-content {
    background-color: #CA0C0C;
    border-radius: 4px;
    border: 10px solid #CA0C0C;
    width: 300px;
    height: 150px;
    color: #fff;
}
.modal-alert.white .modal-content {
    background-color: #fff;
}
.modal-alert .modal-body {
    padding: 0;
}
.modal-alert .close-modal {
    width: 30px;
    height: 30px;
    background: #CA0C0C;
    border-radius: 50%;
    padding: 6px 0 0 8px;
    font-size: 18px;
    position: absolute;
    top: -16px;
    right: -17px;
    z-index: 99;
    color: #C5C5C5;
}

.modal-alert .close-modal:hover {
    color: #ff6e00;
    cursor: pointer;
}

.modal.falsehide {
    left: -99999px;
    z-index: -100000;
}



/* ---------------------------------------
   Black Banner
----------------------------------------*/
div.black-banner {
    width: 100%;
    height: 138px;
    margin: 0 auto;
    background: url(/assets/img/v2/black-banner-bg.png) no-repeat center top;
    padding: 48px 0 0;
    font-size: 46px;
    font-family: "myriad-pro-condensed",Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    line-height: 31px;
}
div.black-banner p b {
    color:#0D8F62;
}

/* ---------------------------------------
   Revoultion Section (Difference)
----------------------------------------*/
#revolution {
    background: url(/assets/img/v2/difference-bg.jpg) no-repeat top center;
    height: auto;
    background-size: cover;
    border-bottom: 1px solid rgba(177, 177, 177, 0.69);
}
#revolution section {padding-top: 50px;}
#revolution p.lead {
    font-size: 21px;
    font-weight: 100;
    font-family: 'futura-pt','Open Sans',Helvetica, Arial, sans-serif;
    margin: 25px auto 40px;
}
#revolution p.lead b {
    font-weight: 400;
    color: #0D8F62;
}
#revolution section {
    padding-top: 50px;
    margin: 0 0 50px 0;
    border-top: 1px solid #F0F0F0;
}
#manifesto-banner {
    height: 164px;
    border-top: 21px solid #0D8F62;
    border-bottom: 2px solid #0D8F62;
    background-color: #434343;
    position: relative;
}
#manifesto-banner div {
    width: 600px;
    height: 196px;
    position: absolute;
    left: 50%;
    top: -21px;
    margin-left: -300px;
    background: url(/assets/img/v2/revcontent-manifesto.png) no-repeat 0 0;
}
#manifesto {
    width: 1059px;
    height: 639px;
    margin: 45px auto 0;
    padding-left: 135px;
    position: relative;
    background: url(/assets/img/v2/manifesto-bg.jpg) no-repeat 0 0;
}
#manifesto div {
    position: absolute;
}
#manifesto h2 {
    margin-bottom: 18px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'futura-pt','Open Sans',Helvetica, Arial, sans-serif;
}
#manifesto p {
    margin-left: -5px;
    font-size: 18px;
    font-weight: 100;
    font-family: 'futura-pt','Open Sans',Helvetica, Arial, sans-serif;
}
#manifesto h2 i {
    color: #33a225;
    font-size: 33px;
    margin-right: 10px;
}
#created-equal {top: 0;}
#user-experience {top: 125px;}
#built-trust {top: 298px;}
#driven-technology {top: 490px;}

#performance-result {
    width: 880px;
    height: 234px;
    margin: 15px auto 45px;
    position: relative;
    background: url(/assets/img/v2/performance-banner.png) no-repeat 0 0;
}
#performance-result a.sign-up-btn {
    position: absolute;
    right: -80px;
    bottom: -7px;
}

/*testimonials slider*/

.quote {
    width: 27px;
    height: 19px;
    background: url(/assets/img/v2/quote-sprite.png) no-repeat 0 0;
    position: absolute;
}
.quote.open-quote {
    background-position: 0 0;
}
.quote.close-quote {
    background-position: 0 -19px;
}

#carouselTestimonial {height: 240px;}
#carouselTestimonial .carousel-indicators {
    width: 75%;
    margin-left: -31%;
}
#carouselTestimonial .carousel-indicators li {background-color: #ccc;}
#carouselTestimonial .carousel-indicators li.active {background-color: #3EA681;}

#carouselTestimonial .carousel-control.left,
#carouselTestimonial .carousel-control.right {
    background: none;
}

#carouselTestimonial .carousel-control .fa {
    font-size: 106px;
    color: #ccc;
    position: absolute;
    top: 50%;
    margin-top: -53px;
    text-shadow: none;
}
#carouselTestimonial div.item {height: auto;}
#carouselTestimonial div.testi {
    width: 742px;
    height: 236px;
    margin: 0 auto;
    position: relative;
    background: url(/assets/img/v2/testimonial-bg.jpg) no-repeat 0 0;
}
#carouselTestimonial div.testi b {
    position: absolute;
    bottom: 73px;
    left: 265px;
    font-size: 17px;
    width: 405px;
}

#carouselTestimonial p {
    font-family: "myriad-pro",Helvetica, Arial, sans-serif;
    position: absolute;
    top: 34px;
    left: 263px;
    font-size: 23px;
    font-weight: 100;
    line-height: 26px;
    letter-spacing: -0.5px;
    text-align: center;
    width: 406px;
}

#carouselTestimonial #testi1 .open-quote {top: 0px;left: 29px;}
#carouselTestimonial #testi1 .close-quote {bottom: 0px;right: 125px;}

#carouselTestimonial #testi2 p {
    top: 30px;
    font-size: 15px;
    width: 371px;
    left: 278px;
    line-height: 20px;
}
#carouselTestimonial #testi2 .open-quote {top: -3px;left: 0px;}
#carouselTestimonial #testi2 .close-quote {bottom: 0px;right: 5px;}

#carouselTestimonial #testi3 p {top:57px; font-size: 28px;}
#carouselTestimonial #testi3 .open-quote {top: -5px;left: 25px;}
#carouselTestimonial #testi3 .close-quote {bottom: 0px;right: 20px;}


/* ---------------------------------------
   Reach Section
----------------------------------------*/
#reach {
    background: url(/assets/img/v2/reach-bg.jpg) no-repeat top center;
    height: auto;
    background-size: cover;
    border-bottom: 1px solid rgba(177, 177, 177, 0.69);
}
#reach h2.section-title {margin: 62px 0 16px;}
#reach div.black-banner {font-size: 39px;}
#reach div.black-banner p b {color:#fff;}

.reach-tabs {
    height: 149px;
    background: url(/assets/img/v2/reach/tabs-sprite.png) no-repeat 0 0;
}


.reach-tabs.content { background-position: 0 0;}
.reach-tabs.brand { background-position: 0 -149px;}
.reach-tabs.performance { background-position: 0 -298px;}

.reach-tabs-content { height: 800px; background: url(/assets/img/v2/reach/tab-content-gradient.jpg) no-repeat top center;}


#reach-slide-1 {background: url(/assets/img/v2/reach/content-tab-grad.png) no-repeat top center; height: 900px;}
#reach-slide-2 {background: url(/assets/img/v2/reach/brand-tab-grad.png) no-repeat top center;height: 900px;}
#reach-slide-3 {background: url(/assets/img/v2/reach/performance-tab-grad.png) no-repeat top center;height: 900px;}

#reach-slide-1 div.content {
    background: url(/assets/img/v2/reach/content-bg.jpg) no-repeat 0 0;
    height: 747px;
    position: absolute;
    top: 153px;
    width: 1143px;
    left: 50%;
    margin-left: -570px;
    padding: 128px 10px 0 530px;
}
#reach-slide-2 div.content {
    background: url(/assets/img/v2/reach/brand-bg.jpg) no-repeat 0 0;
    height: 747px;
    position: absolute;
    top: 153px;
    width: 1143px;
    left: 50%;
    margin-left: -570px;
    padding: 128px 10px 0 530px;
}
#reach-slide-3 div.content {
    background: url(/assets/img/v2/reach/performance-bg.jpg) no-repeat 0 0;
    height: 747px;
    position: absolute;
    top: 153px;
    width: 1143px;
    left: 50%;
    margin-left: -570px;
    padding: 128px 10px 0 530px;
}
#carouselReach .carousel-indicators {bottom: 0;}
#carouselReach .carousel-indicators li {background-color: #ccc;}
#carouselReach .carousel-indicators li.active {background-color: #3EA681;}

#carouselReach .carousel-control.left,
#carouselReach .carousel-control.right {
    background: none;
}

#carouselReach .carousel-control .fa {
    font-size: 106px;
    color: #ccc;
    position: absolute;
    top: 50%;
    margin-top: -53px;
    text-shadow: none;
}

.reach-nav {
    width: 1100px;
    margin: 0 auto;
    height: 150px;
    position: absolute;
    z-index: 500;
    left: 50%;
    margin-left: -571px;
}
.reach-nav a {
    float: left;
    height: 150px;
    width: 33%;
    cursor: pointer;
}

ul.main-list li {
    font: 600 32px/37px "myriad-pro",Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: -1.8px;
    margin-bottom: 25px;
}

ul.sub-list {margin: 7px 0 0;}
ul.sub-list li {
    text-indent: -5px;
    font: 100 21px/28px "myriad-pro",Helvetica, Arial, sans-serif;
    list-style-type: none;
    text-transform: none;
    letter-spacing: -0.2px;
}
ul.sub-list li:before{ content:"-"; position:relative; left:-5px;}

#reach-slide-1 a.sign-up-btn,
#reach-slide-2 a.sign-up-btn,
#reach-slide-3 a.sign-up-btn {
    position: absolute;
    right: 50px;
    bottom: 76px;
}

/* ---------------------------------------
   Widget Section
----------------------------------------*/
#widgets {
    background: url(/assets/img/v2/widgets/widgets-bg.jpg) no-repeat top center #eee;
    height: auto;
}
#widgets div.black-banner {
    font-size: 38px;
    text-transform: uppercase;
    letter-spacing: -0.3px;
}
#widgets div.black-banner p b {color:#fff; font-size: 40px;}
#widgets div.black-banner p b span {
    font-size: 31px;
    position: relative;
    top: -3px;
    margin: 0 5px;
}

#slider {
    opacity:1;
    transition: opacity 1s;
}

#slider.foo {
    opacity:0;
}


/* vertical tabs */
.vertical {
    margin: 20px 0;
}
.vertical.hc-tabs {
    margin: 0 auto;
    padding: 25px;
    position: relative;
}
.vertical .nav-tabs,
.vertical .tab-content {
    display: table-cell;
    margin: 0;
    vertical-align: top
}
.vertical .nav-tabs {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-color: transparent;
    background-color: transparent;
}
.vertical .nav-tabs > li {
    float: none;
    margin-bottom: 0;
}
.vertical .nav-tabs > li a {
    font-family: "myriad-pro",Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 25px 5px;
    color: #474747;
    background-color: transparent;
    border-bottom: 1px solid #d2d2d2;
}
.vertical .nav-tabs > li > a:hover {
    border-right-color: transparent;
    color: #666666;
}
.vertical .nav-tabs > li > a b {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 23px;
    letter-spacing: -0.3px;
    display: block;
    padding-right: 15px;
}
.vertical .nav-tabs > li > a b:after {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 28px;
    right: 5px;
}
.vertical .nav-tabs > li.active > a b,
.vertical .nav-tabs > li > a:hover b {
    color: #3CC691;
}
.vertical .nav-tabs > li.active > a,
.vertical .nav-tabs > li.active > a:hover,
.vertical .nav-tabs > li.active > a:focus {
    border-width: 0 0 1px 0;
    border-bottom-color:#d2d2d2;
    background: transparent;
    color: #666666;
}
.vertical .nav-tabs > li > a span {
    font-size: 16px;
    display: none;
}
.vertical .nav-tabs > li.active > a span {
    display: block;
}

#api_svg,
#ux_fallback,
#ux_svg {
    max-width: 600px;
    margin-top: 40px;
}

#cookie_cutter {
    height: 175px;
    background: url(/assets/img/v2/widgets/cookie-cutter.png) no-repeat 0 5px;
    font: 100 25px/26px "myriad-pro-condensed",Helvetica, Arial, sans-serif;
    padding: 0 0 0 82px;
    margin-top: 0;
    position: relative;
    top: -100px;
}
#cookie_cutter b {
    font-size: 31px;
    letter-spacing: -0.4px;
}
#cookie_cutter p {
    padding: 1px 0 0 19px;
    position: relative;
}
#cookie_cutter p:before {
    content: "-";
    position: absolute;
    left: 9px;
}
#widgets .tab-content > .tab-pane {
    height: 650px;
}
#performance-king {
    width: 980px;
    padding: 13px 0 30px 90px;
    position: absolute;
    top: 91px;
}
#performance-king h2 {
    text-transform: uppercase;
    font: 600 45px/56px "myriad-pro-condensed",Helvetica, Arial, sans-serif;
}
#performance-king h2 a {
    margin-left: 15px;
}


/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
    .vertical .nav-tabs,
    .vertical .tab-content {
        display: block;
    }
}

/* hc-tabs */
.hc-tabs .hc-tabs-top img {
    display: none;
}


/* ---------------------------------------
   Form
----------------------------------------*/
.form-control {
    font-size: 14px;
    border-radius: 0;
    padding: 3px 6px;
}
label {
    font-weight: bold;
    font-size: 13px;
    color: #3E3E3E;
}
div.error {
    color:#B94A38;
}
div.error select,
div.error textarea,
div.error .tokenfield,
div.error input {
    border-color:#B94A38!important;
}
span.error {font-weight:normal;font-size:85%;color:#B94A38; position: absolute;}

textarea + span.error {position: static;}
.mb15 {margin-bottom:15px;}

#notice a {color: #454545;}
#notice {
    padding: 20px 50px 20px 35px;
    margin-bottom: 60px;
    margin-top: -30px;
    border: 1px solid #e4e4e4;
    position: relative;
    color: #282828;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #ebebeb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4f4f4 0%,#ebebeb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4f4f4 0%,#ebebeb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4f4f4 0%,#ebebeb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 3px 17px -4px rgba(0, 0, 0, 0.4);
}
#notice p {
    font-size: 20px;
    letter-spacing: -0.93px;
}
#notice div.image {
    margin: 10px 25px 0 0;
    position: absolute;
}
#notice div.desc {
    margin-left: 90px;
}
#notice h2 {
    font: 600 30px/35px "myriad-pro",Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 0;
}
#notice .fa {
    font-size: 26px;
    color: #B8B8B8;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
.signature{
    font-family: 'Homemade Apple', cursive;
    font-size: large;
}
/* ---------------------------------------
   WHY ?
----------------------------------------*/

body.why div.black-banner p b {
    color: #fff;
    text-transform: uppercase;
}

body.why p.why-msg {
    font: 100 21px/27px "myriad-pro",Helvetica, Arial, sans-serif;
    max-width: 844px;
    margin: 20px auto 50px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
}

#why-slide-1 {
    background: url(/assets/img/v2/why/adv-tab.png) no-repeat top center;
    background-size: contain;
    padding-top: 140px;
}
#why-slide-2 {
    background: url(/assets/img/v2/why/pub-tab.png) no-repeat top center;
    background-size: contain;
    padding-top: 140px;
}
#carouselWhy .carousel-inner {padding-bottom: 50px;}
#carouselWhy .carousel-control.left, #carouselWhy .carousel-control.right {background: none;}

#carouselWhy h2 {
    font: 600 30px/34px "myriad-pro",Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 0;
}
#carouselWhy p {
    font: 100 18px/23px Helvetica, Arial, sans-serif;
    color: #575757;
}

div.step1 {
    background: url(/assets/img/v2/why/step1-bg.png) no-repeat bottom left;
    background-size: contain;
    max-width: 900px;
    height: 225px;
    margin: 0 auto;
    padding: 15px 90px 0 220px;
}
div.step2 {
    background: url(/assets/img/v2/why/step2-bg.png) no-repeat right;
    background-size: contain;
    max-width: 900px;
    height: 225px;
    margin: 0 auto;
    padding: 0px 220px 0 64px;
    text-align: right;
}
div.step3 {
    background: url(/assets/img/v2/why/step3-bg.png) no-repeat 0 0;
    background-size: contain;
    max-width: 900px;
    height: 225px;
    margin: 0 auto;
    padding: 30px 0 0 220px;
}
div.step4 {
    background: url(/assets/img/v2/why/step4-bg.png) no-repeat right;
    background-size: contain;
    max-width: 900px;
    height: 248px;
    margin: 0 auto;
    padding: 75px 220px 0 100px;
    text-align: right;
}

div.faq-section {
    border-top: 1px solid #ccc;
    padding: 20px 0 0 0;
    max-width: 800px;
    margin: 20px auto;
}
div.faq-section h1 {
    font: 600 28px/34px "myriad-pro",Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #33a225;
}
div.faq-section ul li {
    padding: 20px 0 20px 45px;
    border-bottom: 1px solid #ccc;
}
div.faq-section b {
    background: url(/assets/img/v2/why/q-mark.png) no-repeat 0 0;
    padding: 0 0 3px 40px;
    margin-bottom: 7px;
    font: 600 20px/23px "myriad-pro",Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    display: block;
}
div.faq-section p {
    background: url(/assets/img/v2/why/L.png) no-repeat 45px 0;
    padding: 7px 0 0 70px;
    font: 100 17px/20px Helvetica, Arial, sans-serif!important;
    color: #575757;
}


/* ---------------------------------------
   Animation
----------------------------------------*/
.animate{visibility:hidden;}

/* ======================================================================
   Responsive styles
   ===================================================================== */
@media (min-width: 768px) {
    .navbar-right {
        /*        margin-right: 10px;*/
    }
}

/* Ipad portrait and everything smaller*/
@media (max-width: 768px) {
    #widgets {
        /*        height: 650px;*/
        padding-top: 0;
    }
    #devices {
        margin-top: 20px;
        text-align: center;
        margin-bottom: 20px;
    }
    #device-images {height: 270px;}
    #devices.list-inline > li {
        padding-right: 15px;
        padding-left: 15px;
    }
    .responsive-showcase {
        /*        padding: 30px 20px;*/
    }
    .responsive-showcase img {
        margin: 0 auto;
        max-height: 265px;
    }


}

@media (min-width: 300px) and (max-width: 500px) {
    .learn-more-btn {
        width: 175px;
        height: 57px;
        position: absolute;
        bottom: 21px!important;
        left: 50%;
        margin-left: -87px!important;
        background-size: cover;
    }
    .learn-more-btn:hover {
        cursor: pointer;
        background-position: 0 -56px;
    }

    .browse-widgets-btn {
        bottom: 25px!important;
        left: 50%;
        margin-left: -110px!important;
        background-size: cover;
        width: 225px;
        height: 51px;
    }
    .browse-widgets-btn:hover {
        cursor: pointer;
        background-position: 0 -51px;
    }
}

/* Landscape phones and down */
@media (max-width: 640px) {

    div[class^="col-"], div[class*=" col-"] {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-brand { padding-top: 5px!important;}
    .navbar-brand .navbar-logo {
        font-size: 45px;
        margin: 7px 0 0 7px;
    }
    /*no overlap of header*/
    BODY.home #main_content,
    #main_content {padding-top: 65px;}
    #main-nav {height: 65px;}


    h2.section-title {
        font-size: 10vw;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #map_section {
        padding: 40px 20px 0;
        background: url(/assets/img/v2/reach/map-mobile.jpg) no-repeat center -80px;
        margin: 0 -15px;
        height: 440px;
    }

    .play-btn {
        position: absolute;
        top: 35%;
        left: 50%;
        margin-left: -33px;
        cursor: pointer;
        width: 85px;
    }

    .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right {
        background: transparent;
        font-size: 21px;
        padding: 0;
        width: 35px;
        height: 25px;
    }

    .slide .item {
        width: 100%;
        height: auto;
        margin: 0 auto;
        text-align: center;
    }
    .carousel-inner .slide1, .carousel-inner .slide2, .carousel-inner .slide3 {background:none;}

    #carousel-home {  padding: 0px;}
    #carousel-home .carousel-indicators { bottom: -5px;}

    #carousel-home img.loader {
        width: 100px;
        margin-left: -50px;
        display: block;
        position: absolute;
        left: 50%;
        top: 160px;
    }

    #carousel-home .video-container {
        width: 90%;
        left: 50%;
        margin-left: -45%;
        position: absolute;
        margin-bottom: 80px;
        opacity: 0;
        top: 150px;
        z-index: 9999;
    }


    .learn-more-btn {
        position: absolute;
        bottom: 35px;
        left: 50%;
        margin-left: -113px;
    }

    .browse-widgets-btn {
        position: absolute;
        bottom: 25px;
        left: 50%;
        margin-left: -160px;
    }


    p.lead.intro {
        width: 85%;
    }
    #revolution p.lead {
        margin: 20px auto 40px;
    }

    /* ---------------------------------------
   Our Difference
----------------------------------------*/
    #manifesto-banner {
        height: 89px;
        border-top: 15px solid #0D8F62;
        border-bottom: 2px solid #0D8F62;
        background-color: #434343;
        position: relative;
    }
    #manifesto-banner div {
        width: 307px;
        height: 105px;
        position: absolute;
        left: 50%;
        top: -11px;
        margin-left: -150px;
        background-size: contain;
    }
    #manifesto-banner + .container {
        background: #f0f0f0;
        padding: 0;
    }

    #manifesto {
        background: none;
        width: 100%;
        margin: 25px auto 0;
        padding: 0;
        height: auto;
    }
    #manifesto div {position: static;}
    #manifesto h2 {
        font-size: 4.8vw;
        margin-bottom: 10px;
    }
    #manifesto h2 i {font-size: 7vw;}
    #manifesto h2:before {
        content: " ";
        width: 36px;
        height: 36px;
        background: url(/assets/img/v2/mobile/rc-bullet.png) no-repeat;
        float: left;
        margin: 6px 10px 40px 0;
    }
    #manifesto h2:after {
        clear:both;
    }
    #manifesto p {
        margin-left: 45px;
        font-size: 4.5vw;
        line-height: 5vw;
        font-weight: 400;
    }

    #performance-result {
        width: 100%;
        height: 190px;
        margin: 0px auto;
        background: url(/assets/img/v2/mobile/performance-banner.png) no-repeat 0 0;
        background-size: contain;
    }
    #performance-result-mobile + a.sign-up-btn {
        margin: 12px 0 0 -102px;
        position: absolute;
        left: 50%;
    }

    #carouselTestimonial {
        height: auto;
        padding-bottom: 30px;
    }

    #carouselTestimonial .carousel-indicators {
        width: 120px;
        margin-left: -60px;
        bottom: 0px;
    }

    #carouselTestimonial .carousel-control .fa {
        font-size: 7vw;
        color: #ccc;
        position: absolute;
        top: 25vw;
        left:50%;
        margin-top: -14vw;
        text-shadow: none;
        margin-left: -1vw;
    }

    #carouselTestimonial div.testi {
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
        background: none;
    }


    /* ---------------------------------------
    Reach Section
    ----------------------------------------*/
    #reach {
        background: #f1f1f1; /* Old browsers */
        background: -moz-linear-gradient(top, #f1f1f1 60%, #ffffff 90%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f1f1f1), color-stop(90%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f1f1f1 60%,#ffffff 90%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f1f1f1 60%,#ffffff 90%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f1f1f1 60%,#ffffff 90%); /* IE10+ */
        background: linear-gradient(to bottom, #f1f1f1 60%,#ffffff 90%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
    #reach h2.section-title {
        margin: 35px 0 25px;
    }
    .reach-nav {
        width: 100%;
        height: 150px;
        position: absolute;
        z-index: 500;
        left: auto;
        margin-left: 0;
    }

    #reach-slide-1,
    #reach-slide-2,
    #reach-slide-3 {
        background: none;
        height: auto;
    }
    #reach-slide-1 a.sign-up-btn, #reach-slide-2 a.sign-up-btn, #reach-slide-3 a.sign-up-btn {
        position: absolute;
        right: auto;
        bottom: 45px;
        left: 50%;
        margin-left: -102px;
    }
    #carouselReach .item div.content {
        background: url(/assets/img/v2/mobile/reach-tabs-content-bg.png) no-repeat 0 0;
        height: auto;
        position: relative;
        top: 0;
        width: 100%;
        left: 0;
        margin-left: 0;
        padding: 0 0 25px 0;
        text-align: center;
    }

    #carouselReach .item div.content ul.main-list {
        margin-top: 30px;
        padding-left: 0;
        list-style: none;
        padding: 0 10px;
    }
    #carouselReach .item div.content ul.main-list li {
        font: 600 22px/27px "myriad-pro",Helvetica, Arial, sans-serif;
    }
    #carouselReach .item div.content ul.sub-list {
        padding: 0 35px;
    }
    #carouselReach .item div.content ul.sub-list li {
        font: 100 18px/24px "myriad-pro",Helvetica, Arial, sans-serif;
    }

    #carouselReach .carousel-control .fa {
        font-size: 7vw;
        color: #ccc;
        position: absolute;
        top: 50%;
        left:50%;
        text-shadow: none;
        margin-left: -1vw;
    }

    #carouselReach + a.sign-up-btn {margin: 10px auto 15px;}


    /* ---------------------------------------
    Widget Section
    ----------------------------------------*/
    #widgets {
        background: none;
    }
    #widgets .panel-default > .panel-heading {
        position: relative;
        color: #333333;
        border: 0 none;
        background: #f0f0f0; /* Old browsers */
        background: -moz-linear-gradient(top, #f0f0f0 0%, #e2e2e2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f0f0f0 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f0f0f0 0%,#e2e2e2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f0f0f0 0%,#e2e2e2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f0f0f0 0%,#e2e2e2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
        min-height: 75px;
        display: table;
        vertical-align: middle;
        width: 100%;
    }
    #widgets .panel-default > .panel-heading.active {
        background: #fff;
        border: 0 none!important;
    }
    #widgets .panel-default > .panel-heading.active .panel-title a {
        color: #33a225;
    }

    #widgets .panel-default > .panel-heading .panel-title {
        vertical-align: middle;
        display: table-cell;
        color: #171717;
        text-transform: uppercase;
        font: 600 6vw/7vw "myriad-pro",Helvetica, Arial, sans-serif;
    }
    #widgets .panel-default > .panel-heading .panel-title a {
        display: block;
        text-decoration: none;
    }

    #widgets .panel-default > .panel-heading i.indicator {
        position: absolute;
        right: 9px;
        top: 50%;
        margin-top: -3vw;
        font-size: 7vw;
        color: #616161;
    }
    #widgets .panel-group {margin-bottom: 0;}
    #widgets .panel-group .panel {
        border-radius: 0;
        margin:0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #fff;
    }

    #widgets .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top: 0 none;}
    #widgets .panel-default > .panel-heading + .panel-collapse > .panel-body p {
        color: #3b3b3b;
        text-align: center;
        margin: 0 35px 10px;
        font-size: 7vw;
        line-height: 7.5vw;
    }
    #mobile-cookie-cutter {
        background: #efefef;
        padding: 20px 10px 10px;
    }
    #mobile-cookie-cutter a.sign-up-btn {
        margin: 15px auto;
    }


    #notice {
        padding: 20px 20px 20px 15px;
    }
    #notice div.desc {
        margin-left: 0px;
    }
    #notice h2 {
        font: 600 17px/20px "myriad-pro",Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        margin-top: 0;
    }
    #notice p {
        font-size: 16px;
    }
    #notice .fa {
        top: 5px;
        right: 5px;
    }

    /* ---------------------------------------
    Responsive Footer
    ----------------------------------------*/
    footer {
        height: 105px;
    }
    footer a.logo {text-decoration: none;}
    footer p {font-size: 12px; margin-top: 5px;}

    footer ul {
        margin: 0 auto 20px;
        width: auto;
    }
    footer ul li {
        list-style: none;
        text-align: left;
    }
    footer ul li a {
        color: #0D8F62;
        text-transform: uppercase;
    }
    footer ul li a:hover {text-decoration: none;}
    footer ul li:first-child {
        list-style: none;
    }
    footer ul li.social-buttons {
        list-style: none;
        margin-top: -2px;
    }

    footer .wrap {
        width: auto;
    }
    footer .wrap .logo-wrap{
        float: none!important;
    }
    #preferred_language {
        width: 100%;
        position: static;
        margin: 0 auto;
    }
    #preferred_language p {
        text-align: center;
    }

}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
    #why-slide-1, #why-slide-2 {
        padding-top: 16vw;
    }
    #carouselWhy h2 {
        font-size: 20px;
        line-height: 25px;
        margin-top: 15px;
    }
    #carouselWhy p {font-size: 18px; line-height: 25px;}

    #carouselWhy div.step1,
    #carouselWhy div.step2,
    #carouselWhy div.step3,
    #carouselWhy div.step4 {
        background: none;
        padding: 5px;
        height: auto;
        max-height: 1000px;
        text-align: left;
    }

    div.faq-section ul li {
        padding: 20px 0 20px 5px;
    }



}
@media (min-width: 769px) and (max-width: 968px) {
    #carouselWhy h2 {font-size: 3.5vw; line-height: 3.6vw;}
    #carouselWhy p {font-size: 2vw; line-height: 2.5vw;}
    #carouselWhy div.step1 {  padding: 30px 0 0 25vw;}
    #carouselWhy div.step2 {  padding: 30px 25vw 0 0;}
    #carouselWhy div.step3 {  padding: 30px 0 0 25vw;}

}

/*header is a bit funky between these sizes, tighten it up*/
@media (min-width: 969px) and (max-width: 1024px) {
    /**/
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 641px) and (max-width: 991px) {

    header .container {
        width: 100%
    }
    header.navbar-fixed-top .navbar-right {margin-right: 0px;}

    div.black-banner {
        font-size: 5vw;
    }

    #reach div.black-banner {
        font-size: 4vw;
    }

}

@media (max-width: 991px) {
    BODY.home #main_content {
        padding-top: 65px;
    }
    BODY.home #main-nav, BODY.home #main-nav > .container {
        background-color: #000000!important;
    }
    BODY.home #main-nav.navbar-fixed-top, BODY.home #main-nav.navbar-fixed-top > .container {
        background-color: #FFFFFF!important;
    }
    #carousel-home .carousel-inner .item.slide1,
    #carousel-home .carousel-inner .item.slide2,
    #carousel-home .carousel-inner .item.slide3 {
        background: none;
        height: auto;
    }
    #reach-slide-1 a.sign-up-btn,
    #reach-slide-2 a.sign-up-btn,
    #reach-slide-3 a.sign-up-btn {
        right: 3px;
    }
    #reach-slide-1 div.content,
    #reach-slide-2 div.content,
    #reach-slide-3 div.content {width: auto;}
    .learn-more-btn {
        width: 170px;
        height: 55px;
        background-size: cover;
        margin-left: 18vw;
        bottom: 8vw;
    }
    .learn-more-btn:hover {
        background-position: 0px -54px;
    }
    .browse-widgets-btn {
        width: 200px;
        height: 46px;
        background-size: cover;
        margin-left: 7vw;
        bottom: 5vw;
    }
    .browse-widgets-btn:hover {
        background-position: 0px -45px;
    }
    footer .wrap {
        width: 100%;
    }
}
@media (min-width: 992px) {

    #revolution section#revo-reps {margin-bottom:0;padding-bottom: 0;}
}
/* Desktops and laptops ----------- */
@media (min-width: 992px) and (max-width: 1199px) {

    header .container {
        width: 100%
    }
    header.navbar .navbar-main {
        position: absolute;
        left: 50%;
        margin-left: -22vw;
    }
    header.navbar-fixed-top .navbar-right {margin-right: 0px;}

}

@media (max-width: 1090px) {
    #manifesto {width: 100%;}
    #performance-king {
        width: auto;
    }
    #performance-king h2 {
        font-size: 3.5vw;
    }
    #performance-result {
        width: 100%;
    }
    #performance-result a.sign-up-btn {
        right: 0px;
    }
}


/* Large screens ----------- */
@media (min-width: 1200px) and (max-width: 1599px) {

    header.navbar .navbar-main {
        position: absolute;
        left: 50%;
        margin-left: -16.5vw;
    }

}

@media (max-width: 1279px){
    .container {
        width: 100%;
    }
}
@media (min-width: 1280px){
    .container {
        width: 1280px;
    }
}

/* Larger screens ----------- */
@media (min-width: 1600px) and (max-width: 3000px) {

    header.navbar .navbar-main {
        position: absolute;
        left: 45%;
        margin-left: -13vw;
    }

}

/* awkward range for nav ----------- */
@media (min-width: 941px) and (max-width: 970px) {

    header.navbar .navbar-nav > li > a, header.navbar-nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
    }

}


/*hidden and visible classes*/
@media (max-width: 640px) {
    .hidden-xxs {
        display: none !important;
    }
    .visible-xxs {
        display: block !important;
    }
}

.visible-collapse {display: none;}
.hidden-collapse {display: block;}
/*Breakpoint for collapse nav*/
@media (max-width: 940px) {
    body.no-scroll {
        left: 0;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        top: 0;
        width: 100%;
    }
    .visible-collapse {display: block;}
    .hidden-collapse {display: none;}
    header .container {
        width: 100%;
        background: rgba(21, 21, 21, 0.95);
    }
    header.navbar-fixed-top .container,
    header.navbar-fixed-top .container-fluid
    {
        background: rgba(255, 255, 255, 0.95);
        box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.15);
        -moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.15);
        -webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.15);
        -ms-box-shadow: 2px 2px 5px 4px rgba(0,0,0,0.15);
    }
    .navbar.navbar-compact > .container .navbar-brand, .navbar.navbar-compact > .container-fluid .navbar-brand {
        padding: 5px 0 0;
        width: auto;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin-right: 0;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding-right: 0;
        padding-left: 0;
        margin-left: -15px;
        margin-right: -15px;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 0;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 13px!important;
        padding-bottom: 13px!important;
    }
    .collapse.in{
        display:block !important;
    }

    #nav-login a:hover,
    header.navbar .navbar-main > .active > a,
    .navbar .navbar-main > .active > a:hover,
    .navbar .navbar-main > .active > a:focus,
    header.navbar .navbar-main > li > a:hover,
    .navbar .navbar-main > li > a:focus {
        color: #fff;
        background-color: #3CC691;
        border-bottom: 3px solid transparent;
        position: relative;
    }
    header.navbar .navbar-main > .active > a:after,
    .navbar .navbar-main > .active > a:hover:after,
    .navbar .navbar-main > .active > a:focus:after,
    header.navbar .navbar-main > li > a:hover:after,
    .navbar .navbar-main > li > a:focus:after {
        left: 28px;
    }
    header.navbar .navbar-main > li > a:hover span.sidebar-title span.y, header.navbar .navbar-main > li.active > a span.sidebar-title span.y, .navbar .navbar-nav > li > a:focus span.sidebar-title span.y,
    header.navbar .navbar-main > li > a:hover span.sidebar-title span, header.navbar .navbar-main > li.active > a span.sidebar-title span, .navbar .navbar-nav > li > a:focus span.sidebar-title span {
        color: #FFFFFF;
    }
    #nav-login a {padding-left: 23px;}
    #nav-signup {padding: 0 0 20px 20px;}



    #main-nav.navbar-fixed-top .navbar-main > .active > a,
    #main-nav.navbar-fixed-top .navbar-main > .active > a:hover,
    #main-nav.navbar-fixed-top .navbar-main > .active > a:focus,
    #nav-accordion ul li a:hover,
    #nav-accordion ul li a:focus,
    #main-nav.navbar-fixed-top .navbar-main > li > a:hover,
    #main-nav.navbar-fixed-top .navbar-main > li > a:focus {
        background: #3CC691;
        color: #fff!important;
    }

    #nav-login a:hover {
        background: #3CC691;
        color: #FFF!important;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 400px;
    }

    #nav-accordion ul li a {
        padding: 5px 0 5px 20px;
    }

    #nav-accordion ul li a div.item-icon {
        display: inline;
        margin-right: 10px;
    }

    /*user profile*/
    #nav-collapse-profile {
        background: #0D8F62;
        padding: 10px 20px;
        border-top: 2px solid rgba(0, 0, 0, 0.1);
        border-bottom: 2px solid rgba(255, 255, 255, 0.15);
        text-align: center;
    }
    #nav-collapse-profile .avatar {
        margin-bottom: 10px;
    }
    #main-nav.navbar-fixed-top  #collapseUserMenu.navbar-nav {
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        margin-top: 10px;
    }
    #main-nav.navbar-fixed-top  #collapseUserMenu.navbar-nav > li > a {
        color: #FFFFFF;
    }
    #main-nav.navbar-fixed-top  #collapseUserMenu.navbar-nav > li > a:hover,
    #main-nav.navbar-fixed-top  #collapseUserMenu.navbar-nav > li > a:active
    {
        color: #333;
    }

    #nav-collapse-profile h4 {color: #fff;}
    #nav-collapse-profile a.balance {
        color: #454545;
        font-weight: 900;
    }
    #nav-collapse-profile a.balance b {
        color: rgb(255, 255, 255);
        font-size: 13px;
        text-shadow: 1px 1px 2px rgba(30, 30, 30, 0.66);
    }

    #main-nav ul.navbar-main li:last-child a {padding-left: 25px;}
}

.editor_div {
    float:left;
    width:250px;
}

.editor_input {
    display:none!important;
}

.editor_width {
    width:250px;
}

.force-white {
    color:#fff!important;
}

.popover.search-operator-popover {
    width: 255px;
    max-width: 255px;
}
.popover.search-operator-popover .popover-content {padding: 15px 10px;}
.popover.search-operator-popover dt {
    font-size: 13px;
    margin-bottom: 0px;
    color: #6D6D6D;
    font-weight: normal;
}
.popover.search-operator-popover dd {
    margin-bottom: 15px;
}
.popover.search-operator-popover dl {
    margin-bottom: 5px;
    border-bottom: 1px solid #E6E6E6;
}
.popover.search-operator-popover .popover-content small {
    font-size: 11px;
    display:block;
}

/* ---------------------------------------
   Campaign Boost Performance
----------------------------------------*/

#metrics {
    width: 354px;
    display: inline-block;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    opacity: 1;
}
#metrics > .metrics-inner {width: 360px;}
#metrics.slideaway {
    width: 0px;
    opacity: 0;
}

.metric-label {
    width: 73px;
    margin-right: 8px;
}
.metric-label.oversized {
    font-size: 12px;
    line-height: 20px;
}

div.btn-group.divider {
    border-right: 1px solid #E2E2E2;
    margin: 0 10px 0 5px;
}

.nav.nav-daily > li > a {padding: 7px 15px; background-color: #F7F7F7;}
.nav.nav-daily > li.active > a {background-color: #08c;}

.chart-region.empty-chart {
    position: absolute;
    background-color: #FFFFFF;
    width: 100%;
    z-index: 999;
    padding: 80px 0 0 0;
}
.chart-region #chart1 p.lead {display: none;}
.chart-region.empty-chart #chart1 p.lead {display: block;}
.chart-wrapper {
    position: relative;
    width: 100%;
    display: block;
    padding: 20px 0;
}
.canvasjs-chart-canvas {border-radius: 4px;}
.canvasjs-chart-credit {color:transparent!important; cursor:default;}

#chart1 {
    position: relative;
    left: 0;
    top: auto;
    width: 100%;
    height: 260px;
}

#chart1.split {
    position: relative;
    left: 0;
    top: auto;
    width: 60%;
    height: 260px;
    float: left;
}
#piechart.split {
    position: relative;
    left: 0;
    top: auto;
    width: 20%;
    height: 260px;
    float: left;
}
#piechart_legend {
    position: relative;
    left: 0;
    top: auto;
    width: 20%;
    height: 260px;
    padding-top: 25px;
    float: left;
}

#piechart_legend table {width: 100%;}
#piechart_legend table tfoot {
    border-top: 1px solid #d4d4d4;
    font-size: 12px;
}

#piechart_legend th {
    font-weight: normal;
    font-size: 11px;
    line-height: 11px;
    vertical-align: bottom;
}

#piechart_legend td {
    padding: 4px 0;
}


.chart-controls button.active {
    background-color:#3EA681;
    color:#ffffff;
    font-weight:bold
}

.chart-controls .dropdown-menu > .active > a, .chart-controls .dropdown-menu > .active > a:hover, .chart-controls .dropdown-menu > .active > a:focus {
    background-color: #3EA681;
}

i.metric-color {
    margin: 0 5px 0 -5px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
}

i.metric-color.primary { background-color: #5ec549;}
i.metric-color.secondary { background-color: #2ba9e3;}

#chart_toggle {
    color: #83919C;
    background-color: #F7F7F7;
    border-color: #E6E6E6;
}
#chart_toggle:hover {
    color: #0088CC;
}
#chart_toggle.active {
    color: #FFFFFF;
    background-color: #0088CC;
    border-color: #0088CC;
}
#no_data {
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    padding: 60px 0 0 0;
    margin: 0;
}

/*realtime monitor charts page*/

#new_chart_form .control-label small {font-weight: normal;}

#sort_change_pop {
    position: fixed;
    top: 58px;
    z-index: 1029;
    padding: 35px 34px 22px;
    background: rgba(255, 255, 255, 0.87);
    border-radius: 0 0 10px 10px;
    left: 50%;
    margin-left: -116px;
    box-shadow: 1px 10px 21px rgba(0, 0, 0, 0.06);
}

body.fullscreen-chart .canvasjs-chart-canvas {
    width: 100%;
}
body.fullscreen-chart .chart-region {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999999;
    -webkit-transition: all 1s ease-out;
}

body.charts {
        background: #eee;
        margin-bottom: 0;
    }
    body.charts #main {
        overflow: hidden;
    }
    body.charts #content {
        min-height: 250px;
    }
    body.charts .widget-row {
        margin-left: -10px;
        margin-right: -10px;
    }
    body.charts .widget {
        position: relative;
        margin-bottom: 20px;
        padding: 15px 20px;
        background: #fff;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
        box-shadow: 0 1px 1px rgba(0,0,0,.05);
    }
    body.charts .widget.chart {height: 280px;}
    body.charts .widget.fullscreened {
        height: auto;
        top: 134px!important;
        margin: 26px!important;
        z-index: 999!important;
    }

    body.charts .widget>footer,
    body.charts .widget>header {
        margin: 0 -20px;
        padding: 0 20px 10px 20px;
    }
    body.charts .widget>header.border {
        border-bottom: 1px solid #dadada;
    }
    body.charts .widget>header h1,
    body.charts .widget>header h2,
    body.charts .widget>header h3,
    body.charts .widget>header h4,
    body.charts .widget>header h5,
    body.charts .widget>header h6 {
        margin: 0;
    }
    body.charts .widget-controls {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        padding: 14px;
        font-size: 12px;
    }
    body.charts .widget.chart h5 + small {
        margin-right: 50px;
        display: block;
    }
    body.charts .widget-controls a {color:#bcbcbc;}
    body.charts .widget-controls a:hover {color:#999999;}
    body.charts .widget>header.border+.widget-body {
        padding-top: 15px;
    }
    body.charts .col-lg-1, body.charts .col-lg-10, body.charts .col-lg-11,
    body.charts .col-lg-12, body.charts .col-lg-2, body.charts .col-lg-3,
    body.charts .col-lg-4, body.charts .col-lg-5, body.charts .col-lg-6,
    body.charts .col-lg-7, body.charts .col-lg-8, body.charts .col-lg-9,
    body.charts .col-md-1, body.charts .col-md-10, body.charts .col-md-11,
    body.charts .col-md-12, body.charts .col-md-2, body.charts .col-md-3,
    body.charts .col-md-4, body.charts .col-md-5, body.charts .col-md-6,
    body.charts .col-md-7, body.charts .col-md-8, body.charts .col-md-9,
    body.charts .col-sm-1, body.charts .col-sm-10, body.charts .col-sm-11,
    body.charts .col-sm-12, body.charts .col-sm-2, body.charts .col-sm-3,
    body.charts .col-sm-4, body.charts .col-sm-5, body.charts .col-sm-6,
    body.charts .col-sm-7, body.charts .col-sm-8, body.charts .col-sm-9,
    body.charts .col-xs-1, body.charts .col-xs-10, body.charts .col-xs-11,
    body.charts .col-xs-12, body.charts .col-xs-2, body.charts .col-xs-3,
    body.charts .col-xs-4, body.charts .col-xs-5, body.charts .col-xs-6,
    body.charts .col-xs-7, body.charts .col-xs-8, body.charts .col-xs-9 {
        padding-left: 10px;
        padding-right: 10px;
    }

    body.charts .loading {
        position: absolute;
        top: 50%;
        left: 50%;
    }
    body.charts .loading-bar {
        display: inline-block;
        width: 4px;
        height: 20px;
        border-radius: 4px;
        animation: charts_loading 1s ease-in-out infinite;
        background-color: #0D8F62;
        margin-right: 3px;
    }
    body.charts .loading-bar:nth-child(1) {
        /*  background-color: #3498db;*/
        animation-delay: 0;
    }
    body.charts .loading-bar:nth-child(2) {
        background-color: #d6d4d4;
        animation-delay: 0.09s;
    }
    body.charts .loading-bar:nth-child(3) {
        /*  background-color: #f1c40f;*/
        animation-delay: .18s;
    }
    body.charts .loading-bar:nth-child(4) {
        background-color: #d6d4d4;
        animation-delay: .27s;
    }

    @keyframes charts_loading {
        0% {
        transform: scale(1);
    }
    20% {
        transform: scale(1, 2.2);
    }
    40% {
        transform: scale(1);
    }
    }


    body.charts .widget-placeholder {
        background: rgba(51,51,51,0.2);
        border: 1px dashed rgba(255,255,255,0.6);
        margin: -1px -1px 29px -1px;
    }


    #new_chart_form {
        padding-right: 25px;
    }

    #geo_list li {position: relative;}
    #geo_list li i.fa-ban{
        position: absolute;
        top: -1px;
        right: 3px;
        color: red;
        background: #ffffff;
        font-size: 21px;
        display: none;
    }
    #geo_list li:hover i.fa-ban{
        display: block;
        cursor: pointer;
    }


    body.charts .select2-container--default .select2-selection--multiple {
        border: 1px solid #d2d2d2;
    }

    /*ajax Search ahead*/
    body.charts li.select2-results__option {
        border-bottom: 1px solid #e3e3e3;
    }
    body.charts .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #337ab7;
        color: white;
    }
    body.charts .select2-results__option h4 span.label-sm {
        width: 62px;
        margin: 2px 12px 0 0;
        display: inline-block;
    }

    body.charts .select2-container .select2-search__field {
        width: 100% !important;
    }

    body.charts .select2-dropdown {position: static;}
    body.charts .select2-container {z-index: 99999;}


.impression-trail-label {
    width: 25px;
}

.alexa-introimg {
    background-color: #000;
    background-image: url('/assets/img/alexa/intro.png');
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
}

.alexa-whatimg {
    background-color: #fff;
    background-image: url('/assets/img/alexa/what.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 100%;
    margin-top: -325px;
    z-index: -25;
}

.alexa-setup-back-img {
    background-image: url('/assets/img/alexa/setup-back.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 100%;
    margin-top: 125px;
}
.alexa-intro-spacer {
    height: 568px;
    width: 100%;
}

.alexa-intro-content {
    text-align: center;
    padding: 0px 0px 75px 0px;
    overflow: hidden;
}

.alexa-introducing {
    text-transform: uppercase;
    font-weight: 100;
    color: #fff;
    padding: 0 0 15px;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 52pt;
    letter-spacing: -0.32px;
    line-height: 0.8em
}
.alexa-rev-skill-cont {
    padding: 0 0 150px 0px;
}
.alexa-revcontent {
    display: inline;
    font-weight: 600;
    color: #0D8F62;
    padding: 0px;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 66pt;
    letter-spacing: -4px;
    line-height: 0.8em;
}
.alexa-skill {
    display: inline;
    font-weight: 600;
    color: #fff;
    padding: 0px;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 66pt;
    letter-spacing: -4px;
    line-height: 0.8em;
}
.alexa-easy-cont {
    display: table;
    max-width: 1280px;
    margin: auto;
}
.alexa-easy {
    display: table-cell;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 34pt;
    color: #fff;
    padding: 0px;
    width: 60%;
}
.alexa-spark-left {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 0px;
}
.alexa-spark-left-img {
    width: 100%;
}
.alexa-spark-right {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 0px;
}
.alexa-spark-right-img {
    width: 100%;
}
.alexa-slopeimg {
    padding: 0px;
    width: 100%;
    height: 125px;
}
.alexa-what-spacer {
    height: 400px;
    width: 100%;
    color: #fff;
}
.alexa-top-what-cont {
    padding: 0px;
}
.alexa-what-content {
    text-align: center;
    padding: 0px 0px 0px 0px;
}
.alexa-what-can-cont {
    float: right;
    width: 50%;
}
.alexa-what-can {
    text-align: left;
    text-transform: uppercase;
    font-weight: 100;
    padding: 0 0 15px;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 34pt;
    letter-spacing: -0.32px;
    line-height: 0.8em
}
.alexa-tell-cont {
    text-align: left;
    font-weight: 600;
    color: #0D8F62;
    padding: 0px;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 66pt;
    letter-spacing: -4px;
    line-height: 0.8em;
}
.alexa {
    display: inline;
    color: #0D8F62;
}

.alexa-tell-me {
    display: inline;
    color: #000;
}
.alexa-topimgdiv {
    width: 50%;
    float: left;
    padding: 0px;
    text-align: left;
}

.alexa-topmimgdiv {
    display: none;
}
.alexa-topimg {
    margin-top: -275px;
    margin-left: -150px;
    width: 735px;
}
.alexa-rpm-spend {
    text-align: left;
    margin-left: -135px;
    padding: 100px 0px 50px 0px;
    max-width: 750px;
}
.alexa-new-commands {
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 0 15px;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 42pt;
    letter-spacing: -2px;
    line-height: 0.8em
}
.alexa-always {
    text-align: left;
    font-weight: 600;
    color: #0D8F62;
    padding: 0px;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 42pt;
    letter-spacing: -2px;
    line-height: 0.8em;
}
.alexa-being-added {
    color: #000;
    font-weight: 500;
    font-style: normal;
}
.alexa-hey-alexa-div {
    position: relative;
    padding: 0px;
}
.alexa-hey-alexa-img {
    width: 100%;
    padding: 0px;
}
.alexa-how-do {
    text-transform: uppercase;
    font-weight: 100;
    padding: 0 0 15px;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 34pt;
    letter-spacing: -0.32px;
    line-height: 0.8em
}
.alexa-rev-account-cont {
    font-weight: 600;
    color: #0D8F62;
    padding: 0px;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 66pt;
    letter-spacing: -4px;
    line-height: 0.8em;
}
.alexa-account {
    display: inline;
    color: #000;
}
.alexa-download-cont {
    display: table;
    text-align: center;
    padding: 75px 30px 50px 30px;
    margin: auto;
}
.alexa-download-img-div {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 0px;
}
.alexa-download-img {
    width: 100%;
}
.alexa-download-text {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-weight: 600;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 20pt;
    letter-spacing: -.5px;
    line-height: 1em;
    padding-left: 25px;
    max-width: 575px;
}

.alexa-step-cont {
    display: table;
    text-align: center;
    margin: auto;
}
.alexa-step-text-cont {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 25px;
    padding-bottom: 30px;
    max-width: 800px;
}
.alexa-step-text {
    font-weight: 100;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 34pt;
    letter-spacing: -0.32px;
    line-height: 0.8em;
}
.alexa-step-description {
    font-weight: 600;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 30pt;
    line-height: 1em;
    letter-spacing: -3px;
    padding-top: 10px;
}
.alexa-all-set-div {
    padding: 0px;
    margin-top: -200px;
}
.alexa-all-setm-div {
    display: none;
}
.alexa-all-set-img {
    width: 100%;
    padding: 0px;
}

.drive-introimg {
    background-color: #6e6f6e;
    background-image: url('/assets/img/drivetraffic/intro_background.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
}

.monetize-introimg {
    background-color: #373737;
    background-image: url('/assets/img/monetize/intro_background.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
}

.drive-intro-content {
    text-align: center;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}
.drive-navbar-header {
    text-align: left;
    width: 1280px;
    margin: auto;
}
.drive-intro-spacer {
    height: 20px;
    width: 100%;
}
.drive-intro, .monetize-intro {
    font-weight: 600;
    color: #fff;
    padding: 0px;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 63pt;
    letter-spacing: -1px;
    line-height: 1.2em;
}
.drive-intro-med {
    font-weight: 600;
    color: #fff;
    padding: 10px 0px;
    font-family: futura-pt, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 48pt;
    letter-spacing: -1px;
    line-height: 0.8em;
}
.drive-intro-small, .monetize-intro-small {
    font-weight: 800;
    color: #fff;
    padding: 0px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 32pt;
    line-height: 1em;
}
.drive-intro-xsmall {
    font-weight: 600;
    color: #fff;
    padding: 0px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 24pt;
    line-height: 0.8em;
}
.drive-intro-cont {
    padding: 30px 0px 0px 0px;
    overflow: hidden;
}
.drive-btn-cont {
    padding: 50px 0px 25px 0px;
}
.drive-btn {
    font-size: 14pt;
    font-weight: bold;
    width: 260px;
    height: 75px;
}
.drive-assets-cont {
    max-height: 365px;
    height: 29vw;
    max-width: 1250px;
    margin: auto;
    overflow: hidden;
}
.drive_assets_img {
    width: 100%;
    z-index: -1;
}
.drive-success-cont {
    text-align: center;
    padding: 30px 0px 30px 0px;
    background-color: #373737;
}
.drive_brand_img_cont {
    vertical-align: bottom;
    text-align: center;
    padding: 30px 20px;

}
.drive_brand_widget_cont {
    display: block;
    vertical-align: bottom;
    text-align: center;
    padding: 30px 20px;
}
.drive_brand_imac_cont {
    display: none;
    vertical-align: bottom;
    text-align: center;
    padding: 30px 0px;
}
.drive_brand_img {
    padding: 0px 10px;
}
.monetize_brand_img_cont {
    vertical-align: bottom;
    text-align: center;
    padding: 30px 20px;
    max-width: 1024px;
    margin: auto;
}
.monetize_brand_img {
    padding: 10px;
}
.drive_arrow_img_cont {
    padding: 0px;
}
.drive_arrow_img {
    width: 35px;
}
.drive-discover-img {
    background-image: url('/assets/img/drivetraffic/discover_bg.png');
    background-repeat: no-repeat;
    background-position: left top;

}
.monetize-flexible-img {
    background-image: url('/assets/img/monetize/flexible_bg.png');
    background-repeat: no-repeat;
    background-position: left top;

}
.drive-discover {
    max-width: 1280px;
    background-color: #fff;
    margin: auto;
}
.drive-discover-content {
    text-align: center;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}
.drive-discover-cont {
    padding: 20px 0 10px 0px;
}
.monetize-flexible-cont {
    padding: 20px 0 10px 0px;
    max-width: 1200px;
    margin: auto;
}
.drive-discover-med {
    font-weight: 900;
    padding: 0px;
    font-family: OpenSans-ExtraBold, Helvetica, Arial, sans-serif;
    font-size: 42pt;
}
.drive-discover-xsmall {
    font-weight: 900;
    padding: 0px;
    padding-top: 30px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 22pt;
}
.drive-enter-xsmall {
    font-weight: 600;
    padding: 0px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 20pt;
}
.drive-discover-med-green {
    color: #0D8F62;
}
.drive_discover_brand_img {
    padding: 10px 10px;
}
.drive-demo-cont {
    display: block;
    padding: 20px 0 10px 0px;
}
.drive-demo-input {
    text-align: left;
    width: 658px;
    padding: 20px 0 20px 0px;
    margin: auto;
}
.drive-url-error {
    display: none;
    color: #a94442;
}
.drive-input {
    width: 425px;
    height: 55px;
    font-size: 14pt;
    border: 1px solid #373737;
    padding-left: 10px
}
.drive-demo-btn {
    font-size: 16pt;
    font-weight: bold;
    width: 215px;
    height: 55px;
    margin: 0px 0px 8px 10px;
}
.drive-targeting-content {
    text-align: center;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}
.drive-targeting-hr {
    width: 60%;
    padding-bottom: 20px;
}
.drive-targeting-cont {
    padding: 20px 0px 30px 0px;
}
.drive-right-img {
    background-color: #1a0f0c;
    background-image: url('/assets/img/drivetraffic/right_bg.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}
.drive-right-cont {
    padding: 35px 0 10px 0px;
}
.drive-right-med {
    font-weight: 900;
    color: #fff;
    padding: 10px 0px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 34pt;
}
.drive-right, .monetize-right {
    max-width: 1280px;
    margin: auto;
    padding: 20px 20px 30px 20px;
}
.drive-right-btn-cont {
    padding: 20px;
}
.drive-widget-table {
    display: table;
    width: 100%;
}
.drive-widget-row {
    display: table-row;
}
.drive-widget-cell {
    display: table-cell;
}
.drive-widget-inner-table {
    display: table;
    width: 759px;
    margin: auto;
}
.drive-widget-left-imac-cell {
    display: table-cell;
    text-align: right;
}
.drive-widget-left-imac-img {
    width: 41px;
    height: 200px;
}
.drive-widget-inner-middle-cell {
    display: table-cell;
    width: 683px;
}
.drive-widget-inner-middle-table {
    display: table;
    width: 683px;
    margin: auto;
}
.drive-widget-left-content {
    display: table-cell;
    width: 499px;
    padding: 7px 29px 0px 0px;
}
.drive-widget-right-content {
    display: table-cell;
    vertical-align: top;
    width: 184px;
    padding: 0px 0px 0px 28px;
}
.drive-widget-ads-by {
    width: 142px;
    height: 22px;
    text-align: left;
    padding: 0px;
}
.drive-widget-image-cell {
    display: table-cell;
    width: 142px;
    height: 117px;
    color: #fff;
    font-size: 12pt;
    font-weight: bold;
    background-color: #00ce35;
    vertical-align: middle;
}
#drive-widget-img-cont {
    display: none;
}
#drive-widget-img {
    width: 142px;
    height: 117px;
}
.drive-widget-headline-cell {
    width: 142px;
    height: 56px;
    text-align: left;
    padding-top: 3px;
    font-size: 8pt;
    font-weight: bold;
    line-height: 8pt;
}
.drive-widget-provider {
    font-size: 6pt;
    color: #888;
}
.drive-widget-right-imac-cell {
    display: table-cell;
    text-align: left;
}
.drive-widget-right-imac-img {
    width: 35px;
    height: 200px;
}
.monetize-table {
    display: table;
    width: 100%;
}
.monetize-row {
/*    display: table-row; */
}
.monetize-cell {
    display: table-cell;
}
.monetize-lt-img {
    min-width: 680px;
}
.monetize-lt-left-col {
    text-align: right;
    vertical-align: top;
    width: 30%;
}
.monetize-lt-right-col {
    text-align: left;
    vertical-align: top;
    width: 30%;
}
.monetize-interest-cont {
    height: 130px;
    text-align: left;
}
.monetize-geo-cont {
    margin-left: -90px;
    height: 130px;
}
.monetize-interest-img-cont {
    display: inline-block;
    padding: 0px 20px;
}
.monetize-flex-desktop {
    display: table;
}
.monetize-flex-mobile {
    display: none;
}
.monetize-tech {
    font-weight: 900;
    padding: 0px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14pt;
}
.monetize-interest-label {
    display: inline-block;
}
.monetize-tech-img {
    height: 53px;
}

.drive_brand_img_cont {
    width: 100%;
    overflow: visible;
}
.monetize-row {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}
.monetize-tag-cont {
    width: 50%;
    min-width: 300px;
    float: left;
    overflow: visible;
    height: auto;
}
.monetize-tag {
    float: left;
    width: 300px;
    text-align: left;
    padding: 0px;
    font-weight: 900;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;

    height: 16vh; /* 130px; */
    max-height: 130px;
    font-size: 14pt;
}
.monetize-tech-img {
    margin-right: 10px;
    max-width: 44px;
    max-height: 53px;
}

.monetize-liftable-img {
    background-image: url('/assets/img/monetize/liftable_bg.png');
    background-repeat: no-repeat;
    background-position: right top;

}
.monetize-liftable-cont {
    padding: 20px 0 10px 0px;
    max-width: 1100px;
    margin: auto;
}
.monetize-liftable-video-cont {
    padding: 60px 0;
    max-width: 1150px;
    margin: auto;
}
.monetize-video-frame {
    width: 640px;
    height: 360px;
}
.monetize-liftable-med {
    font-weight: 900;
    color: #373737;
    padding: 10px 0px;
    font-family: OpenSans-Extrabold, Helvetica, Arial, sans-serif;
    font-size: 36pt;
    line-height: 1.2em;
}
.monetize-empower-img {
    max-width: 192px;
}
.monetize-empower-bg-img {
    background-image: url('/assets/img/monetize/empower_bg.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}
.monetize-empower-graph-img {
    background-image: url('/assets/img/monetize/empower_graph.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    display: table;
    max-width: 1200px;
    width: 100vw;
    margin: auto;
    height: 557px;
}
.monetize-households {
    display: table-cell;
    vertical-align: top;
    padding-top: 240px;
}
.monetize-3x {
    display: table-cell;
    vertical-align: top;
    padding-top: 180px;
}
.monetize-rpms {
    display: table-cell;
    vertical-align: top;
    padding-top: 130px;
}
.monetize-better-cont {
    background-color: #373737;
    padding: 20px 0px;
}
.monetize-better-text {
    max-width: 725px;
    margin: auto;
}

@media (max-width: 1024px) {
    .alexa-introimg {
        background-position: top;
        background-size: 125%;
    }
    .alexa-intro-spacer {
        height: 52vw;
    }
    .alexa-introducing {
        font-size: 6vw;
    }
    .alexa-revcontent {
        font-size: 10vw;
        letter-spacing: -1px;
        display: block;
    }
    .alexa-rev-skill-cont {
        padding-bottom: 25px;
    }
    .alexa-skill {
        font-size: 10vw;
        letter-spacing: -1px;
        display: block;
        line-height: normal;
    }
    .alexa-easy {
        font-size: 6vw;
    }
    .alexa-easy-cont {
        margin: 0 -100px 0 -115px;
    }
    .alexa-spark-left {
        min-width: 200px;
    }
    .alexa-spark-right {
        min-width: 200px;
    }
    .alexa-slopeimg {
        height: 10vw;
    }
    .alexa-topimgdiv {
        display: none;
    }
    .alexa-topmimgdiv {
        display: block;
    }
    .alexa-topmimg {
        margin-top: 50px;
        margin-bottom: -25vw;
        width: 75vw;
    }
    .alexa-whatimg {
        background-image: url('/assets/img/alexa/whatm.png');
        width: 100%;
        margin-top: -125px;
    }
    .alexa-what-spacer {
        height: 150px;
    }
    .alexa-what-can-cont {
        float: none;
        width: 100%;
    }
    .alexa-what-can {
        text-align: center;
        font-size: 7vw;
        padding: 0 0 5px;
    }
    .alexa-tell-cont {
        text-align: center;
        letter-spacing: -1px;
        font-size: 10vw;
        line-height: 1em;
    }
    .alexa, .alexa-tell-me {
        display: block;
    }
    .alexa-rpm-spend {
        text-align: center;
        margin: auto;
        padding: 50px 0px 50px 0px;
        max-width: 750px;
    }
    .alexa-new-commands, .alexa-always {
        font-size: 8vw;
        text-align: center;
    }
    .alexa-hey-alexa-div {
        margin: 0 -0px 0 -100px;
    }
    .alexa-hey-alexa-img {
        height: 40vw;
    }
    .alexa-setup-back-img {
        margin-top: 35px;
    }
    .alexa-how-do {
        text-align: center;
        font-size: 7vw;
        padding: 0 0 5px;
    }
    .alexa-rev-account-cont {
        font-size: 10vw;
        letter-spacing: -1px;
    }
    .alexa-account {
        line-height: 1em;
    }
    .alexa-download-cont {
        padding: 5vw 10vw;
    }
    .alexa-download-img {
        width: 15vw;
    }
    .alexa-download-imgm {
        width: 25vw;
    }
    .alexa-download-text {
        font-size: 4vw;
    }
    .alexa-step-cont {
        padding: 10px 10vw;
    }
    .alexa-step-text-cont {
        padding-bottom: 0;
    }
    .alexa-step-text {
        font-size: 4vw;
    }
    .alexa-step-description {
        font-size: 3.5vw;
        letter-spacing: -1px;
    }
    .alexa-all-set-div {
        display: none;
    }
    .alexa-all-setm-div {
        display: block;
        padding: 0px;
        margin-top: -200px;
    }

    .drive-introimg, .monetize-introimg {
        background-position: center top;
        background-size: 187%;
    }
    .drive-intro {
        font-size: 8.3vw;
        letter-spacing: -1px;
        line-height: 8vw;
    }
    .monetize-intro {
        font-size: 8.4vw;
    }
    .drive-intro-med {
        font-size: 6.3vw;
        letter-spacing: -1px;
        line-height: 6.5vw;
    }
    .drive-btn-cont {
        padding: 4vw 0px 1vw 0px;
    }
    .drive-btn {
        font-size: 2vw;
        width: 28vw;
        height: 7.5vw;
    }
    .monetize-intro-small {
        font-size: 6vw;
    }
    .drive-intro-xsmall {
        font-size: 4vw;
        line-height: 0.8em;
    }
    .drive-success-cont {
        padding: 20px 0px;
    }
    .drive_brand_widget_cont {
        display: none;
    }
    .drive_brand_imac_cont {
        display: block;
    }
    .drive_brand_img_cont {
        padding: 15px 15px;
    }
    .drive_brand_img {
        height: 9vw;
    }
    .monetize_brand_img {
        height: 11vw;
    }
    .drive_arrow_img_cont {
        font-size: 0px;
    }
    .drive_arrow_img {
        width: 4vw;
        min-width: 20px;
    }
    .drive-discover-cont {
        width: 75vw;
        margin: auto;
    }
    .drive-discover-med {
        font-size: 5.3vw;
    }
    .drive-discover-xsmall {
        font-size: 3.5vw;
    }
    .drive_discover_brand_img {
        min-height: 26px;
        height: 5vw;
        padding: 5px 10px;
    }
    .drive-demo-cont {
        display: none;
    }
    .drive_traffic_img {
        width: 90vw;
    }
    .drive-right-img {
        background-position: center bottom;
        background-size: 200vw;
    }
    .drive-right-med {
        font-size: 4.7vw;
    }
    .drive-right-cont {
        padding: 0px 0 10px 0px;
        width: 60vw;
        margin: auto;
    }
    .drive-targeting-cont {
        padding: 15px 0px 20px 0px;
    }
    .monetize-right {
        padding: 20px 0px;
    }
    .monetize-flex-desktop {
        display: none;
    }
    .monetize-flex-mobile {
        display: table;
    }
    .monetize-interest-cont {
        text-align: left;
        margin: auto;
        height: 12vw;
        width: 67%;
    }
    .monetize-tech {
        font-size: 4vw;
    }
    .monetize-tag {
        font-size: 4vw;
        height: 12vw;
        width: 80%;
    }
    .monetize-tech-img {
        height: 10vw;
    }
    .monetize-liftable-cont {
        width: 90%;
    }
    .monetize-liftable-med {
        font-size: 6.5vw;
    }
    .monetize-video-frame {
        width: 64vw;
        height: 36vw;
    }
    .monetize-empower-bg-img {
        background-position: center bottom;
        background-size: 100%;
    }
    .monetize-empower-graph-img {
        background-size: 100%;
        height: 48vw;
    }
    .monetize-interest-img-cont {
        padding: 10px;
        width: 100px;
    }
    .monetize-empower-img {
        width: 20vw;
    }
    .monetize-households {
        padding-top: 18vw;
    }
    .monetize-3x {
        padding-top: 12vw;
    }
    .monetize-rpms {
        padding-top: 5vw;
    }
    .monetize-better-text {
        max-width: 75vw;
    }

}


@media (min-width: 993px) and (max-width: 1200px) {
    header.navbar .navbar-main #site-widgets-main > span > span {
        display: none;
    }
    header.navbar .navbar-main #campaign-boosts-main > span > span {
        display: none;
    }
}

@media (min-width: 1210px) and (max-width: 1400px){
    header.navbar .navbar-main {
        position: absolute;
        left: 42%;
        margin-left: -16.5vw;
    }
}

@media  (min-width: 1200px) and (max-width: 1599px){
    header.navbar .navbar-main {
        position: absolute;
        left: 47%;
        margin-left: -16.5vw;
    }
}

@media (min-width: 1920px) {
    header.navbar .navbar-main {
        position: absolute;
        left: 50%;
        margin-left: -16.5vw;
    }
}

@media (min-width: 2064px) {
    header.navbar .navbar-main {
        position: absolute;
        left: 52%;
        margin-left: -16.5vw;
    }
}

@media (min-width: 2200px){
    .container {
        width: 66%;
        margin: 0 auto;
    }
}
/* Author: Louis Holladay
 * Website: AdminDesigns.com
 * Last Updated: 01/01/14

 * This file is reserved for changes done on
 * a per-page basis. To create independent
 * page layouts an additional class was added
 * to the pages body. For example login.html
 * has an extra body class of ".login-page"

 * List of pages in this stylesheet(in order):
   * Minimal Background Change
   * 404.html and 500.html
   * screenlock.html
   * login.html
   * profile.html
   * invoice-page.html
   * gallery.html and dynamic-gallery.html
   * validation.html
   * upload-tools.html
   * index.html
   * sketchpad.html
   * messages.html
   * timeline.html
 *

 * Pages not listed here were made using 100%
 * reusable styles placed in theme.css

--------------------------------------------*/



/* ----------------------------------------
   "MINIMAL" PAGES
   Pages classified as "minimal" are those
   which do not have sidebar or header.
   This simply adjusts the background.
-----------------------------------------*/
body.minimal {
    background: #f4f4f4;
}

/* ------------------------
   404.HTML, 500.HTML
--------------------------*/
/* Error search bar */
body.error-page #search-widget {
    background: #f1f1f1;
}
/* Error text */
body.error-page .error-icon {
    color: #ee4e3c;
    font-size: 80px;
    position: relative;
    top: -10px;
}
body.error-page .error-text {
    font-size: 120px;
    text-align: center;
    text-shadow: 0 2px #FFF;
    color: #888;
    width: 100%;
}

/* ------------------------
   COMING-SOON.HTML
--------------------------*/
body.coming-soon-page {
    background: #f6f6f6;
}
body.coming-soon-page #main {
    background:url(../../img/patterns/coming-soon-bg.jpg) no-repeat center -60px;
}
body.coming-soon-page #page-logo {
    width: 250px;
    margin: 50px auto 80px
}
body.coming-soon-page .cntSeparator {
    margin: 27px 18px;
}
body.coming-soon-page .panel {
    width: 600px;
    margin: 0 auto;
    position: relative;
}
body.coming-soon-page .panel-title {
    font-size: 17px;
    float: none;
}
body.coming-soon-page .panel-body {
    padding: 40px 26px;
}

/* ------------------------
   SCREENLOCK.HTML
--------------------------*/
body.screenlock-page {
    background: url(../../img/patterns/1.png) repeat top left #f6f6f6;
}
body.screenlock-page #page-logo {
    width: 250px;
    margin: 50px auto 80px
}
body.screenlock-page .panel {
    width: 500px;
    margin: 0 auto;
    position: relative;
}
body.screenlock-page .login-info {
    margin: 20px 0;
    font-size: 13px;
}
body.screenlock-page .login-info .login-name b {
    font-size: 14px;
}
body.screenlock-page .login-info .login-email {
    padding-top: 8px;
    font-size: 12px;
    color: #AAA;
}
body.screenlock-page .login-avatar {
    padding: 6px 20px 25px 10px;
    margin-right: 20px;
    border-right: 1px dashed #DDD;
    float: left;
}
body.screenlock-page .login-avatar img {
    display: block;
    margin: 0 auto;
    padding: 5px;
    border: 2px solid #DDD;
}
body.screenlock-page .login-alert {
    padding-top: 15px;
    margin: 5px 0;
    border-top: 1px dashed #DDD;
    clear: both;
}
body.screenlock-page .login-alert .alert{
    font-size: 13px;
    padding: 7px 13px;
    margin-bottom: 0;
}

/* ------------------------
   LOGIN.HTML
--------------------------*/
body.auth-page {
    /*background: url(../../img/patterns/1.png) repeat top left #f6f6f6;*/
    background: #fff;
}
body.auth-page #page-logo {
    margin: 20px auto 30px;
    text-align: center;
    font-size: 31px;
    font-family: 'Raleway',sans-serif;
    background: transparent url(/assets/img/logo-sprite-m.png) no-repeat bottom center;
    display: block;
    width: 160px;
    height: 45px;
    background-size: cover;
}
body.auth-page #page-logo a {
    font-family: 'Raleway',sans-serif;
}
body.auth-page #page-logo a:hover {
    text-decoration: none;
}
body.auth-page .panel {
    background: transparent;
}
.avatar-container {
    width:115px;
    height:115px;
    position:relative;
}
.refresh-avatar {
    position:absolute;
    bottom:0;
    left:0;
    display: none;
}
.avatar-container:hover .refresh-avatar {
    display: block;
}
body.join-page .panel {
    width: 600px;
}
body.auth-page .auth-avatar {
    margin: 15px 20px 25px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #DDD;
}
body.auth-page .auth-avatar img {
    display: block;
    margin: 0 auto;
    padding: 5px;
    border: 2px solid #DDD;
}
body.auth-page .auth-alert {
    font-size: 13px;
    padding: 9px 13px;
}

.join-or {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.join-or div {
    background: #eee;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    border: 1px solid #ccc;
    margin: 15px auto;
}

/* ------------------------
   PROFILE.HTML
--------------------------*/
/* User widget info */
body.profile-page ul.profile-info {
    margin-top: 10px;
    margin-bottom: 20px;
}
body.profile-page ul.profile-info li {
    color: #999;
    font-size: 13px;
}
body.profile-page ul.profile-info li i.fa {
    padding-right: 12px;
}
/* User widget */
body.profile-page .profile-data {
    font-size: 13px;
    padding-top: 7px;
}
body.profile-page .profile-data .profile-name b {
    font-size: 14px;
}
body.profile-page .profile-data .profile-email {
    padding-top: 8px;
    font-size: 12px;
    color: #AAA;
}
body.profile-page #profile-avatar {
    border-right: 1px dashed #DDD;
}
body.profile-page #profile-avatar img {
    display: block;
    margin: 0 auto;
    padding: 5px;
    border: 2px solid #DDD;
    max-height: 140px;
}
/* User widget footer buttons */
body.profile-page .profile-panel .panel-footer {
    padding: 20px 16px 16px;
    text-align: center;
    border-color: #CCC;
}

/* ------------------------
   INVOICE.HTML
--------------------------*/
/* Invoice title */
body.invoice-page #invoice-title {
    margin-bottom: 60px;
}
/* invoice logo */
body.invoice-page #invoice-title .invoice-logo {
    width: 180px;
    margin: 13px auto;
}
/* Invoice info boxes */
body.invoice-page #invoice-info {
    border-bottom: 1px dashed #DDD;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
body.invoice-page #invoice-info ul  {
    margin-bottom: 5px;
}
body.invoice-page #invoice-info ul li {
    margin-bottom: 0px;
}
/* Invoice table */
body.invoice-page .table-condensed tbody tr td:last-child {
    text-align: right;
    padding-right: 15px;
}
/* Summary table */
body.invoice-page #invoice-summary {
    margin: 0;
}
/* Summary table header */
body.invoice-page #invoice-summary thead th:first-child {
    text-align: right;
    width: 200px;
    padding-right: 55px;
}
body.invoice-page #invoice-summary thead th:last-child {
    width: 50px;
    font-weight: 400;
}
/* Summary table rows */
body.invoice-page #invoice-summary tbody tr td {
    border-top: 0;
}
body.invoice-page #invoice-summary tbody tr td:first-child {
    text-align: right;
    width: 200px;
    padding-right: 55px;
}
/* Summary table last row */
body.invoice-page #invoice-summary tbody tr:last-child td {
    background: #f8f8f8;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    height: 35px;
    line-height: 35px;
}
/* Bottom of page invoice buttons */
body.invoice-page .invoice-buttons {
    position: absolute;
    left: 15px;
    bottom: 10px;
}
/* Panel sidemenu overrides */
body.invoice-page .panel-sidemenu {
    width: 18%;
}
body.invoice-page .panel-sidemenu + .panel-body {
    width: 75%;
    margin: 40px 3.5% 60px;
}
@media (max-width: 1000px) {
    body.invoice-page .panel-sidemenu {
        display: none;
    }
    body.invoice-page .panel-sidemenu + .panel-body {
        width: 93%;
        margin: 40px 3.5% 100px;
    }
}

/* ------------------------
   GALLERY.HTML
--------------------------*/
body.gallery-page .panel-menu .tab-content {
    padding: 0;
    border: 0;
    min-height: 0;
    background: transparent;
}

/* ------------------------
   DYNAMIC-GALLERY.HTML
--------------------------*/
body.dynamic-gallery-page .fade.in {
    opacity: 1 !important;
}
/* Additional Classes applied to Jquery FileUploader
 * to enable sorting and filtering on images */
body.dynamic-gallery-page .mixitups {
    overflow: auto;
    display: block;
    position: relative;
}
body.dynamic-gallery-page #Grid {
    font-size: 0;
    text-align: left;
}
/* Image Preview After Upload */
body.dynamic-gallery-page #Grid li.template-download,
body.dynamic-gallery-page #Grid li.template-upload {
    display: inline-block;
    position: relative;
    width: 18%;
    margin: 0 1%;
    height: 160px;
    padding: 0;
    max-height: 160px;
    overflow: hidden;
    margin-bottom: 25px;
}
body.dynamic-gallery-page #Grid li.template-download a,
body.dynamic-gallery-page #Grid li.template-upload a {
    display: block;
}
body.dynamic-gallery-page #Grid li.template-download a img,
body.dynamic-gallery-page #Grid li.template-upload a img {
    display: block;
    max-width: 100%;
    border: 1px solid #CCC;
}
body.dynamic-gallery-page #Grid li.template-download .image-buttons {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background: rgba(0,0,0, 0.55);
}
body.dynamic-gallery-page #Grid li.template-download:hover .image-buttons {
    display: block;
}
/* Image Preview Before Upload */
body.dynamic-gallery-page #Grid li.template-upload .upload-preview {
    border-top: 2px solid #CCC;
}
body.dynamic-gallery-page #Grid li.template-upload canvas {
    max-width: 100%;
}
body.dynamic-gallery-page #Grid li.template-upload .preview-progress {
    width: 100%;
}
body.dynamic-gallery-page #Grid li.template-upload .preview-progress p.size {
    position: absolute;
    left: 0;
    font-weight: 600;
    width: 100%;
    text-align: center;
}
body.dynamic-gallery-page #Grid li.template-upload .preview-progress .progress {
    height: 21px;
    margin: 0;
}
body.dynamic-gallery-page #Grid li.template-upload .preview-buttons {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background: rgba(0,0,0, 0.55);
}
/* jQuery UI placeholder */
body.dynamic-gallery-page #Grid .placeholder{
    position: relative;
    display: inline-block;
    font-size: 0;
    width: 18%;
    height: 160px;
    padding: 0;
    margin: 0 1%;
    margin-bottom: 25px;
    overflow: hidden;
    background: #DDD;
}

/* ------------------------
   VALIDATION.HTML
--------------------------*/
body.validation-page label.error {
    font-weight: 600;
    color: #428BCA ;
    font-size: 12px;
    margin: 6px 0 0 2px;
}

/* ------------------------
   UPLOAD-TOOLS.HTML
--------------------------*/
body.upload-tools-page #fileupload .progress {
    margin-bottom: 0;
    width: 100%;
    min-width: 75px;
}
body.upload-tools-page #fileupload table td {
    vertical-align: middle;
}
/* Keeps preview image from becoming to large */
body.upload-tools-page #fileupload table td .preview canvas {
    max-height: 60px;
}
/* Aligns action buttons to right */
body.upload-tools-page #fileupload table td:last-child {
    text-align: right;
}

/* ------------------------
   INDEX.HTML
--------------------------*/
.console-btn {
    padding: 10px 10px 10px 15px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    border-radius: 3px;
    text-shadow: 0 1px #fff;
    border: 1px solid #d2d2d2;
    background-color: rgba(248, 248, 248, 0.9);
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f1f1f1 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.console-btn:hover {
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.45), rgba(241, 241, 241, 0.45));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.45), rgba(241, 241, 241, 0.45));
}
.console-btn:hover .console-icon { color: #428BCA  }
.console-btn .console-icon {
    height: 40px;
    display: inline-block;
    vertical-align: top;
    font-size: 30px;
}
.console-btn .console-text {
    display: inline-block;
    padding-top: 3px;
}
.console-btn .console-title {
    font-size: 17px;
    line-height: 20px;
    font-weight: 500;
    color: #555;
}
.console-btn .console-subtitle {
    font-size: 12px;
    color: #888;
}
.console-filter {
    float: right;
    width: 82%;
    padding-top: 4px;
    margin-right: 5%;
}
/* Dividers for console icons - Options: Left, right, Bottom */
.console-btn .console-icon.divider-right {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #DDD;
    position: relative;
}
.console-btn .console-icon.divider-right:after {
    content: "";
    margin-right: -2px;
    border-right: 1px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
}
.console-btn .console-icon.divider-left {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #DDD;
}
.console-btn .console-icon.divider-bottom {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDD;
}
/* Console Button Alt Style - Block Icon, best used without divider */
.console-btn.console-block .console-icon {
    display: block;
    height: auto;
}
.console-btn.console-block .console-text {
    display: block;
    padding: 0;
}
/* Console Button Alt Style - No BG */
.console-btn.console-alt {
    border: 0;
    background: none;
    box-shadow: none;
    padding: 5px 8px;
}
.console-btn.console-alt .console-icon { font-size: 20px }
.console-btn.console-alt .console-text { padding: 0 }
.console-btn.console-alt .console-title { font-size: 14px }
.console-btn.console-alt .console-badge .badge {
    position: absolute;
    top: -5px;
    right: 20px;
    text-shadow: none;
}

/* CHART ICONS */
.chart-btn {
    padding-top: 8px;
}
.chart-btn .chart-icon {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 40px;
    margin-bottom: 10px;
}
.chart-btn .chart-text {
    display: inline-block;
    vertical-align: top;
}
.chart-btn .chart-title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    color: #555;
}
.chart-btn .chart-subtitle {
    font-size: 15px;
    color: #888;
    text-align: left;
}

/* -----------------------
   SKETCHPAD.HTML
--------------------------*/
body.sketchpad-page .wPaint-menu-holder {
    box-shadow: 1px 1px 2px rgba(0,0,0, 0.45);
}
body.sketchpad-page .chat-panel .media-img img {
    max-width: 50px;
    margin-right: 6px;
}
body.sketchpad-page .chat-panel .media-content {
    padding: 6px 12px;
}
body.sketchpad-page .chat-panel .media-timestamp {
    margin-bottom: 5px;
}

/* -----------------------
   MESSAGES.HTML
--------------------------*/
body.messages-page .panel-menu {
    padding: 10px 20px;
}
body.messages-page .panel-menu button {
    margin-right: 8px;}
body.messages-page .panel-menu button:last-child {
    margin-right: 0px;
}
body.messages-page .messenger-header-actions .search-bar {
  max-width: 150px;
  position: relative;
  top: 2px;
  margin-right: 4px;
}

body.messages-page .email-menu .table tbody > tr > td {
    padding: 10px 8px;
    border-top: 1px dashed #c9c9c9;
    vertical-align: middle;
}
body.messages-page .email-menu .table tbody > tr:first-child > td { border-top: 0 }
body.messages-page .email-menu .table-striped > tbody > tr:nth-child(even) > td { background: #f8f8f8 }
body.messages-page .email-menu .table-striped > tbody > tr:nth-child(odd) > td { background: #FFF }
body.messages-page .email-menu-avatar { width: 15% }
body.messages-page .email-menu-avatar img {
    min-width: 50px;
    max-width: 50px;
}
body.messages-page .email-menu-message {
    color: #555;
    font-size: 13px;
    line-height: 17px;
}
body.messages-page .email-menu-date {
    font-size: 11px;
    text-align: right;
}
body.messages-page .email-date {
    color: #888;
    font-size: 11px;
}
body.messages-page .email-message {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #c9c9c9;
}
body.messages-page .email-message p { font-size: 15px }
body.messages-page .email-avatar {
    max-width: 70px;
    margin-top: 12px;
    margin-right: 20px;
    border: 2px solid #CCC;
}

/* ------------------
   TIMELINE.HTML
--------------------*/
body.timeline-page #main {
    min-height: 1400px;
}
#timeline { position: relative }
/* Timeline Spine */
#timeline:after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 8px;
    height: 100%;
    content: "";
    background: #ddd;
    -webkit-box-shadow: 1px 0 1px #AAA inset,-1px 0 1px #f5f5f5 inset;
    box-shadow: 1px 0 1px #AAA inset,-1px 0 1px #f5f5f5 inset;
}
/* Timeline Date Button/Label */
.timeline-divider {
    position: relative;
    margin: 10px 0 45px;
    z-index: 3;
}
.timeline-divider .divider-label {
    min-width: 100px;
    width: 10%;
    margin: 0 auto;
    padding: 5px 5px;
    text-align: center;
    border: 1px solid #CCC;
    border-radius: 4px;
    background: linear-gradient( rgba(255, 255, 255, 1), rgba(241, 241, 241, 1));
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0, 0.2);
    box-shadow: 0 1px 2px rgba(0,0,0, 0.2);
}
/* Timeline Content Panels */
#timeline .panel {
    position: relative;
    cursor: move;
    z-index: 11;
    overflow: visible;
}
/* Timeline Spine Circle */
#timeline > .row .panel:before {
    position: absolute;
    top: 16px;
    right: -64px;
    width: 26px;
    height: 26px;
    content: "";
    z-index: 3;
    border-radius: 50%;
    background: #d2d2d2;
    -webkit-box-shadow: 1px 0 1px #999 inset,-1px 0 1px #ffffff inset;
    box-shadow: 1px 0 1px #999 inset,-1px 0 1px #ffffff inset;
}
#timeline > .row .panel:after {
    position: absolute;
    top: 22px;
    right: -57px;
    width: 14px;
    height: 14px;
    content: "";
    z-index: 4;
    border-radius: 50%;
    background: linear-gradient( rgba(255, 255, 255, 1), rgba(241, 241, 241, 1));
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.2);
    box-shadow: 0 1px 1px rgba(0,0,0, 0.2);
}
#timeline > .row > .right-column .panel:before {
    top: 14px;
    left: -57px;
}
#timeline > .row > .right-column .panel:after {
    top: 20px;
    left: -52px;
}
#timeline > .row > .right-column .panel .panel-heading:before { left: -23px }
#timeline > .row > .right-column .panel .panel-heading:after { left: -19px }
#timeline > .row > .left-column .panel.dragging:before,
#timeline > .row > .left-column .panel.dragging:after,
#timeline > .row > .right-column .panel.dragging:before,
#timeline > .row > .right-column .panel.dragging:after { display: none }
/* Timeline Panel Positioning */
#timeline > .row > .left-column .panel { margin-right: 32px }
#timeline > .row > .right-column .panel { margin-left: 32px }
#timeline > .row > .right-column { margin-top: 60px }
#timeline .ui-sortable-disabled .panel { cursor: auto }
/* Timeline Responsive Styles */
@media (max-width: 770px) {
    #timeline > .row > .left-column .panel { margin-right: 0 }
    #timeline > .row > .right-column .panel { margin-left: 0 }
    #timeline > .row .panel:before { display: none }
    #timeline > .row .panel:after { display: none }
}
#timeline .tab-content {
    min-height: 0;
}
/* form creation styles */
#timeline .map {
    width: 100%;
    height: 300px;
    border: 1px solid #AAA;
}
#timeline-image-form .fileupload-preview { text-align: center }
#timeline-image-form .fileupload-preview img { max-height: 200px }

#timeline div.checker input {
    vertical-align: top;
}
/* JQuery sortable placeholder */
#timeline .ui-sortable {
    min-height: 150px;
    min-width: 300px;
}
#timeline .ui-sortable-placeholder {
    visibility: visible !important;
    margin-bottom: 35px;
    background: #DDD;

    border: 1px solid #bbb;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px #BBB inset, 1px 1px 0px #fff;
    box-shadow: 0 1px 3px #BBB inset, 1px 1px 0px #fff;
}
#timeline .ui-sortable-placeholder * { visibility: hidden; }
/* Author: Louis Holladay
 * Website: AdminDesigns.com
 * Last Updated: 01/01/14

 * This file contains only small changes needed
 * to alter the appearance of 3rd party Plugins

 * Note: This file contains small changes EXCEPT
 * for the Uniform Plugin(used sitewide). ALL Uniform
 * plugin styles have been placed in this stylesheet
 * as Uniform is used sitewide.

 * List of altered Plugins in this stylesheet:
   * Flot Charts
   * Form Switch
   * Tags Manager
   * Ckeditor
   * Mixitup
   * Colorpicker / Datepicker
   * Dropzone
   * Gmap
   * Chosen
   * Elfinder
   * Form Wizard
   * Datatables
   * Uniform (includes ALL plugin styles)
 *
--------------------------------------------*/

/* ---------------------------------------
   FLOT CHARTS
----------------------------------------*/
/* Shared Flot and Sparkline tooltip */
.jqstooltip, #flotTip {
    color: #fff;
    width: auto !important;
    height: auto !important;
    padding: 2px 6px !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    border: 0 !important;
    border-radius: 3px;
}

/* ---------------------------------------
   FORM SWITCH PLUGIN
----------------------------------------*/
/*.has-switch {
    border-radius: 0;
    border-color: #c9c9c9;
}
.has-switch span.switch-left, .has-switch span.switch-right {
    border: 2px solid #FFF;
    border-radius: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}
.has-switch label {
    width: 32%;
    margin-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    background: url(../vendor/plugins/uniform/themes/default/images/grip.png) center center no-repeat, -webkit-linear-gradient(top,  #fcfcfc 0%,#dddddd 100%);
    background: url(../vendor/plugins/uniform/themes/default/images/grip.png) center center no-repeat, linear-gradient(to bottom,  #fcfcfc 0%,#dddddd 100%);
}*/

/* ---------------------------------------
   TAGS MANAGER PLUGIN - forms.html
----------------------------------------*/
.tm-tag { margin-right: 8px }
.tag-container { margin-top: 15px }

/* ---------------------------------------
   CKEDITOR PLUGIN
----------------------------------------*/
/* fixes Bootstrap style confliction */
.cke_toolbar_break {
    clear: none;
    display: block;
}

/* ---------------------------------------
   MIXITUP PLUGIN
----------------------------------------*/
#Grid {
    position: relative;
    padding-left: 0;
    margin: 0;
    font-size: 0.1px;
    text-align: justify;
    overflow: hidden;
}
#Grid:after {
    display: inline-block;
    width: 100%;
    content: '';
}
#Grid .mix {
    position: relative;
    display: none;
    width: 19%;
    margin-bottom: 20px;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}
#Grid li a { display: block }
#Grid li a img {
    max-width: 100%;
    border: 1px solid #DDD;
}
#Grid .gap {
    display: inline-block;
    width: 19%;
}
/* jQuery UI placeholder */
#Grid .placeholder {
    position: relative;
    display: inline-block;
    width: 19%;
    height: 161px;
    vertical-align: top;
    background: #DDD;
}
#Grid .placeholder::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border: 1px solid #BBB;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px #BBB inset, 1px 1px 0 #FFF;
    box-shadow: 0 1px 3px #BBB inset, 1px 1px 0 #FFF;
}

/* ---------------------------------------
   FORMPICKER PLUGINS
----------------------------------------*/
.colorpicker {
    padding: 6px 12px;
    min-width: 0;
}
.datepicker {
    padding: 6px 12px;
}

/* ---------------------------------------
   DROPZONE PLUGIN
----------------------------------------*/
.dropzone {min-height: 405px;}
.dropzone .dz-default.dz-message {
    background-image: none;
    width: 100%;
    height: 100%;
    top: 23%;
    margin-left: 0px;
    margin-top: -23px;
    text-align: center;
    left: 0;
}
.dropzone .dz-default.dz-message span {
    display: inline-block;
    text-align: center;
}
.dropzone .dz-default.dz-message span.main-text {
    font-size: 28px;
    font-weight: 400;
    color: #666;
}
.dropzone .dz-default.dz-message span.main-text b {
    font-size: 40px;
    color: #444;
}
.dropzone .dz-default.dz-message span.sub-text {
    font-size: 20px;
    color: #888;
}
.dropzone .dz-default.dz-message i.fa {
    font-size: 100px;
    display: block;
    color: #428bca;
    margin-bottom: 15px;
}
.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
    cursor: pointer;
}
/* Demonstration Purposes ONLY */
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
    display: none !important;
}

/* ---------------------------------------
   GMAP PLUGIN
----------------------------------------*/
/* Inline Map Pagination Styles */
.map .pagination {
    width: 96%;
    margin: 11px;
    -webkit-box-shadow: 0 2px 4px #999;
    box-shadow: 0 2px 4px #999;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.map .pagination .display {
    display: inline-block;
    width: 84%;
    height: 40px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    text-align: center;
    line-height: 40px;
    text-shadow: 0 1px #FFF;
}
.map .pagination .btn {
    width: 8%;
    height: 40px;
    cursor: pointer;
    border-radius: 0;
    vertical-align: top;
    border: 0;
}
.map .pagination .back-btn {
    float: left;
    border-right: 1px solid #ccc;
    background: url("../vendor/plugins/gmap/images/arrow_left_12x12.png") no-repeat 50% 50%;
}
.map .pagination .fwd-btn {
    float: right;
    border-left: 1px solid #ccc;
    background: url("../vendor/plugins/gmap/images/arrow_right_12x12.png") no-repeat 50% 50%;
}
.map .checker { margin-right: 8px }
/* Map Styling Helper Classes */
.map-shadow {
    -webkit-box-shadow: 0 2px 3px #999;
    box-shadow: 0 2px 3px #999;
}
.map-gradient {
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f0f0f0 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.map-rounded { border-radius: 4px }

/* ---------------------------------------
   CHOSEN PLUGIN
----------------------------------------*/
/* Single Select List */
.chosen-container-single .chosen-single {
    border-color: #c9c9c9;
    box-shadow: none;
    height: 35px;
    line-height: 32px;
}
.chosen-container-single .chosen-drop { padding: 5px }
/* Multi Select List */
.chosen-container-multi .chosen-choices {
    cursor: pointer;
    /*border-radius: 4px;*/
    border-color: #ccc;
    /*font-size: 14px;*/
    /*min-height: 35px;*/
    /*background-repeat: repeat-x;*/
    /*background-clip: padding-box;*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    /*background-image: -webkit-linear-gradient(top, #ffffff 1%,#f0f0f0 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
    background: #fff !important;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 0;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    font: inherit !important;
    /*padding: 6px 12px;*/
}
.chosen-container-multi.chosen-container-active .chosen-choices {
    box-shadow: none;
    background-repeat: repeat-x;
    background-clip: padding-box;
    background-image: -webkit-linear-gradient(top, #eeeeee 1%,#ffffff 100%);
    background-image: linear-gradient(to bottom, #eeeeee 1%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.chosen-container-multi.chosen-container-active .chosen-drop {
    padding: 8px 5px;
    -webkit-box-shadow: 0 0 8px #999;
    box-shadow: 0 0 8px #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
    margin: 6px 0 0px 5px;
}

/* ---------------------------------------
   ELFINDER FILE PLUGIN
----------------------------------------*/
/* fixes a compatability problem with Jquery
 * and Bootstrap CSS libraries */
.elfinder .elfinder-button {
    box-sizing: content-box;
}
/* wrapper */
.ui-widget-content {
    border-color: #BBB;
}
/* header */
.elfinder-toolbar {
    padding: 15px 10px 14px;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f0f0f0 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-bottom: 1px solid #BBB;
}
/* header search */
.elfinder .elfinder-button-search {
    margin: 0px 4px;
}
.elfinder-button-search input {
    border-radius: 4px;
    padding: 4px 20px;
    border-color: #ccc;
    height: 29px;
    width: 202px;
    -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);
}
.elfinder-rtl .elfinder-button-search .ui-icon-search, .elfinder-ltr .elfinder-button-search .ui-icon-close {
    right: 3px;
}

/* side menu */
.elfinder .elfinder-navbar {
    padding: 15px 10px;
    background: #f6f6f6;
}
/* menu list */
.elfinder-navbar .ui-state-active,
.elfinder-disabled .elfinder-navbar .ui-state-active,
.elfinder-ltr .elfinder-navbar-subtree  {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 5px;
    cursor: pointer;
}
/* content */
.elfinder-cwd-wrapper {
    padding-top: 10px;
}
/* footer */
.elfinder .elfinder-statusbar {
    background: #f5f5f5;
    padding: 13px 10px;
    border-top: 1px solid #BBB;
}
/* preview modal */
.elfinder-quicklook {
    padding: 15px;
    border: 1px solid #bbb;
    border-radius: 0;
}
.elfinder-quicklook-titlebar {
    padding: 8px;
    font-size: 13px;
    color: #666;
    height: 35px;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f0f0f0 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-bottom: 1px solid #BBB;
    border-radius: 0;
}
.elfinder-quicklook-title {
    color: #666;
}

/* ---------------------------------------
   FORM WIZARD PLUGIN
----------------------------------------*/
.wizard-wrapper {
    margin-top: 30px;
    margin-bottom: 20px;
    padding-bottom: 40px;
    padding-left: 50px;
    border-bottom: 1px dashed #c9c9c9;
}
ul.wizard-steps {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}
ul.wizard-steps li {
    position: relative;
    display: inline-block;
    width: 32%;
    text-align: center;
}
ul.wizard-steps li a {
    position: relative;
    top: 15px;
    color: #888;
    font-size: 18px;
    font-weight: 600;
    text-shadow: 0 1px #ffffff;
}
ul.wizard-steps li .wizard-icon {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    padding: 5px;
    background: #DDD;
    border-radius: 50%;
    z-index: 11;
    -webkit-box-shadow: 1px 0 1px #AAA inset;
    box-shadow: 1px 0 1px #AAA inset;
}
ul.wizard-steps li .wizard-icon .fa {
    position: relative;
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    background: #fff;
    border: 1px solid #CCC;
    border-radius: 50%;
    line-height: 38px;
    z-index: 11;
    -webkit-box-shadow: 1px 0 0 rgba(0,0,0, .1);
    box-shadow: 1px 0 0 rgba(0,0,0, .1);
}
ul.wizard-steps li:after {
    position: absolute;
    top: 36%;
    left: 50%;
    width: 100%;
    height: 8px;
    background-color: #DDD;
    content: "";
    z-index: 10;
    -webkit-box-shadow: 0 1px 1px #AAA inset, 0 -1px 1px rgba(255,255,255, 0.8) inset;
    box-shadow: 0 1px 1px #AAA inset, 0 -1px 1px #f5f5f5 inset;
}
ul.wizard-steps li:last-child:after {
    display: none;
    content: "";
}
/* Wizard Step States */
ul.wizard-steps li.active .wizard-icon i {
    color: #0094d2;
    transition: all ease-in-out 2s;
}
ul.wizard-steps li.passed .wizard-icon i {
    color: #fff;
    background: #0094d2;
    transition: all ease-in-out 2s;
}
ul.wizard-steps li.passed.active .wizard-icon i {
    background-color: #0094d2;
    color: #fff;
}

/* ----------------------------------------
   DATATABLES PLUGIN
-----------------------------------------*/
/*table.dataTable { font-size: 13px; }*/
/* datatable header */
table.dataTable thead th { border-bottom: 1px solid #DDD }
/* datatable sorted rows */
table.dataTable tr.odd td.sorting_1 { background-color: #f8f8f8 }
table.dataTable tr.even td.sorting_1 { background-color: #FFF }
/* datatable toolbar */
.datatables-toolbar { margin-bottom: 15px }
/* datatable search bar */
.datatables-toolbar .datatable-search {
    background: #f9f9f9;
    color: #999;
    font-weight: 600;
    font-size: 14px;
    outline: none;
    max-height: 35px;
    padding: 7px 8px;
    border-radius: 3px;
    border: 1px solid #CCC;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
}
/* datatable result counter */
.dataTables_info {
    padding-top: 7px;
    color: #999;
}
/* datatable select list */
#table_data_length .chosen-single {
    height: 30px;
    line-height: 27px;
    color: #888;
}
/* datatable footer */
.datatables-footer { margin-top: 10px }
/* datatable pagination */
.datatables-footer .pagination { margin: 0 }
.datatables-footer .pagination { padding-top: 2px }
table.dataTable > thead > tr > th, table.dataTable > tbody > tr > th, table.dataTable > tfoot > tr > th, table.dataTable > thead > tr > td, table.dataTable > tbody > tr > td, table.dataTable > tfoot > tr > td { vertical-align: middle }

/* ----------------------------------------
   JQUERY UNIFORM PLUGIN
-----------------------------------------*/
/* General settings */
div.selector span {
    display: block;
    display: block;
    width: 100%;
    height: 26px;
    padding-right: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    line-height: 26px;
    cursor: pointer;
}
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
    background-image: url("/assets/img/form/sprite.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}
div.uploader span.filename {
    display: block;
    float: left;
    width: 85px;
    height: 24px;
    margin: 2px 0 2px 2px;
    padding: 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;
    line-height: 24px;
}
div.uploader span.filename {
    color: #777;
    border-right: solid 1px #bbbbbb;
    font-size: 11px;
}
div.uploader span.action {
    display: inline;
    float: left;
    width: 82px;
    height: 28px;
    text-align: center;
    background-position: right -409px;
    line-height: 28px;
    overflow: hidden;
    cursor: pointer;
}
div.uploader span.action {
    background-color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-shadow: white 0px 1px 0px;
}
div.selector select {
    font-size: 12px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
div.selector select {
    position: absolute;
    top: 2px;
    left: 0px;
    width: 100%;
    height: 22px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
}
div.uploader input {
    position: absolute;
    float: right;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    cursor: default;
}
div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus { outline: 0 }
div.selector span {
    color: #666;
    text-shadow: 0 1px 0 white;
}
div.button span {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
div.button span {
    display: -moz-inline-box;
    display: inline-block;
    height: 22px;
    margin-left: 13px;
    padding: 8px 15px 0 2px;
    text-align: center;
    *display: inline;
    zoom: 1;
    line-height: 22px;
    background-position: right -521px;
}
/*div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
    margin: 0;
    padding: 0;
}*/
div.button a, div.button button, div.button input {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
}
div.selector, div.checker, div.button, div.radio, div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    /* Keeping this as: focus to remove browser styles */
}
div.checker input {
    display: -moz-inline-box;
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    *display: inline;
    zoom: 1;
}
div.checker, div.checker span, div.checker input {
    width: 19px;
    height: 19px;
}
div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    *display: inline;
    zoom: 1;
    background-position: 0 -260px;
}
div.checker span.checked { background-position: -76px -260px }
div.radio input.uniform {
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    *display: inline;
    zoom: 1;
}
div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    *display: inline;
    zoom: 1;
    background-position: 0 -279px;
}
div.radio span.checked { background-position: -72px -279px }
/*div.radio, div.radio span, div.radio input {
    width: 18px;
    height: 18px;
}*/
.highContrastDetect {
    width: 0px;
    height: 0px;
    background: url("/assets/img/form/bg-input.png") repeat-x 0 0;
}
/* Input & Textarea */
input.uniform-input, select.uniform-multiselect, textarea.uniform {
    padding: 3px;
    background: url("/assets/img/form/bg-input.png") repeat-x 0 0;
    outline: 0;
}
input.uniform-input, input.uniform-input:focus { background-color: #fff }
input.uniform-input.active, select.uniform-multiselect.active, textarea.uniform.active { background: url("/assets/img/form/bg-input-focus.png") repeat-x 0 0 }
/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
/* Select */
div.checker input, input[type="search"], input[type="search"]:active {
    -moz-appearance: none;
    -webkit-appearance: none;
}
div.selector {
    position: relative;
    height: 26px;
    padding: 0 0 0 10px;
    background-position: 0 -130px;
    line-height: 26px;
    overflow: hidden;
}
div.selector.fixedWidth { width: 190px }
div.selector.fixedWidth span { width: 155px }
div.selector.active { background-position: 0 -156px }
div.selector.active span { background-position: right -26px }
div.selector.hover, div.selector.focus { background-position: 0 -182px }
div.selector.hover span, div.selector.focus span { background-position: right -52px }
div.selector.hover.active, div.selector.focus.active { background-position: 0 -208px }
div.selector.hover.active span, div.selector.focus.active span { background-position: right -78px }
div.selector.disabled, div.selector.disabled.active { background-position: 0 -234px }
div.selector.disabled span, div.selector.disabled.active span { background-position: right -104px }
div.selector.disabled span, div.selector.disabled.active span { color: #bbb }
/* Checkbox */
div.checker { position: relative }
div.checker.active span { background-position: -19px -260px }
div.checker.active span.checked { background-position: -95px -260px }
div.checker.hover span, div.checker.focus span { background-position: -38px -260px }
div.checker.hover span.checked, div.checker.focus span.checked { background-position: -114px -260px }
div.checker.hover.active span, div.checker.focus.active span { background-position: -57px -260px }
div.checker.hover.active span.checked, div.checker.focus.active span.checked { background-position: -133px -260px }
div.checker.disabled, div.checker.disabled.active { background-position: -152px -260px }
div.checker.disabled span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px }
/* Radio */
div.radio { position: relative }
div.radio.active span { background-position: -18px -18px -279px }
div.radio.active span.checked { background-position: -90px -279px }
div.radio.hover span, div.radio.focus span { background-position: -36px -36px -279px }
div.radio.hover span.checked, div.radio.focus span.checked { background-position: -108px -279px }
div.radio.hover.active span, div.radio.focus.active span { background-position: -54px -279px }
div.radio.hover.active span.checked, div.radio.focus.active span.checked { background-position: -126px -279px }
div.radio.disabled span, div.radio.disabled.active span { background-position: -144px -279px }
div.radio.disabled span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px }
/* Uploader */
div.uploader {
    position: relative;
    width: 190px;
    height: 28px;
    background-position: 0 -297px;
    cursor: pointer;
    overflow: hidden;
}
div.uploader.active span.action { background-position: right -465px }
div.uploader.hover, div.uploader.focus { background-position: 0 -353px }
div.uploader.hover span.action, div.uploader.focus span.action { background-position: right -437px }
div.uploader.hover.active span.action, div.uploader.focus.active span.action { background-position: right -493px }
div.uploader.disabled, div.uploader.disabled.active { background-position: 0 -325px }
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
    color: #aaa;
    border-color: #ddd;
}
div.uploader.disabled span.action, div.uploader.disabled.active span.action { color: #aaa }
div.uploader.disabled span.action, div.uploader.disabled.active span.action { background-position: right -381px }
/* Buttons */
div.button {
    position: relative;
    height: 30px;
    background-position: 0 -641px;
    cursor: pointer;
    /* Keep buttons barely visible so they can get focus */
}
div.button.active { background-position: 0 -671px }
div.button.active span {
    background-position: right -551px;
    cursor: default;
}
div.button.hover, div.button.focus { background-position: 0 -701px }
div.button.hover span, div.button.focus span { background-position: right -581px }
div.button.hover span, div.button.focus span { color: #555 }
div.button.disabled, div.button.disabled.active { background-position: 0 -731px }
div.button.disabled span, div.button.disabled.active span { color: #bbb }
div.button.disabled span, div.button.disabled.active span {
    background-position: right -611px;
    cursor: default;
}
/* INPUT & TEXTAREA */
input.uniform-input, select.uniform-multiselect, textarea.uniform {
    color: #777;
    border-top: solid 1px #aaaaaa;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    border-left: solid 1px #aaaaaa;
    font-size: 12px;
    font-weight: normal;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.uniform-input.hover, input.uniform-input.focus, select.uniform-multiselect.hover, select.uniform-multiselect.focus, textarea.uniform.hover, textarea.uniform.focus {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    border-color: #999;
}
/* PRESENTATION */
/* Buttons */
/* Select */
div.selector { font-size: 12px }
/* Checker */
div.checker { margin-right: 5px }
/* Radio */
/*div.radio { margin-right: 3px }*/
/* Uploader */
body {
    /*background: #f5f5f5;*/
}

/*#content > .container {
    background: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
    box-shadow: 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 4px;
}*/

h1 small,
h2 small,
h3 small,
h4 small {
    font-size: 100%;
}

.logo{
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
}

.navbar-brand {
    width: auto;
}

#content > .container,
#content > .container-fluid{

}

.header-btns > div > button:focus {
    color: #666;
}

.btn-link:hover {
    color: inherit;
    background-image: none;
}

address {
    min-height:80px;
}

*:focus {
    outline: 0 !important;
}

.nowrap {
    white-space: nowrap;
}

/* helper classes
---------------------------------------*/
.clear {
    clear: both;
}

.center-block, .float-none {
    float: none !important;
}

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

.pointer {
    cursor: pointer;
}

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

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

.width-auto {
    width: auto;
    min-width: 0;
}

.height-auto {
    height: auto;
    min-height: 0;
}

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

.transparent {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

small.help-block {
    margin-top: 5px;
}

.vertical-bottom {
    vertical-align: bottom;
}

.margin-bottom-md {
    margin-bottom: 8px !important;
}

.no-border-bottom{
    border-bottom: none;
}

.overflow-hidden {
  overflow: hidden;
}

.row-narrow {
    margin-left: -8px;
    margin-right: -8px;
}

.col-narrow{
    padding-left: 8px;
    padding-right: 8px;
}

.col-narrow .panel{
    margin-bottom: 16px;
}

.panel-overflow-visible {
    overflow: visible;
}

.panel-overflow-visible .panel-heading {
    overflow: visible;
}

.panel-sharp {
    border-radius: 2px;
}

.panel.active {
    box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
}

.panel-wide .panel-body{
    padding: 0;
}

.panel-flat-bottom {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel-flat-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-heading-lg{
    height: auto;
    padding: 30px;
    padding-top: 15px;
}

.panel-heading-lg-referral-ad-on-interactive_dashboard{
    height: auto;
    padding: 0px 15px 0px 15px;
}

.panel-heading.bg-warning {
    background-color: #fcf8e3;
    background-image: none;
}

.panel-heading .panel-title sup i.fa {
    font-size: 12px;
    padding-right: 0px;
}

.tab-title {
    vertical-align: middle;
    display: table-cell;
}

.sep-slash {
    padding: 0 4px;
    opacity: .7;
}

.margin-offset-column {
    margin-left: 7.5px;
}

.weight-normal {
    font-weight: normal;
}

.weight-bold {
    font-weight: bold;
}

.inline {
    display: inline;
}

.block {
    display: block;
}

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

.well-sm {
    padding: 10px;
}

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

tr td {
    -webkit-transition:background linear .5s;
    transition:background linear .5s;
}

tr.added td {
    background: #dff0d8 !important;
}

tr.removed td {
    background: #f2dede !important;
}

th.pixel-width,
td.pixel-width {
    width: 1px;
}

th.icon,
td.icon {
    width: 1px;
    white-space: nowrap;
}

/* buttons */
.btn-link {
    color: #428BCA;
}
.btn-link:hover {
    color: #428BCA;
}

.btn-link:active,
.btn-link:focus {
    color: #428BCA;
}

.word-break {
    word-break: break-all;
}

/* ancient alert
---------------------------------------*/
.ancient-alert {
    background: #FDF2AB;
    border-bottom: 1px solid #333;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    padding: 10px;
}

/* hide show animations
---------------------------------------*/
.animate-hide-show {
    -webkit-transition:all linear .25s;
    transition:all linear .25s;
    opacity: 1;
}

.animate-hide-show.ng-hide {
    display: block !important;
    opacity: 0;
}

/* height to match other elements to prevent jumping around
---------------------------------------*/
h4.select-height {
    margin: 8px 0;
}

/* borders
---------------------------------------*/
.border-success {
    border: 1px solid rgba(0, 128, 0, 0.19);
}

.border-transparent {
    border: 1px solid transparent;
}

/* success box
---------------------------------------*/
.check-message {
    padding-left: 36px !important;
    position: relative;
}

.check-message .fa {
    position: absolute;
    font-size: 2em;
    top: -3px;
    left: 0;
}

/* arrows and sorting
---------------------------------------*/
.arrow {
    overflow: visible;
}

th .arrow-sort {
    display: inline-block;
    position: relative;
    padding-right: 16px !important;
}

tbody td.sortable,
tfoot th.sortable {
    padding-right: 24px !important;
}

.arrow-sort {
    position: relative;
}

.arrow-sort .arrow-up {
}

.arrow-sort .arrow {
    cursor: pointer;
    width: 0;
    right: 0;
    height: 0;
    border-style: solid;
    border-width: 4px;
    border-color: transparent;
    position: absolute;
}

.arrow:after {
    top: auto;
}

.arrow-sort .arrow-up {
    border-bottom: 5px solid #ccc;
    top: 0px;
}

.arrow-sort .arrow-down {
    border-top: 5px solid #ccc;
    top: 13px;
}

.arrow-sort .arrow:hover,
.arrow-sort .arrow-active {
    border-width: 5px;
    right: -1px;
}

.arrow-sort .arrow-up:hover,
.arrow-sort .arrow-up.arrow-active {
    border-bottom: 7px solid #333;
    top: -2px;
}

.arrow-sort .arrow-down:hover,
.arrow-sort .arrow-down.arrow-active {
    border-top: 7px solid #333;
    bottom: -8px;
}

.arrow-sort .arrow-inactive {
    /* display: none; */
}

/* uniform bootstrap override
---------------------------------------*/
.radio input[type="radio"].uniform,
.checkbox input[type="checkbox"].uniform {
    float: none;
    margin: 0;
}

/* font awesome input
---------------------------------------*/
input[type="radio"].fa-input{
  display:none;
}

input[type="radio"].fa-input + span {
    cursor: pointer;
}

input[type="radio"].fa-input + span:before {
    /*transition: color 0.5s ease;*/
    font-family: 'FontAwesome';
    padding-right: 3px;
    font-size: 20px;
}

input[type="radio"].fa-input + span:before {
    content: "\f00c"; /* check */
    color: #ccc;
}

input[type="radio"].fa-input + span {
    color: #979797;
}

input[type="radio"].fa-input:checked + span {
    color: #333;
}

input[type="radio"].fa-input + span:hover:before {
    color: #aaa;
}

input[type="radio"].fa-input.fa-input-large + span:before {
    font-size: 24px;
}

input[type="radio"].fa-input:checked + span:before {
    color: green;
    font-size: 26px;
}

.btn-fa-input {
    position: relative;
    padding-left: 35px;
}

.btn-fa-input .fa-input + span:before{
    position: absolute;
    bottom: 0;
    left: 5px;
}


.user-menu ul.dropdown-items > li {
    padding: 0;
}

.dropdown-menu ul.dropdown-items a {
    display: block;
    padding: 8px 14px;
}

.dropdown-menu ul.dropdown-items .dropdown-bottom a {
    padding: 11px 0 11px 15px;
}

/* selectbox
---------------------------------------*/
.selectbox {
    background: #ffffff;
    color: #333333;
    padding: 8px;
    line-height: 18px;
    cursor: pointer;
    border: 1px solid #ccc;
}

.selectbox span {
    padding-left: 3px;
}

.selectbox .caret{
    color: #999;
}

.selectbox.active .caret{
    color: #333;
}

/* table
---------------------------------------*/
.row-table-header {
    margin-bottom: 20px;
}

/* ad
---------------------------------------*/
.ad {
    width: 100%;
}

.ad .image, .image-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    background-image: url(/assets/img/no-image.png);
    height: 171px;
}

.ad-md .image {
    width: 160px;
    height: 120px;
}

.ad-lg .image {
    width: 200px;
    height: 150px;
}

.ad .headline {
    color: #000;
    font-size: 15px;
    line-height: 20px;
    max-height: 85px;
    overflow: hidden;
    padding-top: 4px;
    display: block;
}

.ad .description {
    word-break: break-all;
}

.ad-md .headline {
    font-size: 17px;
    line-height: 22px;
}

.ad-lg .headline {
    font-size: 19px;
    line-height: 24px;
}

.ad a {
    color: #000;
}

.ad a:hover {
    text-decoration: none;
}

.ad .provider {
    font-size: 11px;
    color: #777;
    margin-top: 5px;
}

.ad-inline .image {
    float: left;
}

.ad-inline .headline {
    padding: 0;
}

.ad-inline.ad-lg {
    width: 420px;
}

.ad-inline.ad-lg .headline {
    max-height: 123px;
}

.ad-inline.ad-lg .copy {
    margin-left: 220px;
}

.ad-inline.ad-md .copy {
    margin-left: 176px;
}

.ad .label {
    position: absolute;
    top: -2px;
    left: -2px;
}

.add-content-wrapper {
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    background: #fff;
}

/*.selected .add-content-wrapper {
    box-shadow: 0 0 10px rgba(66, 114, 202, 0.8);
}*/

.btn-select-content {
    display: block;
    width: 100%;
    border-radius: 0;
}

/* Toggle Btn
---------------------------------------*/
.btn-toggle:focus {
    background: inherit !important;
    border-color: #ccc !important;
    color: #333 !important;
}

.btn-toggle:hover {
  background-color: rgba(82,200,70,1) !important;
  color: #ffffff !important;
  border-color: rgba(82,200,70,1) !important;
}

.btn-toggle.active:hover, .btn-toggle.active:focus {
    background-color: #e6e6e6 !important;
    color: #333333 !important;
    border-color: #adadad !important;
}

/* shoveler
---------------------------------------*/
.shoveler {
    display: table;
}

.shoveler .shoveler-items {
    margin: 0 10px;
}

.shoveler .shoveler-items ul {
    /*white-space: nowrap;*/
}

.shoveler .shoveler-item {
    float: left;
}

.shoveler .shoveler-item .well {
    width: 250px;
}

.shoveler .shoveler-btn {
    display: table-cell;
    vertical-align: middle;
}

.shoveler .ad-container {
    height: 440px;
}

/* topbar
---------------------------------------*/
/*#topbar {
  padding: 0 20px;
  display: table;
}

#topbar .breadcrumb {
  float: none;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
}

#topbar .breadcrumb li {
  margin-bottom: 0;
}

#topbar .show-intro-wrapper {
  display: table-cell;
  text-align: right;
  padding-right: 10px;
  vertical-align: middle;
  height: 100%;
}*/

/* modal
---------------------------------------*/
@media (min-width: 768px) {
    .modal-dialog-add-request {
        width: 1190px;
        margin: 30px auto;
    }
}

.modal-dialog {
    padding-top: 0;
    width: 800px;
}

.modal-md {
    width: 750px;
}

.modal-xl {
    width: 1170px;
}

.modal-content-transparent {
    background: transparent;
    box-shadow: none;
    border: none;
}

.modal-content-container {
    margin-top: 75px;
}

.btn-dismiss-top {
    position: fixed;
    left: 50%;
    top: -3px;
    margin-left: -45px;
    z-index: 100;
}

.modal-sm-confirmation {
    width: 400px;
}

/* tabs
---------------------------------------*/
.tab-content {
    border: none;
    padding: 0 30px;
}

.tab-content-right {
    padding-right: 0;
}

.tab-area {
    position: absolute;
    right: 32px;
    text-align: right;
    top: 15px;
    width: 100%;
}

.tabs-left > li > a {
    background-image: none;
    border-color: #e2e2e2;
    border-left: none;
    border-right: none;
    color: #999;
    font-size: 14px;
}

.nav-tabs li a {
    border-radius: 0;
}

.nav-tabs li.active:before {
    content: '';
    display: block;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    border-left: 3px solid #428BCA;
    z-index: 101
}

.nav-tabs.nav-tabs-stacked li {
    float: none;
}

.nav-tabs.nav-tabs-stacked > li > a {
    background-image: none;
    border-color: #e2e2e2;
    border-left: none;
    border-right: none;
    color: #999;
    font-size: 14px;
}

.nav-tabs-stacked > li.active > a,
.nav-tabs-stacked > li.active > a:hover,
.nav-tabs-stacked > li.active > a:focus {
    border-bottom: 1px solid #cfcfcf;
    border-right: 1px solid #fff;
    border-left: none;
    color: #555555;
}

.active-arrow-wrapper {
    position: absolute;

}

.active-arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top:  23px solid transparent;
    border-bottom: 23px solid transparent;
/*    border-top:  24px solid transparent;
    border-bottom: 24px solid transparent;*/
    border-left: 13px solid transparent;
    border-left-color: #999 !important;
    border-left-color: rgba(0,0,0,.25) !important;
    z-index: 101;
    right: -13px;
    /*top: -1px;*/
}

.active-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top:  23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 13px solid transparent;
    border-left-color: #fff !important;
    content: " " !important;
    top: -23px;
    right: 1px;
}

/* tooltip
---------------------------------------*/
.tooltip.in {
  opacity: .97;
}

.tooltip p {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
}

.tooltip.top {
    padding: 0;
}

.tooltip .tooltip-inner {
    background-color: #fff;
    color: #000;
    box-shadow: 0 0 2px #888;
/*    max-width: none;*/
}

.tooltip .tooltip-arrow {
    position: absolute !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-color: transparent !important;
    border-style: solid !important;
    border-width: 11px !important;
    left: 50% !important;
    margin-left: -11px !important;
}

.tooltip .tooltip-arrow:after {
    position: absolute !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-color: transparent !important;
    border-style: solid !important;
    border-width: 10px !important;
    content: " " !important;
}

.tooltip.top .tooltip-arrow {
    border-bottom-width: 0 !important;
    border-top-color: #999 !important;
    border-top-color: rgba(0,0,0,.25) !important;
    bottom: -11px !important;
}

.tooltip.top .tooltip-arrow:after {
    bottom: 1px !important;
    margin-left: -10px !important;
    border-bottom-width: 0 !important;
    border-top-color: #fff !important;
}

.tooltip.bottom .tooltip-arrow {
    border-top-width: 0 !important;
    border-bottom-color: #999 !important;
    border-bottom-color: rgba(0,0,0,.25) !important;
    top: -6px !important;
}

.tooltip.bottom .tooltip-arrow:after {
    top: 1px !important;
    margin-left: -10px !important;
    border-top-width: 0 !important;
    border-bottom-color: #fff !important;
}

/* uniform checker
---------------------------------------*/
div.checker.disabled span {
    background-position: -153px -260px;
    opacity: .6;
}

/* btn
---------------------------------------*/
.btn.text-danger {
    color: #a94442;
}

/* help
---------------------------------------*/
.help {
  cursor: pointer;
  color: #999;
  font-size: 12px;
}

.help-top-right {
  position: absolute;
  top: 6px;
  right: 8px;
}

/* header-btns
---------------------------------------*/
.header-btns ul.dropdown-menu {
    right: 0;
    left: auto;
}

/*.header-btns .btn i {
    opacity: .8;
}*/

.header-btns .btn .fa-dollar{
    margin-right: 2px;
}

/*.header-btns .balance-menu .dropdown-items .item-icon {
    opacity: .6;
}*/

/* header-btns
---------------------------------------*/
.dropdown-menu-over {
    top: auto;
    bottom: -20px;
}

/* lists
---------------------------------------*/
ul.list-pad-underline li {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

ul.list-pad li {
    padding: 10px 0;
}

/* saving and confirm faux btns
---------------------------------------*/
.btn-faux {
    display: inline-block;
    border: 1px solid transparent;
    padding: 6px 12px;
    opacity:1;
}

.btn-faux-success {
    color: green;
}

.btn-faux-error {
    color: red;
}

.btn-faux-result.ng-hide-add,
.btn-faux-result.ng-hide-remove {
  display:inline-block!important;
}

.btn-faux-result.ng-hide-add.ng-hide-add-active {
  -webkit-transition:all linear .8s;
  transition:all linear .8s;
}

.btn-faux-result.ng-hide-remove.ng-hide-remove-active {
  -webkit-transition:all linear 0.4s;
  transition:all linear 0.4s;
}

.btn-faux-result.ng-hide {
  opacity:0;
}

/* faux-input
---------------------------------------*/
.faux-input {
    padding-top: 7px;
}

/* img-icon
---------------------------------------*/
.img-icon {
    border: 1px solid #ccc;
    box-shadow: 0px 0px 4px #ddd;
    background: #F3F3F3;
    border-radius: 2px;
    opacity: .5;
    display: table;
    text-align: center;
    width: 100%;
    padding-bottom: 31%;
    padding-top: 31%;
}

.img-icon i {
    display: table-cell;
    vertical-align: middle;
    line-height: 0;
}

.popover-hover-img {
    max-width: none;
}

.popover .arrow.arrow-top {
    top: 30px;
}

.hover-img-single {
}

.hover-img-single.active-status {
    text-decoration: underline;
}

.hover-img-single.active {
    background: rgba(204, 204, 204, 0.25);
}

.hover-img-single.active p {
    font-weight: 800;
}

/* jumbotron
---------------------------------------*/
.intro-container {
    padding: 0 !important;
    position: relative;
}

.intro-container.open {
    padding: 30px 15px 0!important;
}

.intro-container .intro-wrapper {
    display: none;
}

.jumbotron {
    /*background-color: #70AFB6;*/
    background-color: #f5f5f5;
    padding-top: 27px;
    padding-bottom: 27px;
}

.jumbotron .bubble{
    float: left;
    width: 188px;
    margin-right: 43px;
}

.jumbotron h1 {
    color: #3F3E3E;
    line-height: 65px;
}

.jumbotron p {
    color: #444444;
    line-height: 26px;
}

.jumbotron-intro {
    margin-bottom: 0;
    margin-top: 20px;
}

#intro-pop {
   position: absolute;
    right: 36px;
    top: -30px;
    z-index: 1023;
}

#intro-pop.open {
    top: 36px;
}

#intro-pop i {
    color: #D8D8D8;
    font-size: 21px;
    cursor: pointer;
}

#intro-pop i:hover, #intro-pop.open i{
    color: #428BCA;
}

#intro-pop.open i:hover {
    color: #333333;
}

/* Carousel
---------------------------------------*/
.carousel .carousel-control {
    border-radius: 2px;
}

.carousel .carousel-control .control {
    height: 100%;
    width: 100%;
    text-align: center;
    display: table;
}

.carousel .carousel-control .control .fa {
    vertical-align: middle;
    display: table-cell;
}

.carousel-stretch {
    margin-top: 40px;
}

.carousel-stretch .carousel-inner {
    width: 90%;
    margin-left: 5%;
}

.carousel-stretch .carousel-control {
    width: 5%;
    background-image: none;
}

.carousel-stretch:hover .carousel-control {
    border: 1px solid #ccc;
}

.carousel-stretch .carousel-control .fa {
    color: #428BCA;
    font-size: 28px;
    text-shadow: none;
}

.carousel-indicators li {
    background-color: rgba(66, 139, 202, 0.3);
    border-color: rgba(66, 139, 202, 0.5);
}

.carousel-indicators .active {
    background-color: #428BCA;
}


/* preview widget
---------------------------------------*/
.panel.preview-widget .panel-body.widget {
    padding: 10px;
}

.panel.preview-widget .panel-body.widget .media img {
    border: 1px solid #ddd;
}

.widget .media-body .heading {
    position: relative;
    padding-top: 5px;
    margin-top: 2px;
}

.tooltip-marketplace-widget {
    top: 4px;
    right: -60px;
    display: none;
}

/* affixMarketplace
---------------------------------------*/
#affixMarketplace .panel-heading .img-primary {
    box-shadow: 0 0 10px #777;
    border-radius: 3px;
}

#affixMarketplace .panel-body {
    overflow: hidden;
    overflow-y: scroll;
}

#affixMarketplace .gauge {
    width: 60px;
    height: 30px;
    position: relative;
}

#affixMarketplace .gauge .text-field {
    left: 50%;
    top: 50%;
    width: 30px;
    height: 20px;
    margin-top: -16px;
    margin-left: -15px;
    position: absolute;
    text-align: center;
}

#affixMarketplace .engagement-rank {
    position: relative;
    background: #fff;
    padding: 10px;
    margin-bottom: 15px;
    margin-bottom: 0;
    border-radius: 3px;
    box-shadow: 0 0 3px #eee;
}

#affixMarketplace .engagement-rank .gauge {
    position: absolute;
    left: -5px;
}

#affixMarketplace .engagement-rank .stats {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin-top: 10px;
    position: relative;
}

#affixMarketplace .engagement-rank .stats .stat {
    width: 50%;
    float: left;
}

#affixMarketplace .engagement-rank .stats .stat#statDuration {
    padding-right: 10px;
    border-right: 1px solid #ddd;
}

#affixMarketplace .engagement-rank .stats .stat#statBounce {
    padding-left: 10px;
}

#affixMarketplace .engagement-rank .stats .stat-label {

}

#affixMarketplace .engagement-rank .stats .stat-value {
    font-weight: bold;
}

#affixMarketplace .engagement-rank .stats .chart {
    height: 40px;
    width: 100%;
}

#affixMarketplace .engagement-rank h3 {
    font-family: 'Raleway',sans-serif;
    margin-left: 38px;
    margin-bottom: 0;
}

#affixMarketplace #longDescription p {
    font-size: 16px;
    line-height: 1.6;
}

#affixMarketplace .page-header {
    margin-bottom: 20px;
    padding-bottom: 0;
}

#affixMarketplace .carousel-indicators {
    position: absolute;
    top: -30px;
}

/* ribbon
---------------------------------------*/
.ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    right: -2px;
}

.ribbon {
    font: bold 15px Sans-Serif;
    color: #fff;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    position: relative;
    padding: 5px 0;
    left: 2px;
    top: 8px;
    width: 120px;
    background-color: #6BAAE0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6BAAE0), to(#428BCA));
    background-image: -webkit-linear-gradient(top, #6BAAE0, #428BCA);
    background-image:    -moz-linear-gradient(top, #6BAAE0, #428BCA);
    background-image:     -ms-linear-gradient(top, #6BAAE0, #428BCA);
    background-image:      -o-linear-gradient(top, #6BAAE0, #428BCA);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-lg.ribbon-wrapper {
    width: 170px;
    height: 120px;
}

.ribbon-lg.ribbon-wrapper .ribbon {
/*    width: 240px;
    top: 30px;*/
    width: 249px;
    top: 29px;
    font-size: 13px;
    text-shadow: none;
}

.ribbon i {
    -webkit-transform: rotate(-45deg);
    -moz-transform:    rotate(-45deg);
    -ms-transform:     rotate(-45deg);
    -o-transform:      rotate(-45deg);
}

.ribbon:before, .ribbon:after {
    content: "";
    border-top:   3px solid #6e8900;
    border-left:  3px solid transparent;
    border-right: 3px solid transparent;
    position:absolute;
    bottom: -3px;
}

.ribbon:before {
    left: 0;
}
.ribbon:after {
    right: 0;
}

.cc-icon {
    background-image: url('/assets/img/cc-logo-sprite.png');
    background-repeat: no-repeat;
}

.cc-sm-icon {
    background-image: url('/assets/img/cc-logo-discover_mc_visa_amex.gif');
    height: 41px;
    width: 64px;
    background-repeat: no-repeat;
    padding: 0;
}

.cc-sm-icon.disabled {
    opacity: .2;
    box-shadow: inset 0 0 18px 4px rgba(187, 187, 187, 0.6);
}

.cc-sm-icon-visa {
    background-position: -135px 0;
}

.cc-sm-icon-mastercard {
    background-position: -68px 0;
    width: 62px;
}

.cc-sm-icon-discover {
    background-position: 0 0;
    width: 62px;
}

.cc-sm-icon-amex {
    background-position: -204px 0;
    width: 54px;
}



.cc-icon-visa {
    background-position: 0 2px;
}

.panel-heading.cc-icon-visa {
    background-position: 55px 4px;
}

.cc-icon-amex {
    background-position: 0 -52px;
}

.panel-heading.cc-icon-amex {
    background-position: 55px -52px;
}

.cc-icon-discover {
    background-position: 0 -106px;
}

.panel-heading.cc-icon-discover {
    background-position: 55px -106px;
}

.cc-icon-mastercard {
    background-position: 0 -160px;
}

.panel-heading.cc-icon-mastercard {
    background-position: 55px -160px;
}

.cc-text {
    margin-left: 140px;
}

.edit-card .cc-text {
    margin: 0;
    margin-top: 22px;
    display: table;
}

.edit-card .cc-sm-icon {
    margin-right: 10px;
}

.edit-card .cc-text div {
    display: table-cell;
    vertical-align: middle;
}

/* checkbox icon
---------------------------------------*/
.checkbox-icon{
    display: table;
    width: 100%;
    text-align: center;
    color: #ccc;
}

.checkbox-icon .icon {
    display: table-cell;
    vertical-align: middle;
}

.checkbox-icon .icon i {
    border: 1px solid #ccc;
    padding: 5px 5px;
    border-radius: 50%;
}

/* checkbox icon
---------------------------------------*/
.lock-icon{
    display: table;
    width: 100%;
    text-align: center;
    color: #ccc;
}

.lock-icon .icon {
    display: table-cell;
    vertical-align: middle;
}

.lock-icon .icon i {
    border: 1px solid #333;
    color: #333;
    padding: 5px 7px;
    border-radius: 50%;
}

/* payment icon
---------------------------------------*/
.payment-icon{
    display: table;
    width: 100%;
    text-align: center;
    color: #ccc;
}

.payment-icon .icon {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.payment-icon .icon i {
    border: 1px solid #ccc;
    padding: 5px 8px;
    border-radius: 50%;
    position: relative;
}

td .payment-icon .icon i {
    /* margin-left: -20px; */
}

.payment-icon .icon span.first-payment {
    position: absolute;
    bottom: -4px;
    left: 16px;
    color: white;
    font-size: 10px;
    background: rgba(255, 0, 0, 0.57);
    border-radius: 50%;
    padding: 2px 4px;
    font-weight: bold;
}

/* bill icon
---------------------------------------*/
.bill-icon{
    display: table;
    width: 100%;
    text-align: center;
    color: #ccc;
}

.bill-icon .icon {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.bill-icon .icon i {
    border: 1px solid #ccc;
    padding: 5px 5px;
    border-radius: 50%;
    position: relative;
}

td .bill-icon .icon i {
    /* margin-left: -20px; */
}

.bill-icon .icon span.bill-count {
    position: absolute;
    bottom: -4px;
    left: 19px;
    color: white;
    font-size: 10px;
    background: rgba(255, 0, 0, 0.57);
    border-radius: 50%;
    padding: 2px 4px;
    font-weight: bold;
}

/* active icons
---------------------------------------*/
.icon-active .icon i{
    background: rgba(0, 128, 0, 0.4);
    border-color: rgba(0, 128, 0, 0.5);
    color: #fff;
}

/* tooltip in table aka status-tip
---------------------------------------*/
.status-tip {
    height: 161px;
    width:190px;
}

.status-tip .row {
    margin: 0 0 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.status-tip .row:first-child {
    padding-top: 8px;
}

.status-tip .row:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.status-tip .status-wrapper {
}

.status-tip .status-wrapper .status-icon {
    display: table-cell;
    width: auto;
    padding-right: 15px;
}

.status-tip .description-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

/* file icon
---------------------------------------*/
.tax-file-icon {
    position: relative;
    border: 1px solid #ccc;
    padding: 0 15px 30px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

.tax-file-icon .file-link {
    display: table;
    text-align: center;
    width: 100%;
}

.tax-file-icon .file-link .fa-file-o {
    font-size: 16em;
    position: relative;
}

.tax-file-icon .file-link .fa-file-o .title {
    position: absolute;
    bottom: 32px;
    left: 20px;
    font-size: .22em;
}

.tax-file-icon .download-link {

}


/* Form validation
---------------------------------------*/
.has-error .form-control-feedback {
    display: block !important;
}

.has-feedback .checkbox {
    padding-right: 42.5px;
    width: 100%;
    display: inline-block;
}

.form-group.has-feedback .tooltip {
    right: 15px !important;
    left: auto !important;
}

.form-group.has-feedback .tooltip .tooltip-arrow {
    right: 6px !important;
    left: auto !important;
}

.form-group.has-feedback .input-group .form-control-feedback {
    top: 0;
    z-index: 1000;
}

.has-feedback .form-control.form-feedback-none {
    padding-right: 12px;
}

.form-control-feedback-select {
    right: 30px !important;
}

/* auto funding
---------------------------------------*/
#autoFundingSettings .col{
    margin-right: 24px;
    padding-right: 24px;
    border-right: 1px solid #ddd;
    width: 140px;
}

#autoFundingSettings .col:last-child {
    width: auto;
}

#autoFundingSettings .col .display-data {
    padding: 7px 0;
    display: inline-block;
}

#autoFundingSettings .col.col-last{
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

#autoFundingSources .checkbox-wrapper {
    float: left;
}

/* font awesome navigation
---------------------------------------*/
.nav-fa li .fa {
    width: 24px;
    text-align: center;
}


/* BS and theme overrides
---------------------------------------*/
ul.sidebar-nav ul.sub-nav > li a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 0;
}

.dropdown-menu, .form-control {
    /*border-radius: 0 !important;*/
}

.dropdown-menu.scrollable {
    max-height: 200px;
    overflow: auto;
    overflow-y: scroll;
}

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

.breadcrumb a {
    color: #888;
}

.navbar-default a {
    text-decoration: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    border-top: 2px solid #428bca;
    padding-top: 13px;
}

input.datepicker {
    background-image: url(/assets/img/icons/datepicker.png);
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

.datepicker.dropdown-menu {
    z-index: 900001
}

/*fieldset {
    background: #f5f5f5;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

legend {
    background: #fff;
    font-size: 14px;
    font-weight: bold;
}*/


/* Pagination */
.pagination {
    margin: 0;
}

/* Result count */
.grid-result-count {
    color: #555;
    font-size: 12px;
}

.dropdown-menu .divider {
    margin: 5px 0;
}

.tc-row:nth-child(even) {
    background-color: #fff;
}
.tc-row:nth-child(odd) {
    background-color: #f2f2f2;
}
.tc-row {
    margin-bottom: 4px;
    padding: 10px 0;
}

.tc-row .tc-num,
.tc-row .tc-date {
    /*background: #428bca;*/
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    /*margin-right: 20px;*/
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    /*color: #fff;*/
    cursor: default;
    /*float: left;*/
    background-color: #fae3b4;
    border: 1px solid #f7ca5c;
    color: #ca8f00;
}

.tc-label, .tc-day, .tc-week, .tc-month {
    font-size: 11px;
    line-height: 15px;
}

.tc-day, .tc-week, .tc-month {
    font-size: 18px;
    line-height: 18px;
}

/*.tc-date .tc-week {
    font-size: 25px;
    line-height: 25px;
}*/

.tc-row .tc-title {
    /*min-height: 50px;
    margin: 0 300px 0 70px;*/
}

.tc-row .tc-title h4 a {
    font-size: 1.6em;
}

.tc-row .tc-title h6 {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
    font-size: .8em;
    font-weight: 300;
    color: #999;
    text-transform: none;
}

.tc-row .tc-clicks {
    /*position: absolute;
    top: 10px;
    right: 150px;
    width: 140px;*/
    border-right: 1px solid #dadada;
    padding-right: 22px;
    text-align: right;
}

.tc-row .tc-clicks h4, .tc-row .tc-follows h4 {
    margin: 5px 0 0;
    font-size: 1.71428em;
    font-weight: 700;
    color: #000;
}

.tc-row .tc-shares {
    /*position: absolute;
    top: 12px;
    right: 10px;
    width: 120px;*/
    padding: 5px 0 0 20px;
    font-size: .85em;
}

.tc-row .tc-shares span {
    display: block;
    line-height: 1.5em;
}

.CodeMirror-linenumbers {
    min-width: 24px;
}

/* xeditable items */
.editable-click,
.editable-click:hover {
    color: inherit;
}

.editable-click:hover {
    cursor: pointer;
}

/* bs table
---------------------------------------*/
.table.vertical-align-middle td {
    vertical-align: middle;
}

/* transactions table
---------------------------------------*/
.table .row-header td {
    background: #f5f5f5;
    border-right: none;
    border-left: none;
    font-weight: bold;
}

.table .row-header th {
    background: #eee;
    border-right: none;
    border-left: none;
}

.table > tbody > tr.no-border > th {
    border: none;
}

.has-campaign {
    margin-left: 20px;
    font-size: 12px;
    padding-left: 18px;
    margin-top: 3px;
    position: relative;
}

.has-campaign i {
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 18px;
    color: #555;
}

#balanceController .dropdown-wrapper {
    max-height: 200px;
    overflow: auto;
}

.hideMe {
    display:none;
}

/* social buttons */
.btn-social {
    width: 100%;
    color: #fff;
    position: relative;
    padding-left: 48px;
}

.btn-social:hover,
.btn-social:active,
.btn-social:focus {
    color: #fff;
}

.btn-social .icon {
    position: absolute;
    top: 0;
    height: 100%;
    border-right: 1px solid;
    display: block;
    width: 36px;
    left: 0;
}

.btn-social .icon .icon-inner {
    display: table;
    height: 100%;
    width: 100%;
}

.btn-social .icon .icon-inner i {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.btn-social.facebook {
    background: #3b5998;
    border-color: #6077A8;
}

.btn-social.facebook .icon {
    border-color: #6077A8;
}

.btn-social.google {
    background: #DD4B39;
    border-color: #DD6C5E;
}

.btn-social.google .icon {
    border-color: #DD6C5E;
}


.callout {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}
.callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.callout-info {
    background-color: #f4f8fa;
    border-color: #5bc0de;
}
.callout-info h4 {
    color: #5bc0de;
}
.callout-success {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-left-width: 3px;
    border-left-color: #A2D069;
}
.callout-success h4 {
    color: #333333;
}
.create-list > div {
    border-bottom: 1px solid #ddd;
    margin: 15px 0 0;
    padding-bottom: 15px;
}

.create-list > div:last-of-type {
    border-bottom: none;
}


/* typeahead */

.tt-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;
  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);
  background-clip: padding-box;
}
.tt-suggestion > p {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}
.tt-suggestion > p:hover,
.tt-suggestion > p:focus,
.tt-suggestion.tt-cursor p {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: scroll;
}
.ui-menu .ui-menu-item a.ui-state-focus {
    white-space: normal;
}

.pop{
    background-image: url("/assets/img/pops.png");
    background-repeat: no-repeat;
    /*float: left;*/
    height: 116px;
    width: 116px;
}

.pop.widgetcreate {
    background-position: 0 -230px;
}

.pop.campaigncreate {
    background-position: 0 0;
}

#content .container-fluid.container-alert {
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.container-fluid.container-alert .alert,
.container-fluid.container-alert > div {
    border-radius: 0;
    text-align: center;
    margin: 0px !important;
    z-index: 101;
    position: relative;
}

.container-fluid.container-alert > div {
    padding: 0;
    min-height: 0;
}

.thumb-preview {
    display: block;
    background: transparent url(/assets/img/no-image.png) no-repeat center center;
    background-size: cover;
    width: 64px;
    height: 48px;
    background-position: top left;
}

.thumb-preview-md {
    width: 170px;
    height: 128px;
}

.thumb-preview-lg {
    width: 200px;
    height: 150px;
}

.box-item a {
    border: 1px solid #ddd;
    display: block;
    min-height: 300px;
    height: 330px;
    margin-bottom: 25px;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    box-shadow: 0 1px 2px #ddd;
    position: relative;
}

.box-item a:hover {
    border-color: #ccc;
    box-shadow: 0 1px 2px #ccc;
    background-color: #f5f5f5;
}

.box-item .media {
    height: 199px;
    width: 270px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}

.box-item .description {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    padding: 10px;
    padding: 5px 10px;
    border-color: #ddd transparent transparent;
    border-image: none;
    border-right: 1px none transparent;
    border-style: solid none none;
    border-width: 1px;
    -webkit-transition: .5s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s ease 0s;
    transition: .5s;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 48%;
    left: 0;
    background: none repeat scroll 0 0 #fff;
    font-size: 13px;
    line-height: 100%;
}

.box-item .app-description {
    top: 61%;
}

.box-item .description strong {
    display: block;
    margin-bottom: 8px;
    margin-top: 8px;
}

.box-item.box-item-mobile .description {
    top: 0%;
    opacity: 0.80;
}

.box-item a:hover .description {
    box-shadow: 0 0 2px #ccc;
    border-color: #ccc;
    top: 0;
    background: #f5f5f5;
}

.box-item .actions {
    position: absolute;
    width: 100%;
    padding: 10px;
    bottom: 0;
    left: 0;
}

.widget-preview,
.widget-preview-small {
    background: transparent url(/assets/img/widgets2.png) 0 0 no-repeat;
    border: none;
}

.widget-preview-small {
    margin: 0;
    height: 60px;
    width: 82px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}

.widget-preview.standard-pic-text {
    background-position: -5px -45px;
}

.widget-preview.pic-text-2-link-lists {
    background-position: -281px -45px;
}

.widget-preview.standard-hover-block {
    background-position: -557px -45px;
}

.widget-preview.hover-block-2-link-lists {
    background-position: -833px -45px;
}

.widget-preview.in-article {
    background-position: -1109px -45px;
}

.widget-preview.standard-link-list {
    background-position: -1385px -45px;
}

.widget-preview.double-link-lists {
    background-position: -1661px -45px;
}

.widget-preview.api {
    background-position: -1937px -45px;
}

.widget-preview.video {
    background-position: -2215px -45px;
}

.widget-preview.rcfeed {
    background-position: -2491px -45px;
}

/* small version */
.widget-preview-small.standard-pic-text {
    background-position: -2px 0;
}

.widget-preview-small.pic-text-2-link-lists {
    background-position: -85px 0;
}

.widget-preview-small.standard-hover-block {
    background-position: -168px 0;
}

.widget-preview-small.hover-block-2-link-lists {
    background-position: -251px 0;
}

.widget-preview-small.in-article {
    background-position: -333px 0;
}

.widget-preview-small.standard-link-list {
    background-position: -417px 0;
}

.widget-preview-small.double-link-lists {
    background-position: -501px 0;
}

.widget-preview-small.api {
    background-position: -584px 0;
}

.widget-preview-small.video {
    background-position: -667px 0;
}

.widget-preview-small.rcfeed {
    background-position: -750px 0;
}

.app-preview {
    background: transparent url(/assets/img/apps.png) 0 0 no-repeat;
    border: none;
}

.app-preview.criteo {
    background-position: -7px 0px;
}

.app-preview.react {
    background-position: -284px 0px;
}

.app-preview.rtb {
    background-position: -565px 0px;
}

.app-preview.fourth {
    background-position: -847px 0px;
}

.blank-layout {
    border: 2px dashed #ddd;
    border-radius: 5px;
    height: 100%;
    background-color: #f5f5f5;
}

.card_status {
    margin-right:10px;
    font-weight:bold;
}

.card_expired {
    color: #500000;
}

.card_approved {
    color: #009966;
}

.card_denied {
    color: #FF0000 ;
}

.card_review {
    color: #FF6600 ;
}

/* Impersonation */
#impersonation_bar {
    /*background: #428bca;*/
    background: #444;
    color: #fff;
    font-size: 12px;
    height: 29px;
    line-height: 29px;
}

#impersonation_bar .container {
    background-color: inherit;
}

#impersonation_bar .btn {
    margin-top: 4px;
}

body.impersonation #main {
    padding-top: 93px;
}

.introjs-helperNumberLayer {
    line-height: 12px;
    background: #222;
    border: 2px solid;
    font-size: 12px;
}

/* Tags */
.tags .btn-group, .tags .untagged {
    margin-bottom: 5px;
}

.tags .untagged {
    vertical-align: middle;
}

.tags .badge {
    font-weight: normal;
    font-size: 10px;
}

.tags .badge.badge-info {
    background-color: #5bc0de;
}

.tags .badge.badge-warning {
    background-color: #f0ad4e;
}

.panel-copy {
    margin-left: 70px;
}

.btn-copy {
    position: absolute;
    left: -70px;
    top: 0;
}

.chosen-container .chosen-results li.new-item {
    display: list-item;
}

.panel.panel-inline {
    border-color: #c9c9c9;
    margin-bottom: 0;
}
.panel.panel-inline h2.panel-title {
    font-size: 24px;
}
.panel.panel-inline h3.panel-title {
    font-size: 18px;
}
.panel.panel-inline h4.panel-title {
    font-size: 14px;
}

#campaign_settings {
    position: relative;
}

#est_reach {
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 10;
}

#est_reach_scroll_space {
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    width: 195px;
}

.est_reach_top {
    top: 275px !important;
}

.checkbox-rev {
    padding-top:7px;
}

.utm-custom-group:last-of-type button {
    display: none;
}

.exco-custom-group:first-of-type button {
    display: none;
}

#tracking_preview a {
    word-break: break-all;
}

#modal_contact {
    width:100%!important;
    height:150px;
}

.backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    display: none;
}

.expose {
    z-index: 2000;
    position: relative;
}

.popover-title {
    font-weight: bold;
    line-height: normal;
}

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

.publisher-content {
    position: relative;
    height: 340px;
}

.publisher-content .widget-select {
    width: 200px;
    margin-bottom: 18px;
}

.publisher-content .approval {
    display: none;
}

.publisher-content .col1 {
    float: left;
}

.publisher-content .col2 {
    width: 100%;
    height: 100%;
}

.publisher-content .col2 .inner {
    overflow: hidden;
    margin-right: 420px;
    height: 100%;
    overflow-y: scroll;
}

.publisher-content .col2 .inner .tab-content {
    padding: 0 0 0 20px;
}

.publisher-content .col3 {
    position: absolute;
    right: 0;
    top: 0;
}


/* admin stats */

.box-icon {
    display: block;
    float: left;
    margin: 0px 10px 10px 0px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    line-height: 65px;
    vertical-align: middle;
    text-align: center;
    font-size: 35px;
}

.tag-options {
    margin-top:7px;
}

/* widget:info */
.bg-default {
    background-color: #ffffff;
}

.mix {
    display: none;
}

#JSON, #XML, #HTTP, #CURL {
    padding-top: 10px;
}

tr.highlight {
    background: #F7F8E0 !important;
}

.row-item {
    border:0px!important;
}

.col-border-right {
    border-right:1px solid #cccccc
}

/* Create Content Modal */
#skip-auto-content {
    margin-left: 20px;
    display: none;
}

/** payments **/
.creditcard-logos {
    margin-left: 0px;
}

/** admin/click log **/
div.search {
    clear:both;
    font-weight: normal;
    float:right!important;
    margin-top:5px;
}
.search input {
    width:120px!important;
    margin-right:5px;
}

.search .input-group-btn {
    display:inline;
}

/*.input-group-addon, .input-group-btn, .input-group .form-control

/** dashboard additions **/
body.tv-modal-open {
    overflow: hidden;
}

html, body {
    width: 100%;
    height: 100%;
}

.panel-body-dashboard-stats {
    position: relative;
    padding-top: 0px;
}

#op_presentation_mode {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-icon-group {
    float: right;
    margin: 0 10px;

}

.panel-icon {
    float: right;
    font-size: 10px;
    margin: 18px 8px;
    margin-bottom: 0;
    color: #a4d061
}

.panel-icon.badge {
    background-color: #f0f0f0;
}

.panel-icon.badge:hover {
    background-color: #222222;
    color: #a4d061
}

#tv_modal.modal {
    font-size: 1.20em;
}

#tv_modal.modal.fade {

}

#tv_modal.modal.fade.in {

}

#tv_modal.modal.in {

}

#tv_modal.modal.in .modal-backdrop.in,
body.tv-modal-open .modal-backdrop.in {
    background-color: #383f49;
    -webkit-transition: opacity .2s linear, none;
    -moz-transition: opacity .2s linear, none;
    -ms-transition: opacity .2s linear, none;
    -o-transition: opacity .2s linear, none;
    transition: opacity .2s linear, none;
    opacity: 1.0;
}

#tv_modal.modal.in .modal-dialog {
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding: 0;
}

#tv_modal.modal.in .modal-dialog .modal-content {
    background-color: transparent;
    border-radius: 0;
    height: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    padding: 0;
    border: 0;
}

#tv_modal.modal.in .modal-dialog .modal-content .modal-header {
    color: #a4d061;
    background: none;
    /*border-bottom: 1.0px solid #a4d061;*/
    border: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;

}

#tv_modal.modal.in .modal-dialog .modal-content .modal-header .modal-title  {
    text-align: center;
}

#tv_modal.modal.in .modal-dialog .modal-content .modal-header .modal-title #header-modal-logo {
    font-size: 42px;
}

#tv_modal.modal.in .modal-dialog .modal-content .modal-header .modal-hint {
    float: right;
    margin-right: 15px;
    font-weight: normal;
    font-size: 12px;
    display: none;
}

#tv_modal.modal.in .modal-dialog .modal-content .modal-footer {
    display: none;
}

#tv_modal.modal.in .modal-dialog .modal-content .modal-body {
    height: 100%;
    color: #ffffff;
}

.panel-divider {
    margin: 12px 18px;
    padding: 0;
    border-color: #f0f0f0;
}

.panel.border-left {
    border-left: 1.0px solid #eeeeee;
}

.panel.border-right {
    border-right: 1.0px solid #eeeeee;
}

.panel.border {
    border: 1px solid #eeeeee;
}

.panel.panel-tv-stat {
    background-color: #1F2630;
    padding: 1.4em 1.8em;
}

.panel.panel-tv-stat.up10 {
    background-color: #525963;

}

.panel.panel-tv-stat.light {
    background-color: transparent;
    color: #383F49;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.panel.panel-tv-stat.light h2 {
    color: #383F49;
}

.panel.panel-tv-stat.light label {
    font-weight: bold;
}

.panel.panel-tv-stat.light p {
    color: #777777;
}

.panel.panel-tv-stat.clear {
    background-color: transparent;
}

.panel.panel-tv-stat.clear h3 {
    margin-bottom: 6px;
}

.panel.panel-tv-stat h2,
.panel.panel-tv-stat h3 {
    margin: 0;
    padding: 0;
}

.panel.panel-tv-stat h2 {
    font-size: 2.5em;
    line-height: 130%;
}

.panel.panel-tv-stat p {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #ffffff;
}

.panel.panel-tv-stat label {
    margin: 0;
    padding: 0;
    color: #a4d061;
    margin: 0;
    font-size: 1.2em;
    font-weight: normal;
}

.panel.panel-tv-stat label strong {
    font-weight: bold;
}

.panel .panel.panel-tv-stat {
    margin-bottom: 0;
}

#stats_carousel.carousel .carousel-control {
    background: transparent;
}

#stats_carousel .carousel-indicators li {
    border-color: #050C16;
    background-color: #383F49;
}

#stats_carousel .carousel-indicators .active {
    background-color: #a4d061;
    border-color: #050C16;
}

#stats_carousel .jumbotron {
    background-color: transparent;
    color: #ffffff;
}

#stats_carousel .jumbotron h1 {
    font-weight: normal;
    color: #ffffff;
    font-style: italic;
}

#stats_carousel .jumbotron h1 strong {
    font-weight: bold;
    color: #a4d061;
    font-style: normal;
}

#stats_carousel .jumbotron h4 strong {
    color: #a4d061;
}

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

/** dashboard **/

.left-col {
    padding: 0 3% 0 0;
}

.right-col {
    padding: 0 0 0 3%;
}

.margin-bottom-row{
    margin-bottom: 10%;
}


/* way the hell off screen */
.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

@media (min-width: 1200px) {
    #tv_modal.modal {
        font-size: 1.32em;

    }
    .panel.panel-tv-stat {

        padding: 1.2em 1.5em;
    }

    .panel.panel-tv-stat label {

        font-size: 1.5em;
    }
}

/* Earning statement */
.earning-statement-logo {
    font-size: 100px;
}

/** dashboard cleanups+responsive **/

#dashboard_panel .panel-title {
    font-size: 18px;
}

@media (min-width: 480px) {
    #dashboard_panel .panel-title {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    #dashboard_panel .panel-title {
        font-size: 20px;
    }
}

@media (min-width: 992px) {
    #dashboard_panel .panel-title {
        font-size: 24px;
    }
}

.breadcrumb li:last-child {
    max-width: 80%
}

#pass_protection .modal-content {
    width: 50%;
    margin-left:auto;
    margin-right:auto;
}

/* modal enhancements */
@media (max-width: 1170px) {


    .modal.modal-responsive {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .modal.modal-responsive .modal-backdrop,
    .modal.modal-responsive .modal-backdrop.fade.in {
        height: 100% !important;
    }

    .modal.modal-responsive .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .modal.modal-responsive .modal-content {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        border: 0;
        height: inherit;
        border-radius: 0;
        overflow: hidden;
    }

    .modal.modal-responsive .modal-content > form:first-of-type {
        height: 100%;
        overflow: auto;
        padding-bottom: 150px;
    }

    .modal.modal-responsive .modal-content .modal-header {
       border-radius: 0;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .modal.modal-responsive .modal-content .modal-header .modal-title {
        font-size: 16px;
    }

    .modal.modal-responsive .modal-content .modal-header .modal-title:before {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        display: inline-block;
        text-decoration: inherit;
        content: "\f10b ";
        color: #4CC93D;
        font-size: 20px;
        margin-top: 3px;
        padding-right: 10px;
    }

    .modal.modal-responsive .modal-content .modal-header .modal-title:after {
        padding-left: 20px;
        color: #bbbbbb;
        font-weight: normal;
        text-transform: none;
        font-size: 12px;
        line-height: 22px;
        content: "(Press ESC to close)";

    }

    .modal.modal-responsive .modal-content .modal-body {
        height: 100%;
        overflow: scroll;
        padding: 15px 24px;
        padding-bottom: 150px;
    }

    .modal.modal-responsive .modal-content .modal-body:after {

    }

    .modal.modal-responsive .modal-content .modal-footer {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 2040;
    }


}
/* admin filters area */

.panel.panel-advertisers,
.panel.panel-network,
.panel.panel-publishers

{

}

.filter-options-area {
    padding: 0 10px;
    font-weight: normal;
}

.filter-options-area .row.btn-row {
    margin-right: 0;
}
.filter-options-area .row.btn-row.right-align {

}
.filter-options-area .row.btn-row.right-align .btn-group {
    float: right;
    margin-right: 0;
    padding-right: 0;
}
.filter-options-area .row.btn-row.right-align .btn-group button {

}
.filter-options-area .btn-group.col-xs-11.col-sm-4.col-md-5.col-lg-4,
.filter-options-area .btn-group.col-xs-11.col-sm-4.col-md-5.col-lg-3,
.filter-options-area .btn-group.col-xs-11.col-sm-4.col-md-4.col-lg-3,
.filter-options-area .btn-group.col-xs-11.col-sm-4.col-md-6.col-lg-3,
.filter-options-area .btn-group.col-xs-11.col-sm-6.col-md-5.col-lg-4,
.filter-options-area .btn-group.col-xs-11.col-sm-4.col-md-6.col-lg-4,
.filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-5.col-lg-4,
.filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-5.col-lg-3,
.filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-4.col-lg-3,
.filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-6.col-lg-3,
.filter-options-area .btn-group.col-xs-12.col-sm-6.col-md-5.col-lg-4,
.filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-6.col-lg-4,
.filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-5.col-lg-5,
.filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-6.col-lg-5,
.filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-12.col-lg-5,
.filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-12.col-lg-6,
.filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-12.col-lg-7,
.filter-options-area .search-col.col-xs-12.col-sm-7.col-md-12.col-lg-7,
.filter-options-area .search-col.col-xs-12.col-sm-7.col-md-12.col-lg-8,
.filter-options-area .search-col.col-xs-12.col-sm-7.col-md-12.col-lg-6,
.filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-12.col-lg-3,
.filter-options-area .btn-group.col-xs-12.col-sm-6.col-md-6.col-lg-4,
.filter-options-area .btn-group.col-xs-12.col-sm-12.col-md-12.col-lg-4,
.filter-options-area .btn-group.col-xs-12.col-sm-12.col-md-12.col-lg-5,
.filter-options-area .btn-group.col-xs-12.col-sm-12.col-md-12.col-lg-3,
.filter-options-area .btn-group.col-sm-12.col-xs-12.col-md-7.col-lg-8,
.filter-options-area .btn-group.col-xs-12.col-sm-6.col-md-6.col-lg-4
{
    /*padding-left: 0 !important;*/

}

.filter-options-area .row.btn-row > .btn,
.filter-options-area .row.btn-row > .btn-group,
.filter-options-area .row.btn-row > .input-group {

    margin-bottom: 10px;

}




@media (min-width: 992px) {
    .panel.panel-advertisers,
    .panel.panel-network,
    .panel.panel-publishers {

    }

    .panel.panel-advertisers .panel-body,
    .panel.panel-network .panel-body,
    .panel.panel-publishers .panel-body {
        margin-top: -3em;
    }

    .filter-options-area .search-col .input-group {

    }

    .filter-options-area .search-col .input-group-btn {
        display: block;
        right: -1px;
        position: absolute;
        z-index: 100;
    }
}
@media (min-width: 1200px) {


    .filter-options-area .btn-group.col-xs-11.col-sm-4.col-md-5.col-lg-4,
    .filter-options-area .btn-group.col-xs-11.col-sm-4.col-md-5.col-lg-3,
    .filter-options-area .btn-group.col-xs-11.col-sm-4.col-md-4.col-lg-3,
    .filter-options-area .btn-group.col-xs-11.col-sm-4.col-md-6.col-lg-3,
    .filter-options-area .btn-group.col-xs-11.col-sm-6.col-md-5.col-lg-4,
    .filter-options-area .btn-group.col-xs-11.col-sm-4.col-md-6.col-lg-4,
    .filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-5.col-lg-4,
    .filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-5.col-lg-3,
    .filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-4.col-lg-3,
    .filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-6.col-lg-3,
    .filter-options-area .btn-group.col-xs-12.col-sm-6.col-md-5.col-lg-4,
    .filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-6.col-lg-4,
    .filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-5.col-lg-5,
    .filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-6.col-lg-5,
    .filter-options-area .btn-group.col-xs-12.col-sm-4.col-md-12.col-lg-5

    {
        width: auto;
    }

    .filter-options-area {
        padding: 0;
    }

    .panel.panel-publishers .filter-options-area {

    }

    .filter-options-area .row.btn-row:first-of-type {
        margin-right: 0;
    }

    .filter-options-area .row.btn-row .input-group .input-group-btn {
        display:block;
    }

    .filter-options-area .row.btn-row .search-col {
        padding-left: 0;
        padding-right: 0;
    }

}

/** campaigns/optimization  **/
td.td-border-right-solid-1 {
    border-right:1px solid #cccccc;
}

.group-edit {
    display:block;
    width: auto;
    padding: 0px;
    margin: 0px;
}

.txt-edit {
    width: 100px !important;
}

.group-money-max-bid {
    display: none;
}

.input-money-max-bid {
    width: 80px !important;
}

.btn-percent {
    font-weight: bold;
    color: #fff;
}

.hr-percent {
    padding:0px;
    margin:10px;
}

.input-percent-main {
    margin: auto;
    text-align:center;
    margin-bottom:10px;

}

.btn-percent-main {
    padding: 15px 15px 14px 15px;
    font-size:16px;
    vertical-align: top;
}

.input-percent {
    height: 55px;
    width: 50%!important;
    float:none!important;
    font-size:25px!important;
    text-align:center;
}

input[type="text"].text_max_bid {
    display: none;
}

div.scroll {
    position: relative;
    overflow: scroll;
    max-height: 360px;
}

.td-height-opt {
    height: 55px;
}

.td-width-select-all {
    width: 20px;
}

.overlay {
    display:none;
    position:absolute;
    z-index: 99999;
    font-size: large;
    padding-top: 15px;
}

.overlay-waiting {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(76, 76, 76, 0.69);
    z-index: 10000;
}

.overlay-waiting .text {
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}

.overlay-waiting .text .inner {
    display: table-cell;
    vertical-align: middle;
}

.overlay-waiting .text .inner .display {
    padding: 30px;
    background: #fff;
    display: inline-block;
    border-radius: 5px;
    font-size: 18px;
}

/** campaigns/optimization (modal)  **/
 .ul_tags {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
 }
.li_tag {
    padding: 5px 0px 5px 10px;
    margin: 6px 0 6px 0;
    border-radius: 25px;
    cursor: pointer;
    opacity: 0.85;
}
.li_tag_selected {
    background-color: #eff8ef;
    border: 1px solid #bee3be;
}

.li_tag.li_tag_selected span {
    font-weight: bold
}

.li_tag.li_tag_selected span:first-of-type:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content: "\f00c ";
    color: #4CC93D;
    font-size: 14px;
    padding-right: 10px;
    opacity: 1.0;
}


.modal_tags_modal {
    height: 400px;
}

.tags_ul {
    max-width:300px;
    overflow-x:auto;
    max-height:150px;
    overflow-y:auto;
}

.widget-pop-title {
    font-family: 'Open Sans',Helvetica, Arial, sans-serif;
}

.widget-pop-title .widget-pop-label {
    font-weight: bold;
}

.widget-group {
    padding-top: 10px;
}

.boost-progress {
    display: table;
    margin-top: 5px;
}

.boost-progress > div {
    display: table-cell;
    vertical-align: middle;
}

.boost-progress .boost-progress-caption {
    font-size: 10px;
    line-height: 14px;
    font-weight: normal;
    padding-left: 5px;
}

.boost-progress .progressbar {
    height: 40px;
    width: 40px;
}

.boost-progress .progressbar .progressbar-text {
    font-size: 9px;
    margin-left: 40px;
}

.boost-progress .progressbar > svg {
    height: 100%;
    display: block;
}

.panel.panel-original {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel.panel-original .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

code.hljs {
    padding: 2px 10px;
}

.callout.callout-rounded {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.tooltip-inner {
    max-width:350px;
}

.btn-deny {

}
.btn-deny:hover {
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

tr.info .btn-link,
tr.danger .btn-link,
tr.success .btn-link
{
    color: inherit;
}

.btn-link.btn-outline {
    width: 55%;
    border: 1px solid rgba(100,100,100,0.4);
    padding: 3px !important;
    border-radius: 3px;
    background-color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none !important;
    opacity: 0.8;
    transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}

.btn-link.btn-outline:hover {
    opacity: 1.0;
    background-color: rgba(50,50,50,0.6);
}

.btn-link.btn-info {
    background-color: #5bc0de;
    color: #ffffff !important;
}
.btn-link.btn-danger {
    background-color: #d9534f;
    color: #ffffff !important;
}
.btn-link.btn-success {
    background-color: #4cc93d;
    color: #ffffff !important;
}

div[ng-controller="ApprovalsCtrl"] .table-responsive {
    overflow-x: visible;
}

#widget_optimization .modal-content {
    width: 60%;
    margin-left:auto;
    margin-right:auto;
}

#tag_optimization tr:last-child .dropdown-menu {
    top: auto;
    bottom: 100%;
}

.blacklist_title {
    margin-bottom: 20px;
}

.float-left-foot {
    float:left;
    font-weight:bold;
    color:#666;
    font-size:12px;
}

.remove-target {
    margin-left: -10px;
    cursor: pointer;
}
.badge-include {
    background-color:#5cb85c!important;
}
.badge-exclude {
    background-color:#d9534f!important;
}
.custom-drop {
    margin:2px 235px 0px;
}
.widget_title {
    margin-bottom: 10px;
}
.admin_form {
    width:50%;
    float:right;
    margin-right:15px;
    margin-bottom:10px;
}

.input-margin {
    margin-bottom: 10px;
}

.panel-custom {
    max-height:400px;
    overflow:auto;
}

.list-none {
    list-style:none;
}

.admin_form .input-group .form-control {
    width:80%;
    float:right;
    margin-right:2px;
}

.panel-head-custom {
    width:50%;
    display:block;
    margin-top:-10px;
}
.search_pub {
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}

.remove-item {
    margin:0px 15px 5px -15px;
    cursor: pointer;;
}
/* font awesome x button */
.fa-times-btn {
    font-size: 12px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    color: #666;
}

.fa-times-btn:hover {
    font-size: 14px;
    color: #000;
}

.well-tags {
    max-width: 300px;
    max-height: 200px;
    overflow: auto;
}

/* ul in a well */
.well-ul {
    padding: 0 8px;
    margin-bottom: 0;
}

.well-ul li {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e4e4e4;
}

td .well-ul li {
    margin-bottom: 4px;
    padding-bottom: 4px;
}

.well-ul li .fa {
    margin-right: 8px;
}

.well-ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Twitter typeahead */
.twitter-typeahead {
    width: 100%;
    float: left;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 100%;
  margin: -1px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 10px;
  font-size: 16px;
  line-height: 22px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

#widget_confirm  {
    z-index: 9999;
}

.widget_confirm .modal-content {
    width: 40%;
    margin-left:auto;
    margin-right:auto;
}

.rolodex {

}

.rolodex-wrapper {
  display: table;
  padding-top: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dfdfdf;
  width: 100%;
}

.rolodex-wrapper:last-child {
    border-bottom: none;
}

.rolodex-letter, .rolodex-items {
    display: table-cell;
}

.rolodex-letter {
    color: #666;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    width: 80px;
    font-size: 48px;
}

.rolodex-items {
    vertical-align: middle;
}

.rolodex-items ul {
    margin: 0;
}

.alpha-scroll .alpha-letter-active {
    color: rgba(82,200,70,1) !important;
}

.alpha-scroll .alpha-letter.text-muted {
    color: #c5c5c5;
}

/** clicklog **/
.btn-margin-search {
    margin-left: 5px !important;
    margin-top: -2px !important;
}

/** dashboard linked items **/
.list-group-item-linkable, .list-group-item-no-linkable {
    color: #555555;
}

.list-group-item-linkable:hover {
    color: #555555;
    text-decoration: none;

}

.list-group-item-no-linkable:hover {
    color: #555555;
}

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

/* Drop-menu changes */
@media (min-width: 768px) {
    .dropdown-menu.scrollable {
        max-height: 300px;
    }
}
@media (min-width: 992px) {
    .dropdown-menu.scrollable {
        max-height: 600px;
    }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .dropdown-menu.scrollable {
        max-height: 525px;
    }
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
    .dropdown-menu.scrollable {
        max-height: 155px;
    }
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {
    .dropdown-menu.scrollable {
        max-height: 438px;
    }
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
    .dropdown-menu.scrollable {
        max-height: 103px;
    }
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
    .dropdown-menu.scrollable {
        max-height: 256px;
    }
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {
    .dropdown-menu.scrollable {
        max-height: 108px;
    }
}

/** configuration manager **/
.form-control-number {
    width: 70px !important;
}

/** Bid Predictor **/
.content-id-div-hidden {
    display: block;
}

.content-id-input {
    margin-right: 10px;
    width: 120px;
}

.content-id-submit-btn {
    color: #ffffff;
    background-color: #337ab7;
    margin-right: 5px;
}

.output-div-hidden {
    display: none;
}

#output-div-tbl {
    margin: 0px;
}

.output-div-alert-txt {
    margin-right: 10px;
    color: red;
    font-weight: bold;
}

#output-div-span_spinner {
    margin-right: 5px;
}

/** Archive Boost **/
.modal-sm-archive-boost {
    width: 500px;
}

.div-archive-boost-right {
    text-align: right;
}

.btn-group-boost-action {
    width: 210px;
    margin-right: 5px
}

.btn-group-boost-action .btn + .btn.btn-boost-action{
    margin-left: 0px;
}

.btn-group-boost-action > .btn.btn-boost-action:not(.btn-last-action) {
    border-right: 0px solid #cccccc;
}

/** Creative Denial Reasons **/
.denial-reason-list {
    max-height:400px;
    overflow:auto;
}

.creative-reasons-list-item {
    line-height: 30px;
}

.btn-remove-denial-reason {
    float:right;
    vertical-align: middle;
    margin-top:-30px;
}

.advertiser-creative-denial-reason {
    font-size: 11px;
    color: #777;
    margin-top: 5px;
}

.approval-status-label-approve {
    margin-right: 0px !important;
    border-right: 0px;
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 0px !important;
    float: none;
}

.approval-status-label-deny {
    margin-left: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 3px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 3px !important;
    float: none;
}

.multi-reason-config-heading {
    text-decoration: underline;
    font-weight: bold;
}

.approval-status-btn-group {
    display: table-row-group;
}

.status-saving {
    position: absolute;
    text-align: left;
}

.creative-denial-reason-list {
    overflow: scroll;
}

.creative_denial_reason_filter_list {
    overflow: scroll;
}

.disable-overflow {
    overflow-x: visible !important;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.auth-iframe-block {
     position: relative;
     display: block;
     left: -30px;
     top: -15px;
 }

.auth-iframe {
    margin-top: 5px;
    width: 100%;
    height: 650px;
}

.blacklist-copy-alert-sub-bub {
    position: absolute;
    top: -4px;
    right: -12px;
    padding: 3px 3px 2px 3px;
    background-color: #4cc93d;
    color: white;
    font-family: arial;
    font-weight: bold;
    font-size: 10px;
    border-radius: 4px;
    box-shadow: 1px 1px 1px silver;
}

.blacklist-copy-search-line {
    margin-bottom: 10px;
}

#exclude_low_volume_container .popover {
    max-width: none;
    width: 600px;
}
.referral_demo {
    display:none;
}
.referral_demo .rtext {
    padding-top: 30px;
}
.referral_demo .row .rimg {
    width:333px;
    height:338px
}

#referral_code textarea#share_code {
    resize: none;
    line-height: 1em;
}

.overlay-internal {
    display: block;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99999;
    color: white;
}

.commission-v-row {
    clear:both;
    margin-top: 10px;
    margin-bottom: 30px;
}
.commission-v-row:nth-of-type(2) {
    border: 1px solid rgba(100,100,100,0.1);
}

.commission-v-box-container {
    float:left;
    width: 130px;
    height: 120px;
    margin-right: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: left;
    line-height: 1.4em;
}
.commission-v-box {
    line-height: 1em;
    height: 100px;
    width:100%;
    border: 1px solid grey;
    text-align: center;
}

.commission-view-box {
    position: relative;
}
.commission-view-box-text {
    margin-top: 50px;
}
.commission-verify-box {
    position: relative;
    text-align: center;
}
.commission-verify-box .commission-verify-box-header {
    padding: 5px;
    margin-bottom: 10px;
    background: #eeeeee;
    color: rgb(51,51,51);
}
.commission-verify-box .commission-verify-refresh {
    position: absolute;
    right: 4px;
    color: rgb(150,150,150);
}
.commission-verify-refresh, .commission-v-clickable {
    cursor: pointer;
}
.commission-v-errors {
    resize: none;
}

#split_test_stats #image- {
    position: relative;
    width : 150px;
    height : 100px;
    background-size : cover;
    background-repeat: no-repeat;
}

#image- small {
    background-color : rgba(0, 0, 0, 0.5);
    color: #FFF8F4;
    padding: 5px;
    position: absolute;
    bottom: 0px;
}

body .ad .framed-img {
    background-size: 173px 120px, 200px 150px;
    background-position : 8px 8px, center center;
}

.traffic_enabled i {
    color : green;
}

.traffic_disabled i {
    color : red;
}

.video-sidemenu .nav-tabs li.active:before{
    width: 3px;
}

.video-sidemenu .nav-tabs li.active ul {
    font-size: 12px;
    display: block;
}

.video-sidemenu .nav-tabs li ul {
    display: none;
}

.video-sidemenu .nav-tabs li.active ul li a i.fa {
    font-size: 12px;
}

.video-sidemenu .nav-tabs li ul li a {
    padding-left: 24px;
}

.video-sidemenu .nav-tabs li.active ul li a {
    color: #888;
    font-weight: bold;
}

.video-sidemenu .nav-tabs li.active ul li.active a {
    color: #fff;
    background-color: #888;
}

li.nav-apps > ul.apps-menu {
    margin: 0;
    padding: 10px;
    background-color: #fafafa;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    min-height: 100px;
    padding-top: 10px !important;
    width: 248px;
}
li.nav-apps > ul.apps-menu > li.app-item {
    list-style: none;
    min-width: 104px;
    min-height: 84px;
    float: left;
    margin: 0 5px 5px 5px;
    padding: 9px;

}

li.nav-apps > ul.apps-menu > li.app-item > a {
    display: block;
    width: 84px;
    height: 64px;
    opacity: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 4px;
    position: relative;
}
li.nav-apps > ul.apps-menu > li.app-item.app-active > a {
    opacity: 0.5;
    background-color: rgba(200, 200, 200, 0.3);
}

.dark-body li.nav-apps > ul.apps-menu > li.app-item > a {
    background-color: rgba(0, 0, 0, 0.3);
}

li.nav-apps > ul.apps-menu > li.app-item > a > span.app-label {
    position: absolute;
    display: inline-block;
    width: 100%;
    text-align: center !important;
    bottom: 0;
    left: 0;
    height: 16px;
    line-height: 16px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #555555;
    letter-spacing: 0;
    text-transform: none;
    font-size: 10px;
    font-weight: 400;
    padding: 0 5px;
    font-family: 'Montserrat', sans-serif;
}

li.nav-apps > ul.apps-menu > li.app-item.app-active > a > span.app-label {
    background-color: rgba(0, 0, 0, 0.05);
    font-weight: bold;
}

.dark-body li.nav-apps > ul.apps-menu > li.app-item > a > span.app-label {
    color: #999999;
}

li.nav-apps > ul.apps-menu > li.app-engage > a {
    background: #ffffff url(/assets/img/app-engage.png) center center no-repeat;
    background-position-y: 14px;
    background-size: 24px auto;
}

li.nav-apps > ul.apps-menu > li.app-revcontent > a {
    background: #ffffff url(/assets/img/app-revcontent.png) center center no-repeat;
    background-position-y: 14px;
    background-size: 24px auto;
}

li.nav-apps > ul.apps-menu > li.app-powr > a {
    background: #ffffff url(/assets/img/app-powr.png) center center no-repeat;
    background-position-y: 12px;
    background-size: 28px auto;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/MaterialIcons-Regular.eot);
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/assets/fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(/assets/fonts/MaterialIcons-Regular.woff) format('woff'),
    url(/assets/fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.nav-links {
    height:36px;
    margin-left:0px!important;
    margin-right:0px!important;
    width:35px!important;
}
.custom-link {
    padding-top:10px!important;
    height:35px;
    margin-left:0px!important;
    margin-right:0px!important;
    width:35px!important;
}
.nav-links a, .nav-links a:hover {
    background-color: transparent!important;
}

#widget_optimization {
  overflow-y: auto;
}
#widget_optimization .modal-content {
  min-width: 850px;
}
#widget_optimization ul#template_selector li a span.template-type,
#top_of_template_dropdown #selected_template_name span.template-type {
    width: 64px;
    margin: 0px 5px 0px 5px;
    padding: 0px 2px 0px 2px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #cfcfcf;
}
#widget_optimization ul#template_selector li a span.ellipsis {
    display: inherit;
    max-width: 600px;
}
#template_save {
    width: 100%;
    margin-top: 20px;
    padding-right: 30px;
}

.notifyjs-corner {
    z-index: 10000000 !important;
}
#processingModalMsg {
    height: 30px;
    background-color: #4cc93d;
    text-align:center;
    color:white;
    font-weight:bold;
}

#form_payouts .item-amount
{
    margin-top: 50px;
    margin-bottom: 100px;
}

.reps_grid {
    min-height:330px;
    overflow:hidden;
}

.reps_grid_adm {
    min-height:350px;
    overflow:hidden;
}

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

.chosen-single .cpw-badge {
    margin-top:6px;
}

.funding-source-checkbox {
    display: inline!important;
}

.red-border {
    border: 1px solid red!important;
}

.error-exco {
    font-size:100%!important;
}

.hidden_important {
    display:none!important;
}

.uploader_div {
    border: 2px dashed #999;
    padding-bottom: 83px;
    height: 44px;
    width: 300px;
    text-align: center;
    border-radius: 12px;
    padding-top: 20px;
    padding-left: 85px;
    padding-right: 85px;
}

.uploader_div .fileinput-button, .uploader_div .fileinput-button-direct {
    margin-left:10px;
}

#preview_section {
    max-height: 400px;
    overflow-x:hidden;
    overflow-y:scroll;
}

.recommend-headline {
    color: #3c763d!important;
    font-weight:bold;
}

.modal-suggest {
    max-width: 550px;
}
#suggestionModal .list-group-item {
    cursor: pointer;
    margin-bottom: 10px;
}

#suggestionModal .list-group-item:hover {
    background-color: #4cc93d;
}

.suggestion-loader {
    text-align: center;
}
.error_message {
    color: red;
    font-size:12px;
    margin-top:10px;
}

#suggestionModal .modal-content {background:#15495D;}

.header_top {
    color:cyan;
    font-weight: bold;
    margin-bottom:10px;
}

.disabled-selection {
    cursor:default!important;
    background-color:inherit!important;
}

.disabled-selection:hover {
    background-color:inherit!important;
}
.disabled-selection span {
    color: #ccc;
}