@charset "UTF-8";
:root {
  --var-primary: #2c2b7f;
  --var-primary-rgb: 44, 43, 127;
  --var-jungle: #23aa7f;
  --var-jungle-rgb: 35, 170, 127;
  --var-paradiso: #207371;
  --var-paradiso-rgb: 32, 115, 113;
  --var-delete-button: #c36212;
  --var-delete-button-rgb: 195, 98, 13;
  --var-side-title: #6b6ba6;
  --var-side-title-rgb: 107, 107, 166;
  --var-footer-li: #233a76;
  --var-footer-li-rgb: 35, 58, 118;
  --var-more-posts: #ababcc;
  --var-more-posts-rgb: 171, 171, 204;
  --var-mention-hashtag: #990030;
  --var-mention-hashtag-rgb: 153, 0, 48;
  --var-badge: #ed312a;
  --var-badge-rgb: 237, 49, 42; }

/*! 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;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

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

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

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

input {
  line-height: normal; }

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

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

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

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  direction: ltr; }

body {
  font-family: "opensans";
  font-size: 12px;
  line-height: 1.42857;
  color: #000;
  background-color: #fff; }

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

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 17px;
  margin-bottom: 17px;
  border: 0;
  border-top: 1px solid #000; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

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

h1,
.h1,
.error-section h2,
h2, .h2,
h3, .h3 {
  margin-top: 17px;
  margin-bottom: 8.5px; }
  h1 small,
  h1 .small,
  .h1 small,
  .error-section h2 small,
  .h1 .small,
  .error-section h2 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 8.5px;
  margin-bottom: 8.5px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1,
.h1,
.error-section h2 {
  font-size: 22px; }

h2, .h2 {
  font-size: 16px; }

h3, .h3 {
  font-size: 14px; }

h4, .h4 {
  font-size: 13px; }

h5, .h5 {
  font-size: 13px; }

h6, .h6 {
  font-size: 13px; }

p {
  margin: 0 0 8.5px; }

.lead {
  margin-bottom: 17px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 18px; } }

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

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; }

.bg-primary {
  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: 7.5px;
  margin: 34px 0 17px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 8.5px; }
  ul ul,
  ul ol,
  ol ul,
  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: 17px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

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

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

@media (min-width: 1200px) {
  .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: 8.5px 17px;
  margin: 0 0 17px;
  font-size: 15px;
  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.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

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

address {
  margin-bottom: 17px;
  font-style: normal;
  line-height: 1.42857; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

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: 17px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

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

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

.table-striped > tbody > tr:nth-child(odd) {
  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 > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

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

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

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

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

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

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

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

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

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

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

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 17px;
  font-size: 18px;
  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: 12px;
  line-height: 1.42857;
  color: #7f7f7f; }

.form-control {
  display: block;
  width: 100%;
  height: 31px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857;
  color: #7f7f7f;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1; }

textarea.form-control {
  height: auto; }

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 31px; }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm {
    line-height: 28px; }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg {
    line-height: 42px; } }

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

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 17px;
    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 {
  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="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

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

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0; }
  .form-control-static.input-lg, .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0; }

.input-sm {
  height: 28px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm {
  height: 28px;
  line-height: 28px; }

textarea.input-sm,
select[multiple].input-sm {
  height: auto; }

.form-group-sm .form-control {
  height: 28px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 3px; }

select.form-group-sm .form-control {
  height: 28px;
  line-height: 28px; }

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

.input-lg {
  height: 42px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33;
  border-radius: 6px; }

select.input-lg {
  height: 42px;
  line-height: 42px; }

textarea.input-lg,
select[multiple].input-lg {
  height: auto; }

.form-group-lg .form-control {
  height: 42px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.33;
  border-radius: 6px; }

select.form-group-lg .form-control {
  height: 42px;
  line-height: 42px; }

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

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

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

.input-lg + .form-control-feedback {
  width: 42px;
  height: 42px;
  line-height: 42px; }

.input-sm + .form-control-feedback {
  width: 28px;
  height: 28px;
  line-height: 28px; }

.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: 22px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

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

@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: 24px; }

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

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: left;
    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.3px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px; } }

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

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

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus,
  fieldset[disabled] .btn-primary:active,
  fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }

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

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

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

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

.btn-link {
  color: #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, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

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

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

.btn-xs {
  padding: 1px 5px;
  font-size: 11px;
  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;
  visibility: hidden; }
  .collapse.in {
    display: block;
    visibility: visible; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

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

.dropdown {
  position: relative; }

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

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 12px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 7.5px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }

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

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: var(--var-primary); }

.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: 11px;
  line-height: 1.42857;
  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: 1px; }

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

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 7.5px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #7f7f7f;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }

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

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

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

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

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

.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: 17px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 1200px) {
    .navbar {
      border-radius: 4px; } }

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

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

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

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 1200px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        visibility: visible !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: 320px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

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

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

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 1200px) {
    .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: 16.5px 15px;
  font-size: 15px;
  line-height: 17px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 1200px) {
    .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: 1200px) {
    .navbar-toggle {
      display: none; } }

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

.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: 9.5px;
  margin-bottom: 9.5px; }
  @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: 1199px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 1200px) {
    .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 {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 9.5px;
  margin-bottom: 9.5px; }
  .navbar-btn.btn-sm {
    margin-top: 11px;
    margin-bottom: 11px; }
  .navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 16.5px;
  margin-bottom: 16.5px; }
  @media (min-width: 1200px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; } }

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

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

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 17px;
  list-style: none;
  background-color: transparent;
  border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/ ";
      padding: 0 5px;
      color: #ccc; }
  .breadcrumb > .active {
    color: var(--var-primary); }

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

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

.alert, .alert-msg-success, .alert-msg-error {
  padding: 15px;
  margin-bottom: 17px;
  border: 1px solid transparent;
  border-radius: 15px; }
  .alert h4, .alert-msg-success h4, .alert-msg-error h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link, .alert-msg-success .alert-link, .alert-msg-error .alert-link {
    font-weight: bold; }
  .alert > p, .alert-msg-success > p, .alert-msg-error > p,
  .alert > ul,
  .alert-msg-success > ul,
  .alert-msg-error > ul {
    margin-bottom: 0; }
  .alert > p + p, .alert-msg-success > p + p, .alert-msg-error > 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, .alert-msg-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr, .alert-msg-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link, .alert-msg-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, .alert-msg-error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr, .alert-msg-error hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link, .alert-msg-error .alert-link {
    color: #843534; }

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

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

.panel-heading {
  padding: 2px 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: 14px;
  color: inherit; }
  .panel-title > a {
    color: inherit; }

.panel-footer {
  padding: 2px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  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: 5px 15px;
    padding-right: 5px 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:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead: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:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: 3px; }

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

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

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

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

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

.panel-group {
  margin-bottom: 17px; }
  .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 #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

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

.panel-primary {
  border-color: #337ab7; }
  .panel-primary > .panel-heading {
    color: #fff;
    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: #fff; }
  .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.embed-responsive-16by9 {
    padding-bottom: 56.25%; }
  .embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%; }

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

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

.modal-open {
  overflow: hidden; }

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

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

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

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

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

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

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

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

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

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

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

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

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

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-family: "opensans";
  font-size: 11px;
  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: 250px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  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: #000; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.clearfix:after {
  clear: both; }

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

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

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

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

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

.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

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

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

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

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

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

@media all and (min-width: 20em) {
  .text-xs-left {
    text-align: left !important; } }

@media all and (min-width: 20em) {
  .text-xs-right {
    text-align: right !important; } }

@media all and (min-width: 20em) {
  .text-xs-center {
    text-align: center !important; } }

@media all and (min-width: 20em) {
  .text-xs-justify {
    text-align: justify !important; } }

@media all and (min-width: 20em) {
  .pull-xs-left {
    float: left !important; } }

@media all and (min-width: 20em) {
  .pull-xs-right {
    float: right !important; } }

@media all and (min-width: 20em) {
  .pull-xs-none {
    float: none !important; } }

@media all and (min-width: 48em) {
  .text-sm-left {
    text-align: left !important; } }

@media all and (min-width: 48em) {
  .text-sm-right {
    text-align: right !important; } }

@media all and (min-width: 48em) {
  .text-sm-center {
    text-align: center !important; } }

@media all and (min-width: 48em) {
  .text-sm-justify {
    text-align: justify !important; } }

@media all and (min-width: 48em) {
  .pull-sm-left {
    float: left !important; } }

@media all and (min-width: 48em) {
  .pull-sm-right {
    float: right !important; } }

@media all and (min-width: 48em) {
  .pull-sm-none {
    float: none !important; } }

@media all and (min-width: 62em) {
  .text-md-left {
    text-align: left !important; } }

@media all and (min-width: 62em) {
  .text-md-right {
    text-align: right !important; } }

@media all and (min-width: 62em) {
  .text-md-center {
    text-align: center !important; } }

@media all and (min-width: 62em) {
  .text-md-justify {
    text-align: justify !important; } }

@media all and (min-width: 62em) {
  .pull-md-left {
    float: left !important; } }

@media all and (min-width: 62em) {
  .pull-md-right {
    float: right !important; } }

@media all and (min-width: 62em) {
  .pull-md-none {
    float: none !important; } }

@media all and (min-width: 75em) {
  .text-lg-left {
    text-align: left !important; } }

@media all and (min-width: 75em) {
  .text-lg-right {
    text-align: right !important; } }

@media all and (min-width: 75em) {
  .text-lg-center {
    text-align: center !important; } }

@media all and (min-width: 75em) {
  .text-lg-justify {
    text-align: justify !important; } }

@media all and (min-width: 75em) {
  .pull-lg-left {
    float: left !important; } }

@media all and (min-width: 75em) {
  .pull-lg-right {
    float: right !important; } }

@media all and (min-width: 75em) {
  .pull-lg-none {
    float: none !important; } }

/* Incude bootstrap-dialog to make use of Bootstrap Modal more friendly. Examples: http://nakupanda.github.io/bootstrap3-dialog/*/
/*@import "components/bootstrap-dialog";*/
/* Incude bootstrap-social-buttons to make use Social Buttons for Bootstrap. Examples: http://lipis.github.io/bootstrap-social/*/
/*@import "components/bootstrap-social-buttons";*/
/*!
 * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=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 {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-card:before {
  content: "\f2bb"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-adn:before {
  content: "\f170"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-algolia:before {
  content: "\f36c"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-allergies:before {
  content: "\f461"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-amazon-pay:before {
  content: "\f42c"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-amilia:before {
  content: "\f36d"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-android:before {
  content: "\f17b"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-angular:before {
  content: "\f420"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-apper:before {
  content: "\f371"; }

.fa-apple:before {
  content: "\f179"; }

.fa-apple-pay:before {
  content: "\f415"; }

.fa-archive:before {
  content: "\f187"; }

.fa-arrow-alt-circle-down:before {
  content: "\f358"; }

.fa-arrow-alt-circle-left:before {
  content: "\f359"; }

.fa-arrow-alt-circle-right:before {
  content: "\f35a"; }

.fa-arrow-alt-circle-up:before {
  content: "\f35b"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-arrows-alt-h:before {
  content: "\f337"; }

.fa-arrows-alt-v:before {
  content: "\f338"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-asymmetrik:before {
  content: "\f372"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-audible:before {
  content: "\f373"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-aws:before {
  content: "\f375"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-band-aid:before {
  content: "\f462"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-baseball-ball:before {
  content: "\f433"; }

.fa-basketball-ball:before {
  content: "\f434"; }

.fa-bath:before {
  content: "\f2cd"; }

.fa-battery-empty:before {
  content: "\f244"; }

.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-bed:before {
  content: "\f236"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bimobject:before {
  content: "\f378"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitcoin:before {
  content: "\f379"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-blender:before {
  content: "\f517"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-bold:before {
  content: "\f032"; }

.fa-bolt:before {
  content: "\f0e7"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-book:before {
  content: "\f02d"; }

.fa-book-open:before {
  content: "\f518"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-bowling-ball:before {
  content: "\f436"; }

.fa-box:before {
  content: "\f466"; }

.fa-box-open:before {
  content: "\f49e"; }

.fa-boxes:before {
  content: "\f468"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-briefcase-medical:before {
  content: "\f469"; }

.fa-broadcast-tower:before {
  content: "\f519"; }

.fa-broom:before {
  content: "\f51a"; }

.fa-btc:before {
  content: "\f15a"; }

.fa-bug:before {
  content: "\f188"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-burn:before {
  content: "\f46a"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

.fa-bus:before {
  content: "\f207"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-calendar:before {
  content: "\f133"; }

.fa-calendar-alt:before {
  content: "\f073"; }

.fa-calendar-check:before {
  content: "\f274"; }

.fa-calendar-minus:before {
  content: "\f272"; }

.fa-calendar-plus:before {
  content: "\f271"; }

.fa-calendar-times:before {
  content: "\f273"; }

.fa-camera:before {
  content: "\f030"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-capsules:before {
  content: "\f46b"; }

.fa-car:before {
  content: "\f1b9"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-caret-square-down:before {
  content: "\f150"; }

.fa-caret-square-left:before {
  content: "\f191"; }

.fa-caret-square-right:before {
  content: "\f152"; }

.fa-caret-square-up:before {
  content: "\f151"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-centercode:before {
  content: "\f380"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-chalkboard:before {
  content: "\f51b"; }

.fa-chalkboard-teacher:before {
  content: "\f51c"; }

.fa-chart-area:before {
  content: "\f1fe"; }

.fa-chart-bar:before {
  content: "\f080"; }

.fa-chart-line:before {
  content: "\f201"; }

.fa-chart-pie:before {
  content: "\f200"; }

.fa-check:before {
  content: "\f00c"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-chess:before {
  content: "\f439"; }

.fa-chess-bishop:before {
  content: "\f43a"; }

.fa-chess-board:before {
  content: "\f43c"; }

.fa-chess-king:before {
  content: "\f43f"; }

.fa-chess-knight:before {
  content: "\f441"; }

.fa-chess-pawn:before {
  content: "\f443"; }

.fa-chess-queen:before {
  content: "\f445"; }

.fa-chess-rook:before {
  content: "\f447"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-church:before {
  content: "\f51d"; }

.fa-circle:before {
  content: "\f111"; }

.fa-circle-notch:before {
  content: "\f1ce"; }

.fa-clipboard:before {
  content: "\f328"; }

.fa-clipboard-check:before {
  content: "\f46c"; }

.fa-clipboard-list:before {
  content: "\f46d"; }

.fa-clock:before {
  content: "\f017"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-closed-captioning:before {
  content: "\f20a"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-cloud-download-alt:before {
  content: "\f381"; }

.fa-cloud-upload-alt:before {
  content: "\f382"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-code:before {
  content: "\f121"; }

.fa-code-branch:before {
  content: "\f126"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cog:before {
  content: "\f013"; }

.fa-cogs:before {
  content: "\f085"; }

.fa-coins:before {
  content: "\f51e"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-comment:before {
  content: "\f075"; }

.fa-comment-alt:before {
  content: "\f27a"; }

.fa-comment-dots:before {
  content: "\f4ad"; }

.fa-comment-slash:before {
  content: "\f4b3"; }

.fa-comments:before {
  content: "\f086"; }

.fa-compact-disc:before {
  content: "\f51f"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-compress:before {
  content: "\f066"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-copy:before {
  content: "\f0c5"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-couch:before {
  content: "\f4b8"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-creative-commons-by:before {
  content: "\f4e7"; }

.fa-creative-commons-nc:before {
  content: "\f4e8"; }

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }

.fa-creative-commons-nd:before {
  content: "\f4eb"; }

.fa-creative-commons-pd:before {
  content: "\f4ec"; }

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }

.fa-creative-commons-remix:before {
  content: "\f4ee"; }

.fa-creative-commons-sa:before {
  content: "\f4ef"; }

.fa-creative-commons-sampling:before {
  content: "\f4f0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }

.fa-creative-commons-share:before {
  content: "\f4f2"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-crop:before {
  content: "\f125"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-crow:before {
  content: "\f520"; }

.fa-crown:before {
  content: "\f521"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-css3-alt:before {
  content: "\f38b"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-cut:before {
  content: "\f0c4"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-deaf:before {
  content: "\f2a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-deskpro:before {
  content: "\f38f"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-diagnoses:before {
  content: "\f470"; }

.fa-dice:before {
  content: "\f522"; }

.fa-dice-five:before {
  content: "\f523"; }

.fa-dice-four:before {
  content: "\f524"; }

.fa-dice-one:before {
  content: "\f525"; }

.fa-dice-six:before {
  content: "\f526"; }

.fa-dice-three:before {
  content: "\f527"; }

.fa-dice-two:before {
  content: "\f528"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-discord:before {
  content: "\f392"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-divide:before {
  content: "\f529"; }

.fa-dna:before {
  content: "\f471"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-docker:before {
  content: "\f395"; }

.fa-dollar-sign:before {
  content: "\f155"; }

.fa-dolly:before {
  content: "\f472"; }

.fa-dolly-flatbed:before {
  content: "\f474"; }

.fa-donate:before {
  content: "\f4b9"; }

.fa-door-closed:before {
  content: "\f52a"; }

.fa-door-open:before {
  content: "\f52b"; }

.fa-dot-circle:before {
  content: "\f192"; }

.fa-dove:before {
  content: "\f4ba"; }

.fa-download:before {
  content: "\f019"; }

.fa-draft2digital:before {
  content: "\f396"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-dribbble-square:before {
  content: "\f397"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-dumbbell:before {
  content: "\f44b"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-ebay:before {
  content: "\f4f4"; }

.fa-edge:before {
  content: "\f282"; }

.fa-edit:before {
  content: "\f044"; }

.fa-eject:before {
  content: "\f052"; }

.fa-elementor:before {
  content: "\f430"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-ember:before {
  content: "\f423"; }

.fa-empire:before {
  content: "\f1d1"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-envira:before {
  content: "\f299"; }

.fa-equals:before {
  content: "\f52c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-erlang:before {
  content: "\f39d"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-euro-sign:before {
  content: "\f153"; }

.fa-exchange-alt:before {
  content: "\f362"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-expand:before {
  content: "\f065"; }

.fa-expand-arrows-alt:before {
  content: "\f31e"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-external-link-alt:before {
  content: "\f35d"; }

.fa-external-link-square-alt:before {
  content: "\f360"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-dropper:before {
  content: "\f1fb"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-feather:before {
  content: "\f52d"; }

.fa-female:before {
  content: "\f182"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-alt:before {
  content: "\f15c"; }

.fa-file-archive:before {
  content: "\f1c6"; }

.fa-file-audio:before {
  content: "\f1c7"; }

.fa-file-code:before {
  content: "\f1c9"; }

.fa-file-excel:before {
  content: "\f1c3"; }

.fa-file-image:before {
  content: "\f1c5"; }

.fa-file-medical:before {
  content: "\f477"; }

.fa-file-medical-alt:before {
  content: "\f478"; }

.fa-file-pdf:before {
  content: "\f1c1"; }

.fa-file-powerpoint:before {
  content: "\f1c4"; }

.fa-file-video:before {
  content: "\f1c8"; }

.fa-file-word:before {
  content: "\f1c2"; }

.fa-film:before {
  content: "\f008"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-first-aid:before {
  content: "\f479"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-first-order-alt:before {
  content: "\f50a"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-flag:before {
  content: "\f024"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-flipboard:before {
  content: "\f44d"; }

.fa-fly:before {
  content: "\f417"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-font:before {
  content: "\f031"; }

.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-font-awesome-alt:before {
  content: "\f35c"; }

.fa-font-awesome-flag:before {
  content: "\f425"; }

.fa-font-awesome-logo-full:before {
  content: "\f4e6"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-football-ball:before {
  content: "\f44e"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-frog:before {
  content: "\f52e"; }

.fa-frown:before {
  content: "\f119"; }

.fa-fulcrum:before {
  content: "\f50b"; }

.fa-futbol:before {
  content: "\f1e3"; }

.fa-galactic-republic:before {
  content: "\f50c"; }

.fa-galactic-senate:before {
  content: "\f50d"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-gas-pump:before {
  content: "\f52f"; }

.fa-gavel:before {
  content: "\f0e3"; }

.fa-gem:before {
  content: "\f3a5"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-github:before {
  content: "\f09b"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-gitkraken:before {
  content: "\f3a6"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-gitter:before {
  content: "\f426"; }

.fa-glass-martini:before {
  content: "\f000"; }

.fa-glasses:before {
  content: "\f530"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-golf-ball:before {
  content: "\f450"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-google-plus:before {
  content: "\f2b3"; }

.fa-google-plus-g:before {
  content: "\f0d5"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-gratipay:before {
  content: "\f184"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-greater-than:before {
  content: "\f531"; }

.fa-greater-than-equal:before {
  content: "\f532"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-gulp:before {
  content: "\f3ae"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-hacker-news-square:before {
  content: "\f3af"; }

.fa-hand-holding:before {
  content: "\f4bd"; }

.fa-hand-holding-heart:before {
  content: "\f4be"; }

.fa-hand-holding-usd:before {
  content: "\f4c0"; }

.fa-hand-lizard:before {
  content: "\f258"; }

.fa-hand-paper:before {
  content: "\f256"; }

.fa-hand-peace:before {
  content: "\f25b"; }

.fa-hand-point-down:before {
  content: "\f0a7"; }

.fa-hand-point-left:before {
  content: "\f0a5"; }

.fa-hand-point-right:before {
  content: "\f0a4"; }

.fa-hand-point-up:before {
  content: "\f0a6"; }

.fa-hand-pointer:before {
  content: "\f25a"; }

.fa-hand-rock:before {
  content: "\f255"; }

.fa-hand-scissors:before {
  content: "\f257"; }

.fa-hand-spock:before {
  content: "\f259"; }

.fa-hands:before {
  content: "\f4c2"; }

.fa-hands-helping:before {
  content: "\f4c4"; }

.fa-handshake:before {
  content: "\f2b5"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-hdd:before {
  content: "\f0a0"; }

.fa-heading:before {
  content: "\f1dc"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-heart:before {
  content: "\f004"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-helicopter:before {
  content: "\f533"; }

.fa-hips:before {
  content: "\f452"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

.fa-history:before {
  content: "\f1da"; }

.fa-hockey-puck:before {
  content: "\f453"; }

.fa-home:before {
  content: "\f015"; }

.fa-hooli:before {
  content: "\f427"; }

.fa-hospital:before {
  content: "\f0f8"; }

.fa-hospital-alt:before {
  content: "\f47d"; }

.fa-hospital-symbol:before {
  content: "\f47e"; }

.fa-hotjar:before {
  content: "\f3b1"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-start:before {
  content: "\f251"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-id-card:before {
  content: "\f2c2"; }

.fa-id-card-alt:before {
  content: "\f47f"; }

.fa-image:before {
  content: "\f03e"; }

.fa-images:before {
  content: "\f302"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-industry:before {
  content: "\f275"; }

.fa-infinity:before {
  content: "\f534"; }

.fa-info:before {
  content: "\f129"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-italic:before {
  content: "\f033"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-jedi-order:before {
  content: "\f50e"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-js-square:before {
  content: "\f3b9"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-key:before {
  content: "\f084"; }

.fa-keybase:before {
  content: "\f4f5"; }

.fa-keyboard:before {
  content: "\f11c"; }

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-kiwi-bird:before {
  content: "\f535"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-laravel:before {
  content: "\f3bd"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-lemon:before {
  content: "\f094"; }

.fa-less:before {
  content: "\f41d"; }

.fa-less-than:before {
  content: "\f536"; }

.fa-less-than-equal:before {
  content: "\f537"; }

.fa-level-down-alt:before {
  content: "\f3be"; }

.fa-level-up-alt:before {
  content: "\f3bf"; }

.fa-life-ring:before {
  content: "\f1cd"; }

.fa-lightbulb:before {
  content: "\f0eb"; }

.fa-line:before {
  content: "\f3c0"; }

.fa-link:before {
  content: "\f0c1"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-linkedin-in:before {
  content: "\f0e1"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-lira-sign:before {
  content: "\f195"; }

.fa-list:before {
  content: "\f03a"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-lock:before {
  content: "\f023"; }

.fa-lock-open:before {
  content: "\f3c1"; }

.fa-long-arrow-alt-down:before {
  content: "\f309"; }

.fa-long-arrow-alt-left:before {
  content: "\f30a"; }

.fa-long-arrow-alt-right:before {
  content: "\f30b"; }

.fa-long-arrow-alt-up:before {
  content: "\f30c"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-magento:before {
  content: "\f3c4"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-male:before {
  content: "\f183"; }

.fa-mandalorian:before {
  content: "\f50f"; }

.fa-map:before {
  content: "\f279"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-map-marker-alt:before {
  content: "\f3c5"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mastodon:before {
  content: "\f4f6"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-medapps:before {
  content: "\f3c6"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-medium-m:before {
  content: "\f3c7"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-medrt:before {
  content: "\f3c8"; }

.fa-meetup:before {
  content: "\f2e0"; }

.fa-meh:before {
  content: "\f11a"; }

.fa-memory:before {
  content: "\f538"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-alt:before {
  content: "\f3c9"; }

.fa-microphone-alt-slash:before {
  content: "\f539"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-microsoft:before {
  content: "\f3ca"; }

.fa-minus:before {
  content: "\f068"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-mizuni:before {
  content: "\f3cc"; }

.fa-mobile:before {
  content: "\f10b"; }

.fa-mobile-alt:before {
  content: "\f3cd"; }

.fa-modx:before {
  content: "\f285"; }

.fa-monero:before {
  content: "\f3d0"; }

.fa-money-bill:before {
  content: "\f0d6"; }

.fa-money-bill-alt:before {
  content: "\f3d1"; }

.fa-money-bill-wave:before {
  content: "\f53a"; }

.fa-money-bill-wave-alt:before {
  content: "\f53b"; }

.fa-money-check:before {
  content: "\f53c"; }

.fa-money-check-alt:before {
  content: "\f53d"; }

.fa-moon:before {
  content: "\f186"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-music:before {
  content: "\f001"; }

.fa-napster:before {
  content: "\f3d2"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-newspaper:before {
  content: "\f1ea"; }

.fa-nintendo-switch:before {
  content: "\f418"; }

.fa-node:before {
  content: "\f419"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-not-equal:before {
  content: "\f53e"; }

.fa-notes-medical:before {
  content: "\f481"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-old-republic:before {
  content: "\f510"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-outdent:before {
  content: "\f03b"; }

.fa-page4:before {
  content: "\f3d7"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-palette:before {
  content: "\f53f"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-pallet:before {
  content: "\f482"; }

.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-parachute-box:before {
  content: "\f4cd"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-parking:before {
  content: "\f540"; }

.fa-paste:before {
  content: "\f0ea"; }

.fa-patreon:before {
  content: "\f3d9"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-pen-square:before {
  content: "\f14b"; }

.fa-pencil-alt:before {
  content: "\f303"; }

.fa-people-carry:before {
  content: "\f4ce"; }

.fa-percent:before {
  content: "\f295"; }

.fa-percentage:before {
  content: "\f541"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-phoenix-squadron:before {
  content: "\f511"; }

.fa-phone:before {
  content: "\f095"; }

.fa-phone-slash:before {
  content: "\f3dd"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-phone-volume:before {
  content: "\f2a0"; }

.fa-php:before {
  content: "\f457"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-piggy-bank:before {
  content: "\f4d3"; }

.fa-pills:before {
  content: "\f484"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-plane:before {
  content: "\f072"; }

.fa-play:before {
  content: "\f04b"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-playstation:before {
  content: "\f3df"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-plus:before {
  content: "\f067"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-poo:before {
  content: "\f2fe"; }

.fa-portrait:before {
  content: "\f3e0"; }

.fa-pound-sign:before {
  content: "\f154"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-prescription-bottle:before {
  content: "\f485"; }

.fa-prescription-bottle-alt:before {
  content: "\f486"; }

.fa-print:before {
  content: "\f02f"; }

.fa-procedures:before {
  content: "\f487"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-project-diagram:before {
  content: "\f542"; }

.fa-pushed:before {
  content: "\f3e1"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-python:before {
  content: "\f3e2"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-question:before {
  content: "\f128"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-quidditch:before {
  content: "\f458"; }

.fa-quinscape:before {
  content: "\f459"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-r-project:before {
  content: "\f4f7"; }

.fa-random:before {
  content: "\f074"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-react:before {
  content: "\f41b"; }

.fa-readme:before {
  content: "\f4d5"; }

.fa-rebel:before {
  content: "\f1d0"; }

.fa-receipt:before {
  content: "\f543"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-red-river:before {
  content: "\f3e3"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-redo:before {
  content: "\f01e"; }

.fa-redo-alt:before {
  content: "\f2f9"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-rendact:before {
  content: "\f3e4"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-reply:before {
  content: "\f3e5"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-researchgate:before {
  content: "\f4f8"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-ribbon:before {
  content: "\f4d6"; }

.fa-road:before {
  content: "\f018"; }

.fa-robot:before {
  content: "\f544"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-ruble-sign:before {
  content: "\f158"; }

.fa-ruler:before {
  content: "\f545"; }

.fa-ruler-combined:before {
  content: "\f546"; }

.fa-ruler-horizontal:before {
  content: "\f547"; }

.fa-ruler-vertical:before {
  content: "\f548"; }

.fa-rupee-sign:before {
  content: "\f156"; }

.fa-safari:before {
  content: "\f267"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-save:before {
  content: "\f0c7"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-school:before {
  content: "\f549"; }

.fa-screwdriver:before {
  content: "\f54a"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-search:before {
  content: "\f002"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-seedling:before {
  content: "\f4d8"; }

.fa-sellcast:before {
  content: "\f2da"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-server:before {
  content: "\f233"; }

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-share:before {
  content: "\f064"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-shekel-sign:before {
  content: "\f20b"; }

.fa-shield-alt:before {
  content: "\f3ed"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-shipping-fast:before {
  content: "\f48b"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-shoe-prints:before {
  content: "\f54b"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-sign:before {
  content: "\f4d9"; }

.fa-sign-in-alt:before {
  content: "\f2f6"; }

.fa-sign-language:before {
  content: "\f2a7"; }

.fa-sign-out-alt:before {
  content: "\f2f5"; }

.fa-signal:before {
  content: "\f012"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-sistrix:before {
  content: "\f3ee"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-sith:before {
  content: "\f512"; }

.fa-skull:before {
  content: "\f54c"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-slack:before {
  content: "\f198"; }

.fa-slack-hash:before {
  content: "\f3ef"; }

.fa-sliders-h:before {
  content: "\f1de"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-smile:before {
  content: "\f118"; }

.fa-smoking:before {
  content: "\f48d"; }

.fa-smoking-ban:before {
  content: "\f54d"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-snowflake:before {
  content: "\f2dc"; }

.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-alpha-down:before {
  content: "\f15d"; }

.fa-sort-alpha-up:before {
  content: "\f15e"; }

.fa-sort-amount-down:before {
  content: "\f160"; }

.fa-sort-amount-up:before {
  content: "\f161"; }

.fa-sort-down:before {
  content: "\f0dd"; }

.fa-sort-numeric-down:before {
  content: "\f162"; }

.fa-sort-numeric-up:before {
  content: "\f163"; }

.fa-sort-up:before {
  content: "\f0de"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-speakap:before {
  content: "\f3f3"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-square-full:before {
  content: "\f45c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-staylinked:before {
  content: "\f3f5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-steam-symbol:before {
  content: "\f3f6"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stopwatch:before {
  content: "\f2f2"; }

.fa-store:before {
  content: "\f54e"; }

.fa-store-alt:before {
  content: "\f54f"; }

.fa-strava:before {
  content: "\f428"; }

.fa-stream:before {
  content: "\f550"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-stripe:before {
  content: "\f429"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-stroopwafel:before {
  content: "\f551"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-subway:before {
  content: "\f239"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-sun:before {
  content: "\f185"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-supple:before {
  content: "\f3f9"; }

.fa-sync:before {
  content: "\f021"; }

.fa-sync-alt:before {
  content: "\f2f1"; }

.fa-syringe:before {
  content: "\f48e"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-table-tennis:before {
  content: "\f45d"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-tablet-alt:before {
  content: "\f3fa"; }

.fa-tablets:before {
  content: "\f490"; }

.fa-tachometer-alt:before {
  content: "\f3fd"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-tape:before {
  content: "\f4db"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-taxi:before {
  content: "\f1ba"; }

.fa-teamspeak:before {
  content: "\f4f9"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-telegram-plane:before {
  content: "\f3fe"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-thermometer:before {
  content: "\f491"; }

.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbtack:before {
  content: "\f08d"; }

.fa-ticket-alt:before {
  content: "\f3ff"; }

.fa-times:before {
  content: "\f00d"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-tint:before {
  content: "\f043"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-toolbox:before {
  content: "\f552"; }

.fa-trade-federation:before {
  content: "\f513"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-train:before {
  content: "\f238"; }

.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-trash-alt:before {
  content: "\f2ed"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-trello:before {
  content: "\f181"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-truck-loading:before {
  content: "\f4de"; }

.fa-truck-moving:before {
  content: "\f4df"; }

.fa-tshirt:before {
  content: "\f553"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-tv:before {
  content: "\f26c"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-typo3:before {
  content: "\f42b"; }

.fa-uber:before {
  content: "\f402"; }

.fa-uikit:before {
  content: "\f403"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-undo:before {
  content: "\f0e2"; }

.fa-undo-alt:before {
  content: "\f2ea"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-university:before {
  content: "\f19c"; }

.fa-unlink:before {
  content: "\f127"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-untappd:before {
  content: "\f405"; }

.fa-upload:before {
  content: "\f093"; }

.fa-usb:before {
  content: "\f287"; }

.fa-user:before {
  content: "\f007"; }

.fa-user-alt:before {
  content: "\f406"; }

.fa-user-alt-slash:before {
  content: "\f4fa"; }

.fa-user-astronaut:before {
  content: "\f4fb"; }

.fa-user-check:before {
  content: "\f4fc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-clock:before {
  content: "\f4fd"; }

.fa-user-cog:before {
  content: "\f4fe"; }

.fa-user-edit:before {
  content: "\f4ff"; }

.fa-user-friends:before {
  content: "\f500"; }

.fa-user-graduate:before {
  content: "\f501"; }

.fa-user-lock:before {
  content: "\f502"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-user-minus:before {
  content: "\f503"; }

.fa-user-ninja:before {
  content: "\f504"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-user-shield:before {
  content: "\f505"; }

.fa-user-slash:before {
  content: "\f506"; }

.fa-user-tag:before {
  content: "\f507"; }

.fa-user-tie:before {
  content: "\f508"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-users:before {
  content: "\f0c0"; }

.fa-users-cog:before {
  content: "\f509"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-utensil-spoon:before {
  content: "\f2e5"; }

.fa-utensils:before {
  content: "\f2e7"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-venus:before {
  content: "\f221"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-vial:before {
  content: "\f492"; }

.fa-vials:before {
  content: "\f493"; }

.fa-viber:before {
  content: "\f409"; }

.fa-video:before {
  content: "\f03d"; }

.fa-video-slash:before {
  content: "\f4e2"; }

.fa-vimeo:before {
  content: "\f40a"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-vimeo-v:before {
  content: "\f27d"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-vk:before {
  content: "\f189"; }

.fa-vnv:before {
  content: "\f40b"; }

.fa-volleyball-ball:before {
  content: "\f45f"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-walking:before {
  content: "\f554"; }

.fa-wallet:before {
  content: "\f555"; }

.fa-warehouse:before {
  content: "\f494"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-weight:before {
  content: "\f496"; }

.fa-weixin:before {
  content: "\f1d7"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-whatsapp-square:before {
  content: "\f40c"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-whmcs:before {
  content: "\f40d"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-window-close:before {
  content: "\f410"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-wine-glass:before {
  content: "\f4e3"; }

.fa-wolf-pack-battalion:before {
  content: "\f514"; }

.fa-won-sign:before {
  content: "\f159"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-wordpress-simple:before {
  content: "\f411"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-x-ray:before {
  content: "\f497"; }

.fa-xbox:before {
  content: "\f412"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-y-combinator:before {
  content: "\f23b"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-yen-sign:before {
  content: "\f157"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-youtube-square:before {
  content: "\f431"; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: var(--var-primary);
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "⇽"; }
    [dir="rtl"] .slick-prev:before {
      content: "⇾"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "⇾"; }
    [dir="rtl"] .slick-next:before {
      content: "⇽"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 35px;
        line-height: 20px;
        text-align: center;
        color: var(--var-primary);
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: var(--var-primary);
      opacity: 0.75; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; }

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
@keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9; }
  100% {
    opacity: 0; } }

select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important; }

.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
  vertical-align: middle; }
  .bootstrap-select > .dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between; }
    .bootstrap-select > .dropdown-toggle:after {
      margin-top: -1px; }
    .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
      color: #999; }
    .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
      color: rgba(255, 255, 255, 0.5); }
  .bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important; }
    .bootstrap-select > select.mobile-device {
      top: 0;
      left: 0;
      display: block !important;
      width: 100% !important;
      z-index: 2 !important; }
  .has-error .bootstrap-select .dropdown-toggle,
  .error .bootstrap-select .dropdown-toggle,
  .bootstrap-select.is-invalid .dropdown-toggle,
  .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
    border-color: #b94a48; }
  .bootstrap-select.is-valid .dropdown-toggle,
  .was-validated .bootstrap-select select:valid + .dropdown-toggle {
    border-color: #28a745; }
  .bootstrap-select.fit-width {
    width: auto !important; }
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px; }
  .bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
  .bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px; }

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
  height: auto; }
  :not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%; }
  .bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto; }

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
  width: auto; }

.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0; }

.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
  float: right; }

.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
  margin-bottom: 0; }

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
  padding: 0; }
  .form-group-lg .bootstrap-select.form-control .dropdown-toggle,
  .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit; }

.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit; }

.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem; }

.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem; }

.form-inline .bootstrap-select .form-control {
  width: 100%; }

.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed; }
  .bootstrap-select.disabled:focus,
  .bootstrap-select > .disabled:focus {
    outline: none !important; }

.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important; }
  .bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060; }

.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  flex: 0 1 auto; }
  .bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit; }
  .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none; }
    .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
      padding-right: inherit; }

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden; }

.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden; }

.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle; }

.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit; }

.bootstrap-select[class*="col-"] .dropdown-toggle {
  width: 100%; }

.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bootstrap-select .dropdown-menu > .inner:focus {
    outline: none !important; }
  .bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none; }
  .bootstrap-select .dropdown-menu li {
    position: relative; }
    .bootstrap-select .dropdown-menu li.active small {
      color: rgba(255, 255, 255, 0.5) !important; }
    .bootstrap-select .dropdown-menu li.disabled a {
      cursor: not-allowed; }
    .bootstrap-select .dropdown-menu li a {
      cursor: pointer;
      user-select: none; }
      .bootstrap-select .dropdown-menu li a.opt {
        position: relative;
        padding-left: 2.25em; }
      .bootstrap-select .dropdown-menu li a span.check-mark {
        display: none; }
      .bootstrap-select .dropdown-menu li a span.text {
        display: inline-block; }
    .bootstrap-select .dropdown-menu li small {
      padding-left: 0.5em; }
  .bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: whitesmoke;
    border: 1px solid #e3e3e3;
    -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);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .bootstrap-select .dropdown-menu .notify.fadeOut {
      animation: 300ms linear 750ms forwards bs-notify-fadeOut; }

.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap; }

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0; }

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline; }

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: '\00a0'; }

.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px; }

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px; }

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px; }

.bootstrap-select .bs-ok-default:after {
  content: '';
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  transform-style: preserve-3d;
  transform: rotate(45deg); }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061; }

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block; }

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px; }

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bs-actionsbox .btn-group button {
    width: 50%; }

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bs-donebutton .btn-group button {
    width: 100%; }

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none; }

.bar {
  border-bottom: 1px solid #aeaeae;
  background: #F5F5F5;
  height: 40px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  float: left;
  color: #333;
  border-color: #999;
  z-index: 1000; }

a {
  text-decoration: none; }

.bar img {
  height: 30px;
  margin: 5px 6px; }

.center {
  width: 90%;
  margin: auto;
  margin-top: 60px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  padding: 10px 20px;
  text-align: justify; }

.rectangle {
  cursor: pointer;
  color: white; }

.rectangleHover {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.feedback {
  position: fixed;
  bottom: -4px;
  left: -4px; }

.feed {
  border: 1px solid #f2f2f2;
  z-index: 1000;
  color: #444444;
  /*	font: bold 11px Arial, sans-serif;*/
  text-decoration: none;
  text-shadow: 0 1px 0 white;
  padding: 5px 7px 10px 11px;
  background: #f2f2f2;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0px 1px 2px rgba(0, 0, 0, 0.15);
  cursor: default; }

.feed:active {
  border-color: #4d90fe;
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  cursor: default; }

#feedbackOptions {
  display: none;
  z-index: 1004; }

#canvas {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1001;
  background-color: #000;
  display: block; }

.preview {
  padding: 5px;
  width: 470px;
  color: black;
  /*font-family: "lucida grande",tahoma,verdana,arial,sans-serif;*/
  font-size: 12px;
  padding-bottom: 8px;
  padding-top: 8px;
  display: none;
  border: 1px solid #b3b3b3;
  float: left;
  margin-bottom: 8px; }

.previewImages, .previewImage {
  width: 130px;
  margin-right: 12px;
  float: left;
  color: transparent; }

.previewButtons {
  display: none;
  width: 325px;
  margin-bottom: 39px;
  margin-top: 12px; }

.previewContent {
  font-size: 11px;
  width: 325px;
  float: left; }

.previewTitle {
  width: 325px;
  font-weight: bold;
  font-size: 12px;
  margin: 0 auto 2px auto; }

.previewTitle a {
  width: 355px;
  margin: 0 auto 0 auto; }

.previewUrl {
  width: 325px;
  color: #666;
  font-size: 11px;
  margin: 0 auto 9px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.previewDescription {
  margin: 0 auto 8px auto; }

.previewTitle span, .previewDescription span {
  cursor: pointer;
  word-break: break-word; }

.buttonLeftActive {
  background-image: url("../images/selectionButtons.gif");
  background-repeat: no-repeat;
  background-position: 0 -83px;
  width: 25px;
  height: 22px;
  float: left;
  cursor: pointer; }

.buttonRightActive {
  background-image: url("../images/selectionButtons.gif");
  background-repeat: no-repeat;
  width: 25px;
  height: 22px;
  margin-right: 10px;
  background-position: -25px -83px;
  float: left;
  cursor: pointer; }

.buttonLeftDeactive {
  background-image: url("../images/selectionButtons.gif");
  background-repeat: no-repeat;
  background-position: -50px -83px;
  width: 25px;
  height: 22px;
  float: left; }

.buttonRightDeactive {
  background-image: url("../images/selectionButtons.gif");
  background-repeat: no-repeat;
  background-position: -75px -83px;
  width: 25px;
  height: 22px;
  margin-right: 10px;
  float: left; }

.buttonLeftActive:active {
  background-image: url("../images/selectionButtons.gif");
  background-repeat: no-repeat;
  background-position: -100px -83px; }

.buttonRightActive:active {
  background-image: url("../images/selectionButtons.gif");
  background-repeat: no-repeat;
  background-position: -125px -83px; }

.photoNumbers {
  font-size: 10px;
  margin-top: 5px;
  float: left;
  margin-right: 10px; }

.chooseThumbnail {
  font-size: 10px;
  color: #999;
  margin-top: 5px;
  float: left; }

.previewLoading {
  float: right;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 10px;
  border: 1px solid transparent;
  height: 12px;
  display: none; }

.linkPreview, #retrieveFromDatabase {
  margin: 0; }

.noThumbDiv {
  color: #333;
  font-size: 11px; }

.noThumbCb {
  vertical-align: -2px;
  margin-right: 4px;
  margin-left: 0px;
  float: left; }

.nT {
  float: left;
  width: 270px;
  margin-top: 3px;
  cursor: pointer; }

.inputPreview {
  margin-left: -2px;
  font-size: 11px;
  padding: 3px 1px; }

/*.text{
	width: 471px;
	height: 60px;
	border: 1px solid #b3b3b3;
	border-bottom: 1px solid #e6e6e6;
	resize: none;
	font-family: Arial;
	padding: 5px;
	color: grey;
}*/
.closePreview {
  float: right;
  background-image: url("../img/close.png");
  background-repeat: no-repeat;
  background-position: left 0px;
  height: 15px;
  width: 15px;
  cursor: pointer; }

.closePreview:hover {
  background-image: url("../img/close.png");
  background-repeat: no-repeat;
  background-position: left -32px; }

.closePreview:active {
  background-image: url("../img/close.png");
  background-repeat: no-repeat;
  background-position: left -48px; }

.postPreviewButton {
  padding: 4px 16px;
  background-image: url("../img/backgrounds.png");
  background-repeat: no-repeat;
  background-position: 0 -49px;
  background-color: #5B74A8;
  border-color: #29447E #29447E #1A356E;
  border: 1px solid #1a356e;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  color: white;
  /*font-family: "lucida grande",tahoma,verdana,arial,sans-serif;*/
  float: right; }

.postPreviewButton:active {
  background-image: none;
  background: #4f6aa3; }

.postPreview {
  background: #f2f2f2;
  padding: 2px;
  border: 1px solid #b3b3b3;
  border-top: 0px;
  width: 505px;
  margin-bottom: 20px;
  margin-top: -1px; }

.previewPosted {
  padding: 5px;
  width: 499px;
  color: black;
  margin-bottom: 20px;
  /*font-family: "lucida grande",tahoma,verdana,arial,sans-serif;*/
  font-size: 12px;
  border: 1px dashed #b3b3b3;
  float: left; }

.previewPosted a {
  color: #3B5998; }

.previewPosted a:hover {
  text-decoration: underline;
  color: #3B5998; }

.previewImagesPosted {
  width: 130px;
  margin-right: 12px;
  float: left;
  cursor: pointer; }

.previewContentPosted {
  font-size: 11px;
  width: 355px;
  float: left; }

.previewTitlePosted, .previewTitlePosted a {
  width: 355px;
  font-weight: bold;
  font-size: 12px;
  margin: 0 auto 2px auto;
  color: #3B5998; }

.previewTitlePosted a:hover {
  text-decoration: underline;
  color: #3B5998; }

.previewUrlPosted, .previewUrlPosted a {
  width: 355px;
  color: gray !important;
  font-size: 11px;
  margin: 0 auto 9px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.previewUrlPosted a:hover {
  color: #3B5998;
  text-decoration: underline; }

.previewDescriptionPosted {
  margin: 0 auto 8px auto; }

.previewTitlePosted span {
  cursor: pointer;
  word-break: break-word; }

.previewDescriptionPosted span {
  word-break: break-word;
  color: gray; }

.previewTextPosted {
  margin-bottom: 10px;
  word-break: break-word; }

.videoPostPlay {
  background-image: url("../img/play.png");
  bottom: 5px;
  height: 26px;
  left: 5px;
  width: 35px;
  float: left;
  z-index: 1;
  margin-left: 5px;
  margin-top: -31px; }

.tagify {
  --tags-border-color: #DDD;
  --tag-bg: #E5E5E5;
  --tag-hover: #D3E2E2;
  --tag-text-color: black;
  --tag-text-color--edit: black;
  --tag-pad: 0.3em 0.5em;
  --tag-inset-shadow-size: 1.1em;
  --tag-invalid-color: #D39494;
  --tag-invalid-bg: rgba(211, 148, 148, 0.5);
  --tag-remove-bg: rgba(211, 148, 148, 0.3);
  --tag-remove-btn-bg: none;
  --tag-remove-btn-bg--hover: #c77777;
  --tag--min-width: 1ch;
  --tag--max-width: auto;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border: 1px solid #DDD;
  border: 1px solid var(--tags-border-color);
  padding: 0;
  line-height: 1.1;
  cursor: text;
  position: relative;
  transition: .1s; }

@keyframes tags--bump {
  30% {
    transform: scale(1.2); } }
  .tagify:hover {
    border-color: #CCC; }
  .tagify.tagify--focus {
    border-color: #85C8EA; }
  .tagify[readonly] {
    cursor: default; }
    .tagify[readonly] > .tagify__input {
      visibility: hidden;
      width: 0;
      margin: 5px 0; }
    .tagify[readonly] .tagify__tag__removeBtn {
      display: none; }
    .tagify[readonly] .tagify__tag > div {
      padding: 0.3em 0.5em;
      padding: var(--tag-pad); }
      .tagify[readonly] .tagify__tag > div::before {
        background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
        box-shadow: none;
        filter: brightness(0.95); }
  .tagify + input,
  .tagify + textarea {
    display: none !important; }
  .tagify__tag {
    display: inline-flex;
    align-items: center;
    margin: 5px 0 5px 5px;
    position: relative;
    z-index: 1;
    cursor: default;
    transition: .13s ease-out; }
    .tagify__tag.tagify--editable > div {
      color: black;
      color: var(--tag-text-color--edit); }
      .tagify__tag.tagify--editable > div::before {
        box-shadow: 0 0 0 2px #D3E2E2 inset !important;
        box-shadow: 0 0 0 2px var(--tag-hover) inset !important; }
    .tagify__tag.tagify--editable.tagify--invalid > div::before {
      box-shadow: 0 0 0 2px #D39494 inset !important;
      box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important; }
    .tagify__tag > div {
      vertical-align: top;
      box-sizing: border-box;
      max-width: 100%;
      padding: 0.3em 0.5em;
      padding: var(--tag-pad);
      color: black;
      color: var(--tag-text-color);
      line-height: inherit;
      border-radius: 3px;
      user-select: none;
      transition: .13s ease-out; }
      .tagify__tag > div > * {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: top;
        min-width: var(--tag--min-width);
        max-width: var(--tag--max-width); }
        .tagify__tag > div > *[contenteditable] {
          outline: none;
          user-select: text;
          cursor: text;
          margin: -2px;
          padding: 2px; }
      .tagify__tag > div::before {
        content: '';
        position: absolute;
        border-radius: inherit;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        pointer-events: none;
        transition: 120ms ease;
        animation: tags--bump .3s ease-out 1;
        box-shadow: 0 0 0 1.1em #E5E5E5 inset;
        box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset; }
    .tagify__tag:hover:not([readonly]) div::before {
      top: -2px;
      right: -2px;
      bottom: -2px;
      left: -2px;
      box-shadow: 0 0 0 1.1em #D3E2E2 inset;
      box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-hover) inset; }
    .tagify__tag.tagify--noAnim {
      animation: none; }
    .tagify__tag.tagify--hide {
      width: 0 !important;
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0;
      opacity: 0;
      transform: scale(0);
      transition: .3s;
      pointer-events: none; }
    .tagify__tag.tagify--mark div::before {
      animation: none; }
    .tagify__tag.tagify--notAllowed div > span {
      opacity: .5; }
    .tagify__tag.tagify--notAllowed div::before {
      box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.5) inset !important;
      box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-invalid-bg) inset !important;
      transition: .2s; }
    .tagify__tag[readonly] .tagify__tag__removeBtn {
      display: none; }
    .tagify__tag[readonly] > div::before {
      background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
      box-shadow: none;
      filter: brightness(0.95); }
  .tagify__tag__removeBtn {
    order: 5;
    font: 14px/16px Serif;
    background: none;
    background: var(--tag-remove-btn-bg);
    color: black;
    color: var(--tag-text-color);
    width: 14px;
    height: 14px;
    text-align: center;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 4.66667px;
    margin-left: -4.66667px;
    transition: .2s ease-out; }
    .tagify__tag__removeBtn::after {
      content: "\00D7"; }
    .tagify__tag__removeBtn:hover {
      color: white;
      background: #c77777;
      background: var(--tag-remove-btn-bg--hover); }
      .tagify__tag__removeBtn:hover + div > span {
        opacity: .5; }
      .tagify__tag__removeBtn:hover + div::before {
        box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.3) inset !important;
        box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg) inset !important;
        transition: .2s; }
  .tagify:not(.tagify--mix) .tagify__input {
    white-space: nowrap; }
    .tagify:not(.tagify--mix) .tagify__input br {
      display: none; }
    .tagify:not(.tagify--mix) .tagify__input * {
      display: inline;
      white-space: nowrap; }
  .tagify__input {
    display: block;
    min-width: 110px;
    margin: 5px;
    padding: 0.3em 0.5em;
    padding: var(--tag-pad, 0.3em 0.5em);
    line-height: inherit;
    position: relative;
    /*
            in "mix mode" the tags are inside the "input" element
        */ }
    .tagify__input::before {
      display: inline-block;
      width: 0; }
    .tagify__input:empty::before {
      transition: .2s ease-out;
      opacity: 0.5;
      transform: none;
      width: auto; }
    .tagify__input:focus {
      outline: none; }
      .tagify__input:focus::before {
        transition: .2s ease-out;
        opacity: 0;
        transform: translatex(6px); }
        @supports (-moz-appearance: none) {
          .tagify__input:focus::before {
            display: none; } }
      .tagify__input:focus:empty::before {
        transition: .2s ease-out;
        opacity: 0.3;
        transform: none; }
        @supports (-moz-appearance: none) {
          .tagify__input:focus:empty::before {
            display: inline-block; } }
    .tagify__input::before {
      content: attr(data-placeholder);
      line-height: 1.8;
      position: absolute;
      top: 0;
      z-index: 1;
      color: black;
      white-space: nowrap;
      pointer-events: none;
      opacity: 0; }
    @supports (-moz-appearance: none) {
      .tagify__input::before {
        line-height: inherit;
        position: relative; } }
    .tagify__input::after {
      content: attr(data-suggest);
      color: black;
      opacity: .3;
      pointer-events: none; }
    .tagify__input .tagify__tag {
      margin: 0; }
      .tagify__input .tagify__tag > div {
        padding-top: 0;
        padding-bottom: 0; }
  .tagify--mix .tagify__input {
    padding: 5px;
    margin: 0;
    width: 100%;
    height: 100%;
    line-height: 1.7; }
  .tagify--select::after {
    content: '>';
    opacity: .5;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    font: 16px monospace;
    line-height: 8px;
    height: 8px;
    pointer-events: none;
    transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
    transition: .2s ease-in-out; }
  .tagify--select[aria-expanded=true]::after {
    transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); }
  .tagify--select .tagify__tag {
    position: absolute;
    top: 0;
    right: 1.8em;
    bottom: 0; }
    .tagify--select .tagify__tag div {
      display: none; }
  .tagify--select .tagify__input {
    width: 100%; }
  .tagify--invalid {
    --tags-border-color: #D39494; }
  .tagify__dropdown {
    position: absolute;
    z-index: 9999;
    background: white;
    max-height: 300px;
    overflow: auto;
    border: 1px solid #85C8EA;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box; }
    .tagify__dropdown__item {
      box-sizing: inherit;
      padding: .35em .6em;
      margin: 2px;
      cursor: pointer;
      border-radius: 3px;
      position: relative;
      outline: none; }
      .tagify__dropdown__item--active {
        background: #E5E5E5; }
      .tagify__dropdown__item:active {
        filter: brightness(105%); }

@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }

@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }

@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px; }

.dropzone.dz-clickable {
  cursor: pointer; }

.dropzone.dz-clickable * {
  cursor: default; }

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer; }

.dropzone.dz-started .dz-message {
  display: none; }

.dropzone.dz-drag-hover {
  border-style: solid; }

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5; }

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0; }

.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit; }

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px; }

.dropzone .dz-preview:hover {
  z-index: 1000; }

.dropzone .dz-preview:hover .dz-details {
  opacity: 1; }

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd); }

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1; }

.dropzone .dz-preview.dz-image-preview {
  background: white; }

.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none; }

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline; }

.dropzone .dz-preview:hover .dz-details {
  opacity: 1; }

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%; }

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px; }

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap; }

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8); }

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis; }

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent; }

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px; }

.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px); }

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10; }

.dropzone .dz-preview .dz-image img {
  display: block; }

.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px; }

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px; }

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in; }

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite; }

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden; }

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out; }

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block; }

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto; }

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white; }

.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626; }

@-webkit-keyframes cssload-animball_two {
  0% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(360deg) scale(1.3); }
  100% {
    transform: rotate(720deg) scale(1); } }

@-moz-keyframes cssload-animball_two {
  0% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(360deg) scale(1.3); }
  100% {
    transform: rotate(720deg) scale(1); } }

@-o-keyframes cssload-animball_two {
  0% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(360deg) scale(1.3); }
  100% {
    transform: rotate(720deg) scale(1); } }

@keyframes cssload-animball_two {
  0% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(360deg) scale(1.3); }
  100% {
    transform: rotate(720deg) scale(1); } }

@-webkit-keyframes cssload-animball_one {
  0% {
    position: absolute; }
  50% {
    top: 12px;
    left: 12px;
    position: absolute;
    opacity: 0.5; }
  100% {
    position: absolute; } }

@-moz-keyframes cssload-animball_one {
  0% {
    position: absolute; }
  50% {
    top: 12px;
    left: 12px;
    position: absolute;
    opacity: 0.5; }
  100% {
    position: absolute; } }

@-o-keyframes cssload-animball_one {
  0% {
    position: absolute; }
  50% {
    top: 12px;
    left: 12px;
    position: absolute;
    opacity: 0.5; }
  100% {
    position: absolute; } }

@keyframes cssload-animball_one {
  0% {
    position: absolute; }
  50% {
    top: 12px;
    left: 12px;
    position: absolute;
    opacity: 0.5; }
  100% {
    position: absolute; } }

@-webkit-keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@-moz-keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@-o-keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slideOutRight {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  90% {
    opacity: 0;
    transform: translate3d(90%, 0, 0); }
  100% {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

@-moz-keyframes slideOutRight {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  90% {
    opacity: 0;
    transform: translate3d(90%, 0, 0); }
  100% {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

@-o-keyframes slideOutRight {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  90% {
    opacity: 0;
    transform: translate3d(90%, 0, 0); }
  100% {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  90% {
    opacity: 0;
    transform: translate3d(90%, 0, 0); }
  100% {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

@font-face {
  font-family: "opensans";
  font-weight: 700;
  src: url("../fonts/opensans-bold/opensans-bold.ttf") format("truetype"), url("../fonts/opensans-bold/opensans-bold.eot?") format("eot"), url("../fonts/opensans-bold/opensans-bold.woff") format("woff"), url("../fonts/opensans-bold/opensans-bold.svg#opensans") format("svg"); }

@font-face {
  font-family: "opensans";
  font-weight: 600;
  src: url("../fonts/opensans-semibold/opensans-semibold.ttf") format("truetype"), url("../fonts/opensans-semibold/opensans-semibold.eot?") format("eot"), url("../fonts/opensans-semibold/opensans-semibold.woff") format("woff"), url("../fonts/opensans-semibold/opensans-semibold.svg#opensans") format("svg"); }

@font-face {
  font-family: "opensans";
  font-weight: 400;
  src: url("../fonts/opensans-regular/opensans-regular.ttf") format("truetype"), url("../fonts/opensans-regular/opensans-regular.eot?") format("eot"), url("../fonts/opensans-regular/opensans-regular.woff") format("woff"), url("../fonts/opensans-regular/opensans-regular.svg#opensans") format("svg"); }

html,
body {
  margin: 0;
  padding: 0;
  position: relative; }

body {
  font-family: "opensans";
  font-weight: 400;
  background-image: url("../images/background_v3.png");
  background-repeat: repeat-y;
  background-size: 100%; }
  @media all and (max-width: 47.9375em) {
    body {
      background-size: cover; } }
  body.gray-mode {
    background-image: url("../images/background-grayscale.jpg");
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }

.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%; }


.h1,
.error-section h2,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700; }

.font-semibold {
  font-weight: 600; }

.font-bold, .post-owner {
  font-weight: 700; }

.font-light {
  font-weight: 300; }

.font-regular {
  font-weight: 400; }

a {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  a:hover, a:focus {
    text-decoration: none;
    outline: 0; }

.link-underlined {
  text-decoration: underline; }
  .link-underlined:hover, .link-underlined:focus {
    text-decoration: underline; }

::selection {
  color: #fff;
  background: var(--var-primary); }

p {
  color: #000; }

.p-rltv {
  position: relative; }

.m-0 {
  margin: 0; }

.tooltip {
  font-size: 12px; }
  .open-postbox .tooltip {
    display: none !important; }

.text-warning-color {
  color: var(--var-primary); }

.white-color {
  color: #fff; }

.text-primary-color {
  color: var(--var-primary); }

.text-main-color {
  color: var(--var-paradiso); }

.text-danger-color {
  color: var(--var-badge); }

.text-success-color {
  color: #6ab545; }

.text-highlight-color {
  color: #9f9f9f; }
  .identity-profile-activities .text-highlight-color {
    color: #7f7f7f; }

.text-dark-color {
  color: #000; }

.main-title {
  font-size: 22px;
  margin-top: 0;
  line-height: 1.5em; }
  .main-title-wrapper .main-title {
    margin-bottom: 0; }

.bordered-title {
  margin-bottom: 20px; }
  .bordered-title:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 1px; }
  .bordered-title.text-warning-color:after {
    background-color: var(--var-primary); }
  .bordered-title.text-primary-color:after {
    background-color: var(--var-primary); }

.xlg-title {
  font-size: 23px;
  margin-top: 10px; }

.large-title {
  font-size: 20px;
  margin: 0; }
  .identity-profile-section .large-title {
    margin-bottom: 15px; }

.sm-title {
  font-size: 16px;
  margin-top: 10px; }

.post-title {
  font-size: 17px;
  word-break: break-word;
  margin: 0;
  line-height: 1.4em; }
  .post-title a {
    color: inherit; }
    .post-title a:hover, .post-title a:focus {
      opacity: 0.6; }

.section-title {
  font-size: 14px;
  color: var(--var-primary); }

.post-owner {
  font-size: 16px;
  margin: 0; }
  .post-owner a {
    color: #000; }
    .post-owner a:hover, .post-owner a:focus {
      opacity: 0.6; }

.section-wrapper, .error-section {
  padding: 5px 25px;
  border-radius: 15px;
  margin-bottom: 10px;
  position: relative;
  background: white; }
  @media all and (max-width: 47.9375em) {
    .section-wrapper, .error-section {
      padding: 5px 15px; } }
  .side-post-content-wrapper .section-wrapper, .side-post-content-wrapper .error-section {
    padding: 0;
    margin: 0; }

.large-wrapper {
  min-height: 500px; }
  @media all and (max-width: 47.9375em) {
    .large-wrapper {
      min-height: 300px; } }

.main-title-wrapper {
  padding: 0 25px;
  border-radius: 15px;
  margin-bottom: 10px;
  position: relative;
  background: rgba(var(--var-primary-rgb), 1); }
  @media all and (max-width: 47.9375em) {
    .main-title-wrapper {
      padding: 0 15px; } }

.old-archive-wrapper {
  padding: 15px 25px;
  border-radius: 15px;
  margin-bottom: 10px;
  position: relative;
  background: rgba(var(--var-badge), 1);
  color: #fff;
  word-break: break-word; }
  @media all and (max-width: 47.9375em) {
    .old-archive-wrapper {
      padding: 15px; } }
  .old-archive-wrapper a {
    color: #fff;
    font-size: 22px; }
    .old-archive-wrapper a:hover, .old-archive-wrapper a:focus {
      opacity: 0.6; }

.more-wrapper {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 10px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-radius: 15px;
  margin-bottom: 15px; }
  .more-wrapper.primary-color-background {
    background-color: var(--var-more-posts); }
  .more-wrapper-rltv {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: -20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .more-wrapper.search-more {
    padding-top: 20px; }
  #activity-feeds-content-container .more-wrapper {
    left: -25px;
    width: calc(100% + 50px);
    top: 20px; }

.badge {
  background-color: var(--var-badge); }

.more-link {
  display: inline-block;
  position: relative;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px;
  font-size: 14px; }
  .more-link:hover, .more-link:focus {
    color: #fff;
    opacity: 0.7; }
  .more-primary-color .more-link {
    color: var(--var-primary); }
    .more-primary-color .more-link:hover, .more-primary-color .more-link:focus {
      opacity: 1;
      background-color: var(--var-primary);
      filter: brightness(85%); }
  .more-link i {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: -10px; }
  .more-link.more-dark-color {
    color: #000; }
    .more-link.more-dark-color:hover, .more-link.more-dark-color:focus {
      color: #000;
      opacity: 0.7; }

button {
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }

.btn, .moderateComment a {
  border-radius: 15px;
  text-transform: capitalize;
  border: 0;
  word-break: break-word;
  white-space: normal;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  .btn:focus, .moderateComment a:focus, .btn:hover, .moderateComment a:hover, .btn:active, .moderateComment a:active {
    outline: none !important;
    box-shadow: none; }
  .btn .fa-plus, .moderateComment a .fa-plus {
    font-size: 13px; }

.btn-md, .moderateComment a {
  padding: 7px 20px;
  font-size: 16px;
  line-height: 1.3em;
  border-radius: 15px;
  min-width: 110px; }

.btn-sm {
  padding: 5px 20px;
  font-size: 14px;
  line-height: 1.3em;
  border-radius: 15px;
  min-width: 90px; }

.btn-xs {
  padding: 2px 10px;
  font-size: 12px;
  line-height: 1.3em;
  border-radius: 15px; }

.btn-upload {
  color: #fff;
  background-color: #7a247a;
  border-color: #7a247a; }
  .btn-upload:hover, .btn-upload:focus, .btn-upload.focus, .btn-upload:active, .btn-upload.active,
  .open > .btn-upload.dropdown-toggle {
    color: #fff;
    background-color: #7a247a;
    border-color: #7a247a; }
  .btn-upload:active, .btn-upload.active,
  .open > .btn-upload.dropdown-toggle {
    background-image: none; }
  .btn-upload.disabled, .btn-upload.disabled:hover, .btn-upload.disabled:focus, .btn-upload.disabled.focus, .btn-upload.disabled:active, .btn-upload.disabled.active, .btn-upload[disabled], .btn-upload[disabled]:hover, .btn-upload[disabled]:focus, .btn-upload[disabled].focus, .btn-upload[disabled]:active, .btn-upload[disabled].active,
  fieldset[disabled] .btn-upload,
  fieldset[disabled] .btn-upload:hover,
  fieldset[disabled] .btn-upload:focus,
  fieldset[disabled] .btn-upload.focus,
  fieldset[disabled] .btn-upload:active,
  fieldset[disabled] .btn-upload.active {
    background-color: #7a247a;
    border-color: #7a247a; }
  .btn-upload .badge {
    color: #7a247a;
    background-color: #fff; }

.btn-default, .btn-media-download, .moderateComment a, .component-color2 .btn-view-feed {
  color: #fff;
  background-color: var(--var-primary);
  border-color: var(--var-primary); }
  .btn-default:hover, .btn-media-download:hover, .moderateComment a:hover, .component-color2 .btn-view-feed:hover, .btn-default:focus, .btn-media-download:focus, .moderateComment a:focus, .component-color2 .btn-view-feed:focus, .btn-default.focus, .focus.btn-media-download, .moderateComment a.focus, .component-color2 .focus.btn-view-feed, .btn-default:active, .btn-media-download:active, .moderateComment a:active, .component-color2 .btn-view-feed:active, .btn-default.active, .active.btn-media-download, .moderateComment a.active, .component-color2 .active.btn-view-feed,
  .open > .btn-default.dropdown-toggle,
  .open > .dropdown-toggle.btn-media-download,
  .moderateComment .open > a.dropdown-toggle,
  .component-color2 .open > .dropdown-toggle.btn-view-feed {
    color: #fff;
    background-color: var(--var-primary);
    border-color: var(--var-primary); }
  .btn-default:active, .btn-media-download:active, .moderateComment a:active, .component-color2 .btn-view-feed:active, .btn-default.active, .active.btn-media-download, .moderateComment a.active, .component-color2 .active.btn-view-feed,
  .open > .btn-default.dropdown-toggle,
  .open > .dropdown-toggle.btn-media-download,
  .moderateComment .open > a.dropdown-toggle,
  .component-color2 .open > .dropdown-toggle.btn-view-feed {
    background-image: none; }
  .btn-default.disabled, .disabled.btn-media-download, .moderateComment a.disabled, .component-color2 .disabled.btn-view-feed, .btn-default.disabled:hover, .disabled.btn-media-download:hover, .moderateComment a.disabled:hover, .component-color2 .disabled.btn-view-feed:hover, .btn-default.disabled:focus, .disabled.btn-media-download:focus, .moderateComment a.disabled:focus, .component-color2 .disabled.btn-view-feed:focus, .btn-default.disabled.focus, .disabled.focus.btn-media-download, .moderateComment a.disabled.focus, .component-color2 .disabled.focus.btn-view-feed, .btn-default.disabled:active, .disabled.btn-media-download:active, .moderateComment a.disabled:active, .component-color2 .disabled.btn-view-feed:active, .btn-default.disabled.active, .disabled.active.btn-media-download, .moderateComment a.disabled.active, .component-color2 .disabled.active.btn-view-feed, .btn-default[disabled], .btn-media-download[disabled], .moderateComment a[disabled], .component-color2 .btn-view-feed[disabled], .btn-default[disabled]:hover, .btn-media-download[disabled]:hover, .moderateComment a[disabled]:hover, .component-color2 .btn-view-feed[disabled]:hover, .btn-default[disabled]:focus, .btn-media-download[disabled]:focus, .moderateComment a[disabled]:focus, .component-color2 .btn-view-feed[disabled]:focus, .btn-default[disabled].focus, .btn-media-download[disabled].focus, .moderateComment a[disabled].focus, .component-color2 .btn-view-feed[disabled].focus, .btn-default[disabled]:active, .btn-media-download[disabled]:active, .moderateComment a[disabled]:active, .component-color2 .btn-view-feed[disabled]:active, .btn-default[disabled].active, .btn-media-download[disabled].active, .moderateComment a[disabled].active, .component-color2 .btn-view-feed[disabled].active,
  fieldset[disabled] .btn-default,
  fieldset[disabled] .btn-media-download,
  fieldset[disabled] .moderateComment a,
  .moderateComment fieldset[disabled] a,
  fieldset[disabled] .component-color2 .btn-view-feed,
  .component-color2 fieldset[disabled] .btn-view-feed,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-media-download:hover,
  fieldset[disabled] .moderateComment a:hover,
  .moderateComment fieldset[disabled] a:hover,
  fieldset[disabled] .component-color2 .btn-view-feed:hover,
  .component-color2 fieldset[disabled] .btn-view-feed:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-media-download:focus,
  fieldset[disabled] .moderateComment a:focus,
  .moderateComment fieldset[disabled] a:focus,
  fieldset[disabled] .component-color2 .btn-view-feed:focus,
  .component-color2 fieldset[disabled] .btn-view-feed:focus,
  fieldset[disabled] .btn-default.focus,
  fieldset[disabled] .focus.btn-media-download,
  fieldset[disabled] .moderateComment a.focus,
  .moderateComment fieldset[disabled] a.focus,
  fieldset[disabled] .component-color2 .focus.btn-view-feed,
  .component-color2 fieldset[disabled] .focus.btn-view-feed,
  fieldset[disabled] .btn-default:active,
  fieldset[disabled] .btn-media-download:active,
  fieldset[disabled] .moderateComment a:active,
  .moderateComment fieldset[disabled] a:active,
  fieldset[disabled] .component-color2 .btn-view-feed:active,
  .component-color2 fieldset[disabled] .btn-view-feed:active,
  fieldset[disabled] .btn-default.active,
  fieldset[disabled] .active.btn-media-download,
  fieldset[disabled] .moderateComment a.active,
  .moderateComment fieldset[disabled] a.active,
  fieldset[disabled] .component-color2 .active.btn-view-feed,
  .component-color2 fieldset[disabled] .active.btn-view-feed {
    background-color: var(--var-primary);
    border-color: var(--var-primary); }
  .btn-default .badge, .btn-media-download .badge, .moderateComment a .badge, .component-color2 .btn-view-feed .badge {
    color: var(--var-primary);
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: var(--var-delete-button);
  border-color: var(--var-delete-button); }
  .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: var(--var-delete-button);
    border-color: var(--var-delete-button); }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus,
  fieldset[disabled] .btn-danger:active,
  fieldset[disabled] .btn-danger.active {
    background-color: var(--var-delete-button);
    border-color: var(--var-delete-button); }
  .btn-danger .badge {
    color: var(--var-delete-button);
    background-color: #fff; }

.btn-submit {
  color: #fff;
  background-color: var(--var-jungle);
  border-color: var(--var-jungle); }
  .btn-submit:hover, .btn-submit:focus, .btn-submit.focus, .btn-submit:active, .btn-submit.active,
  .open > .btn-submit.dropdown-toggle {
    color: #fff;
    background-color: var(--var-jungle);
    border-color: var(--var-jungle); }
  .btn-submit:active, .btn-submit.active,
  .open > .btn-submit.dropdown-toggle {
    background-image: none; }
  .btn-submit.disabled, .btn-submit.disabled:hover, .btn-submit.disabled:focus, .btn-submit.disabled.focus, .btn-submit.disabled:active, .btn-submit.disabled.active, .btn-submit[disabled], .btn-submit[disabled]:hover, .btn-submit[disabled]:focus, .btn-submit[disabled].focus, .btn-submit[disabled]:active, .btn-submit[disabled].active,
  fieldset[disabled] .btn-submit,
  fieldset[disabled] .btn-submit:hover,
  fieldset[disabled] .btn-submit:focus,
  fieldset[disabled] .btn-submit.focus,
  fieldset[disabled] .btn-submit:active,
  fieldset[disabled] .btn-submit.active {
    background-color: var(--var-jungle);
    border-color: var(--var-jungle); }
  .btn-submit .badge {
    color: var(--var-jungle);
    background-color: #fff; }

.btn-submit-2 {
  color: #fff;
  background-color: var(--var-paradiso);
  border-color: var(--var-paradiso); }
  .btn-submit-2:hover, .btn-submit-2:focus, .btn-submit-2.focus, .btn-submit-2:active, .btn-submit-2.active,
  .open > .btn-submit-2.dropdown-toggle {
    color: #fff;
    background-color: var(--var-paradiso);
    border-color: var(--var-paradiso); }
  .btn-submit-2:active, .btn-submit-2.active,
  .open > .btn-submit-2.dropdown-toggle {
    background-image: none; }
  .btn-submit-2.disabled, .btn-submit-2.disabled:hover, .btn-submit-2.disabled:focus, .btn-submit-2.disabled.focus, .btn-submit-2.disabled:active, .btn-submit-2.disabled.active, .btn-submit-2[disabled], .btn-submit-2[disabled]:hover, .btn-submit-2[disabled]:focus, .btn-submit-2[disabled].focus, .btn-submit-2[disabled]:active, .btn-submit-2[disabled].active,
  fieldset[disabled] .btn-submit-2,
  fieldset[disabled] .btn-submit-2:hover,
  fieldset[disabled] .btn-submit-2:focus,
  fieldset[disabled] .btn-submit-2.focus,
  fieldset[disabled] .btn-submit-2:active,
  fieldset[disabled] .btn-submit-2.active {
    background-color: var(--var-paradiso);
    border-color: var(--var-paradiso); }
  .btn-submit-2 .badge {
    color: var(--var-paradiso);
    background-color: #fff; }

.page-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 95px; }
  .not-authorized .page-container {
    padding-top: 30px; }
  .parent-page .page-container {
    padding-top: 0; }

.content-wrapper {
  flex: 1 0 auto; }

.default-circled-img {
  overflow: hidden; }
  .default-circled-img:before {
    content: "";
    padding-bottom: 100%;
    display: block; }
  .default-circled-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    max-height: 100%; }

.circle-img-wrapper {
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: block; }

.custom-icon {
  background-image: url("../images/icons.png");
  display: inline-block;
  background-repeat: no-repeat; }

.status-icon {
  position: absolute;
  z-index: 10;
  display: none; }
  .status-wrapper .status-icon {
    top: 70%;
    right: 0; }
  .status-img-wrapper .status-icon {
    top: 75%;
    right: 10px; }

.icon-pending {
  width: 20px;
  height: 20px;
  background-color: #f79726;
  color: #fff;
  border-radius: 50%; }
  .status-img-wrapper .icon-pending {
    width: 30px;
    height: 30px; }
  .icon-pending i {
    position: absolute;
    top: 5px;
    left: 4px; }
    .status-img-wrapper .icon-pending i {
      top: 6px;
      left: 6px;
      font-size: 20px; }
  .status-pending .icon-pending {
    display: block; }

.icon-active {
  font-size: 20px;
  color: #6ab545; }
  .icon-active:after {
    content: "";
    width: 14px;
    height: 12px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1; }
  .status-img-wrapper .icon-active {
    font-size: 30px; }
    .status-img-wrapper .icon-active:after {
      width: 20px;
      height: 15px; }
  .status-active .icon-active {
    display: block; }

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  z-index: 30;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  .overlay-open {
    opacity: 1;
    visibility: visible; }

.accordion-icon {
  width: 10px;
  height: 10px;
  display: inline-block;
  position: relative;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  .collapsed .accordion-icon {
    transform: rotate(-180deg); }
  .accordion-icon:after {
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #000;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    .panel-add-library .accordion-icon:after {
      background-color: #fff; }
    .panel-create-identity .accordion-icon:after {
      background-color: var(--var-primary); }
  .accordion-icon:before {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: all 300ms ease-in-out 0ms;
    -moz-transition: all 300ms ease-in-out 0ms;
    -o-transition: all 300ms ease-in-out 0ms;
    transition: all 300ms ease-in-out 0ms;
    opacity: 0; }
    .panel-add-library .accordion-icon:before {
      background-color: #fff; }
    .panel-create-identity .accordion-icon:before {
      background-color: var(--var-primary); }
    .collapsed .accordion-icon:before {
      opacity: 1; }

.icon-action-btn {
  outline: 0;
  padding: 5px;
  background: transparent;
  border: 0;
  flex: 0 0 auto;
  color: #999;
  font-size: 14px;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  @media all and (max-width: 47.9375em) {
    .icon-action-btn {
      padding: 3px; } }
  .tags-table .icon-action-btn {
    padding: 10px; }
  .icon-action-btn.remove-avatar-img {
    position: absolute;
    top: -10px;
    right: -20px;
    font-size: 16px;
    z-index: 20; }
  .icon-action-btn:hover {
    color: #999;
    filter: brightness(80%); }

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 50; }
  form .spinner {
    position: static;
    transform: none; }

.spinner-container {
  animation: cssload-animball_two 1.15s infinite;
  width: 43px;
  height: 43px; }
  form .spinner-container {
    margin: 20px auto; }

.spinner-ball-wrapper {
  width: 43px;
  height: 43px;
  position: absolute; }

.spinner-ball {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  position: absolute;
  animation: cssload-animball_one 1.15s infinite ease; }
  .spinner-ball-1 {
    background-color: var(--var-delete-button);
    top: 0;
    left: 0; }
  .spinner-ball-2 {
    background-color: var(--var-primary);
    top: 0;
    left: 23px; }
  .spinner-ball-3 {
    background-color: #7a247a;
    top: 23px;
    left: 0; }
  .spinner-ball-4 {
    background-color: var(--var-paradiso);
    top: 23px;
    left: 23px; }

.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s linear 0.2s, visibility 0.2s linear;
  z-index: 1200; }
  .loader-overlay.show-overlay {
    opacity: 1;
    visibility: visible; }

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

.slideInRight {
  animation-name: slideInRight; }

.slideOutRight {
  animation-name: slideOutRight;
  animation-duration: 1s; }

.error-section {
  text-align: center;
  border: 1px solid #dca7b0;
  background-color: #f2dede;
  min-height: 350px; }
  @media all and (min-width: 62em) {
    .error-section {
      padding: 15px 80px; } }
  .error-section h2 {
    color: var(--var-badge);
    margin-bottom: 30px;
    line-height: 1.5em; }
  .error-section p {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.8em; }

.email-confirmation p {
  font-size: 14px;
  margin: 0;
  line-height: 1.8em; }

.section-contact iframe {
  width: 100%;
  height: 1600px; }

.pd-top-40 {
  padding-top: 40px; }

.no-event {
  pointer-events: none; }

.terms-checkbox-wrapper .label-checkbox span {
  padding-left: 30px;
  font-size: 18px; }
  .terms-checkbox-wrapper .label-checkbox span:before {
    background-color: #d1d1d1;
    border-color: #d1d1d1;
    width: 20px;
    height: 20px; }

.terms-checkbox-wrapper .label-checkbox input:checked ~ span:before {
  background-color: #d1d1d1;
  border-color: #d1d1d1; }

.terms-checkbox-wrapper .label-checkbox a {
  color: var(--var-paradiso);
  font-weight: 700; }
  .terms-checkbox-wrapper .label-checkbox a:hover, .terms-checkbox-wrapper .label-checkbox a:focus {
    background-color: var(--var-paradiso);
    filter: brightness(80%); }

.terms-checkbox-wrapper .label-checkbox i {
  top: 8px;
  left: 4px;
  color: #000; }

.hint {
  font-size: 12px;
  margin-bottom: 10px;
  color: #4b4a49;
  display: inline-block; }
  .create-community-form .hint {
    color: #000; }

.alert .close, .alert-msg-success .close, .alert-msg-error .close {
  outline: 0; }

.form-control:focus {
  border-color: var(--var-primary);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px var(--var-primary); }

@media all and (min-width: 48em) {
  .emoji-btns-wrapper .tooltip-inner {
    min-width: 50px;
    white-space: nowrap; } }

.popover {
  background-color: var(--var-primary);
  border-color: var(--var-primary);
  max-width: 300px; }
  .popover .popover-content {
    color: #fff;
    font-size: 13px;
    padding: 35px 20px 15px; }
  .popover a {
    color: #fff; }
    .popover a:hover, .popover a:focus {
      color: #fff; }
  .popover.bottom > .arrow {
    border-bottom-color: var(--var-primary); }
    .popover.bottom > .arrow:after {
      border-bottom-color: var(--var-primary); }
  .popover .close-popover {
    background: transparent;
    outline: 0;
    border: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 14px; }

.dropdown-actions {
  width: 130px;
  margin-left: auto;
  word-break: break-word; }
  .identity-profile-header .dropdown-actions {
    width: 100%;
    margin-top: 5px; }
  .single-stuff-component .dropdown-actions {
    width: 190px;
    margin-left: 0;
    margin-bottom: 10px; }
  @media all and (min-width: 48em) {
    .announce-component .dropdown-actions {
      position: absolute;
      top: 20px;
      right: 0; } }
  @media all and (max-width: 47.9375em) {
    .announce-component .dropdown-actions {
      margin-right: auto;
      margin-bottom: 15px; } }
  @media all and (max-width: 47.9375em) {
    .item-single-action .dropdown-actions {
      margin-left: 0; } }
  @media all and (min-width: 48em) {
    .post-footer .dropdown-actions {
      margin-right: 10px; } }
  @media all and (min-width: 75em) {
    .post-footer .dropdown-actions {
      margin-right: 40px; } }
  @media all and (max-width: 47.9375em) {
    .post-footer .dropdown-actions {
      margin: 10px;
      width: 115px; } }
  .bookmark-component .dropdown-actions {
    display: none; }
  @media all and (min-width: 48em) and (max-width: 61.9375em) {
    .dropdown-actions.dropdown-options {
      width: 120px; } }
  .dropdown-actions.dropdown-options .dropdown-toggle {
    border-radius: 30px;
    padding: 6px 10px 6px 45px;
    background-color: #9f9f9f;
    color: #fff;
    font-size: 13px;
    transition: none; }
  .dropdown-actions.dropdown-options.open .dropdown-toggle {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: 0 3px 5px -1px #a1a1a1; }
  .dropdown-actions.dropdown-options .caret {
    border: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%); }
    .dropdown-actions.dropdown-options .caret:before, .dropdown-actions.dropdown-options .caret:after {
      content: "";
      border: none;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background-color: #fff;
      position: absolute; }
    .dropdown-actions.dropdown-options .caret:before {
      left: 10px; }
    .dropdown-actions.dropdown-options .caret:after {
      left: 20px; }
  .dropdown-actions.dropup .dropdown-menu {
    top: 100%;
    bottom: auto; }
  .dropdown-actions .dropdown-toggle {
    border-radius: 0;
    padding: 2px 10px;
    width: 100%;
    font-size: 14px;
    color: #fff;
    border: 0;
    text-align: left;
    font-size: 12px;
    font-weight: 400; }
    @media all and (max-width: 47.9375em) {
      .dropdown-actions .dropdown-toggle {
        padding: 2px 20px 2px 10px; } }
    .dropdown-actions .dropdown-toggle .filter-option {
      padding: 2px 10px; }
  .dropdown-actions.secondary-dropdown .dropdown-toggle {
    background-color: #f79726;
    color: #fff; }
  .dropdown-actions.primary-dropdown .dropdown-toggle {
    background-color: var(--var-primary);
    color: #fff; }
  .dropdown-actions.filter-dropdown .dropdown-toggle {
    background-color: #595959;
    color: #fff; }
  .dropdown-actions .dropdown-menu {
    min-width: 100px;
    width: 100%;
    box-shadow: 0 3px 5px -1px #a1a1a1; }
    @media all and (min-width: 62em) {
      .dropdown-actions .dropdown-menu {
        margin-bottom: 15px; } }
    @media all and (max-width: 47.9375em) {
      .dropdown-actions .dropdown-menu {
        min-width: 116px; } }
    .dropdown-actions .dropdown-menu li a {
      white-space: normal; }
      .dropdown-actions .dropdown-menu li a:hover, .dropdown-actions .dropdown-menu li a:focus {
        background-color: #e6e6e6; }
    .dropdown-actions .dropdown-menu .inner {
      overflow-x: hidden; }
  .dropdown-actions.dropdown-options .dropdown-menu {
    margin: 0;
    border: 0;
    background-color: #f2f2f2;
    border-radius: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 5px 0 10px; }
    .dropdown-actions.dropdown-options .dropdown-menu > li > a {
      white-space: normal;
      padding: 3px 15px 3px 5px;
      color: #000;
      text-transform: capitalize;
      line-height: 1.5em; }
      .dropdown-actions.dropdown-options .dropdown-menu > li > a:hover, .dropdown-actions.dropdown-options .dropdown-menu > li > a:focus {
        background-color: rgba(230, 230, 230, 0.45);
        color: #000;
        outline: 0; }
    .dropdown-actions.dropdown-options .dropdown-menu .active > a {
      background-color: transparent;
      color: rgba(0, 0, 0, 0.4); }
  .dropdown-actions.secondary-dropdown .dropdown-menu {
    margin: 0;
    border: 0;
    background-color: #f2f2f2;
    border-radius: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 5px 0 10px; }
    .dropdown-actions.secondary-dropdown .dropdown-menu > li > a {
      white-space: normal;
      padding: 3px 15px 3px 5px;
      color: #000;
      text-transform: capitalize;
      line-height: 1.5em; }
      .dropdown-actions.secondary-dropdown .dropdown-menu > li > a:hover, .dropdown-actions.secondary-dropdown .dropdown-menu > li > a:focus {
        background-color: rgba(247, 151, 38, 0.45);
        color: #000;
        outline: 0; }
    .dropdown-actions.secondary-dropdown .dropdown-menu .active > a {
      background-color: transparent;
      color: rgba(0, 0, 0, 0.4); }
  .dropdown-actions.primary-dropdown .dropdown-menu {
    margin: 0;
    border: 0;
    background-color: #f2f2f2;
    border-radius: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 5px 0 10px; }
    .dropdown-actions.primary-dropdown .dropdown-menu > li > a {
      white-space: normal;
      padding: 3px 15px 3px 5px;
      color: #000;
      text-transform: capitalize;
      line-height: 1.5em; }
      .dropdown-actions.primary-dropdown .dropdown-menu > li > a:hover, .dropdown-actions.primary-dropdown .dropdown-menu > li > a:focus {
        background-color: #d8d8d8;
        color: #000;
        outline: 0; }
    .dropdown-actions.primary-dropdown .dropdown-menu .active > a {
      background-color: transparent;
      color: rgba(0, 0, 0, 0.4); }
  .dropdown-actions.filter-dropdown .dropdown-menu {
    margin: 0;
    border: 0;
    background-color: #f2f2f2;
    border-radius: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 5px 0 10px; }
    .dropdown-actions.filter-dropdown .dropdown-menu > li > a {
      white-space: normal;
      padding: 3px 15px 3px 5px;
      color: #000;
      text-transform: capitalize;
      line-height: 1.5em; }
      .dropdown-actions.filter-dropdown .dropdown-menu > li > a:hover, .dropdown-actions.filter-dropdown .dropdown-menu > li > a:focus {
        background-color: rgba(89, 89, 89, 0.2);
        color: #000;
        outline: 0; }
    .dropdown-actions.filter-dropdown .dropdown-menu .active > a {
      background-color: transparent;
      color: rgba(0, 0, 0, 0.4); }

.switcher-label {
  position: absolute;
  margin-bottom: 0;
  padding: 5px 5px 30px;
  font-weight: 400;
  width: 50%;
  cursor: pointer;
  bottom: 0;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  .switcher-label:hover, .switcher-label:focus {
    color: var(--var-primary); }
  .switcher-label:nth-of-type(2) {
    right: 0;
    text-align: right; }
    .three-state .switcher-label:nth-of-type(2) {
      text-align: center;
      left: 33.33%; }
  .switcher-label:nth-of-type(3) {
    right: 0;
    text-align: right; }
  .three-state .switcher-label {
    text-align: center;
    width: 33.33%;
    text-transform: capitalize; }
  .horizontal-switcher .switcher-label {
    position: relative;
    margin: 0;
    display: inline-block;
    width: auto;
    word-break: break-word;
    padding: 3px; }
  .two-horizontal-toggle:not(.three-state) .switcher-label:first-of-type {
    position: absolute;
    left: -35px; }
  .two-horizontal-toggle:not(.three-state) .switcher-label:last-of-type {
    position: absolute;
    right: -35px; }
  .switch-input:checked + .switcher-label.danger-state {
    color: var(--var-badge); }
  .switch-input:checked + .switcher-label.success-state {
    color: var(--var-paradiso); }

.switcher-state {
  left: 50%;
  width: 50%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  border: 2px solid #9f9f9f;
  border-radius: 8px;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms;
  transform: translate(-50%, 0); }
  .three-state .switcher-state {
    width: 33.33%; }
  .colored-states .switch-input-one:checked ~ .switcher-state {
    background-color: #ec2e29;
    border-color: #ec2e29; }
  .colored-states .switch-input-two:checked ~ .switcher-state {
    background-color: #6ab545;
    border-color: #6ab545; }
  .three-state.colored-states .switch-input-two:checked ~ .switcher-state {
    background-color: #ffff00;
    border-color: #ffff00; }
  .colored-states .switch-input-three:checked ~ .switcher-state {
    background-color: #6ab545;
    border-color: #6ab545; }
  .switch-input-one:checked ~ .switcher-state {
    left: 0;
    transform: translate(0, 0); }
  .switch-input-two:checked ~ .switcher-state {
    left: 50%;
    transform: translate(0, 0); }
    .three-state .switch-input-two:checked ~ .switcher-state {
      transform: translate(-50%, 0);
      left: 50%; }
  .switch-input-three:checked ~ .switcher-state {
    transform: translate(0, 0);
    left: 66.66%; }
  .sticky-training-mode-label .switcher-state {
    background-color: var(--var-primary) !important;
    border-color: var(--var-primary) !important; }

.horizontal-switcher {
  display: flex;
  align-items: center; }
  .community-read-only-wrapper .horizontal-switcher {
    justify-content: center; }

.switch-toggle {
  display: inline-block;
  background-color: #e6e6e6;
  border-radius: 8px;
  height: 25px;
  margin-top: 25px;
  position: relative;
  width: 180px;
  max-width: 100%; }
  @media all and (min-width: 48em) {
    .switch-toggle.three-state {
      width: 270px; } }
  .sticky-training-mode-label .switch-toggle {
    background-color: #fff;
    height: 20px; }
    @media all and (max-width: 47.9375em) {
      .sticky-training-mode-label .switch-toggle {
        height: 16px; } }
  .evaluation-switcher .switch-toggle {
    margin-top: 40px;
    margin-bottom: 0; }
  .tags-table .switch-toggle {
    text-align: left;
    width: 100px; }
    @media all and (max-width: 47.9375em) {
      .tags-table .switch-toggle {
        margin-bottom: 0; } }
  .identity-profile-header .switch-toggle {
    width: 100%; }
  .community-access-list .switch-toggle {
    width: 100px; }
  .horizontal-switcher .switch-toggle {
    margin: 0;
    display: inline-block;
    width: 60px;
    flex: 0 0 auto; }
  .switch-toggle.two-horizontal-toggle:not(.three-state) {
    margin-left: 35px; }
  @media all and (max-width: 47.9375em) {
    .switch-toggle {
      width: 100%;
      margin-bottom: 20px; } }
  @media all and (min-width: 48em) {
    .post-single .switch-toggle {
      position: absolute;
      top: 0;
      right: 0; } }
  .switch-toggle input {
    width: auto;
    position: absolute;
    left: -999999px; }
    .horizontal-switcher .switch-toggle input {
      left: 0;
      opacity: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      cursor: pointer;
      z-index: 2; }
      .horizontal-switcher .switch-toggle input:checked {
        z-index: 1; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 10px;
  background-color: #ebebeb; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 10px;
  background-color: #9f9f9f !important; }

.public-stream,
.label-checkbox {
  position: relative;
  overflow: hidden; }
  .share-post-form .public-stream, .share-post-form
  .label-checkbox {
    display: block; }
  .edit-grade-levels .public-stream, .edit-grade-levels
  .label-checkbox {
    margin-right: 20px; }
  .public-stream input,
  .label-checkbox input {
    position: absolute;
    left: -99999px; }
  .public-stream i,
  .label-checkbox i {
    position: absolute;
    top: 5px;
    opacity: 0;
    left: 3px;
    color: #000;
    -webkit-transition: all 300ms ease-in-out 0ms;
    -moz-transition: all 300ms ease-in-out 0ms;
    -o-transition: all 300ms ease-in-out 0ms;
    transition: all 300ms ease-in-out 0ms;
    font-size: 10px; }
    .terms-checkbox-wrapper .public-stream i, .terms-checkbox-wrapper
    .label-checkbox i {
      font-size: 12px; }
    .signup-form .public-stream i, .signup-form
    .label-checkbox i {
      top: 6px;
      left: 5px;
      color: #000; }
  .community-group-students .public-stream, .community-group-students
  .label-checkbox {
    /*padding: 0 5px;*/
    margin-top: 12px; }
  .public-stream span,
  .label-checkbox span {
    font-size: 14px;
    padding-left: 25px;
    display: inline-block; }
    .community-group-students .public-stream span, .community-group-students
    .label-checkbox span {
      padding-left: 10px; }
    .public-stream span:before,
    .label-checkbox span:before {
      content: "";
      position: absolute;
      top: 3px;
      left: 0;
      width: 16px;
      height: 15px;
      background-color: transparent;
      border: 2px solid #e8e8e8;
      -webkit-transition: all 300ms ease-in-out 0ms;
      -moz-transition: all 300ms ease-in-out 0ms;
      -o-transition: all 300ms ease-in-out 0ms;
      transition: all 300ms ease-in-out 0ms; }
      .community-group-students .public-stream span:before, .community-group-students
      .label-checkbox span:before {
        background-color: #ebebeb; }
      .signup-form .public-stream span:before, .signup-form
      .label-checkbox span:before {
        background-color: #d1d1d1;
        border-color: #d1d1d1;
        width: 20px;
        height: 20px; }
    .community-group-students .public-stream span, .community-group-students
    .label-checkbox span {
      font-size: 18px; }
  .public-stream input:checked ~ i,
  .label-checkbox input:checked ~ i {
    opacity: 1; }
  .public-stream input:checked ~ span:before,
  .label-checkbox input:checked ~ span:before {
    background-color: #e8e8e8;
    border-color: #e8e8e8; }
    .signup-form .public-stream input:checked ~ span:before, .signup-form
    .label-checkbox input:checked ~ span:before {
      background-color: #d1d1d1;
      border-color: #d1d1d1; }

.bootstrap-select .dropdown-menu {
  width: 100%;
  min-width: auto !important; }
  .bootstrap-select .dropdown-menu li a {
    white-space: normal; }

.alert-msg-success {
  font-size: 16px; }
  .modal-library-header .alert-msg-success {
    margin: 0; }

.alert-msg-error {
  font-size: 16px; }

.manage-students-listing .no-event .colored-states .switch-input-two:checked ~ .switcher-state {
  background-color: #7f7f7f;
  border-color: #7f7f7f; }

.manage-students-listing .no-event .colored-states .switch-input-one:checked ~ .switcher-state {
  background-color: #7f7f7f;
  border-color: #7f7f7f; }

.title-question-icon-wrapper {
  display: flex;
  align-items: center; }
  .title-question-icon-wrapper.text-center {
    justify-content: center; }
  .title-question-icon-wrapper.text-right {
    justify-content: flex-end; }

.title-question-icon {
  font-size: 16px;
  margin-left: 10px;
  margin-top: 1px; }
  .xlg-title .title-question-icon {
    font-size: 17px; }

.slick-list.draggable {
  padding-bottom: 5px; }

.previewPosted {
  width: 100%;
  border-color: var(--var-primary);
  padding: 10px; }
  .previewPosted iframe {
    width: 100%; }

.previewUrlPosted,
.previewContentPosted,
.previewTitlePosted,
.previewDescriptionPosted {
  max-width: 100%; }

.videoPostPlay {
  background-image: url(../images/play.png); }

.closePreview {
  background-image: url(../images/close.png); }
  .closePreview:hover {
    background-image: url(../images/close.png); }

.form-group .preview {
  margin-top: 5px;
  padding: 10px;
  border-color: #ebebeb; }

.tagify tag {
  background: #e6e6e6;
  padding: 3px 5px;
  margin: 3px 0;
  max-width: 100%; }
  .tagify tag > div::before {
    content: none; }
  .tagify tag span {
    white-space: normal; }

.tagify__dropdown {
  z-index: 9999;
  box-shadow: 0px 3px 10px 0px #aaa;
  border-color: var(--var-primary);
  font-weight: bold;
  font-size: 16px;
  max-height: 180px; }

.tagify + input,
.tagify + textarea {
  display: none !important; }

.tag-email {
  color: var(--var-primary);
  position: relative;
  padding: 0 10px; }
  .tag-email:before, .tag-email:after {
    font-size: 14px;
    position: absolute;
    bottom: 0;
    line-height: 13px; }
  .tag-email:before {
    content: '<';
    left: 0; }
  .tag-email:after {
    content: '>';
    right: 0; }

tags.message-input-email {
  padding: 5px 5px 0;
  border: 1px solid #7f7f7f;
  font-size: 16px; }
  tags.message-input-email:hover {
    border-color: #7f7f7f; }
  tags.message-input-email tag {
    margin-right: 5px;
    margin-bottom: 5px; }

.reply-message-form tags {
  pointer-events: none; }

tags.input-receiver {
  padding: 0 5px; }
  tags.input-receiver tag {
    margin: 5px; }

.dropdown-item-receiver {
  padding-bottom: 10px; }
  .dropdown-item-receiver-email {
    font-size: 14px;
    font-weight: 400;
    color: var(--var-primary); }
  .dropdown-item-receiver-name {
    margin-bottom: 0; }

th, td {
  text-align: center; }

th {
  font-weight: 700;
  font-size: 16px;
  text-transform: capitalize; }
  @media all and (max-width: 47.9375em) {
    th {
      display: none; } }

@media all and (max-width: 47.9375em) {
  td, tbody {
    display: block;
    text-align: left; } }

table {
  width: 100%; }
  @media all and (max-width: 47.9375em) {
    table.table-responsive {
      border: 0; } }
  @media all and (max-width: 47.9375em) {
    table .title {
      margin-right: 10px;
      flex: 0 0 auto;
      display: inline !important; } }

td {
  padding: 10px 30px;
  font-size: 16px; }
  @media all and (min-width: 48em) {
    td {
      max-width: 25%;
      padding: 10px 5px; } }
  @media all and (max-width: 47.9375em) {
    td:last-child {
      text-align: center; } }

tr:not(:first-child) {
  border-bottom: 1px solid #a1a1a1; }
  @media all and (min-width: 48em) {
    tr:not(:first-child):last-child {
      border: 0; } }
  @media all and (max-width: 47.9375em) {
    tr:not(:first-child) {
      display: block;
      background-color: #f2f2f2;
      margin-bottom: 10px;
      position: relative; } }

.tags-table {
  width: calc(100% + 30px);
  position: relative;
  left: -30px; }
  @media all and (max-width: 47.9375em) {
    .tags-table {
      display: block; } }
  .tags-table tr:not(:first-child) td:nth-child(4) {
    font-size: 12px; }
    @media all and (max-width: 47.9375em) {
      .tags-table tr:not(:first-child) td:nth-child(4) {
        display: flex;
        align-items: center; } }
  .tags-table tr:not(:first-child) td:first-child {
    text-align: left; }
    @media all and (min-width: 48em) {
      .tags-table tr:not(:first-child) td:first-child {
        width: 20px; } }
    @media all and (max-width: 47.9375em) {
      .tags-table tr:not(:first-child) td:first-child {
        width: 20px;
        padding: 0; } }

.modal {
  overflow-y: hidden;
  z-index: 1100; }
  .modal .close[data-dismiss='modal'] {
    outline: 0;
    font-size: 40px;
    position: absolute;
    top: 5px;
    right: 15px;
    -webkit-transition: all 300ms ease-in-out 0ms;
    -moz-transition: all 300ms ease-in-out 0ms;
    -o-transition: all 300ms ease-in-out 0ms;
    transition: all 300ms ease-in-out 0ms;
    color: #7f7f7f;
    opacity: 1;
    z-index: 100; }
    .modal .close[data-dismiss='modal']:focus, .modal .close[data-dismiss='modal']:hover {
      opacity: 0.5; }

@media all and (max-width: 47.9375em) {
  .modal-dialog {
    margin-top: 40px; } }

.modal-dialog-search {
  height: auto; }

@media all and (min-width: 48em) {
  .default-modal .modal-dialog {
    width: 650px; } }

@media all and (min-width: 62em) {
  .default-modal .modal-dialog {
    width: 800px; } }

@media all and (min-width: 75em) {
  .default-modal .modal-dialog {
    width: 875px; } }

.confirmation-modal .modal-dialog {
  height: auto; }

@media all and (max-width: 47.9375em) {
  .default-modal {
    padding-right: 0 !important; } }

.modal-body {
  min-height: 100px; }
  .modal-dialog-search .modal-body {
    height: auto; }

.modal-content {
  border-radius: 15px; }
  .modal-dialog-search .modal-content {
    height: auto; }

.modal-header {
  border: 0; }
  .delete-modal .modal-header {
    background: var(--var-primary);
    color: #fff; }

@media all and (max-width: 47.9375em) {
  .modal-open {
    padding-right: 0 !important; } }

.modal-backdrop {
  position: fixed;
  bottom: 0;
  z-index: 1030; }

.confirmation-modal .close[data-dismiss='modal'] {
  color: #fff;
  font-size: 30px;
  top: 10px; }

.confirm-action-msg {
  margin-bottom: 20px; }

.confirmation-icon {
  font-size: 30px; }
  .delete-modal .confirmation-icon {
    color: var(--var-primary); }

.dropzone {
  border: 1px solid rgba(230, 230, 230, 0.7);
  padding: 10px;
  min-height: auto; }
  .create-badge-form .dropzone,
  .edit-post-form .dropzone,
  .edit-library-item-form .dropzone,
  .create-folder-form .dropzone {
    border-color: #7f7f7f; }
  .create-identity-form .dropzone {
    border-color: #d1d1d1; }
  .dropzone .dz-preview .dz-image img {
    margin: 0 auto; }

.dz-message {
  font-size: 14px;
  font-weight: 600; }

.small-wrapper {
  width: 510px;
  margin: 0 auto;
  padding: 50px 90px 30px;
  border-radius: 15px;
  margin-bottom: 10px;
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  overflow: hidden; }
  @media all and (max-width: 47.9375em) {
    .small-wrapper {
      width: 100%;
      max-width: 500px;
      padding: 15px; } }
  .small-wrapper.login-wrapper {
    padding: 0; }

input {
  width: 100%;
  border: 1px solid #7f7f7f;
  padding: 5px 10px;
  font-size: 16px;
  outline: 0; }

textarea {
  width: 100%;
  outline: 0;
  border: 1px solid #ebebeb;
  padding: 5px 10px; }
  textarea::-webkit-input-placeholder {
    font-size: 14px; }
  textarea::-moz-placeholder {
    font-size: 14px; }
  textarea:-ms-input-placeholder {
    font-size: 14px; }
  textarea:-moz-placeholder {
    font-size: 14px; }

.default-input {
  width: 100%;
  border: 1px solid #7f7f7f;
  padding: 5px;
  font-size: 16px; }
  .default-input:focus {
    outline: 0 !important; }

input[type="file"] {
  border: 1px solid #7f7f7f;
  width: 100%; }
  input[type="file"]:focus {
    outline: 0 !important; }

.attach-label {
  margin-top: 5px;
  margin-bottom: 5px; }
  @media all and (max-width: 47.9375em) {
    .attach-label {
      margin-left: auto;
      text-align: center; } }
  .form-post-footer .attach-label {
    margin-right: auto; }
  @media all and (min-width: 62em) {
    .create-badge-form .attach-label {
      margin: 0; } }
  @media all and (min-width: 48em) {
    .identity-img-file-wrapper .attach-label {
      margin: 0; } }
  .attach-label input[type="file"] {
    position: absolute;
    left: -999999999999px;
    visibility: hidden; }

.mark-label {
  left: -30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin: 0;
  height: 18px;
  cursor: pointer; }
  .community-preference-component .mark-label,
  .share-item-options .mark-label {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    height: auto;
    transform: none;
    left: 0;
    font-weight: 400; }
  .tags-table .mark-label {
    transform: none; }
    @media all and (min-width: 48em) {
      .tags-table .mark-label {
        position: relative;
        left: 0;
        top: 0; } }
    @media all and (max-width: 47.9375em) {
      .tags-table .mark-label {
        top: 10px;
        left: 5px; } }
  .single-stuff-component .mark-label {
    transform: none;
    left: 0;
    top: 20px; }
  .mark-label.mark-all-students {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    display: inline-flex;
    align-items: center;
    margin: 15px 0; }

.mark-checkbox {
  position: absolute;
  left: -9999999px; }

.mark-icon {
  border: 1px solid #7f7f7f;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative; }
  .community-preference-component .mark-icon,
  .share-item-options .mark-icon,
  .mark-all-students .mark-icon {
    flex: 0 0 auto;
    margin-right: 10px; }
  .mark-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 300ms ease-in-out 0ms;
    -moz-transition: all 300ms ease-in-out 0ms;
    -o-transition: all 300ms ease-in-out 0ms;
    transition: all 300ms ease-in-out 0ms;
    width: 10px;
    height: 10px;
    background-color: #7f7f7f;
    border-radius: 50%;
    opacity: 0; }
    .mark-checkbox:checked ~ .mark-icon:before {
      opacity: 1; }

.attachment-name {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  max-width: 100px;
  white-space: nowrap; }
  @media all and (min-width: 48em) {
    .identity-img-inputs-group .attachment-name {
      position: relative;
      margin-top: 5px; } }

div.custom-select {
  width: 200px !important; }
  @media all and (max-width: 74.9375em) {
    div.custom-select {
      width: 150px !important; } }
  @media all and (min-width: 48em) {
    div.custom-select {
      margin-right: 5px; } }
  @media all and (max-width: 47.9375em) {
    div.custom-select {
      width: 100% !important;
      display: block;
      margin-top: 5px;
      margin-bottom: 5px;
      margin: 10px auto; } }
  @media all and (min-width: 48em) {
    .personal-info-wrapper div.custom-select {
      width: 130px !important; } }
  @media all and (min-width: 48em) {
    div.custom-select.dropdown-actions {
      width: 200px !important; }
      div.custom-select.dropdown-actions.date-dropdown {
        width: 120px !important; }
      div.custom-select.dropdown-actions.activity-dropdown {
        width: 130px !important; }
      div.custom-select.dropdown-actions.community-dropdown {
        width: 175px !important; }
      div.custom-select.dropdown-actions.types-dropdown {
        width: 125px !important; }
      div.custom-select.dropdown-actions.users-dropdown {
        width: 140px !important; }
      div.custom-select.dropdown-actions.status-dropdown {
        width: 115px !important; }
      div.custom-select.dropdown-actions.progress-dropdown {
        width: 115px !important; }
      div.custom-select.dropdown-actions.teacher-rank-dropdown {
        width: 110px !important; }
      div.custom-select.dropdown-actions.school-dropdown {
        width: 145px !important; }
      div.custom-select.dropdown-actions.state-dropdown {
        width: 110px !important; }
      div.custom-select.dropdown-actions.city-dropdown {
        width: 100px !important; } }
  .listing-filter-wrapper div.custom-select {
    display: inline-block;
    margin: 0;
    margin-right: 0;
    margin-bottom: 10px; }
    @media all and (max-width: 47.9375em) {
      .listing-filter-wrapper div.custom-select {
        margin-left: 0;
        margin-right: 0; } }
  div.custom-select .dropdown-toggle {
    border-radius: 0;
    padding: 3px 5px 3px 15px;
    color: #fff;
    background-color: #9f9f9f; }
    div.custom-select .dropdown-toggle .filter-option-inner-inner {
      text-overflow: ellipsis; }
    div.custom-select .dropdown-toggle:focus {
      outline: 0 !important; }
    div.custom-select .dropdown-toggle.bs-placeholder {
      color: #fff; }
      div.custom-select .dropdown-toggle.bs-placeholder:hover, div.custom-select .dropdown-toggle.bs-placeholder:focus {
        color: #fff; }
  div.custom-select.default-select .dropdown-toggle {
    border: 1px solid #999;
    background-color: #ebebeb;
    color: #000;
    font-weight: 400; }
    .signup-form div.custom-select.default-select .dropdown-toggle {
      font-weight: 700;
      font-size: 17px; }
      .signup-form div.custom-select.default-select .dropdown-toggle.bs-placeholder {
        color: #999; }
    div.custom-select.default-select .dropdown-toggle:hover, div.custom-select.default-select .dropdown-toggle:focus {
      color: #000; }

div.referral-select {
  width: 355px !important; }

.posts-filter {
  margin-top: 5px;
  margin-bottom: 5px; }
  @media all and (min-width: 48em) {
    .posts-filter {
      display: flex;
      align-items: flex-end; } }
  @media all and (min-width: 48em) and (max-width: 61.9375em) {
    .mystuff-community-filter .posts-filter {
      display: block; } }
  .posts-filter .dropdown-menu li > a:hover {
    background-color: #ebebeb;
    outline: 0; }
  .posts-filter .dropdown-menu > .active > a:hover, .posts-filter .dropdown-menu > .active > a:focus {
    background-color: var(--var-primary); }

.stream-switch {
  position: relative;
  width: 180px;
  margin-left: auto;
  margin-bottom: 0; }
  @media all and (max-width: 47.9375em) {
    .stream-switch {
      width: 100%; } }
  .stream-switch input {
    position: absolute;
    left: -99999px; }
  .stream-switch > span {
    display: block; }
    .stream-switch > span > span {
      -webkit-transition: all 300ms ease-in-out 0ms;
      -moz-transition: all 300ms ease-in-out 0ms;
      -o-transition: all 300ms ease-in-out 0ms;
      transition: all 300ms ease-in-out 0ms;
      font-weight: 400;
      color: #000; }
      .stream-switch > span > span.training-stream {
        float: left; }
      .stream-switch > span > span.main-stream {
        float: right; }
  .stream-switch .stream-slider {
    border-radius: 8px;
    height: 25px;
    background-color: #e6e6e6;
    position: relative;
    margin-top: 5px; }
    .stream-switch .stream-slider:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 50%;
      background-color: #fff;
      border: 2px solid #9f9f9f;
      border-radius: 8px;
      -webkit-transition: all 300ms ease-in-out 0ms;
      -moz-transition: all 300ms ease-in-out 0ms;
      -o-transition: all 300ms ease-in-out 0ms;
      transition: all 300ms ease-in-out 0ms;
      top: -1px;
      height: calc(100% + 2px); }
  .stream-switch input:checked ~ .stream-slider:before {
    left: 100%;
    transform: translateX(-100%); }
  .stream-switch input:checked ~ span .main-stream {
    color: var(--var-primary); }
  .stream-switch input:not(:checked) ~ span .training-stream {
    color: var(--var-primary); }

.input-error {
  font-size: 14px; }

label.required:after {
  content: "*"; }

label.label-mark-all {
  margin: 0;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  label.label-mark-all:hover {
    opacity: 0.7; }

.lg-label {
  font-size: 18px; }

.md-label {
  font-size: 16px; }

.xl-label {
  font-size: 23px;
  display: block; }

.sm-label {
  font-size: 14px; }

.label-receiver {
  color: var(--var-primary);
  font-size: 14px;
  background-color: #ebebeb;
  padding: 3px 5px;
  border-radius: 5px; }

.login-input-wrapper input {
  display: block;
  margin-bottom: 20px;
  border-radius: 25px;
  border: 0;
  outline: 0;
  width: 100%;
  font-size: 14px; }

.admin-login-form input[type="submit"] {
  width: auto; }

.login-form input {
  padding: 15px 15px 15px 55px;
  background-color: #dedfdf; }
  .login-form input::-webkit-input-placeholder {
    color: #000;
    font-size: 14px; }
  .login-form input::-moz-placeholder {
    color: #000;
    font-size: 14px; }
  .login-form input:-ms-input-placeholder {
    color: #000;
    font-size: 14px; }
  .login-form input:-moz-placeholder {
    color: #000;
    font-size: 14px; }

.login-form input[type="submit"] {
  padding: 15px;
  display: block;
  margin-bottom: 20px;
  border-radius: 25px;
  border: 0;
  outline: 0;
  width: 100%;
  background-color: var(--var-paradiso);
  color: #fff;
  text-align: center;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  .login-form input[type="submit"]:hover, .login-form input[type="submit"]:focus {
    background-color: var(--var-paradiso);
    filter: brightness(90%); }

.login-input-icon {
  width: 40px;
  height: 40px;
  background-color: #efefef;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 5px; }
  .login-input-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #6f6f6f; }

.login-checkbox {
  font-size: 13px; }
  .login-checkbox input {
    position: relative;
    top: 2px;
    margin: 0;
    width: auto; }
  .login-checkbox label {
    font-size: 13px;
    font-weight: 400; }

.forgot-pass {
  color: #000;
  display: inline-block;
  font-style: italic;
  font-size: 13px;
  float: right;
  position: relative;
  top: -28px; }
  @media all and (max-width: 47.9375em) {
    .forgot-pass {
      text-decoration: underline; } }
  .forgot-pass:hover, .forgot-pass:focus {
    color: #000;
    opacity: 0.6; }

.login-footer {
  text-align: center;
  margin-top: 20px;
  font-size: 14px; }
  .login-footer p {
    margin-top: 15px;
    color: #7f7f7f; }
    .login-footer p a {
      color: #000; }
      .login-footer p a:hover, .login-footer p a:focus {
        opacity: 0.6; }
  .login-footer > a {
    color: #2d308d;
    text-decoration: underline; }
    .login-footer > a:hover, .login-footer > a:focus {
      color: #7d80d6; }

.login-form-header {
  width: 100%; }
  .login-form-header img {
    width: 100%; }

.login-form-content {
  padding: 50px 90px 30px; }
  @media all and (max-width: 47.9375em) {
    .login-form-content {
      padding: 15px; } }

.signup-title {
  margin-bottom: 20px; }

.signup-wrapper .btn, .signup-wrapper .moderateComment a, .moderateComment .signup-wrapper a {
  width: 100%;
  margin-bottom: 15px; }

.signup-wrapper .btn-default, .signup-wrapper .btn-media-download, .signup-wrapper .moderateComment a, .moderateComment .signup-wrapper a, .signup-wrapper .component-color2 .btn-view-feed, .component-color2 .signup-wrapper .btn-view-feed {
  color: #000; }

.signup-form .custom-select {
  margin-bottom: 15px; }

.signup-form input {
  font-weight: 700; }
  .signup-form input::-webkit-input-placeholder {
    font-size: 17px;
    color: #999;
    font-weight: 700; }
  .signup-form input::-moz-placeholder {
    font-size: 17px;
    color: #999;
    font-weight: 700; }
  .signup-form input:-ms-input-placeholder {
    font-size: 17px;
    color: #999;
    font-weight: 700; }
  .signup-form input:-moz-placeholder {
    font-size: 17px;
    color: #999;
    font-weight: 700; }

.signup-form .btn-submit {
  display: block;
  margin-top: 30px; }

.signup-hint {
  margin: 30px 0 30px; }

.arrow-holder {
  width: 40px;
  height: 40px;
  background-color: var(--var-paradiso);
  display: block;
  border-radius: 50%;
  color: #fff;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin-top: 20px;
  margin-bottom: 20px; }
  .arrow-holder:hover, .arrow-holder:focus {
    color: #fff;
    opacity: 0.8; }
  .arrow-holder i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 21px; }

.signup-form-info {
  font-size: 14px; }

.signup-component:not(.signup-first-form-component) {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1), overflow 2s linear 2s;
  visibility: hidden; }

.signup-component.show {
  max-height: 400px;
  visibility: visible;
  transition: max-height 1s ease-in-out; }

.signup-component.show-overflow {
  overflow: visible; }

.signup-rule-wrapper,
.signup-step2-intro {
  margin-bottom: 10px;
  padding-left: 5px; }
  @media all and (min-width: 48em) {
    .signup-rule-wrapper,
    .signup-step2-intro {
      width: 40%; } }

.signup-step3-wrapper h2 {
  line-height: 1.4em; }

.signup-rules-list {
  font-size: 18px;
  font-weight: 700;
  color: var(--var-primary);
  padding-left: 25px; }
  @media all and (min-width: 48em) {
    .signup-rules-list {
      padding: 0 50px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; } }
  .signup-rules-list .h2, .signup-rules-list .h3 {
    margin: 5px 0; }

.form-post-inputs input[type="text"] {
  border-color: #ebebeb; }

.form-post-inputs .form-group {
  margin-bottom: 5px; }

.dz-drag-hover-custom {
  border-color: #d1d1d1;
  border-style: dashed;
  border-width: 05px; }

.dz-default.dz-message {
  color: gray; }

.dz-drag-hover-custom .dz-default.dz-message {
  font-size: 20px;
  color: gray; }

.input-title {
  color: var(--var-paradiso);
  font-size: 20px;
  font-weight: 700; }
  .input-title::-webkit-input-placeholder {
    color: var(--var-paradiso) !important;
    font-size: 20px;
    font-weight: 700; }
  .input-title::-moz-placeholder {
    color: var(--var-paradiso) !important;
    font-size: 20px;
    font-weight: 700; }
  .input-title:-ms-input-placeholder {
    color: var(--var-paradiso) !important;
    font-size: 20px;
    font-weight: 700; }
  .input-title:-moz-placeholder {
    color: var(--var-paradiso) !important;
    font-size: 20px;
    font-weight: 700; }

.input-description {
  font-size: 16px;
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 40px;
  min-width: 100%; }
  .input-description::-webkit-input-placeholder {
    color: #000;
    font-size: 16px; }
  .input-description::-moz-placeholder {
    color: #000;
    font-size: 16px; }
  .input-description:-ms-input-placeholder {
    color: #000;
    font-size: 16px; }
  .input-description:-moz-placeholder {
    color: #000;
    font-size: 16px; }
  .input-description.tagify {
    height: 150px;
    overflow-y: auto;
    padding: 5px 0;
    border: 1px solid #ebebeb; }
    .edit-post-form .input-description.tagify {
      border-color: #7f7f7f; }
    .input-description.tagify br:not(.newline) {
      display: none; }
    .input-description.tagify .tagify__input:before {
      position: absolute; }
    .input-description.tagify .tagify__input:empty:before {
      transition: none;
      opacity: 1;
      font-size: 16px; }
    .input-description.tagify .tagify__input:focus:before {
      transition: none; }

.input-post-citation {
  font-size: 16px;
  color: #000; }
  .input-post-citation::-webkit-input-placeholder {
    color: #aaa;
    font-size: 16px; }
  .input-post-citation::-moz-placeholder {
    color: #aaa;
    font-size: 16px; }
  .input-post-citation:-ms-input-placeholder {
    color: #aaa;
    font-size: 16px; }
  .input-post-citation:-moz-placeholder {
    color: #aaa;
    font-size: 16px; }

.form-post-footer {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ebebeb;
  display: flex;
  flex-wrap: wrap; }

.post-action-wrapper {
  text-align: right;
  margin-top: 5px;
  margin-bottom: 5px; }
  @media all and (max-width: 47.9375em) {
    .post-action-wrapper {
      width: 100%;
      margin-top: 10px;
      text-align: center; } }
  @media all and (min-width: 48em) {
    .post-action-wrapper .btn:not(:first-child), .post-action-wrapper .moderateComment a:not(:first-child), .moderateComment .post-action-wrapper a:not(:first-child) {
      margin-left: 10px; } }
  @media all and (max-width: 47.9375em) {
    .post-action-wrapper .btn, .post-action-wrapper .moderateComment a, .moderateComment .post-action-wrapper a {
      margin: 5px; } }

.view-media-link {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #fff;
  border-radius: 50%;
  color: var(--var-primary);
  box-shadow: 0px 0px 6px 0px #000;
  font-size: 16px; }
  .view-media-link i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.upload-progress {
  font-size: 15px; }

.title-attach-label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  font-size: 18px;
  cursor: pointer;
  color: #7a247a;
  padding: 3px;
  margin: 0; }
  .open-postbox .title-attach-label {
    display: none; }

form.create-folder-form label:not(.label-checkbox):not(.create-folder-label) {
  font-size: 18px;
  color: var(--var-primary);
  display: block; }
  form.create-folder-form label:not(.label-checkbox):not(.create-folder-label) span {
    font-size: 14px; }

form.create-folder-form .dropdown-toggle {
  background-color: #fff;
  color: #000;
  padding: 2px 10px;
  font-size: 15px;
  font-weight: 400;
  border: 1px solid #7f7f7f; }

form.create-folder-form .dropdown {
  min-width: 260px; }
  @media all and (max-width: 47.9375em) {
    form.create-folder-form .dropdown {
      min-width: 100%; } }

form.create-folder-form .dropdown-menu {
  font-size: 14px; }

form.create-folder-form .btn, form.create-folder-form .moderateComment a, .moderateComment form.create-folder-form a {
  margin-top: 10px; }

.create-folder-label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--var-primary);
  font-size: 18px; }
  @media all and (max-width: 29.9375em) {
    .create-folder-label {
      flex-direction: column; } }
  .create-folder-label > span {
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px; }

.add-library-form-hint {
  font-size: 16px;
  border-bottom: 1px solid var(--var-primary); }

.add-library-item-form {
  margin-top: 10px; }
  .add-library-item-form textarea,
  .add-library-item-form input[type="text"] {
    border: 1px solid #dbdad6;
    font-size: 16px;
    margin-bottom: 5px;
    width: 100%;
    display: block;
    padding: 5px;
    background: transparent;
    outline: 0; }
    .add-library-item-form textarea::-webkit-input-placeholder,
    .add-library-item-form input[type="text"]::-webkit-input-placeholder {
      color: #000;
      font-size: 16px; }
    .add-library-item-form textarea::-moz-placeholder,
    .add-library-item-form input[type="text"]::-moz-placeholder {
      color: #000;
      font-size: 16px; }
    .add-library-item-form textarea:-ms-input-placeholder,
    .add-library-item-form input[type="text"]:-ms-input-placeholder {
      color: #000;
      font-size: 16px; }
    .add-library-item-form textarea:-moz-placeholder,
    .add-library-item-form input[type="text"]:-moz-placeholder {
      color: #000;
      font-size: 16px; }
  .add-library-item-form tags.input-description {
    border-color: #dbdad6;
    min-height: 130px; }

.share-input-label {
  display: block;
  font-size: 14px; }

.shared-post-input-text {
  border: 1px solid #a1a1a1;
  width: 100%;
  max-width: 100%;
  min-height: 40px;
  min-width: 100%;
  padding: 5px;
  outline: 0;
  font-size: 14px; }

.share-post-place {
  margin-bottom: 20px; }
  .share-post-place.bootstrap-select .dropdown-toggle {
    background-color: var(--var-primary);
    border: 0; }
    .share-post-place.bootstrap-select .dropdown-toggle:hover, .share-post-place.bootstrap-select .dropdown-toggle:focus {
      background-color: var(--var-primary);
      color: #fff; }
  .share-post-place .dropdown-menu {
    position: relative;
    margin: 0;
    border: 0;
    background-color: #f2f2f2;
    border-radius: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 5px 0 10px;
    box-shadow: none; }
    .share-post-place .dropdown-menu > li > a {
      white-space: normal;
      padding: 3px 15px 3px 5px;
      color: #595959;
      text-transform: capitalize;
      line-height: 1.5em; }
      .share-post-place .dropdown-menu > li > a:hover, .share-post-place .dropdown-menu > li > a:focus {
        background-color: #e6e6e6;
        color: #595959;
        outline: 0; }
    .share-post-place .dropdown-menu .active > a {
      background-color: transparent;
      color: rgba(89, 89, 89, 0.4); }
    .share-post-place .dropdown-menu a {
      font-weight: 600; }
    .share-post-place .dropdown-menu > .active > a {
      background-color: #e6e6e6;
      color: #595959; }
      .share-post-place .dropdown-menu > .active > a:hover, .share-post-place .dropdown-menu > .active > a:focus {
        background-color: #e6e6e6;
        color: #595959; }

.post-modal-action-wrapper {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid var(--var-primary); }
  .post-modal-action-wrapper .btn, .post-modal-action-wrapper .moderateComment a, .moderateComment .post-modal-action-wrapper a {
    margin-right: 15px;
    margin-bottom: 5px;
    width: auto;
    display: inline-block; }

.create-identity-form input,
.create-identity-form textarea {
  border-color: #d1d1d1;
  margin-bottom: 10px;
  background-color: transparent;
  font-size: 14px; }
  .create-identity-form input:last-child,
  .create-identity-form textarea:last-child {
    margin-bottom: 0; }

.create-identity-form .identity-img-inputs-group input {
  margin-bottom: 0;
  font-size: 16px; }

.create-identity-form .form-group:not(.bio-identity-group) {
  margin-bottom: 0; }

.create-identity-form .form-group.about-identity-group {
  margin-bottom: 20px; }

.create-identity-form input[type="file"] {
  display: none; }

.about-identity-group label {
  font-size: 14px;
  color: #666; }

.about-identity-group input {
  color: var(--var-primary);
  font-size: 20px;
  font-weight: 700; }
  .about-identity-group input::-webkit-input-placeholder {
    color: var(--var-primary) !important;
    opacity: 1;
    font-weight: 700;
    font-size: 20px; }
  .about-identity-group input::-moz-placeholder {
    color: var(--var-primary) !important;
    opacity: 1;
    font-weight: 700;
    font-size: 20px; }
  .about-identity-group input:-ms-input-placeholder {
    color: var(--var-primary) !important;
    opacity: 1;
    font-weight: 700;
    font-size: 20px; }
  .about-identity-group input:-moz-placeholder {
    color: var(--var-primary) !important;
    opacity: 1;
    font-weight: 700;
    font-size: 20px; }

.identity-img-inputs-group {
  margin-bottom: 40px; }
  @media all and (min-width: 48em) {
    .identity-img-inputs-group {
      display: flex;
      align-items: flex-start; } }
  @media all and (min-width: 48em) {
    .identity-img-inputs-group.align-bottom {
      align-items: flex-end; } }
  .panel .identity-img-inputs-group {
    margin-bottom: 0; }

.identity-img-file-wrapper {
  word-break: break-word;
  position: relative; }
  @media all and (min-width: 48em) {
    .identity-img-inputs-group .identity-img-file-wrapper {
      margin-right: 25px;
      width: 135px; } }
  @media all and (max-width: 47.9375em) {
    .identity-img-inputs-group .identity-img-file-wrapper {
      margin-bottom: 5px; } }

.identity-citation-wrapper {
  flex: 1 0 auto; }

.avatar-citation-input::-webkit-input-placeholder {
  color: #7f7f7f;
  font-size: 14px; }

.avatar-citation-input::-moz-placeholder {
  color: #7f7f7f;
  font-size: 14px; }

.avatar-citation-input:-ms-input-placeholder {
  color: #7f7f7f;
  font-size: 14px; }

.avatar-citation-input:-moz-placeholder {
  color: #7f7f7f;
  font-size: 14px; }

.bio-identity-group label {
  color: var(--var-primary);
  font-size: 20px;
  text-transform: capitalize; }

.panel-create-identity {
  margin-bottom: 35px; }
  .panel-create-identity .panel-body {
    padding: 10px 10px 30px; }
  .panel-create-identity input {
    color: #7f7f7f;
    font-size: 16px; }
    .panel-create-identity input::-webkit-input-placeholder {
      color: #7f7f7f;
      font-size: 16px; }
    .panel-create-identity input::-moz-placeholder {
      color: #7f7f7f;
      font-size: 16px; }
    .panel-create-identity input:-ms-input-placeholder {
      color: #7f7f7f;
      font-size: 16px; }
    .panel-create-identity input:-moz-placeholder {
      color: #7f7f7f;
      font-size: 16px; }
  .panel-create-identity .panel-default {
    background-color: #f2f2f2; }
  .panel-create-identity .panel-title {
    padding: 10px 0; }
    .panel-create-identity .panel-title > a {
      color: var(--var-primary);
      font-size: 18px; }
  .panel-create-identity .panel + .panel {
    margin-top: 10px; }

.panel-create-tenant {
  margin-bottom: 35px; }
  .panel-create-tenant .panel-body {
    padding: 10px 10px 30px; }
  .panel-create-tenant input {
    color: #000;
    font-size: 16px; }
    .panel-create-tenant input::-webkit-input-placeholder {
      color: #7f7f7f;
      font-size: 16px; }
    .panel-create-tenant input::-moz-placeholder {
      color: #7f7f7f;
      font-size: 16px; }
    .panel-create-tenant input:-ms-input-placeholder {
      color: #7f7f7f;
      font-size: 16px; }
    .panel-create-tenant input:-moz-placeholder {
      color: #7f7f7f;
      font-size: 16px; }
  .panel-create-tenant .panel-default {
    background-color: #f2f2f2; }
  .panel-create-tenant .panel-title {
    padding: 10px 0; }
    .panel-create-tenant .panel-title > a {
      color: var(--var-primary);
      font-size: 18px; }
  .panel-create-tenant .panel + .panel {
    margin-top: 10px; }

.identity-submit-wrapper .btn, .identity-submit-wrapper .moderateComment a, .moderateComment .identity-submit-wrapper a {
  margin-right: 20px;
  margin-bottom: 10px; }

.identity-submit-wrapper p {
  color: #595959;
  font-size: 16px;
  margin-top: 10px; }

.identity-input-img-container {
  width: 125px;
  height: 125px;
  overflow: visible;
  min-height: 50px; }
  .identity-input-img-container.add-img-container {
    height: auto; }
  .panel .identity-input-img-container {
    width: auto;
    height: auto;
    display: inline-block;
    margin-right: 15px; }
  .identity-input-img-container:not(.circle-img-wrapper) img {
    max-height: 300px; }
  @media all and (max-width: 47.9375em) {
    .identity-input-img-container {
      margin-bottom: 10px; } }

.identity-video-img-container .video-play-icon {
  color: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 30px; }

.message-description {
  border: 1px solid #7f7f7f;
  font-size: 16px; }

.teacher-send-message-form {
  margin-top: 15px; }
  .teacher-send-message-form textarea {
    border-color: #999; }
    @media all and (max-width: 74.9375em) {
      .teacher-send-message-form textarea {
        max-height: 150px; } }
  .teacher-send-message-form .btn, .teacher-send-message-form .moderateComment a, .moderateComment .teacher-send-message-form a {
    border-radius: 0; }

.personal-info-wrapper input {
  height: 25px;
  font-size: 14px; }

.personal-info-wrapper textarea {
  border-color: #7f7f7f; }

.personal-info-wrapper .form-group {
  margin-bottom: 2px; }

.account-additional-info label {
  margin-right: 20px; }

.account-additional-info input[type="radio"] {
  display: inline-block;
  width: auto;
  margin: 0;
  margin-right: 5px;
  height: auto;
  position: relative;
  top: 2px; }

.create-community-form label {
  color: var(--var-primary);
  font-size: 16px; }

.edit-community-section {
  padding-bottom: 20px;
  padding-top: 20px; }
  .edit-community-section.bordered-section {
    border-bottom: 1px solid #7f7f7f; }
  .edit-community-section:last-of-type {
    border: 0; }
  .edit-community-section input[type="text"] {
    border-color: var(--var-primary); }

div.choose-community-select {
  min-width: 245px; }
  div.choose-community-select .dropdown-toggle {
    background-color: #ebebeb;
    color: #000;
    border: 2px solid #c2c2c2;
    font-weight: 400; }
    div.choose-community-select .dropdown-toggle:hover {
      color: #000; }
  div.choose-community-select .dropdown-menu > li > a {
    text-transform: capitalize; }
    div.choose-community-select .dropdown-menu > li > a:hover {
      background-color: #ebebeb; }

@media all and (min-width: 75em) {
  .community-input-hint {
    font-size: 13px; } }

.view-community-members-link {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin-top: 10px; }

.edit-community-settings-title {
  font-size: 18px; }

.community-preference-title {
  line-height: 1.4em; }
  @media all and (min-width: 62em) {
    .community-preference-title {
      font-size: 16px; } }
  @media all and (min-width: 75em) {
    .community-preference-title {
      font-size: 18px; } }
  @media all and (max-width: 61.9375em) {
    .community-preference-title {
      font-size: 14px; } }
  @media all and (max-width: 47.9375em) {
    .community-preference-title {
      margin-bottom: 10px; } }
  .community-preference-title i {
    font-size: 12px;
    vertical-align: middle; }

.community-preference-component {
  border-bottom: 1px solid #c2c2c2;
  padding-bottom: 10px;
  margin-bottom: 10px; }

.community-read-only-wrapper {
  border: 1px solid var(--var-primary);
  padding: 15px;
  margin-bottom: 10px; }
  .community-read-only-wrapper h4 {
    line-height: 1.6em;
    margin-top: 0;
    margin-bottom: 30px; }
    @media all and (min-width: 62em) {
      .community-read-only-wrapper h4 {
        font-size: 16px; } }
    @media all and (max-width: 61.9375em) {
      .community-read-only-wrapper h4 {
        margin-top: 10px;
        font-size: 12px; } }
    @media all and (max-width: 47.9375em) {
      .community-read-only-wrapper h4 {
        margin-bottom: 20px;
        font-size: 12px; } }

.community-teacher-privilege-component {
  margin-bottom: 10px; }
  .community-teacher-privilege-component:first-child {
    margin-top: 10px; }
  @media all and (min-width: 48em) {
    .community-teacher-privilege-component .row {
      display: flex;
      align-items: center; } }

.community-teacher-privilege-title {
  font-size: 14px; }
  @media all and (max-width: 47.9375em) {
    .community-teacher-privilege-title {
      margin-bottom: 10px; } }

@media all and (min-width: 62em) {
  .input-badge-image-wrapper {
    width: 70%; } }

@media all and (min-width: 62em) {
  .badge-attachment-wrapper {
    width: 30%; } }

.create-badge-form .attach-label .btn, .create-badge-form .attach-label .moderateComment a, .moderateComment .create-badge-form .attach-label a {
  font-size: 14px; }

.community-group-title {
  display: inline-block;
  padding-right: 15px; }

.award-community-group {
  margin-bottom: 40px; }

.award-badge-hint {
  margin-bottom: 40px;
  line-height: 1.5em; }

.community-group-students {
  display: flex;
  flex-wrap: wrap; }

.award-badge-img-wrapper {
  max-width: 140px; }
  @media all and (max-width: 47.9375em) {
    .award-badge-img-wrapper {
      width: 100px;
      margin: 0 auto; } }

.confirmation-message h2 {
  margin-bottom: 20px; }

.confirmation-message .ckeditor {
  margin-bottom: 20px;
  font-size: 14px; }

.confirmation-message ul, .confirmation-message ol {
  margin-bottom: 10px; }

.confirmation-message input {
  width: auto; }

.diff-inputs-holder {
  margin-bottom: 15px; }
  @media all and (min-width: 48em) {
    .diff-inputs-holder {
      display: flex; } }
  @media all and (min-width: 48em) {
    .diff-inputs-holder .form-group:first-child {
      margin-bottom: 0;
      width: 75%;
      padding-right: 10px; } }

.verify-credit-card-form input::-webkit-input-placeholder {
  font-weight: 700; }

.verify-credit-card-form input::-moz-placeholder {
  font-weight: 700; }

.verify-credit-card-form input:-ms-input-placeholder {
  font-weight: 700; }

.verify-credit-card-form input:-moz-placeholder {
  font-weight: 700; }

.verify-credit-card-form .btn-submit {
  display: block;
  margin-bottom: 20px; }

.credit-card-form-link {
  font-size: 17px; }

.credit-card-form-section {
  margin-bottom: 40px; }

header {
  position: relative;
  background-color: #fff;
  padding: 15px 5px 10px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-bottom: 10px;
  position: fixed;
  width: calc(905px - 30px);
  top: 0;
  z-index: 1010;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3); }
  @media all and (max-width: 74.9375em) {
    header {
      padding: 15px;
      width: calc(820px - 30px); } }
  @media all and (max-width: 61.9375em) {
    header {
      width: calc(750px - 30px); } }
  @media all and (max-width: 47.9375em) {
    header {
      width: calc(100% - 30px); } }
  header.parent-header {
    position: relative;
    border-radius: 0;
    padding: 0; }
    @media all and (max-width: 47.9375em) {
      header.parent-header {
        width: 100%; } }

.dropdown-img-wrapper i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.6;
  color: #fff; }

@media all and (min-width: 75em) {
  .header-col-wrapper {
    display: flex; } }

.dropdown-title {
  padding-left: 20px;
  color: var(--var-primary);
  font-size: 14px;
  max-width: 70%;
  max-height: 42px;
  overflow: hidden; }
  @media all and (max-width: 74.9375em) {
    .dropdown-title {
      max-width: calc(100% - 65px); } }

.dropdown-item-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0; }
  @media all and (min-width: 75em) {
    .dropdown-item-wrapper {
      border-right: 1px solid #aaa; } }
  @media all and (max-width: 74.9375em) {
    .dropdown-item-wrapper {
      padding-left: 5px;
      margin-top: 10px; } }
  @media all and (min-width: 75em) {
    .dropdown-item-wrapper.dropdown-logo-wrapper {
      width: 310px; } }
  @media all and (min-width: 75em) {
    .dropdown-item-wrapper.dropdown-identity-wrapper {
      width: 220px; } }
  @media all and (min-width: 75em) {
    .dropdown-item-wrapper.dropdown-activity-wrapper {
      width: 120px;
      justify-content: center; } }
  @media all and (min-width: 75em) {
    .dropdown-item-wrapper.dropdown-stuff-wrapper {
      width: 120px;
      justify-content: center; } }

.dropdown-item {
  padding: 5px 15px 3px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%; }
  @media all and (max-width: 74.9375em) {
    .dropdown-item {
      width: 100%;
      padding-right: 20px;
      padding-left: 5px; } }

.header-menu-help-circle {
  position: absolute;
  right: 2px;
  bottom: -3px;
  color: #9f9f9f;
  padding: 3px;
  cursor: pointer; }

.sub-menu-wrapper {
  width: 100%;
  background: #fcfbf9;
  z-index: 5; }
  @media all and (min-width: 75em) {
    .sub-menu-wrapper {
      pointer-events: none;
      transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
      transform: translatey(-5px);
      position: absolute;
      top: 100%;
      left: 0;
      visibility: hidden;
      opacity: 0;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
      box-shadow: 0px 3px 5px 0px #a1a1a1; } }
  @media all and (max-width: 74.9375em) {
    .sub-menu-wrapper {
      margin-top: 10px;
      margin-bottom: 10px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s cubic-bezier(0, 0.3, 0, 0.3), padding 0.3s linear; } }
  @media all and (min-width: 75em) {
    .dropdown-activity-wrapper .sub-menu-wrapper,
    .dropdown-stuff-wrapper .sub-menu-wrapper {
      width: 205px; } }
  @media all and (max-width: 74.9375em) {
    .dropdown-item-open .sub-menu-wrapper {
      max-height: 500px;
      transition: max-height 0.6s linear, padding 0.3s linear; } }
  @media all and (min-width: 75em) {
    .dropdown-item:focus .sub-menu-wrapper,
    .dropdown-item:hover .sub-menu-wrapper {
      pointer-events: auto;
      visibility: visible;
      opacity: 1;
      left: 0;
      transform: translatey(0);
      transition-delay: 0s, 0s, 0.3s; } }

.sub-menu {
  list-style: none;
  width: 100%;
  padding: 20px 0;
  margin-bottom: 0; }
  @media all and (max-width: 74.9375em) {
    .sub-menu {
      text-align: center; } }
  .sub-menu li.gray-bg {
    background: #dbdad6; }
  .sub-menu a {
    display: block;
    padding: 3px 10px;
    font-size: 14px;
    color: #000;
    text-transform: capitalize; }
    .sub-menu a:hover, .sub-menu a:focus {
      background-color: var(--var-primary);
      color: white; }

.search-input {
  float: left;
  outline: none;
  background: #fff;
  width: 100%;
  height: 40px;
  z-index: 10;
  padding: 0 10px;
  font-size: 14px;
  color: #000;
  border: 2px solid var(--var-primary);
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-right: 0; }
  @media all and (max-width: 47.9375em) {
    .search-input {
      width: calc(100% - 40px); } }

.search-btn {
  height: 40px;
  outline: 0;
  border: 0;
  background: transparent;
  z-index: 100;
  opacity: 0.7;
  color: #898989;
  padding: 0 5px; }
  .search-btn:hover {
    opacity: 1; }
  @media all and (max-width: 74.9375em) {
    .search-btn {
      margin-right: 30px; } }
  .search-btn i {
    font-size: 20px; }

.search-modal .modal-body {
  padding-left: 0;
  padding-right: 0; }

.form-search > div {
  display: flex;
  margin-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px; }

.search-error {
  padding: 5px 20px;
  margin-bottom: 10px;
  display: inline-block; }

.search-category-submit {
  display: block;
  width: 100%;
  background-color: #fff;
  border: 0;
  padding: 5px;
  outline: 0;
  text-align: left;
  color: #7f7f7f;
  border: 0;
  padding: 5px 35px;
  font-size: 16px;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  .search-category-submit:hover, .search-category-submit:focus {
    background-color: var(--var-more-posts);
    color: var(--var-primary); }

.search-submit {
  background-color: var(--var-primary);
  border: 0;
  outline: 0;
  padding: 0 20px;
  height: 40px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  color: #fff;
  font-size: 18px;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  .search-submit:hover, .search-submit:focus {
    opacity: 0.8; }

.dropdown-img-wrapper {
  width: 52px;
  height: 52px;
  margin: auto;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #7f7f7f;
  display: block; }
  @media all and (max-width: 74.9375em) {
    .dropdown-img-wrapper {
      width: 65px;
      height: 65px; } }
  .dropdown-img-wrapper:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease-in-out 0ms;
    -moz-transition: all 300ms ease-in-out 0ms;
    -o-transition: all 300ms ease-in-out 0ms;
    transition: all 300ms ease-in-out 0ms; }
    .dropdown-item:hover .dropdown-img-wrapper:before,
    .dropdown-item:focus .dropdown-img-wrapper:before {
      opacity: 1;
      visibility: visible; }
  .dropdown-img-wrapper img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.header-logo {
  max-width: 50px;
  display: inline-block;
  margin-left: 60px; }

.menu-icon {
  color: var(--var-primary);
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 0;
  font-size: 22px;
  display: inline-block;
  padding: 5px;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  @media all and (min-width: 75em) {
    .menu-icon {
      top: 50%;
      transform: translate(0, -50%);
      font-size: 18px;
      padding: 5px; } }
  @media all and (max-width: 47.9375em) {
    .menu-icon {
      top: 15px; } }
  .menu-icon.up {
    transform: rotate(180deg); }

.dropdown-heading {
  position: relative;
  display: inline-block;
  z-index: 10; }
  @media all and (min-width: 75em) {
    .dropdown-stuff-wrapper .dropdown-heading,
    .dropdown-activity-wrapper .dropdown-heading {
      left: 50%;
      transform: translateX(-50%); } }
  .dropdown-heading .badge {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 20; }

.status-container {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px; }

.status-wrapper {
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 10px;
  max-width: 60px; }
  .status-wrapper.status-pending, .status-wrapper.status-active {
    pointer-events: none;
    cursor: default; }

.user-wrapper {
  position: absolute;
  top: 50%;
  right: 14px;
  font-size: 13px;
  text-align: center;
  transform: translate(0, -50%);
  /*max-width: 50px;*/ }
  @media all and (max-width: 74.9375em) {
    .user-wrapper {
      right: 0; } }
  @media all and (max-width: 74.9375em) {
    .parent-header .user-wrapper {
      right: 10px; } }

.logout-link {
  font-size: 20px;
  color: var(--var-primary);
  opacity: 0.7;
  padding: 0 5px; }
  .logout-link:hover {
    color: var(--var-primary);
    opacity: 1; }
  .parent-header .logout-link {
    color: #fff;
    opacity: 1; }

.dropdown-link {
  display: block;
  background: #dbdad6;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  text-align: center;
  padding: 5px;
  color: #000;
  text-transform: capitalize;
  font-size: 14px; }
  .dropdown-link:hover, .dropdown-link:focus {
    color: rgba(0, 0, 0, 0.6); }

.navbar-toggle {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-color: var(--var-primary);
  margin: 0; }
  .navbar-toggle .icon-bar {
    background-color: var(--var-primary); }

@media all and (max-width: 74.9375em) {
  .navbar-header {
    position: relative; } }

.navbar-collapse {
  clear: both;
  overflow-x: hidden; }
  @media all and (max-width: 74.9375em) {
    .navbar-collapse {
      padding: 0;
      max-height: 300px; } }

.reply-section a {
  font-size: 14px; }

.reply-box-area, .sub-comments-list {
  margin-left: 6em;
  margin-top: 1em; }

footer {
  background-color: #fff;
  padding: 15px;
  border-radius: 15px;
  position: relative;
  margin-bottom: 40px; }

@media all and (min-width: 48em) {
  .footer-right .logo {
    margin-left: auto; } }

@media all and (max-width: 47.9375em) {
  .footer-left {
    margin-bottom: 15px; } }

.footer-left > div {
  margin-top: 15px; }

.copy-right {
  line-height: 1.5em;
  margin: 0;
  color: var(--var-footer-li); }

.footer-menu {
  padding: 0;
  list-style: none;
  margin-top: 5px;
  margin-bottom: 0; }
  .footer-menu li {
    display: inline-block;
    position: relative; }
    .footer-menu li a {
      font-weight: 700;
      text-decoration: underline;
      color: var(--var-footer-li); }
      .footer-menu li a:hover {
        opacity: 0.8; }
    .footer-menu li:not(:last-child) {
      padding-right: 15px;
      margin-right: 10px; }
      .footer-menu li:not(:last-child):before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 1px;
        background-color: var(--var-footer-li); }
    .footer-menu li:last-child a {
      font-weight: 700;
      text-decoration: none; }

@media all and (min-width: 48em) {
  .footer-logo-wrapper {
    display: flex;
    align-items: flex-end; } }

.footer-logo-wrapper p {
  color: var(--var-footer-li);
  font-size: 12px;
  font-weight: 700;
  font-style: italic; }
  @media all and (min-width: 48em) {
    .footer-logo-wrapper p {
      margin-left: 20px; } }
  @media all and (min-width: 62em) {
    .footer-logo-wrapper p {
      font-size: 14px; } }

.footer-logo-wrapper img {
  max-width: 100px; }

.post-single {
  padding-bottom: 30px; }
  @media all and (max-width: 47.9375em) {
    .post-single {
      padding-bottom: 15px; } }
  .side-post-wrapper .post-single {
    padding-bottom: 0; }
  .post-listing .post-single {
    padding-bottom: 15px;
    border-bottom: 1px solid var(--var-primary);
    margin-bottom: 25px; }
  .post-listing-seperator .post-single {
    margin-bottom: 0;
    margin-top: 10px;
    padding-bottom: 0;
    border-bottom: 0; }
  .shared-post .post-single {
    padding: 0;
    margin: 0;
    border: 0; }
  .post-single.item-post-single {
    margin-top: 30px; }

.post-footer {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  justify-content: flex-start; }
  @media all and (max-width: 61.9375em) {
    .post-footer {
      margin-bottom: 20px; } }
  @media all and (max-width: 47.9375em) {
    .post-footer {
      justify-content: center;
      flex-wrap: wrap; } }
  .modal-content-container .post-footer {
    flex-wrap: wrap;
    justify-content: center; }
    .modal-content-container .post-footer > div,
    .modal-content-container .post-footer > a {
      margin: 5px 10px; }
  @media all and (max-width: 47.9375em) {
    .post-footer:after, .post-footer:before {
      display: none; } }

.post-options-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1; }

.emoji-wrapper {
  padding: 0;
  height: 30px; }
  @media all and (min-width: 48em) {
    .emoji-wrapper {
      margin-right: 30px;
      margin-left: 10px; } }
  @media all and (min-width: 75em) {
    .emoji-wrapper {
      margin-left: 40px;
      margin-right: 70px; } }
  @media all and (max-width: 47.9375em) {
    .emoji-wrapper {
      margin: 10px;
      width: 100%;
      text-align: center; } }
  @media all and (min-width: 48em) and (max-width: 61.9375em) {
    .side-post-content-wrapper .emoji-wrapper {
      margin-right: 10px; } }
  @media all and (min-width: 75em) {
    .side-post-content-wrapper .emoji-wrapper {
      margin-right: 40px; } }

.main-emoji {
  margin-right: 12px;
  position: relative; }

.emoji-btns-wrapper {
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(161, 161, 161, 0.6);
  padding: 7px;
  border-radius: 8px;
  top: -60px;
  display: flex;
  justify-content: space-between;
  visibility: hidden;
  opacity: 0;
  left: 0;
  z-index: 10;
  transition: opacity 0.1s ease-in-out, top 0.1s ease-in-out; }
  @media all and (max-width: 47.9375em) {
    .emoji-btns-wrapper {
      left: 50%;
      transform: translateX(-50%); } }
  .emoji-container:hover .emoji-btns-wrapper,
  .emoji-container:focus .emoji-btns-wrapper {
    top: -70px;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out, visibility 0.2s linear; }

.btn-emoji {
  padding: 2px 5px;
  border: 0;
  outline: 0;
  background-color: #fff;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  .btn-emoji:hover, .btn-emoji:focus {
    transform: scale(1.2); }
  .btn-emoji span {
    display: block;
    color: black;
    transform: translateZ(0); }

.emoji-container {
  position: relative;
  background-color: #fff;
  padding: 0;
  display: inline-block;
  text-align: center;
  width: 40px;
  border-radius: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  .emoji-container:hover, .emoji-container:focus {
    background-color: #fff; }
  .emoji-container > span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.emoji-icon {
  background-image: url("../images/strip-icons.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: cover; }
  .emoji-icon.like-icon {
    background-position: 0 0; }
  .emoji-icon.genius-icon {
    background-position: 0 -32px; }
  .emoji-icon.confused-icon {
    background-position: 0 -96px; }
  .emoji-icon.wow-icon {
    background-position: 0 -64px; }
  .emoji-icon.masterofidentity-icon {
    background-position: 0 -128px; }
  .emoji-icon.laughinglearning-icon {
    background-position: 0 -160px; }

.post-header {
  margin-bottom: 15px; }
  @media all and (min-width: 48em) {
    .post-header {
      display: flex; } }
  @media all and (min-width: 48em) {
    .bookmark-post-wrapper .post-header,
    .stuff-post-wrapper .post-header {
      max-width: calc(100% - 200px); } }
  @media all and (min-width: 48em) {
    .post-listing .post-header {
      width: 70%; } }
  @media all and (min-width: 75em) {
    .post-listing .post-header {
      width: 75%; } }
  @media all and (min-width: 48em) {
    .default-modal .post-header {
      max-width: calc(100% - 200px); } }

@media all and (min-width: 48em) {
  .post-data {
    margin-left: 15px; } }

@media all and (max-width: 47.9375em) {
  .post-data {
    text-align: center;
    margin-top: 15px; } }

.item-post-header .post-data {
  margin: 0;
  text-align: left; }

a.post-date {
  color: #000; }
  a.post-date:hover, a.post-date:focus {
    color: black;
    opacity: 0.6; }

.post-content {
  cursor: pointer;
  margin-bottom: 20px;
  display: block;
  word-break: break-word; }
  .post-content p,
  .post-content li {
    font-size: 14px; }

.panel-comments {
  display: inline-block;
  margin: 0;
  background-color: var(--var-primary);
  border-radius: 30px;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  @media all and (max-width: 47.9375em) {
    .panel-comments {
      margin: 10px; } }
  .panel-comments:hover, .panel-comments:focus {
    background-color: var(--var-primary);
    filter: brightness(90%); }
  .panel-comments .panel-heading {
    padding: 0; }
  .panel-comments .panel-default {
    background-color: transparent; }
  .panel-comments .panel-title > a {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    padding: 6px 13px 6px; }
    .panel-comments .panel-title > a:hover, .panel-comments .panel-title > a:focus {
      color: #fff; }

.comment-icon {
  background-color: #fff;
  color: var(--var-primary);
  border-radius: 6px;
  padding: 0px 8px;
  font-weight: 400;
  font-size: 13px; }
  .comment-icon:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 96%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 5px 0 5px;
    border-color: #fff transparent transparent transparent; }

.post-link-action {
  display: inline-block;
  font-size: 14px;
  margin-left: 25px;
  margin-top: 0;
  position: relative; }
  @media all and (max-width: 74.9375em) {
    .post-link-action {
      margin-left: 5px; } }
  @media all and (max-width: 47.9375em) {
    .post-link-action {
      margin: 10px; } }
  .post-link-action i {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 18px;
    left: 15px; }
  .post-link-action.share-post {
    padding: 6px 15px 5px 40px;
    color: #fff;
    border-radius: 30px;
    background-color: var(--var-jungle); }
    .post-link-action.share-post:hover, .post-link-action.share-post:focus {
      background-color: var(--var-jungle);
      filter: brightness(90%); }
  .post-link-action.bookmark-post {
    padding: 6px 15px 5px 35px;
    border-radius: 30px;
    color: #fff;
    background-color: var(--var-paradiso); }
    .post-link-action.bookmark-post:hover, .post-link-action.bookmark-post:focus {
      background-color: var(--var-paradiso);
      filter: brightness(90%); }
    .bookmark-component .post-link-action.bookmark-post {
      display: none; }

.leave-comment-wrapper {
  margin-bottom: 15px; }
  @media all and (min-width: 48em) {
    .leave-comment-wrapper {
      display: flex;
      align-items: flex-start; } }
  @media all and (max-width: 61.9375em) {
    .leave-comment-wrapper {
      margin-top: 30px; } }

.leave-comment-form {
  width: 100%; }
  @media all and (min-width: 48em) {
    .leave-comment-form {
      padding-left: 20px; } }
  @media all and (max-width: 47.9375em) {
    .leave-comment-form {
      text-align: center;
      margin-top: 15px; } }
  .leave-comment-form .btn, .leave-comment-form .moderateComment a, .moderateComment .leave-comment-form a {
    margin-top: 10px; }

.leave-comment-input {
  width: 100%;
  height: 60px;
  min-height: 60px;
  border-radius: 4px;
  border: 1px solid #a1a1a1;
  outline: 0;
  padding: 18px 15px;
  font-size: 16px;
  resize: vertical; }
  .leave-comment-input::-webkit-input-placeholder {
    color: #a1a1a1;
    font-size: 16px; }
  .leave-comment-input::-moz-placeholder {
    color: #a1a1a1;
    font-size: 16px; }
  .leave-comment-input:-ms-input-placeholder {
    color: #a1a1a1;
    font-size: 16px; }
  .leave-comment-input:-moz-placeholder {
    color: #a1a1a1;
    font-size: 16px; }

.comments-container {
  background-color: #e6e6e6;
  margin-bottom: 10px; }

.comments-listing-wrapper {
  padding: 15px; }

.single-comment {
  padding-top: 15px; }
  @media all and (min-width: 48em) {
    .single-comment {
      display: flex; } }

.comment-wrapper {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #c2c2c2; }
  @media all and (min-width: 48em) {
    .comment-wrapper {
      margin-left: 20px;
      padding-right: 20px; } }
  .single-comment:last-child .comment-wrapper {
    border: 0; }

.comment-owner {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px; }
  @media all and (min-width: 48em) {
    .comment-owner {
      padding-right: 10px;
      display: inline-block; } }

.comment-date {
  color: #4b4a49;
  margin: 0;
  font-size: 14px;
  text-align: center; }
  @media all and (min-width: 48em) {
    .comment-date {
      display: inline-block; } }

@media all and (max-width: 47.9375em) {
  .comment-content {
    margin-top: 15px; } }

.comment-content p {
  font-size: 14px; }

.comments .panel-body {
  padding: 0; }

.shared-post {
  border: 2px solid var(--var-primary);
  padding: 15px;
  margin-bottom: 25px; }

.post-modal-title {
  color: var(--var-primary);
  font-size: 20px;
  border-bottom: 1px solid var(--var-primary);
  padding-bottom: 5px;
  margin-top: 9px;
  margin-bottom: 15px; }

.post-attachments {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 15px; }
  .edit-post-form .post-attachments {
    border: 1px solid #ebebeb;
    padding: 10px;
    margin-left: 0;
    margin-right: 0; }
  .modal .post-attachments {
    margin-left: 0;
    margin-right: 0; }
  .form-group .post-attachments {
    margin-bottom: 0; }

.post-attachment-container {
  display: flex;
  flex-direction: column;
  height: auto;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px; }
  @media all and (min-width: 48em) {
    .post-attachment-container {
      min-height: 180px; } }
  @media all and (max-width: 47.9375em) {
    .post-attachment-container {
      width: 100%; } }
  .post-attachment-container .btn, .post-attachment-container .moderateComment a, .moderateComment .post-attachment-container a {
    margin-top: 10px; }
  .post-attachment-container > div {
    flex-grow: 1;
    overflow: hidden;
    border-radius: 20px;
    background-color: rgba(230, 230, 230, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px; }

.edit-post-attachments {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 15px; }
  .edit-post-attachments > div {
    margin-bottom: 15px;
    height: auto;
    padding: 0 5px; }
    @media all and (min-width: 48em) {
      .edit-post-attachments > div {
        min-height: 100px; } }
    @media all and (max-width: 47.9375em) {
      .edit-post-attachments > div {
        width: 100%; } }

.edit-post-attachment-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ebebeb;
  padding: 10px 20px; }
  @media all and (max-width: 47.9375em) {
    .edit-post-attachment-wrapper {
      min-height: 50px; } }

.attachment-doc-link {
  font-size: 16px; }

.edit-post-form .post-image-wrapper {
  padding-left: 15px;
  padding-right: 15px; }

.post-modal-hint {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 15px; }

.remove-post-img {
  position: absolute;
  top: 0;
  right: 3px;
  background-color: transparent;
  border: 0;
  outline: 0;
  z-index: 100;
  font-size: 16px;
  color: #7f7f7f; }

.post-circle-img-wrapper {
  width: 60px;
  height: 60px;
  flex: 0 0 auto; }
  @media all and (max-width: 47.9375em) {
    .post-circle-img-wrapper {
      margin: auto;
      margin-top: 15px; } }

.delete-bookmark {
  display: none; }
  .bookmark-component .delete-bookmark {
    display: block; }

.no-comments {
  margin: 0;
  padding: 15px; }

#sb-container {
  z-index: 9999 !important; }

#sb-overlay {
  opacity: 0.8 !important; }

.post-box-inputs-wrapper {
  max-height: 0;
  overflow: hidden;
  visibility: hidden; }
  .post-box-inputs-wrapper.full-view {
    transition: max-height 1s ease-in-out;
    max-height: none;
    visibility: visible; }

.mention {
  background: rgba(var(--var-mention-hashtag-rgb), 0.1);
  color: var(--var-mention-hashtag); }

.ck-balloon-panel_visible {
  z-index: 9999 !important; }

.announce-date {
  padding-top: 2px; }

.panel-group .panel {
  border: 0;
  box-shadow: none; }
  .panel-group .panel + panel {
    margin: 0; }

.announcement-wrapper .panel-title > a i {
  font-weight: 400;
  margin-right: 5px; }

.announce-content p, li {
  font-size: 14px; }

.more-announcment {
  display: inline-block;
  color: #7f7f7f;
  margin-left: 15px; }
  .more-announcment:hover, .more-announcment:focus {
    color: #000; }

@media all and (max-width: 47.9375em) {
  .panel-heading {
    padding: 10px 15px; } }

.announce-component {
  padding-top: 20px; }

@media all and (max-width: 61.9375em) {
  .announcement-heading {
    text-align: center; } }

.announcement-heading span {
  max-width: 200px;
  display: inline-block; }

@media all and (min-width: 62em) {
  .create-announce-link {
    position: absolute;
    top: 0;
    left: 0; } }

@media all and (max-width: 61.9375em) {
  .create-announce-link {
    margin-bottom: 15px; } }

.announce-header {
  margin-bottom: 10px; }
  @media all and (min-width: 48em) {
    .announce-header {
      width: 75%; } }
  .announce-header .post-date {
    color: #7f7f7f; }

.single-announce-title {
  margin: 0;
  font-size: 20px;
  line-height: 1.5em;
  color: var(--var-primary); }

.announce-comment-form {
  margin-bottom: 20px; }

.announce-comment-input {
  border-color: #a1a1a1; }

.blog-private-message-form {
  display: inline-block; }
  @media all and (min-width: 48em) {
    .blog-private-message-form {
      float: right;
      position: relative;
      top: -55px; } }
  @media all and (max-width: 47.9375em) {
    .blog-private-message-form {
      margin-bottom: 20px; } }

.studio-join-form + p {
  display: none; }

.sticky-btn-library {
  position: fixed;
  writing-mode: vertical-rl;
  right: 0;
  top: calc(50% - 72px);
  transform: translateY(-50%);
  padding: 70px 25px;
  border: 0;
  background-color: var(--var-primary);
  color: #fff;
  font-size: 18px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  z-index: 1020;
  outline: 0;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  .sticky-btn-library:hover, .sticky-btn-library:focus {
    background-color: var(--var-primary);
    filter: brightness(90%); }
  .sticky-btn-library span {
    position: absolute;
    top: 50%;
    left: 50%;
    writing-mode: vertical-lr;
    transform: rotate(-180deg) translate(50%, 50%); }

.modal-content-container,
.modal-library-wrapper {
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  @media all and (min-width: 48em) {
    .modal-content-container,
    .modal-library-wrapper {
      padding: 0 10px; } }

.modal-library {
  opacity: 1; }
  .modal-library .modal-dialog {
    transform: translate(0); }
    @media all and (min-width: 48em) {
      .modal-library .modal-dialog {
        width: 720px; } }
    @media all and (min-width: 62em) {
      .modal-library .modal-dialog {
        width: 790px; } }
    @media all and (min-width: 75em) {
      .modal-library .modal-dialog {
        width: 875px; } }

.breadcrumb {
  padding: 10px 0;
  margin-bottom: 0; }
  .breadcrumb > li {
    color: var(--var-primary);
    font-size: 22px; }
    @media all and (max-width: 47.9375em) {
      .breadcrumb > li {
        font-size: 18px; } }
    .breadcrumb > li + li:before {
      font-size: 16px;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f531";
      color: var(--var-primary); }
      @media all and (max-width: 47.9375em) {
        .breadcrumb > li + li:before {
          font-size: 14px; } }
  .breadcrumb a {
    color: var(--var-primary); }
    .breadcrumb a:hover, .breadcrumb a:focus {
      background-color: var(--var-primary);
      filter: brightness(85%); }
  .breadcrumb .active {
    font-weight: 700; }

.library-btns-wrapper {
  display: inline-block; }
  .library-btns-wrapper .btn, .library-btns-wrapper .moderateComment a, .moderateComment .library-btns-wrapper a {
    outline: 0;
    text-transform: none;
    margin-top: 5px;
    margin-bottom: 5px; }
    .library-btns-wrapper .btn:not(last-child), .library-btns-wrapper .moderateComment a:not(last-child), .moderateComment .library-btns-wrapper a:not(last-child) {
      margin-right: 10px; }

.information-library-header {
  display: inline-block; }
  @media all and (min-width: 48em) {
    .information-library-header {
      padding-right: 10px; } }
  .information-library-header p {
    font-size: 15px; }

.libraries-listing,
.folder-listing {
  margin-top: 25px; }

.single-library {
  padding: 15px 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 15px;
  border: 2px solid transparent;
  background-color: #f2f2f2;
  cursor: pointer; }
  .single-library.ui-sortable-handle {
    border-color: var(--var-primary);
    cursor: move; }
  .single-library h3 {
    margin: 0;
    width: 100%;
    font-size: 18px;
    padding: 10px;
    -webkit-transition: all 300ms ease-in-out 0ms;
    -moz-transition: all 300ms ease-in-out 0ms;
    -o-transition: all 300ms ease-in-out 0ms;
    transition: all 300ms ease-in-out 0ms; }
    .single-library h3 a {
      display: block;
      color: inherit; }
      .single-library h3 a:hover {
        color: var(--var-primary); }
  .single-library:hover h3 {
    color: var(--var-primary); }

@media all and (min-width: 48em) {
  .folder-listing:not(.ui-sortable) {
    display: flex;
    flex-wrap: wrap; } }

.modal-folder-wrapper {
  background-color: #ebebeb;
  padding: 30px 15px 10px;
  height: 100%;
  cursor: pointer; }
  @media all and (min-width: 48em) {
    .ui-sortable-handle .modal-folder-wrapper {
      padding: 15px;
      display: flex;
      align-items: center;
      cursor: move; } }

.modal-sub-folder-wrapper {
  background-color: #ebebeb;
  padding: 15px 10px;
  margin: 5px;
  height: 100%;
  cursor: pointer; }
  @media all and (min-width: 48em) {
    .ui-sortable-handle .modal-sub-folder-wrapper {
      padding: 15px;
      display: flex;
      align-items: center;
      cursor: move; } }

.folder-circle-img-wrapper {
  width: 100px;
  height: 100px;
  margin: auto; }
  @media all and (min-width: 48em) {
    .ui-sortable-handle .folder-circle-img-wrapper {
      margin: 0;
      flex: 0 0 auto; } }

.folder-title {
  font-size: 16px; }
  @media all and (min-width: 48em) {
    .ui-sortable-handle .folder-title {
      font-size: 18px;
      margin: 0 0 0 15px;
      text-align: left; } }
  .folder-title a {
    color: inherit;
    margin-bottom: 30px;
    display: block; }
    .folder-title a:hover, .folder-title a:focus {
      color: var(--var-primary); }

.sub-folder-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px; }
  @media all and (min-width: 48em) {
    .ui-sortable-handle .sub-folder-title {
      font-size: 14px;
      margin: 0 0 0 15px;
      text-align: left; } }
  .sub-folder-title a {
    color: inherit;
    margin-bottom: 15px;
    display: block; }
    .sub-folder-title a:hover, .sub-folder-title a:focus {
      color: var(--var-primary); }

.single-folder {
  padding: 5px; }
  .single-folder.ui-sortable-handle {
    border: 2px solid var(--var-primary);
    padding: 0;
    margin-bottom: 15px; }

.folder-listing-icon {
  text-align: center;
  font-size: 70px;
  color: var(--var-primary);
  height: 96px;
  position: relative;
  display: inline-block;
  width: 100%; }
  .folder-listing-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.items-dropdown button {
  background-color: transparent;
  font-size: 14px;
  color: var(--var-primary);
  padding: 5px 0; }
  .items-dropdown button:focus, .items-dropdown button:hover, .items-dropdown button:active {
    color: var(--var-primary); }

.dropdown-items-menu {
  min-width: auto;
  border: 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding-bottom: 5px;
  top: auto;
  bottom: 100%;
  box-shadow: 0 0px 12px rgba(0, 0, 0, 0.175); }
  @media all and (max-width: 47.9375em) {
    .dropdown-items-menu {
      left: 50%;
      transform: translateX(-50%); } }
  .dropdown-items-menu > li > a {
    padding: 1px 10px; }
    .dropdown-items-menu > li > a:focus, .dropdown-items-menu > li > a:hover {
      color: var(--var-primary);
      background-color: transparent; }

.modal-library-content {
  margin-top: 20px; }

.listing-items {
  margin-top: 20px; }

.single-item {
  padding: 10px;
  border: 1px solid var(--var-primary);
  margin-bottom: 15px;
  background-color: #fff; }
  @media all and (min-width: 48em) {
    .single-item {
      display: flex;
      width: calc(100% - 15px); } }
  .single-item.ui-sortable-handle {
    position: relative; }
    @media all and (min-width: 48em) {
      .single-item.ui-sortable-handle:after {
        content: "";
        position: absolute;
        top: -1px;
        right: -16px;
        bottom: -1px;
        background-color: var(--var-primary);
        width: 10px; } }
  .ui-sortable .single-item {
    cursor: move; }

.item-img-wrapper {
  width: 80px;
  height: 80px;
  overflow: hidden; }
  @media all and (min-width: 48em) {
    .item-img-wrapper {
      flex: 0 0 auto;
      margin-right: 10px; } }
  @media all and (max-width: 47.9375em) {
    .item-img-wrapper {
      margin: 10px auto;
      width: 200px;
      height: auto;
      max-height: 200px; } }

.item-title {
  margin: 0;
  color: var(--var-primary);
  margin: 0;
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 16px;
  cursor: pointer;
  display: inline-block; }

.item-description p {
  font-size: 14px;
  line-height: 1.3em;
  margin-bottom: 5px; }

.panel-add-library {
  background: #f2f2f2; }
  .panel-add-library .panel-heading {
    padding: 10px 20px; }
  .panel-add-library .panel-title {
    font-size: 20px;
    display: inline-block; }
    .panel-add-library .panel-title a {
      color: #fff; }

.hide-content-modal {
  transform: translateY(2em);
  opacity: 0;
  visibility: hidden; }

.item-single-data {
  margin-bottom: 20px; }

.item-file-wrapper {
  margin-bottom: 15px; }
  @media all and (max-width: 47.9375em) {
    .item-file-wrapper {
      max-width: 200px; } }

.share-item-embed {
  margin-bottom: 15px; }

.slick-prev,
.slick-next {
  z-index: 100;
  height: 40px;
  width: 40px;
  background: rgba(var(--var-primary-rgb), 0.3);
  color: var(var(--var-primary));
  border-radius: 50%; }
  .slick-prev:before,
  .slick-next:before {
    font-size: 38px; }

.slick-prev {
  left: 5px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 5px; }

.slick-next {
  right: 5px; }
  [dir="rtl"] .slick-next {
    left: 5px;
    right: auto; }

.identity-listing {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0; }

@media all and (min-width: 75em) {
  .identity-listing-wrapper {
    height: 290px; } }

.single-identity {
  margin-bottom: 25px;
  word-break: break-word; }
  @media all and (min-width: 48em) {
    .single-identity {
      width: 20%; } }
  @media all and (max-width: 47.9375em) {
    .single-identity {
      width: 25%; } }
  @media all and (max-width: 34.9375em) {
    .single-identity {
      width: 33.33%; } }
  @media all and (max-width: 24.9375em) {
    .single-identity {
      width: 50%; } }

.identity-name {
  font-weight: 700;
  font-size: 16px;
  text-transform: capitalize;
  line-height: 1.4em; }
  .identity-name a {
    color: #000; }
    .identity-name a:hover, .identity-name a:focus {
      opacity: 0.6; }

.identity-profile-wrapper {
  margin-bottom: 20px; }
  @media all and (min-width: 48em) {
    .identity-profile-wrapper {
      display: flex; } }

.identity-profile-img-wrapper {
  word-break: break-word; }
  @media all and (min-width: 48em) {
    .identity-profile-img-wrapper {
      width: 20%; } }
  @media all and (max-width: 47.9375em) {
    .identity-profile-img-wrapper {
      width: 200px;
      margin: 10px auto 20px;
      text-align: center; } }

.citation-link {
  color: #000;
  display: inline-block;
  margin-top: 5px; }
  .citation-link:hover, .citation-link:focus {
    color: #000;
    opacity: 0.6; }

@media all and (min-width: 48em) {
  .identity-profile-content-wrapper {
    width: 80%; } }

.identity-profile-header {
  margin-bottom: 20px; }

.membership {
  color: #666;
  margin-bottom: 0;
  font-size: 12px; }
  .account-section .membership {
    color: #000; }

@media all and (max-width: 47.9375em) {
  .identity-profile-bio {
    margin-bottom: 30px; } }

.identity-profile-bio p {
  font-size: 16px; }

.identity-profile-section {
  background-color: #f2f2f2;
  padding: 10px;
  margin-bottom: 5px; }

.identity-profile-add-img-wrapper {
  word-break: break-word; }
  @media all and (min-width: 48em) {
    .identity-profile-add-img-wrapper {
      display: flex;
      align-items: flex-end; } }
  @media all and (min-width: 48em) {
    .identity-profile-add-img-wrapper img {
      max-width: 35%;
      margin-right: 20px; } }

.identity-profile-activities {
  margin-top: 25px; }
  .identity-profile-activities > h2 {
    margin-bottom: 30px; }

.badges-listing {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid var(--var-primary);
  border-bottom: 1px solid var(--var-primary); }
  @media all and (min-width: 75em) {
    .badges-listing {
      height: 320px; } }
  .badges-listing .row {
    display: flex;
    flex-wrap: wrap; }
  .single-student-component .badges-listing {
    border: 0; }
    @media all and (min-width: 75em) {
      .single-student-component .badges-listing {
        height: 290px; } }
  .badges-listing.admin-badges-listing {
    border: 0; }
    @media all and (min-width: 75em) {
      .badges-listing.admin-badges-listing {
        height: 650px; } }
    .badges-listing.admin-badges-listing .mCSB_inside > .mCSB_container {
      padding: 10px; }
  .account-section .badges-listing {
    border: 0; }
    @media all and (min-width: 75em) {
      .account-section .badges-listing {
        height: 275px;
        padding: 0;
        margin-bottom: 15px;
        margin-top: 15px; } }

.badge-single {
  margin-bottom: 15px; }
  @media all and (min-width: 30em) and (max-width: 47.9375em) {
    .badge-single {
      width: 25%; } }
  @media all and (min-width: 48em) {
    .single-student-component .badge-single {
      width: 25%;
      padding: 8px;
      margin-bottom: 0; } }
  .admin-badges-listing .badge-single {
    margin-bottom: 55px; }
    @media all and (min-width: 48em) {
      .admin-badges-listing .badge-single {
        width: 20%; } }
    @media all and (max-width: 61.9375em) {
      .admin-badges-listing .badge-single {
        margin-bottom: 15px; } }
  @media all and (min-width: 48em) {
    .admin .badge-single {
      width: 20%; } }

.section-badges {
  margin-top: 25px; }

.stuff-listing-title {
  margin: 5px auto 30px;
  max-width: 230px; }

.side-post-wrapper {
  border: 1px solid;
  margin-bottom: 15px; }
  @media all and (min-width: 48em) {
    .side-post-wrapper {
      display: flex;
      justify-content: flex-start; } }
  .side-post-wrapper.teacher-community-post {
    border-color: var(--var-side-title); }
  .side-post-wrapper.main-community-post {
    border-color: var(--var-paradiso); }
  .side-post-wrapper.default-community-post {
    border-color: var(--var-primary); }

.post-side-title {
  color: #fff;
  margin: 0;
  text-align: center;
  padding: 10px;
  font-size: 14px; }
  @media all and (min-width: 48em) {
    .post-side-title {
      padding: 15px 2px 15px 3px;
      flex: 0 0 auto;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      margin: -1px 0 0;
      width: 25px; } }
  .teacher-community-post .post-side-title {
    background-color: var(--var-side-title); }
  .main-community-post .post-side-title {
    background-color: var(--var-paradiso); }
  .default-community-post .post-side-title {
    background-color: var(--var-primary); }

.side-post-content-wrapper {
  width: 100%;
  padding: 20px 20px 0; }

.action-btns-wrapper {
  width: 100%; }
  @media all and (max-width: 47.9375em) {
    .action-btns-wrapper {
      text-align: center; } }
  .action-btns-wrapper .btn, .action-btns-wrapper .moderateComment a, .moderateComment .action-btns-wrapper a {
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px; }
    @media all and (max-width: 47.9375em) {
      .action-btns-wrapper .btn, .action-btns-wrapper .moderateComment a, .moderateComment .action-btns-wrapper a {
        margin-right: 5px;
        margin-left: 5px; } }

@media all and (min-width: 48em) {
  .action-btns-right {
    text-align: right; } }

@media all and (min-width: 48em) {
  .action-btns-right .btn, .action-btns-right .moderateComment a, .moderateComment .action-btns-right a {
    margin-right: 0;
    margin-left: 10px; } }

.delete-bookmark {
  margin-left: auto; }
  @media all and (max-width: 47.9375em) {
    .delete-bookmark {
      margin: 10px; } }

.message-hint {
  font-size: 14px; }

.listing-filter-form {
  display: flex;
  margin-bottom: 25px; }
  @media all and (max-width: 47.9375em) {
    .listing-filter-form {
      flex-wrap: wrap;
      justify-content: center; } }
  @media all and (max-width: 47.9375em) {
    .listing-filter-form > div {
      width: 100%; } }
  .listing-filter-form > span {
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px; }
    @media all and (max-width: 47.9375em) {
      .listing-filter-form > span {
        width: 100%; } }

.create-new-message-link {
  margin-bottom: 20px; }
  .create-new-message-link i {
    font-size: 12px; }

.mark-form {
  padding-left: 30px; }

.action-list-form-heading {
  background-color: #dbdad6;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px; }
  @media all and (max-width: 47.9375em) {
    .action-list-form-heading {
      padding-bottom: 10px;
      padding-top: 10px; } }
  .mark-tags-form .action-list-form-heading {
    margin-bottom: 25px; }
  .action-list-form-heading span {
    margin-right: 20px;
    font-size: 14px;
    display: inline-block; }
    @media all and (max-width: 47.9375em) {
      .action-list-form-heading span {
        display: block;
        margin-bottom: 10px; } }

.mark-form-actions {
  background-color: #595959;
  display: inline-block;
  padding: 3px 15px; }
  @media all and (max-width: 47.9375em) {
    .mark-form-actions {
      padding: 5px 0; } }
  .mark-form-actions button {
    color: #fff;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    outline: 0;
    line-height: 0.9em;
    text-transform: capitalize;
    font-size: 14px; }
    .mark-form-actions button:not(:last-child) {
      border-right: 1px solid #fff; }
    .mark-form-actions button:hover, .mark-form-actions button:focus {
      opacity: 0.7; }

.single-message {
  padding: 10px 10px 10px 25px;
  margin-bottom: 10px; }
  .message-listing .single-message {
    border: 1px solid; }
  .single-message.component-color1 {
    border-color: var(--var-paradiso); }
  .single-message.component-color5 {
    border-color: var(--var-primary); }
  .single-message p, .single-message span {
    font-size: 14px; }

.component-unread:before {
  content: "";
  height: 100%;
  width: 10px;
  position: absolute;
  left: 0;
  top: 0; }

.component-unread.component-color1:before {
  background-color: var(--var-paradiso); }

.component-unread.component-color2:before {
  background-color: var(--var-primary); }

.component-unread.component-color3:before {
  background-color: #6ab545; }

.component-unread.component-color4:before {
  background-color: var(--var-badge); }

.component-unread.component-color5:before {
  background-color: var(--var-primary); }

.component-unread.component-color6:before {
  background-color: #000; }

.message-title {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 5px; }
  .component-unread .message-title {
    font-weight: 700; }
  .message-title a {
    color: #000; }
    .message-title a:hover, .message-title a:focus {
      opacity: 0.6; }

@media all and (max-width: 47.9375em) {
  .message-date {
    margin-bottom: 20px;
    display: inline-block; } }

.message-content {
  margin-bottom: 40px; }

.single-message-heading {
  margin-bottom: 10px; }

@media all and (min-width: 62em) {
  .mystuff-community-filter {
    position: absolute;
    top: 0;
    left: 0; } }

.mystuff-community-filter span {
  margin-right: 5px; }

.mystuff-community-filter div.dropdown-actions {
  width: 150px; }
  @media all and (min-width: 48em) and (max-width: 61.9375em) {
    .mystuff-community-filter div.dropdown-actions {
      width: 100% !important; } }
  @media all and (max-width: 47.9375em) {
    .mystuff-community-filter div.dropdown-actions {
      margin: 0 auto 15px; } }

.account-section {
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid #a1a1a1; }

.account-title {
  margin-top: 0;
  margin-bottom: 5px; }

.personal-info-wrapper {
  margin-top: 15px;
  font-size: 14px; }
  @media all and (max-width: 47.9375em) {
    .personal-info-wrapper .row {
      margin-bottom: 10px; } }
  .personal-info-wrapper .row p {
    margin-bottom: 5px;
    word-break: break-word; }

.account-reset-pass-link {
  color: var(--var-paradiso); }
  .account-reset-pass-link:hover, .account-reset-pass-link:focus {
    background-color: var(--var-paradiso);
    filter: brightness(80%); }

.account-bio-content {
  margin-top: 15px;
  margin-bottom: 15px; }

.account-additional-info {
  margin-bottom: 15px; }
  .account-additional-info i {
    margin-right: 20px; }
  .account-additional-info span {
    margin-right: 10px;
    display: inline-block; }

.badge-img-wrapper {
  border-radius: 50%;
  position: relative;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -moz-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms; }
  @media all and (min-width: 48em) {
    .badge-img-wrapper:hover {
      box-shadow: 0 0 0 10px var(--var-primary); } }

.badge-description p {
  color: #7f7f7f;
  font-size: 14px; }

.badge-title a {
  color: #000; }
  .badge-title a:hover, .badge-title a:focus {
    opacity: 0.6; }

.award-badge-form-wrapper {
  margin-top: 40px; }

.form-badge-title {
  margin: 25px 0 20px; }

.btn-create-tag,
.btn-create-badge {
  margin-bottom: 30px; }

.tabs-links {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 20px;
  margin-left: -5px;
  margin-right: -5px; }
  .tabs-links:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 5px;
    right: 6px;
    height: 4px;
    background-color: var(--var-primary); }
  .tabs-links.admin-tools-links a {
    font-size: 14px; }
    @media all and (max-width: 61.9375em) {
      .tabs-links.admin-tools-links a {
        font-size: 12px; } }
  .tabs-links a {
    padding: 20px 10px;
    background-color: #d1d1d1;
    border: 5px solid #fff;
    font-weight: 700;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 19px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .tabs-links a.not-allowed-link {
      opacity: 0.6;
      pointer-events: none; }
    .tabs-links a.active {
      pointer-events: none;
      background-color: var(--var-primary); }
      @media all and (min-width: 48em) {
        .tabs-links a.active:after {
          content: "";
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          height: 5px;
          background-color: var(--var-primary); } }
    @media all and (max-width: 47.9375em) {
      .tabs-links a {
        width: 100%;
        padding: 5px; } }
    .tabs-links a:hover, .tabs-links a:focus {
      background-color: var(--var-primary); }

.no-data {
  padding: 20px;
  font-size: 18px; }

.message-link-wrapper a {
  font-size: 14px;
  display: inline-block;
  padding-bottom: 15px; }
  @media all and (max-width: 47.9375em) {
    .message-link-wrapper a {
      padding: 15px; } }

.listing-filter-form .btn, .listing-filter-form .moderateComment a, .moderateComment .listing-filter-form a {
  min-width: auto; }

.single-activity-feed-component {
  padding: 10px 10px 10px 25px;
  margin-bottom: 10px;
  border: 1px solid transparent; }
  .single-activity-feed-component.component-color1 {
    border-color: #6d6e71; }
    .single-activity-feed-component.component-color1:before {
      background-color: #6d6e71; }
  .single-activity-feed-component.component-color2 {
    border-color: var(--var-primary); }
    .single-activity-feed-component.component-color2:before {
      background-color: var(--var-primary); }
  .single-activity-feed-component.component-color4 {
    border-color: #ec2e29; }
    .single-activity-feed-component.component-color4:before {
      background-color: #ec2e29; }
  .single-activity-feed-component.component-color3 {
    border-color: var(--var-paradiso); }
    .single-activity-feed-component.component-color3:before {
      background-color: var(--var-paradiso); }
  .single-activity-feed-component.component-color5 {
    border-color: #854a7a; }
  .single-activity-feed-component.component-color6 {
    border-color: #000; }

.activity-feed-date {
  color: #595959; }

.activity-feed-title {
  color: #000;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 400;
  line-height: 1.6em; }
  .component-unread .activity-feed-title {
    font-weight: 700; }
  .activity-feed-title a {
    color: inherit;
    text-decoration: underline;
    font-weight: 600; }
    .component-unread .activity-feed-title a {
      font-weight: 700; }
    .activity-feed-title a:hover, .activity-feed-title a:focus {
      opacity: 0.6; }

.component-color1 .btn-view-feed {
  color: #fff;
  background-color: #6d6e71;
  border-color: #6d6e71; }
  .component-color1 .btn-view-feed:hover, .component-color1 .btn-view-feed:focus, .component-color1 .btn-view-feed.focus, .component-color1 .btn-view-feed:active, .component-color1 .btn-view-feed.active,
  .open > .component-color1 .btn-view-feed.dropdown-toggle {
    color: #fff;
    background-color: #6d6e71;
    border-color: #6d6e71; }
  .component-color1 .btn-view-feed:active, .component-color1 .btn-view-feed.active,
  .open > .component-color1 .btn-view-feed.dropdown-toggle {
    background-image: none; }
  .component-color1 .btn-view-feed.disabled, .component-color1 .btn-view-feed.disabled:hover, .component-color1 .btn-view-feed.disabled:focus, .component-color1 .btn-view-feed.disabled.focus, .component-color1 .btn-view-feed.disabled:active, .component-color1 .btn-view-feed.disabled.active, .component-color1 .btn-view-feed[disabled], .component-color1 .btn-view-feed[disabled]:hover, .component-color1 .btn-view-feed[disabled]:focus, .component-color1 .btn-view-feed[disabled].focus, .component-color1 .btn-view-feed[disabled]:active, .component-color1 .btn-view-feed[disabled].active,
  fieldset[disabled] .component-color1 .btn-view-feed,
  fieldset[disabled] .component-color1 .btn-view-feed:hover,
  fieldset[disabled] .component-color1 .btn-view-feed:focus,
  fieldset[disabled] .component-color1 .btn-view-feed.focus,
  fieldset[disabled] .component-color1 .btn-view-feed:active,
  fieldset[disabled] .component-color1 .btn-view-feed.active {
    background-color: #6d6e71;
    border-color: #6d6e71; }
  .component-color1 .btn-view-feed .badge {
    color: #6d6e71;
    background-color: #fff; }

.component-color4 .btn-view-feed {
  color: #fff;
  background-color: var(--var-badge);
  border-color: var(--var-badge); }
  .component-color4 .btn-view-feed:hover, .component-color4 .btn-view-feed:focus, .component-color4 .btn-view-feed.focus, .component-color4 .btn-view-feed:active, .component-color4 .btn-view-feed.active,
  .open > .component-color4 .btn-view-feed.dropdown-toggle {
    color: #fff;
    background-color: var(--var-badge);
    border-color: var(--var-badge); }
  .component-color4 .btn-view-feed:active, .component-color4 .btn-view-feed.active,
  .open > .component-color4 .btn-view-feed.dropdown-toggle {
    background-image: none; }
  .component-color4 .btn-view-feed.disabled, .component-color4 .btn-view-feed.disabled:hover, .component-color4 .btn-view-feed.disabled:focus, .component-color4 .btn-view-feed.disabled.focus, .component-color4 .btn-view-feed.disabled:active, .component-color4 .btn-view-feed.disabled.active, .component-color4 .btn-view-feed[disabled], .component-color4 .btn-view-feed[disabled]:hover, .component-color4 .btn-view-feed[disabled]:focus, .component-color4 .btn-view-feed[disabled].focus, .component-color4 .btn-view-feed[disabled]:active, .component-color4 .btn-view-feed[disabled].active,
  fieldset[disabled] .component-color4 .btn-view-feed,
  fieldset[disabled] .component-color4 .btn-view-feed:hover,
  fieldset[disabled] .component-color4 .btn-view-feed:focus,
  fieldset[disabled] .component-color4 .btn-view-feed.focus,
  fieldset[disabled] .component-color4 .btn-view-feed:active,
  fieldset[disabled] .component-color4 .btn-view-feed.active {
    background-color: var(--var-badge);
    border-color: var(--var-badge); }
  .component-color4 .btn-view-feed .badge {
    color: var(--var-badge);
    background-color: #fff; }

.component-color3 .btn-view-feed {
  color: #fff;
  background-color: var(--var-paradiso);
  border-color: var(--var-paradiso); }
  .component-color3 .btn-view-feed:hover, .component-color3 .btn-view-feed:focus, .component-color3 .btn-view-feed.focus, .component-color3 .btn-view-feed:active, .component-color3 .btn-view-feed.active,
  .open > .component-color3 .btn-view-feed.dropdown-toggle {
    color: #fff;
    background-color: var(--var-paradiso);
    border-color: var(--var-paradiso); }
  .component-color3 .btn-view-feed:active, .component-color3 .btn-view-feed.active,
  .open > .component-color3 .btn-view-feed.dropdown-toggle {
    background-image: none; }
  .component-color3 .btn-view-feed.disabled, .component-color3 .btn-view-feed.disabled:hover, .component-color3 .btn-view-feed.disabled:focus, .component-color3 .btn-view-feed.disabled.focus, .component-color3 .btn-view-feed.disabled:active, .component-color3 .btn-view-feed.disabled.active, .component-color3 .btn-view-feed[disabled], .component-color3 .btn-view-feed[disabled]:hover, .component-color3 .btn-view-feed[disabled]:focus, .component-color3 .btn-view-feed[disabled].focus, .component-color3 .btn-view-feed[disabled]:active, .component-color3 .btn-view-feed[disabled].active,
  fieldset[disabled] .component-color3 .btn-view-feed,
  fieldset[disabled] .component-color3 .btn-view-feed:hover,
  fieldset[disabled] .component-color3 .btn-view-feed:focus,
  fieldset[disabled] .component-color3 .btn-view-feed.focus,
  fieldset[disabled] .component-color3 .btn-view-feed:active,
  fieldset[disabled] .component-color3 .btn-view-feed.active {
    background-color: var(--var-paradiso);
    border-color: var(--var-paradiso); }
  .component-color3 .btn-view-feed .badge {
    color: var(--var-paradiso);
    background-color: #fff; }

.component-color5 .btn-view-feed {
  color: #fff;
  background-color: #7a247a;
  border-color: #7a247a; }
  .component-color5 .btn-view-feed:hover, .component-color5 .btn-view-feed:focus, .component-color5 .btn-view-feed.focus, .component-color5 .btn-view-feed:active, .component-color5 .btn-view-feed.active,
  .open > .component-color5 .btn-view-feed.dropdown-toggle {
    color: #fff;
    background-color: #7a247a;
    border-color: #7a247a; }
  .component-color5 .btn-view-feed:active, .component-color5 .btn-view-feed.active,
  .open > .component-color5 .btn-view-feed.dropdown-toggle {
    background-image: none; }
  .component-color5 .btn-view-feed.disabled, .component-color5 .btn-view-feed.disabled:hover, .component-color5 .btn-view-feed.disabled:focus, .component-color5 .btn-view-feed.disabled.focus, .component-color5 .btn-view-feed.disabled:active, .component-color5 .btn-view-feed.disabled.active, .component-color5 .btn-view-feed[disabled], .component-color5 .btn-view-feed[disabled]:hover, .component-color5 .btn-view-feed[disabled]:focus, .component-color5 .btn-view-feed[disabled].focus, .component-color5 .btn-view-feed[disabled]:active, .component-color5 .btn-view-feed[disabled].active,
  fieldset[disabled] .component-color5 .btn-view-feed,
  fieldset[disabled] .component-color5 .btn-view-feed:hover,
  fieldset[disabled] .component-color5 .btn-view-feed:focus,
  fieldset[disabled] .component-color5 .btn-view-feed.focus,
  fieldset[disabled] .component-color5 .btn-view-feed:active,
  fieldset[disabled] .component-color5 .btn-view-feed.active {
    background-color: #7a247a;
    border-color: #7a247a; }
  .component-color5 .btn-view-feed .badge {
    color: #7a247a;
    background-color: #fff; }

.component-color6 .btn-view-feed {
  color: #fff;
  background-color: #000;
  border-color: #000; }
  .component-color6 .btn-view-feed:hover, .component-color6 .btn-view-feed:focus, .component-color6 .btn-view-feed.focus, .component-color6 .btn-view-feed:active, .component-color6 .btn-view-feed.active,
  .open > .component-color6 .btn-view-feed.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000; }
  .component-color6 .btn-view-feed:active, .component-color6 .btn-view-feed.active,
  .open > .component-color6 .btn-view-feed.dropdown-toggle {
    background-image: none; }
  .component-color6 .btn-view-feed.disabled, .component-color6 .btn-view-feed.disabled:hover, .component-color6 .btn-view-feed.disabled:focus, .component-color6 .btn-view-feed.disabled.focus, .component-color6 .btn-view-feed.disabled:active, .component-color6 .btn-view-feed.disabled.active, .component-color6 .btn-view-feed[disabled], .component-color6 .btn-view-feed[disabled]:hover, .component-color6 .btn-view-feed[disabled]:focus, .component-color6 .btn-view-feed[disabled].focus, .component-color6 .btn-view-feed[disabled]:active, .component-color6 .btn-view-feed[disabled].active,
  fieldset[disabled] .component-color6 .btn-view-feed,
  fieldset[disabled] .component-color6 .btn-view-feed:hover,
  fieldset[disabled] .component-color6 .btn-view-feed:focus,
  fieldset[disabled] .component-color6 .btn-view-feed.focus,
  fieldset[disabled] .component-color6 .btn-view-feed:active,
  fieldset[disabled] .component-color6 .btn-view-feed.active {
    background-color: #000;
    border-color: #000; }
  .component-color6 .btn-view-feed .badge {
    color: #000;
    background-color: #fff; }

.activity-feed-content {
  font-size: 14px; }

.filter-letters {
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 20px; }
  @media all and (max-width: 47.9375em) {
    .filter-letters {
      flex-wrap: wrap; } }
  .filter-letters:after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--var-primary); }
  .filter-letters a {
    color: #000;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600; }
    .filter-letters a.active {
      color: var(--var-primary);
      font-weight: 700;
      position: relative; }
      .filter-letters a.active:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 6px;
        background-color: var(--var-primary); }
    .filter-letters a:hover, .filter-letters a:focus {
      color: var(--var-primary); }
    @media all and (min-width: 48em) {
      .filter-letters a {
        flex: 1 0 auto; } }
    @media all and (max-width: 47.9375em) {
      .filter-letters a {
        padding: 5px 10px; } }

.stuff-name {
  font-size: 16px;
  color: var(--var-paradiso);
  margin-bottom: 0;
  word-break: break-word;
  line-height: 1.4em; }
  .stuff-name span {
    color: #000; }

.stuff-communities {
  color: #595959;
  margin-bottom: 25px; }

.stuff-identities {
  margin-bottom: 15px; }
  .stuff-identities .title {
    font-weight: 600;
    margin: 0; }

.student-identity-name {
  margin-bottom: 0;
  margin-top: 5px;
  font-size: 14px; }

.stuff-identity-wrapper {
  border-bottom: 1px solid #999; }

.evaluation-switcher {
  margin-bottom: 15px; }
  .single-teacher-component .evaluation-switcher {
    border-bottom: 1px solid #aaa;
    padding-bottom: 5px; }
    .single-teacher-component .evaluation-switcher:last-child {
      border: 0; }

.student-public-sharing-wrapper {
  margin-bottom: 15px; }
  .student-public-sharing-wrapper .title {
    margin: 0;
    font-size: 12px; }
    @media all and (max-width: 74.9375em) {
      .student-public-sharing-wrapper .title {
        margin-bottom: 10px; } }
  @media all and (min-width: 75em) {
    .student-public-sharing-wrapper .row {
      display: flex;
      align-items: center; } }

.full-width-btn-wrapper .btn, .full-width-btn-wrapper .moderateComment a, .moderateComment .full-width-btn-wrapper a {
  width: 100%;
  margin-bottom: 5px; }

.single-stuff-component {
  margin-bottom: 10px;
  padding-bottom: 10px; }
  .single-stuff-component:not(:last-child) {
    border-bottom: 3px solid var(--var-primary); }
  .admin .single-stuff-component {
    padding-left: 30px; }
    .admin .single-stuff-component:first-child {
      border-top: 3px solid var(--var-primary); }
  @media all and (max-width: 47.9375em) {
    .single-stuff-component > .row > div {
      margin-bottom: 20px; } }

.single-student-component .badges-listing .row {
  margin-left: -5px;
  margin-right: -5px; }

.community-access-list {
  margin-bottom: 25px; }
  .community-access-list .row {
    display: flex;
    align-items: center;
    margin-bottom: 15px; }
  .community-access-list p {
    font-size: 16px; }

.delete-account-warning {
  font-size: 16px; }

.delete-account-wrapper {
  margin-top: 40px;
  padding: 0 20px; }
  .delete-account-wrapper p {
    margin-bottom: 20px; }

.action-wrapper {
  border: 1px solid #9f9f9f;
  padding: 5px; }

.cancel-badge {
  position: absolute;
  top: -5px;
  right: 10px;
  color: #7f7f7f;
  font-size: 13px; }
  .cancel-badge:hover, .cancel-badge:focus {
    color: #7f7f7f; }

.communities-listing {
  margin-bottom: 45px; }

.manage-community-component {
  border: 1px solid var(--var-primary);
  padding: 10px;
  margin-bottom: 15px; }
  .manage-community-component p {
    font-size: 17px;
    margin: 0; }
  @media all and (min-width: 48em) {
    .manage-community-component .row {
      display: flex;
      align-items: center; } }

.archived-communities-container {
  border: 1px solid var(--var-primary);
  padding: 10px; }
  .archived-communities-container p {
    font-size: 17px;
    margin: 0; }
  .archived-communities-container .row {
    margin-bottom: 10px; }
    .archived-communities-container .row:last-of-type {
      margin-bottom: 30px; }

.community-restore-link {
  font-size: 17px;
  color: #000; }
  .community-restore-link:hover, .community-restore-link:focus {
    color: #000;
    opacity: 0.6; }

.create-new-community-link {
  margin-bottom: 10px; }

.community-members-title {
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 20px; }

.community-member {
  font-size: 16px; }

.parent-portal-header {
  margin-bottom: 35px; }
  .parent-portal-header p {
    font-size: 16px;
    margin-bottom: 15px; }
  .parent-portal-header img {
    margin-bottom: 20px; }
  .parent-portal-header.parent-provide-consent p {
    margin-bottom: 25px; }

.parent-provide-consent .btn, .parent-provide-consent .moderateComment a, .moderateComment .parent-provide-consent a {
  text-transform: uppercase; }
  @media all and (max-width: 47.9375em) {
    .parent-provide-consent .btn, .parent-provide-consent .moderateComment a, .moderateComment .parent-provide-consent a {
      margin-bottom: 10px; } }

@media all and (min-width: 48em) {
  .parent-email-row {
    display: flex; } }

@media all and (min-width: 48em) {
  .parent-email-input-wrapper {
    flex: 1 0 auto; } }

.not-child-link {
  font-size: 14px;
  text-decoration: underline !important; }

.no-parent-component .title {
  font-size: 18px;
  margin-bottom: 25px; }

.no-parent-component .btn, .no-parent-component .moderateComment a, .moderateComment .no-parent-component a {
  margin-bottom: 5px;
  text-transform: uppercase; }

@media all and (max-width: 47.9375em) {
  .edit-student-account-row > div {
    display: inline-block; } }

.permission-list {
  font-size: 16px; }
  .permission-list a {
    padding: 10px;
    display: inline-block; }

.parent-consent-desc {
  margin-top: 20px;
  margin-bottom: 60px; }
  .parent-consent-desc p {
    font-size: 16px;
    margin-bottom: 25px; }
  .parent-consent-desc img {
    margin-bottom: 25px; }
  .parent-consent-desc a {
    color: #1668b5;
    text-decoration: underline; }
    .parent-consent-desc a:hover, .parent-consent-desc a:focus {
      color: #1668b5;
      filter: brightness(80%); }

.parent-consent-form {
  padding-bottom: 40px; }
  .parent-consent-form-title {
    font-size: 16px; }
  .parent-consent-form-input-wrapper {
    padding-bottom: 15px;
    border-bottom: 1px solid #b7b7b7;
    margin-bottom: 15px; }
    .parent-consent-form-input-wrapper p {
      font-size: 16px;
      margin-bottom: 25px; }
  .parent-consent-form-settings-title {
    line-height: 1.4em;
    margin-bottom: 30px; }
  @media all and (max-width: 47.9375em) {
    .parent-consent-form-settings-wrapper {
      padding: 0; } }

.parent-account-switcher-title {
  font-size: 20px;
  line-height: 1.1em;
  margin-bottom: 20px; }
  @media all and (max-width: 47.9375em) {
    .parent-account-switcher-title {
      margin-bottom: 40px; } }

.parent-consent-account-switcher {
  margin-bottom: 45px; }
  .parent-consent-account-switcher label {
    font-size: 16px; }
  .parent-consent-account-switcher .switch-toggle {
    width: 100%; }

.parent-public-sharing-wrapper {
  margin-bottom: 60px; }
  .parent-public-sharing-wrapper h3 {
    font-size: 20px;
    line-height: 1.1em;
    margin: 0; }
    @media all and (max-width: 47.9375em) {
      .parent-public-sharing-wrapper h3 {
        margin-bottom: 20px; } }

.setting-snippet-text {
  margin-bottom: 60px;
  text-align: center; }
  .setting-snippet-text p {
    font-size: 17px;
    text-transform: uppercase; }

.parent-login-wrapper {
  bottom: 100%;
  right: 35px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: var(--var-primary);
  text-align: center;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  margin-left: auto;
  position: relative;
  max-width: calc(100% - 70px);
  margin-top: 10px; }
  @media all and (max-width: 29.9375em) {
    .parent-login-wrapper {
      max-width: calc(100% - 30px);
      right: 15px; } }
  .parent-login-wrapper a {
    color: #fff;
    font-size: 18px;
    margin-left: 20px;
    opacity: 0.7; }
    .parent-login-wrapper a:focus, .parent-login-wrapper a:hover {
      color: #fff;
      opacity: 1; }
  .parent-login-wrapper p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
    word-break: break-word; }

.braintree-sheet {
  max-height: none; }

.braintree-form__field-group label {
  width: 100%; }

.new-search-form .btn-submit {
  width: auto; }

.search-filter-wrapper span {
  margin-bottom: 10px;
  display: inline-block; }

.our-search-title {
  margin-bottom: 30px;
  margin-top: 30px; }

.post-view-link {
  margin-top: 10px;
  display: inline-block; }

.pagination {
  text-align: center;
  margin-top: 20px; }
  .pagination a,
  .pagination span {
    font-size: 14px;
    color: #fff;
    padding: 5px 10px;
    margin: 3px;
    display: inline-block; }
  .pagination a {
    background-color: var(--var-primary); }
  .pagination span {
    background-color: rgba(var(--var-primary), 0.8);
    cursor: not-allowed; }

.default-search-item {
  margin-bottom: 25px; }
  .default-search-item h3 a {
    font-size: 18px;
    color: var(--var-primary); }
    .default-search-item h3 a:hover, .default-search-item h3 a:focus {
      background-color: var(--var-primary);
      filter: brightness(85%); }
  .default-search-item h4 a {
    color: #000;
    font-size: 16px; }
    .default-search-item h4 a:hover, .default-search-item h4 a:focus {
      opacity: 0.7; }
  .default-search-item .description {
    font-size: 14px; }

.sticky-training-mode-label {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: var(--var-paradiso);
  color: #fff;
  padding: 3px 10px;
  z-index: 1020;
  position: fixed;
  top: calc(50% + 72px);
  right: 50px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  transform-origin: 100% 50%;
  transform: rotate(270deg) translate(calc(50% + 26px), 51%);
  /*  @include bp(max-width md){
      transform: rotate(-90deg) translate(calc(-50% + 19px), 50%);
      padding: 7px 15px;
    }
    @include bp(max-width sm){
      transform: rotate(-90deg) translate(calc(-50% + 16px), 50%);
      padding: 4px 15px;
    }*/ }
  .sticky-training-mode-label.mode-on {
    background-color: #e0fb6f;
    color: var(--var-primary); }
  .sticky-training-mode-label h3 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 16px; }

.training-wrapper {
  padding: 15px 25px;
  border-radius: 15px;
  margin-bottom: 10px;
  position: relative;
  background: #e0fb6f;
  color: var(--var-primary);
  word-break: break-word; }
  @media all and (max-width: 47.9375em) {
    .training-wrapper {
      padding: 15px; } }

/*# sourceMappingURL=style.css.map */