@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Fonts
## All-my-links

# Variables
# Bootstrap-variables
# Bootstrap

# Common

# Layout
## Header
## Content
## Footer

# Forms
## Fields
## Buttonsge

# Components
## Dropdown
## Preloader
## Avatar Block
## Lists
## Modals
## Tabs
## Panels
## Settings
## Popovers

# Page
## Pages (Styles for other pages)
## Explore
## Statistics
## QR-code
## Modals Chat
## Profile-Page

--------------------------------------------------------------*/
@font-face {
  font-family: "all-my-links";
  src: url("../fonts/fontello/all-my-links.eot?v=psomz8");
  src: url("../fonts/fontello/all-my-links.eot?v=psomz8#iefix") format("embedded-opentype"), url("../fonts/fontello/all-my-links.woff2?v=psomz8") format("woff2"), url("../fonts/fontello/all-my-links.woff?v=psomz8") format("woff"), url("../fonts/fontello/all-my-links.ttf?v=psomz8") format("truetype"), url("../fonts/fontello/all-my-links.svg?v=psomz8#all-my-links") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "all-my-links2";
  src: url("../fonts/fontello/all-my-links2.eot?v=psomz8");
  src: url("../fonts/fontello/all-my-links2.eot?v=psomz8#iefix") format("embedded-opentype"), url("../fonts/fontello/all-my-links2.woff2?v=psomz8") format("woff2"), url("../fonts/fontello/all-my-links2.woff?v=psomz8") format("woff"), url("../fonts/fontello/all-my-links2.ttf?v=psomz8") format("truetype"), url("../fonts/fontello/all-my-links2.svg?v=psomz8#all-my-links") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "all-my-links3";
  src: url("../fonts/fontello/all-my-links3.eot?v=psomz8");
  src: url("../fonts/fontello/all-my-links3.eot?v=psomz8#iefix") format("embedded-opentype"), url("../fonts/fontello/all-my-links3.woff2?v=psomz8") format("woff2"), url("../fonts/fontello/all-my-links3.woff?v=psomz8") format("woff"), url("../fonts/fontello/all-my-links3.ttf?v=psomz8") format("truetype"), url("../fonts/fontello/all-my-links3.svg?v=psomz8#all-my-links") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'all-my-links';
    src: url('../font/all-my-links.svg?v=psomz8#all-my-links') format('svg');
  }
}
*/
[class^="all-my-icon-"],
[class*=" all-my-icon-"] {
  -webkit-animation: fadeInIcon ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeInIcon ease-in 1;
  animation: fadeInIcon ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
  -moz-animation-duration: .4s;
  animation-duration: .4s; }

@-webkit-keyframes fadeInIcon {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeInIcon {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
[class^="all-my-icon-"]:before, [class*=" all-my-icon-"]:before {
  font-family: "all-my-links";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  font-size: 24px;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

[class^="all-my-icon-3-"]:before, [class*=" all-my-icon-3-"]:before {
  font-family: "all-my-links3";}

[class^="all-my-icon2-"]:before, [class*=" all-my-icon2-"]:before {
  font-family: "all-my-links2";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  font-size: 24px;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.all-my-icon-i106:before {
  content: "\0e61"; }

/* '๡' */
.all-my-icon-i104:before {
  content: "\0e67"; }

/* '๧' */
.all-my-icon-i02:before {
  content: "\e600"; }

/* '' */
.all-my-icon-i01-1:before {
  content: "\e601"; }

/* '' */
.all-my-icon-i03:before {
  content: "\e602"; }

/* '' */
.all-my-icon-i05:before {
  content: "\e604"; }

/* '' */
.all-my-icon-i06:before {
  content: "\e605"; }

/* '' */
.all-my-icon-i07:before {
  content: "\e606"; }

/* '' */
.all-my-icon-i08:before {
  content: "\e607"; }

/* '' */
.all-my-icon-i09:before {
  content: "\e608"; }

/* '' */
.all-my-icon-i10:before {
  content: "\e609"; }

/* '' */
.all-my-icon-i11:before {
  content: "\e60a"; }

/* '' */
.all-my-icon-i12:before {
  content: "\e60b"; }

/* '' */
.all-my-icon-i13:before {
  content: "\e60c"; }

/* '' */
.all-my-icon-i14:before {
  content: "\e60d"; }

/* '' */
.all-my-icon-i15:before {
  content: "\e60e"; }

/* '' */
.all-my-icon-i16:before {
  content: "\e60f"; }

/* '' */
.all-my-icon-i17:before {
  content: "\e610"; }

/* '' */
.all-my-icon-i18:before {
  content: "\e611"; }

/* '' */
.all-my-icon-i19:before {
  content: "\e612"; }

/* '' */
.all-my-icon-i20:before {
  content: "\e613"; }

/* '' */
.all-my-icon-i21:before {
  content: "\e614"; }

/* '' */
.all-my-icon-i22:before {
  content: "\e615"; }

/* '' */
.all-my-icon-i23:before {
  content: "\e616"; }

/* '' */
.all-my-icon-i24:before {
  content: "\e617"; }

/* '' */
.all-my-icon-i25:before {
  content: "\e618"; }

/* '' */
.all-my-icon-i26:before {
  content: "\e619"; }

/* '' */
.all-my-icon-i27:before {
  content: "\e61a"; }

/* '' */
.all-my-icon-i28:before {
  content: "\e61b"; }

/* '' */
.all-my-icon-i29:before {
  content: "\e61c"; }

/* '' */
.all-my-icon-i30:before {
  content: "\e61d"; }

/* '' */
.all-my-icon-i31:before {
  content: "\e61e"; }

/* '' */
.all-my-icon-i32:before {
  content: "\e61f"; }

/* '' */
.all-my-icon-i33:before {
  content: "\e620"; }

/* '' */
.all-my-icon-i34:before {
  content: "\e621"; }

/* '' */
.all-my-icon-i35:before {
  content: "\e622"; }

/* '' */
.all-my-icon-i36:before {
  content: "\e623"; }

/* '' */
.all-my-icon-i37:before {
  content: "\e624"; }

/* '' */
.all-my-icon-i38:before {
  content: "\e625"; }

/* '' */
.all-my-icon-i39:before {
  content: "\e626"; }

/* '' */
.all-my-icon-i40:before {
  content: "\e627"; }

/* '' */
.all-my-icon-i44:before {
  content: "\e62b"; }

/* '' */
.all-my-icon-i45:before {
  content: "\e62c"; }

/* '' */
.all-my-icon-i46:before {
  content: "\e62d"; }

/* '' */
.all-my-icon-i47:before {
  content: "\e62e"; }

/* '' */
.all-my-icon-i48:before {
  content: "\e62f"; }

/* '' */
.all-my-icon-i50:before {
  content: "\e631"; }

/* '' */
.all-my-icon-i51:before {
  content: "\e632"; }

/* '' */
.all-my-icon-i52:before {
  content: "\e633"; }

/* '' */
.all-my-icon-i53:before {
  content: "\e634"; }

/* '' */
.all-my-icon-i54:before {
  content: "\e635"; }

/* '' */
.all-my-icon-i55:before {
  content: "\e636"; }

/* '' */
.all-my-icon-i56:before {
  content: "\e637"; }

/* '' */
.all-my-icon-i57:before {
  content: "\e638"; }

/* '' */
.all-my-icon-i58:before {
  content: "\e639"; }

/* '' */
.all-my-icon-i59:before {
  content: "\e63a"; }

/* '' */
.all-my-icon-i60:before {
  content: "\e63b"; }

/* '' */
.all-my-icon-i61:before {
  content: "\e63c"; }

/* '' */
.all-my-icon-i62:before {
  content: "\e63d"; }

/* '' */
.all-my-icon-i65:before {
  content: "\e640"; }

/* '' */
.all-my-icon-i66:before {
  content: "\e641"; }

/* '' */
.all-my-icon-i67:before {
  content: "\e642"; }

/* '' */
.all-my-icon-i68:before {
  content: "\e643"; }

/* '' */
.all-my-icon-i69:before {
  content: "\e644"; }

/* '' */
.all-my-icon-i70:before {
  content: "\e645"; }

/* '' */
.all-my-icon-i71:before {
  content: "\e646"; }

/* '' */
.all-my-icon-i72:before {
  content: "\e647"; }

/* '' */
.all-my-icon-i73:before {
  content: "\e648"; }

/* '' */
.all-my-icon-i74:before {
  content: "\e649"; }

/* '' */
.all-my-icon-i75:before {
  content: "\e64a"; }

/* '' */
.all-my-icon-i76:before {
  content: "\e64b"; }

/* '' */
.all-my-icon-i77:before {
  content: "\e64c"; }

/* '' */
.all-my-icon-i78:before {
  content: "\e64d"; }

/* '' */
.all-my-icon-i79:before {
  content: "\e64e"; }

/* '' */
.all-my-icon-i80:before {
  content: "\e64f"; }

/* '' */
.all-my-icon-i81:before {
  content: "\e650"; }

/* '' */
.all-my-icon-i82:before {
  content: "\e651"; }

/* '' */
.all-my-icon-i83:before {
  content: "\e652"; }

/* '' */
.all-my-icon-i84:before {
  content: "\e653"; }

/* '' */
.all-my-icon-i85:before {
  content: "\e654"; }

/* '' */
.all-my-icon-i86:before {
  content: "\e655"; }

/* '' */
.all-my-icon-i87:before {
  content: "\e656"; }

/* '' */
.all-my-icon-i88:before {
  content: "\e657"; }

/* '' */
.all-my-icon-i89:before {
  content: "\e658"; }

/* '' */
.all-my-icon-i90:before {
  content: "\e659"; }

/* '' */
.all-my-icon-i91:before {
  content: "\e65a"; }

/* '' */
.all-my-icon-i92:before {
  content: "\e65b"; }

/* '' */
.all-my-icon-i93:before {
  content: "\e65c"; }

/* '' */
.all-my-icon-i94:before {
  content: "\e65d"; }

/* '' */
.all-my-icon-i95:before {
  content: "\e65e"; }

/* '' */
.all-my-icon-i96:before {
  content: "\e65f"; }

/* '' */
.all-my-icon-i97:before {
  content: "\e660"; }

/* '' */
.all-my-icon-i98:before {
  content: "\e661"; }

/* '' */
.all-my-icon-i99:before {
  content: "\e662"; }

/* '' */
.all-my-icon-loading:before {
  content: "\e663"; }

/* '' */
.all-my-icon-logo:before {
  content: "\e664"; }

/* '' */
.all-my-icon-logo-full:before {
  content: "\e665"; }

/* '' */
.all-my-icon-i43:before {
  content: "\e666"; }

/* '' */
.all-my-icon-i49:before {
  content: "\e667"; }

/* '' */
.all-my-icon-chat-bubble-triangle:before {
  content: "\e668"; }

/* '' */
.all-my-icon-icon-add:before {
  content: "\e669"; }

/* '' */
.all-my-icon-icon-back:before {
  content: "\e66a"; }

/* '' */
.all-my-icon-icon-call:before {
  content: "\e66b"; }

/* '' */
.all-my-icon-icon-image:before {
  content: "\e66c"; }

/* '' */
.all-my-icon-icon-last-call-in:before {
  content: "\e66d"; }

/* '' */
.all-my-icon-icon-last-call-out:before {
  content: "\e66e"; }

/* '' */
.all-my-icon-icon-last-image:before {
  content: "\e66f"; }

/* '' */
.all-my-icon-icon-last-video:before {
  content: "\e670"; }

/* '' */
.all-my-icon-icon-menu-dots:before {
  content: "\e671"; }

/* '' */
.all-my-icon-icon-search:before {
  content: "\e672"; }

/* '' */
.all-my-icon-icon-send:before {
  content: "\e673"; }

/* '' */
.all-my-icon-icon-video-call:before {
  content: "\e674"; }

/* '' */
.all-my-icon-i102:before {
  content: "\e675"; }

/* '' */
.all-my-icon-i100:before {
  content: "\e676"; }

/* '' */
.all-my-icon-i101:before {
  content: "\e677"; }

/* '' */
.all-my-icon-i103:before {
  content: "\e678"; }

/* '' */
.all-my-icon-i105:before {
  content: "\e679"; }

/* '' */
.all-my-icon-i102-1:before {
  content: "\e67c"; }

/* '' */
.all-my-icon-i63:before {
  content: "\e680"; }

/* '' */
.all-my-icon-i001:before {
  content: "\e681"; }

/* '' */
.all-my-icon-i42:before {
  content: "\e682"; }

/* '' */
.all-my-icon-i41:before {
  content: "\e683"; }

/* '' */
.all-my-icon-i74-1:before {
  content: "\e687"; }

/* '' */
.all-my-icon-i04:before {
  content: "\e803"; }

/* '' */
.all-my-icon-i040:before {
  content: "\e87d"; }

/* '' */
.all-my-icon-i049:before {
  content: "\e87e"; }

/* '' */
.all-my-icon-i069:before {
  content: "\e87f"; }

/* '' */
.all-my-icon-i070:before {
  content: "\e880"; }

/* '' */
.all-my-icon-i64:before {
  content: "\e881"; }

/* '' */
.all-my-icon-i107:before {
  content: "\e883"; }

.all-my-icon2-i109:before { content: "\e701"; } /* '' */
.all-my-icon2-i108:before { content: "\e702"; } /* '' */

.all-my-icon-3-eye-on:before { content: "\e800"; } /* '' */
.all-my-icon-3-eye-off:before { content: "\e801"; } /* '' */
.all-my-icon-3-sms:before { content: "\e802"; } /* '' */
.all-my-icon-3-venmo:before { content: "\e803"; } /* '' */
.all-my-icon-3-chat:before { content: "\e804"; } /* '' */
.all-my-icon-3-location:before { content: "\e805"; } /* '' */
.all-my-icon-3-phone:before { content: "\e806"; } /* '' */
.all-my-icon-3-mail:before { content: "\e807"; } /* '' */
.all-my-icon-3-pin:before { content: "\e808"; } /* '' */
.all-my-icon-3-videocam:before { content: "\e809"; } /* '' */
.all-my-icon-3-camera:before { content: "\e80a"; } /* '' */
.all-my-icon-3-user:before { content: "\e80b"; } /* '' */
.all-my-icon-3-ok:before { content: "\e80c"; } /* '' */
.all-my-icon-3-pencil:before { content: "\e80d"; } /* '' */
.all-my-icon-3-link:before { content: "\e80e"; } /* '' */
.all-my-icon-3-dollar:before { content: "\f155"; } /* '' */
.all-my-icon-3-paypal:before { content: "\f1ed"; } /* '' */
.all-my-icon-3-whatsapp:before { content: "\f232"; } /* '' */
.all-my-icon-3-user-plus:before { content: "\f234"; } /* '' */
.all-my-icon-3-user-minus:before { content: "\f235"; } /* '' */

/* '' */
/* define variables */
/*
Bootstrap styles (scss) are hosted here: \frontend\web\css\scss\bootstrap\
We use Bootstrap variables
We can change Bootstrap variables for our own purpose ( \frontend\web\css\scss\_bootstrap-variables.scss )
We compile Bootstrap styles
All our own styles and Bootstrap styles are compiled into one file: \frontend\web\css\styles.css
*/
/***************************************************************/
/* #FFFFFF */
/* #222B32 */
/***************************************************************/
/* #E4EDF1 */
/* #000000 */
/***********************New Design variables********************/
/***************************************************************/
/***************************************************************/
/* #7C8B96 */
/***************************************************************/
/***************************************************************/
/* 15px */
/* 13px */
/* #0086E6 */
/* #FFFF67 */
/* 0086E6 */
/***************************************************************/
/* #0086E6 */
/* 13px */
/* 11px */
/***************************************************************/
/***************************************************************/
/*********************Dokchain variables************************/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover,
a:focus,
a:visited,
button:active,
button:hover,
button:focus,
button:visited {
  outline: none;
  text-decoration: none; }

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

pre {
  overflow: auto; }

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

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

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

input {
  line-height: normal; }

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

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

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

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .navbar {
    display: none; }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }

  .label {
    border: 1px solid #000; }

  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

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

body {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 13px;
  line-height: 1.4;
  color: #263238;
  background-color: #f0f3f5; }

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

a {
  color: #0086e6;
  text-decoration: none; }
  a:hover, a:focus {
    color: #0086e6;
    text-decoration: none; }

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.4;
  background-color: #f0f3f5;
  border: 1px solid #ddd;
  border-radius: 6px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

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

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid rgba(124, 139, 150, 0.2); }

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

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

[role="button"] {
  cursor: pointer; }

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

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

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

h1, .h1 {
  font-size: 33px; }

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

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

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

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

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

p {
  margin: 0 0 10px; }

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

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

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, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #337ab7; }

a.text-primary:hover,
a.text-primary:focus {
  color: #286090; }

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

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

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

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

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

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

.text-danger {
  color: #a94442; }

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

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #337ab7; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090; }

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

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

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

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

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

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

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

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

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

dt,
dd {
  line-height: 1.4; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }
.dl-horizontal dd:after {
  clear: both; }
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 16.25px;
  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.4;
    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: 20px;
  font-style: normal;
  line-height: 1.4; }

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

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

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

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

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

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

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

.row {
  margin-left: -10px;
  margin-right: -10px; }
  .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: 10px;
  padding-right: 10px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-sm-offset-12 {
    margin-left: 100%; } }
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-md-offset-12 {
    margin-left: 100%; } }
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-lg-offset-12 {
    margin-left: 100%; } }
table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.4;
    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: #f0f3f5; }

.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-of-type(odd) {
  background-color: #f9f9f9; }

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

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

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

.table > thead > tr > td.active,
.table > 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: 15px;
      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: 20px;
  font-size: 19.5px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

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

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

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

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

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.4;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 6px;
  -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::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  .input-group-sm input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-sm input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn,
  .input-group-sm input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg input[type="month"] {
    line-height: 45px; } }
.form-group {
  margin-bottom: 15px; }

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

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

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

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

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

input[type="radio"][disabled], input[type="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;
  min-height: 33px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

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

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

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

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 6px; }

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

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

.form-group-lg .form-control {
  height: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 6px; }
.form-group-lg select.form-control {
  height: 45px;
  line-height: 45px; }
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }
.form-group-lg .form-control-static {
  height: 45px;
  min-height: 37px;
  padding: 11px 16px;
  font-size: 17px;
  line-height: 1.3333333; }

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

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

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

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

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d; }
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }
.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b; }
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }
.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442; }
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }
.has-error .form-control-feedback {
  color: #a94442; }

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

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

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

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }
.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px; }
  .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: right;
    margin-bottom: 0;
    padding-top: 7px; } }
.form-horizontal .has-feedback .form-control-feedback {
  right: 10px; }
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 17px; } }
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  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: 13px;
  line-height: 1.4;
  border-radius: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #0086e6;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-box-shadow: none;
    box-shadow: none; }

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #0086e6;
  background-color: rgba(255, 255, 255, 0.8);
  border-color: transparent; }
  .btn-default:focus, .btn-default.focus {
    color: #0086e6;
    background-color: rgba(230, 230, 230, 0.8);
    border-color: rgba(0, 0, 0, 0); }
  .btn-default:hover {
    color: #0086e6;
    background-color: rgba(230, 230, 230, 0.8);
    border-color: rgba(0, 0, 0, 0); }
  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    color: #0086e6;
    background-color: rgba(230, 230, 230, 0.8);
    border-color: rgba(0, 0, 0, 0); }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
      color: #0086e6;
      background-color: rgba(212, 212, 212, 0.8);
      border-color: rgba(0, 0, 0, 0); }
  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
    background-color: rgba(255, 255, 255, 0.8);
    border-color: transparent; }
  .btn-default .badge {
    color: rgba(255, 255, 255, 0.8);
    background-color: #0086e6; }

.btn-primary {
  color: white;
  background-color: rgba(0, 134, 230, 0.8);
  border-color: transparent; }
  .btn-primary:focus, .btn-primary.focus {
    color: white;
    background-color: rgba(0, 104, 179, 0.8);
    border-color: rgba(0, 0, 0, 0); }
  .btn-primary:hover {
    color: white;
    background-color: rgba(0, 104, 179, 0.8);
    border-color: rgba(0, 0, 0, 0); }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: white;
    background-color: rgba(0, 104, 179, 0.8);
    border-color: rgba(0, 0, 0, 0); }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
      color: white;
      background-color: rgba(0, 83, 143, 0.8);
      border-color: rgba(0, 0, 0, 0); }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
    background-color: rgba(0, 134, 230, 0.8);
    border-color: transparent; }
  .btn-primary .badge {
    color: rgba(0, 134, 230, 0.8);
    background-color: white; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
    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:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #222b32;
  background-color: rgba(255, 255, 103, 0.8);
  border-color: transparent; }
  .btn-warning:focus, .btn-warning.focus {
    color: #222b32;
    background-color: rgba(255, 255, 52, 0.8);
    border-color: rgba(0, 0, 0, 0); }
  .btn-warning:hover {
    color: #222b32;
    background-color: rgba(255, 255, 52, 0.8);
    border-color: rgba(0, 0, 0, 0); }
  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    color: #222b32;
    background-color: rgba(255, 255, 52, 0.8);
    border-color: rgba(0, 0, 0, 0); }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
      color: #222b32;
      background-color: rgba(255, 255, 16, 0.8);
      border-color: rgba(0, 0, 0, 0); }
  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
    background-color: rgba(255, 255, 103, 0.8);
    border-color: transparent; }
  .btn-warning .badge {
    color: rgba(255, 255, 103, 0.8);
    background-color: #222b32; }

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

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

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 6px; }

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

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

.btn-block {
  display: block;
  width: 100%; }

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

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

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 0.99; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

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

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

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

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

.dropup,
.dropdown {
  position: relative; }

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

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

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

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

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

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

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

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

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

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

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

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

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

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

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none; }

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

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

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

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }
.btn-group-vertical > .btn-group:after {
  clear: both; }
.btn-group-vertical > .btn-group > .btn {
  float: none; }
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

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

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

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

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

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

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

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 6px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 17px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.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: #0086e6; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid transparent; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.4;
      border: 1px solid transparent;
      border-radius: 6px 6px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: transparent transparent transparent; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #222b32;
      background-color: transparent;
      border: 1px solid transparent;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 6px; }
  .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: 6px; }
  .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 transparent; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid transparent;
      border-radius: 6px 6px 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: transparent; } }

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

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

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

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }
.navbar-header:after {
  clear: both; }
@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

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

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

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

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

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

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

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

.navbar-brand {
  float: left;
  padding: 20px 10px;
  font-size: 17px;
  line-height: 20px;
  height: 60px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
      margin-left: -10px; } }

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

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

.navbar-form {
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px;
  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: 13px;
  margin-bottom: 13px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none; } }

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

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

.navbar-btn {
  margin-top: 13px;
  margin-bottom: 13px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 15px;
    margin-bottom: 15px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 19px;
    margin-bottom: 19px; }

.navbar-text {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 10px;
      margin-right: 10px; } }

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

  .navbar-right {
    float: right !important;
    margin-right: -10px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: rgba(34, 43, 50, 0.5); }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: rgba(13, 17, 20, 0.5);
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: rgba(34, 43, 50, 0.5); }
  .navbar-default .navbar-nav > li > a {
    color: rgba(34, 43, 50, 0.5); }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #0086e6;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #0086e6;
    background-color: transparent; }
  .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: transparent; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: transparent; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #ddd; }
  .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: transparent;
    color: #0086e6; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: rgba(34, 43, 50, 0.5); }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #0086e6;
        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: #0086e6;
      background-color: transparent; }
    .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: rgba(34, 43, 50, 0.5); }
    .navbar-default .navbar-link:hover {
      color: #0086e6; }
  .navbar-default .btn-link {
    color: rgba(34, 43, 50, 0.5); }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #0086e6; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

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

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 6px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/ ";
      padding: 0 5px;
      color: #ccc; }
  .breadcrumb > .active {
    color: #777777; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 6px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.4;
      text-decoration: none;
      color: #0086e6;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 6px;
      border-top-left-radius: 6px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 6px;
      border-top-right-radius: 6px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 2;
    color: #0086e6;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed; }

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

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

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

.label-primary {
  background-color: #337ab7; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090; }

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

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

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

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

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

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron, .container-fluid .jumbotron {
    border-radius: 6px;
    padding-left: 10px;
    padding-right: 10px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron, .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 59px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.4;
  background-color: #f0f3f5;
  border: 1px solid #ddd;
  border-radius: 6px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #263238; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #0086e6; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 6px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

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

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

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

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

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 9px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

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

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

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

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

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

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

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

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

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

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent; }
  .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }

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

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #c7ddef; }

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

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

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

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

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

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

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

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

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

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

.panel {
  margin-bottom: 20px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  -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: 20px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

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

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

.panel-footer {
  padding: 15px 20px;
  background-color: transparent;
  border-top: 1px solid transparent;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }

.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: 5px;
    border-top-left-radius: 5px; }
  .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: 5px;
    border-bottom-left-radius: 5px; }
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.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: 20px;
    padding-right: 20px; }
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }
  .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: 5px;
    border-top-right-radius: 5px; }
    .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: 5px; }
    .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: 5px; }
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }
  .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: 5px;
    border-bottom-right-radius: 5px; }
    .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: 5px; }
    .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: 5px; }
.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: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 6px; }
    .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 transparent; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid transparent; }

.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-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

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

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

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

.close {
  float: right;
  font-size: 19.5px;
  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.alert {
  margin-bottom: 0;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -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: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.99;
    filter: alpha(opacity=99); }

.modal-header {
  padding: 25px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    content: " ";
    display: table; }
  .modal-header:after {
    clear: both; }

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

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

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

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

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

@media (min-width: 768px) {
  .modal-dialog {
    width: 540px;
    margin: 30px auto; }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

  .modal-sm {
    width: 300px; } }
@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.4;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 6px; }

.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: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.4;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 13px;
  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); }
  .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: 13px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

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

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

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

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

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

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

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

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

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

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

  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }

  .carousel-indicators {
    bottom: 20px; } }
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

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

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

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

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

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

.hidden {
  display: none !important; }

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

  tr.visible-xs {
    display: table-row !important; }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .visible-xs-block:not(.preloader) {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }

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

  tr.visible-sm {
    display: table-row !important; }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }

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

  tr.visible-md {
    display: table-row !important; }

  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }

  table.visible-lg {
    display: table !important; }

  tr.visible-lg {
    display: table-row !important; }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }
.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }

  table.visible-print {
    display: table !important; }

  tr.visible-print {
    display: table-row !important; }

  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }
.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }
/**
* Common styles
*/
html {
  overflow: visible; }

html,
body {
  height: 100%;
  min-height: 100%; }

body {
  background: #f0f3f5 !important; }
  body.dark-scheme {
    background: #1d2226 !important;
    color: white; }
  body.site-guest-checkout-page {
    background-color: white !important; }
    body.site-guest-checkout-page.dark-scheme {
      background-color: #263238 !important; }
  @media (min-width: 768px) {
    body {
      background-image: none !important; } }
  @media (min-width: 767px) {
    body {
      background-position: center top !important; } }
  @media (max-width: 767px) {
    body.settings-profile-page, body.settings-account-page, body.settings-privacy-page, body.settings-notifications-page, body.settings-payouts-page, body.settings-payments-page, body.settings-payouts-identity-page, body.settings-payments-card-page {
      min-height: 100%;
      overflow: visible; } }

img {
  max-width: 100%; }

div[class$="-blur"] {
  border-radius: 7px; }

.wrap {
  min-height: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}

.wrap-inner {
  min-height: 100%;
  height: auto;
  position: relative;
  overflow-x: hidden;
  padding: 70px 0 70px; }
  @media (max-width: 991px) {
    .wrap-inner {
      padding-top: 121px; }
      .profile-index-page .wrap-inner, .site-faq-page.guest-role .wrap-inner {
        padding-top: 70px; }
      .stats-index-page .wrap-inner, .link-stats-index-page .wrap-inner {
        padding-top: 135px; } }
  @media (max-width: 767px) {
    .profile-index-page .wrap-inner {
      padding-top: 37px; }
    .site-start-sharing-page .wrap-inner {
      padding-top: 80px;
      min-height: 0; } }
  @media (max-width: 767px) {
    .settings-analytics-page .wrap-inner, .settings-messages-page .wrap-inner, .settings-security-page .wrap-inner, .settings-profile-widget-page .wrap-inner, .settings-profile-page .wrap-inner, .settings-account-page .wrap-inner, .settings-privacy-page .wrap-inner, .settings-notifications-page .wrap-inner, .settings-payouts-page .wrap-inner, .settings-payments-page .wrap-inner, .settings-payouts-identity-page .wrap-inner, .settings-payments-card-page .wrap-inner, .settings-enable-payouts-page .wrap-inner, .settings-payments-subscriptions-page .wrap-inner, .settings-mybio-page .wrap-inner, .settings-referrals-page .wrap-inner, .settings-manage-links-page .wrap-inner {
      padding-top: 0;
      padding-bottom: 35px;
      min-height: 100%;
      height: auto; } }
  @media (max-width: 991px) {
    .feed-index-page .wrap-inner {
      padding-top: 95px; } }
  .notification-index-page .wrap-inner {
    padding-bottom: 0; }
  .profile-scroll .wrap-inner {
    padding-top: 130px; }
  .subscription-following-page .wrap-inner, .subscription-followers-page .wrap-inner {
    flex: 1 1 auto;
    overflow: auto; }
    @media (max-width: 991px) {
      .subscription-following-page .wrap-inner, .subscription-followers-page .wrap-inner {
        padding-top: 70px; } }

.shaking {
  -webkit-animation: shake 3s linear 3s infinite;
  animation: shake 3s linear 3s infinite;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px; }

@keyframes shake {
  0% {
    -webkit-transform: translateX(3px) rotate(1deg);
    transform: translateX(3px) rotate(1deg); }
  2.5% {
    -webkit-transform: translateX(-3px) rotate(-1deg);
    transform: translateX(-3px) rotate(-1deg); }
  5% {
    -webkit-transform: translateX(3px) rotate(1deg);
    transform: translateX(3px) rotate(1deg); }
  7.5% {
    -webkit-transform: translateX(-3px) rotate(-1deg);
    transform: translateX(-3px) rotate(-1deg); }
  10% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  12.5% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  15% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  17.5% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  20% {
    -webkit-transform: translateX(1px) rotate(1deg);
    transform: translateX(1px) rotate(1deg); }
  22.5% {
    -webkit-transform: translateX(-1px) rotate(-1deg);
    transform: translateX(-1px) rotate(-1deg); }
  25% {
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0); } }
/* define mixins */
/*
* Header styles
*/
.navbar-fixed-top {
  height: 50px;
  min-height: 50px;
  z-index: 1060;
  /* must be higher than bottom navbar*/ }
  @media (max-width: 991px) {
    .navbar-fixed-top {
      min-height: auto;
      height: auto; }
      .profile-index-page .navbar-fixed-top {
        display: none; } }
  @media (max-width: 767px) {
    .navbar-fixed-top .container {
      margin: 0 auto;
      padding: 0;
      max-width: 600px; } }

@media (max-width: 767px) {
  .navbar-nav {
    margin: 0 -10px; } }
@media (max-width: 767px) {
  .site-welcome-page .navbar-nav, .site-start-sharing-page .navbar-nav {
    margin-top: 3px; } }

.navbar-default {
  background-color: white;
  border: 0;
  margin-bottom: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 13px; }
  .dark-scheme .navbar-default {
    background-color: #263238; }
  @media (max-width: 767px) {
    .chats-tab.right-column .navbar-default {
      display: none; } }
  .site-index-page.guest-role .navbar-default {
    position: absolute;
    top: 31px;
    background-color: transparent; }
  .profile-index-page.dark-scheme .navbar-default {
    box-shadow: none;
    background-color: transparent; }
  .site-index-page .navbar-default {
    box-shadow: none; }
  .profile-index-page.custom-bg .navbar-default, .profile-index-page.default-bg .navbar-default {
    background-color: transparent;
    box-shadow: none; }
  .profile-scroll .navbar-default:after {
    height: 50px; }
    @media (max-width: 992px) {
      .profile-scroll .navbar-default:after {
        height: 40px; } }
  .navbar-default .profile-index-page.default-bg {
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
  @media (max-width: 767px) {
    .settings-analytics-page .navbar-default, .settings-messages-page .navbar-default, .settings-security-page .navbar-default, .settings-profile-widget-page .navbar-default, .settings-profile-page .navbar-default, .settings-account-page .navbar-default, .settings-privacy-page .navbar-default, .settings-notifications-page .navbar-default, .settings-payouts-page .navbar-default, .settings-payments-page .navbar-default, .settings-payouts-identity-page .navbar-default, .settings-payments-card-page .navbar-default, .settings-enable-payouts-page .navbar-default, .settings-payments-subscriptions-page .navbar-default, .settings-mybio-page .navbar-default, .settings-referrals-page .navbar-default, .settings-manage-links-page .navbar-default {
      display: none; } }
  @media (max-width: 991px) {
    .subscription-followers-page.under-navbar-scroll .navbar-default, .subscription-following-page.under-navbar-scroll .navbar-default {
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } }
  .navbar-default em.unread-notifications-flag {
    position: absolute;
    bottom: 13px;
    right: 9px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #0086e6;
    border: 2px solid white;
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
    z-index: 101; }
    .dark-scheme .navbar-default em.unread-notifications-flag {
      border-color: #222b32; }
    .navbar-default em.unread-notifications-flag.active {
      visibility: visible;
      opacity: 1; }
    @media (min-width: 768px) {
      .navbar-default em.unread-notifications-flag {
        right: 0; } }
  .navbar-default .acitve-collapse em.unread-notifications-flag {
    visibility: hidden;
    opacity: 0; }

.navbar-inner {
  display: flex;
  justify-content: space-between; }
  .subscription-followers-page .navbar-inner, .subscription-following-page .navbar-inner, .profile-bookmarks-page .navbar-inner, .guest-role .navbar-inner {
    position: relative; }
  @media (max-width: 991px) {
    .navbar-inner {
      flex-wrap: wrap; } }
  @media (max-width: 767px) {
    .contacts-tab .navbar-inner {
      display: none; } }
  .navbar-inner .box-search {
    display: none; }
    .feed-index-page .navbar-inner .box-search {
      display: none; }
  .site-index-page.guest-role .navbar-inner {
    position: relative; }
  .navbar-inner .subpages-title-head {
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
    color: #263238;
    margin: 10px 0;
    padding: 0; }
    .navbar-inner .subpages-title-head > * {
      display: none; }
    .dark-scheme .navbar-inner .subpages-title-head {
      color: white; }
    @media (max-width: 991px) {
      .notification-index-page .navbar-inner .subpages-title-head {
        display: block; }
        .notification-index-page .navbar-inner .subpages-title-head > strong {
          display: none; } }

.shortcut-nav-wrap {
  padding: 0;
  margin: 0; }
  @media (max-width: 991px) {
    .shortcut-nav-wrap {
      order: 4;
      flex: 0 1 100%;
      min-width: 100%; }
      .under-navbar-scroll .shortcut-nav-wrap {
        position: fixed;
        background-color: white;
        width: 767px;
        left: 50%;
        min-width: 0;
        flex: 0 1 auto;
        transform: translateX(-50%);
        top: 0;
        z-index: 1000; } }
    @media (max-width: 991px) and (max-width: 767px) {
      .under-navbar-scroll .shortcut-nav-wrap {
        width: 600px; } }
    @media (max-width: 991px) and (max-width: 600px) {
      .under-navbar-scroll .shortcut-nav-wrap {
        width: auto;
        left: 0;
        right: 0;
        transform: translateX(0); } }
  @media (max-width: 991px) {
        .under-navbar-scroll .shortcut-nav-wrap > div {
          position: relative;
          z-index: 1111; }
        .under-navbar-scroll .shortcut-nav-wrap:after {
          position: fixed;
          left: -100%;
          right: -100%;
          top: 0;
          height: 50px;
          content: "";
          background-color: white;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          z-index: 999; }
      .under-navbar-scroll.dark-scheme .shortcut-nav-wrap {
        background-color: #263238; }
        .under-navbar-scroll.dark-scheme .shortcut-nav-wrap:after {
          background-color: #263238; }
      .subscription-followers-page .shortcut-nav-wrap, .subscription-following-page .shortcut-nav-wrap, .site-welcome-page .shortcut-nav-wrap {
        display: none; } }
  @media (max-width: 767px) {
    .site-start-sharing-page .shortcut-nav-wrap, .site-welcome-page .shortcut-nav-wrap, .site-request-password-reset-page .shortcut-nav-wrap {
      display: none; } }
  .site-welcome-page .shortcut-nav-wrap, .site-start-sharing-page .shortcut-nav-wrap {
    display: none; }
  .shortcut-nav-wrap > div {
    display: flex; }
    @media (max-width: 991px) {
      .shortcut-nav-wrap > div {
        margin: 0 auto;
        max-width: 700px; } }
    .shortcut-nav-wrap > div span {
      position: relative;
      flex: 0 1 70px;
      min-width: 70px;
      text-align: center; }
      @media (max-width: 991px) {
        .shortcut-nav-wrap > div span {
          flex: 1 1 auto; } }
      .shortcut-nav-wrap > div span:after {
        position: absolute;
        bottom: 6px;
        left: 0;
        right: 0;
        content: attr(label);
        font-size: 9px;
        line-height: 12px;
        font-weight: 600;
        color: rgba(146, 159, 169, 0.6);
        transition: all 0.3s ease;
        text-align: center;
        z-index: -1; }
        .profile-index-page.custom-bg .shortcut-nav-wrap > div span:after, .profile-index-page.default-bg .shortcut-nav-wrap > div span:after {
          color: white; }
          .profile-index-page.custom-bg .shortcut-nav-wrap > div span:after:hover, .profile-index-page.default-bg .shortcut-nav-wrap > div span:after:hover {
            color: white; }
      .shortcut-nav-wrap > div span.has-updates a:before {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #0086e6;
        position: absolute;
        content: "";
        left: 50%;
        margin-left: 14px;
        top: 10px; }
        .profile-index-page.custom-bg .shortcut-nav-wrap > div span.has-updates a:before, .profile-index-page.default-bg .shortcut-nav-wrap > div span.has-updates a:before {
          background-color: white; }
          .profile-index-page.custom-bg .shortcut-nav-wrap > div span.has-updates a:before:hover, .profile-index-page.default-bg .shortcut-nav-wrap > div span.has-updates a:before:hover {
            background-color: white; }
      .shortcut-nav-wrap > div span.active:after {
        color: #263238; }
        .dark-scheme .shortcut-nav-wrap > div span.active:after {
          color: white; }
      .shortcut-nav-wrap > div span.active a {
        color: #0086e6; }
        .shortcut-nav-wrap > div span.active a:after {
          visibility: visible;
          opacity: 1; }
      .shortcut-nav-wrap > div span:hover:after {
        color: #263238; }
        .dark-scheme .shortcut-nav-wrap > div span:hover:after {
          color: white; }
      .shortcut-nav-wrap > div span a {
        display: block;
        height: 100%;
        padding-top: 2px;
        padding-bottom: 3px;
        line-height: 45px;
        color: rgba(146, 159, 169, 0.6);
        transition: all 0.3s ease; }
        .profile-index-page.custom-bg .shortcut-nav-wrap > div span a, .profile-index-page.default-bg .shortcut-nav-wrap > div span a {
          color: white; }
          .profile-index-page.custom-bg .shortcut-nav-wrap > div span a:hover, .profile-index-page.default-bg .shortcut-nav-wrap > div span a:hover {
            color: white; }
        .shortcut-nav-wrap > div span a i:before {
          font-size: 22px; }
        .shortcut-nav-wrap > div span a:hover {
          color: #0086e6; }
        .shortcut-nav-wrap > div span a:after {
          position: absolute;
          bottom: 0;
          height: 2px;
          left: 0;
          right: 0;
          content: "";
          opacity: 0;
          visibility: hidden;
          background-color: #0086e6; }

.navbar-collapse {
  border-top: none;
  box-shadow: none; }

.navbar-collapse.collapse {
  display: block !important; }
  @media (max-width: 991px) {
    .site-index-page.guest-role .navbar-collapse.collapse {
      margin-right: 10px; } }

.navbar-search-form {
  position: absolute;
  left: 45px;
  top: 0; }
  @media (min-width: 991px) {
    .navbar-search-form {
      left: 50%;
      transform: translate(-50%, 0);
      top: 0; } }

.navbar-wrapper {
  display: flex;
  align-items: flex-start; }
  .guest-role .navbar-wrapper {
    height: 50px; }
  @media (max-width: 991px) {
    .navbar-wrapper {
      flex: 0 1 100%;
      min-width: 100%;
      justify-content: space-between; }
      .guest-role .navbar-wrapper {
        justify-content: flex-end; } }
  @media (min-width: 767px) {
    .site-start-sharing-page .navbar-wrapper, .site-welcome-page .navbar-wrapper {
      flex: 0 1 auto;
      min-width: 0;
      padding-top: 3px; } }
  @media (max-width: 991px) {
    .subscription-followers-page .navbar-wrapper, .subscription-following-page .navbar-wrapper {
      position: relative;
      height: 44px;
      flex: 0 1 auto;
      min-width: auto; } }
  .navbar-wrapper__close-btn {
    display: none;
    width: 24px;
    height: 24px;
    font-size: 20px; }
    .navbar-wrapper__close-btn i {
      font-size: 20px;
      line-height: 24px; }
    @media (max-width: 991px) {
      .subscription-followers-page .navbar-wrapper__close-btn, .subscription-following-page .navbar-wrapper__close-btn {
        display: block;
        position: absolute;
        left: 10px;
        top: 10px; } }
  @media (max-width: 991px) {
    .subscription-followers-page .navbar-wrapper .dropdown, .subscription-following-page .navbar-wrapper .dropdown {
      display: none; } }
  @media (max-width: 767px) {
    .site-start-sharing-page .navbar-wrapper .dropdown, .site-welcome-page.unknown-name .navbar-wrapper .dropdown {
      display: none; } }
  @media (max-width: 991px) {
    .notification-index-page .navbar-wrapper .btn-settings {
      display: block;
      width: auto;
      padding-right: 35px;
      font-size: 15px; } }
  .navbar-wrapper .btn-settings:after {
    content: "\e87e";
    left: auto !important;
    right: 0; }
  @media (max-width: 991px) {
    .message-index-page .navbar-wrapper .btn-messages {
      display: block;
      width: auto;
      padding-right: 35px;
      font-size: 15px; } }
  .navbar-wrapper .btn-messages:after {
    content: "\e659";
    left: auto !important;
    right: 0; }
  .navbar-wrapper .btn-settings,
  .navbar-wrapper .btn-messages {
    display: none;
    padding: 0;
    background-color: transparent;
    position: relative;
    width: 24px;
    height: 24px;
    margin: 10px; }
    .navbar-wrapper .btn-settings:after,
    .navbar-wrapper .btn-messages:after {
      position: absolute;
      left: 0;
      top: 0;
      width: 24px;
      text-align: center;
      font-family: "all-my-links";
      font-size: 24px;
      line-height: 24px;
      color: #0086e6;
      font-weight: 400; }
  .navbar-wrapper .btn.modal-trigger {
    position: relative;
    padding-left: 28px;
    font-size: 15px;
    margin: 10px 0 10px 15px; }
    @media (max-width: 991px) {
      .navbar-wrapper .btn.modal-trigger {
        background-color: transparent;
        width: 24px;
        height: 24px;
        text-align: center;
        color: #0086e6;
        padding: 0;
        text-indent: -100px;
        overflow: hidden;
        margin-right: 10px; }
        .subscription-followers-page .navbar-wrapper .btn.modal-trigger, .subscription-following-page .navbar-wrapper .btn.modal-trigger, .notification-index-page .navbar-wrapper .btn.modal-trigger, .message-index-page .navbar-wrapper .btn.modal-trigger, .profile-bookmarks-page .navbar-wrapper .btn.modal-trigger {
          display: none; }
        .navbar-wrapper .btn.modal-trigger:active:focus {
          background-color: transparent; } }
    .site-start-sharing-page .navbar-wrapper .btn.modal-trigger, .site-welcome-page .navbar-wrapper .btn.modal-trigger {
      display: none; }
    .profile-index-page.custom-bg .navbar-wrapper .btn.modal-trigger, .profile-index-page.default-bg .navbar-wrapper .btn.modal-trigger {
      color: white;
      background-color: transparent;
      border: 2px solid white;
      padding: 2px 11px 4px 27px; }
      .profile-index-page.custom-bg .navbar-wrapper .btn.modal-trigger:after, .profile-index-page.default-bg .navbar-wrapper .btn.modal-trigger:after {
        color: white;
        line-height: 26px; }
      .profile-index-page.custom-bg .navbar-wrapper .btn.modal-trigger:hover, .profile-index-page.default-bg .navbar-wrapper .btn.modal-trigger:hover {
        color: white;
        background-color: transparent;
        border-color: white; }
        .profile-index-page.custom-bg .navbar-wrapper .btn.modal-trigger:hover:after, .profile-index-page.default-bg .navbar-wrapper .btn.modal-trigger:hover:after {
          color: white; }
    .navbar-wrapper .btn.modal-trigger:after {
      position: absolute;
      left: 2px;
      top: 0;
      width: 29px;
      text-align: center;
      font-family: "all-my-links";
      content: "\e637";
      font-size: 14px;
      line-height: 30px;
      color: #fefefe;
      font-weight: 300;
      transition: all 0.3s ease; }
      @media (max-width: 991px) {
        .navbar-wrapper .btn.modal-trigger:after {
          color: #0086e6;
          text-indent: 0;
          font-size: 20px;
          line-height: 23px;
          left: 0; } }
  .navbar-wrapper .back-btn {
    display: none; }
  @media (max-width: 991px) {
    .link-stats-index-page .navbar-wrapper .back-btn {
      display: block;
      background-color: transparent;
      padding: 0;
      width: 24px;
      height: 24px;
      text-align: center;
      overflow: hidden;
      margin-left: 10px;
      margin-top: 10px; }
    .link-stats-index-page .navbar-wrapper #navbarCollapse {
      display: none !important; } }

.logo {
  display: block;
  width: 24px;
  height: 24px;
  background: url(/img/logo.svg) 0 0 no-repeat;
  background-size: 100%; }
  .successfull-pay .logo {
    float: left;
    margin: -4px 15px 0 0; }
  .guest-role .logo {
    width: 138px;
    height: 36px;
    background-image: url(/img/logo-full.svg); }
  .site-index-page.guest-role .logo {
    width: 100px;
    height: 40px;
    background: url(/img/logo-full-pink.svg) 0 0 no-repeat; }
  .guest-role.profile-index-page.custom-bg .logo, .guest-role.profile-index-page.default-bg .logo {
    width: 138px;
    height: 36px;
    background: url(/img/logo-full-white.svg) 0 0 no-repeat; }
  @media (min-width: 767px) {
    .site-welcome-page .logo, .site-start-sharing-page .logo {
      width: 140px;
      height: 36px;
      background: url(/img/logo-full.svg) 0 0 no-repeat; } }
  .profile-index-page .logo {
    background: url(/img/logo-white.svg) 0 0 no-repeat; }

.modal .logo {
  background: url(/img/logo.svg) 0 0 no-repeat !important; }
  .dark-scheme .modal .logo {
    background: url(/img/logo-white.svg) 0 0 no-repeat !important; }

.navbar > .container .navbar-brand {
  margin: 10px 0 10px -12px; }
  .guest-role .navbar > .container .navbar-brand {
    margin: 4px 0 10px -12px; }
    @media (max-width: 767px) {
      .guest-role .navbar > .container .navbar-brand {
        margin: 2px 0 10px 0; } }
  @media (min-width: 767px) {
    .site-welcome-page .navbar > .container .navbar-brand, .site-start-sharing-page .navbar > .container .navbar-brand {
      margin: 4px 0 0; } }

.navbar-brand {
  position: absolute;
  left: 50%;
  display: flex;
  margin: 10px 0 10px -12px;
  padding: 2px 0 0; }
  .guest-role .navbar-brand {
    left: 15px; }
  .site-index-page.guest-role .navbar-brand {
    display: none; }
  @media (min-width: 991px) {
    .stats-index-page .navbar-brand, .link-stats-index-page .navbar-brand {
      display: none; } }
  @media (max-width: 991px) {
    .notification-index-page .navbar-brand, .message-index-page .navbar-brand {
      display: none; } }
  @media (max-width: 991px) {
    .guest-role.site-terms-page .navbar-brand, .guest-role.site-privacy-page .navbar-brand, .guest-role.site-faq-page .navbar-brand, .guest-role.site-contact-page .navbar-brand {
      z-index: 1000; } }
  @media (min-width: 767px) {
    .site-welcome-page .navbar-brand, .site-start-sharing-page .navbar-brand {
      float: none;
      position: static;
      height: auto; } }

/*
* Content styles
*/
.row-main-content {
  text-align: right; }
  @media (min-width: 991px) {
    .row-main-content {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (max-width: 767px) {
    .row-main-content {
      text-align: left; } }
  @media (min-width: 620px) and (max-width: 767px) {
    .profile-index-page .row-main-content {
      padding: 0 10px; } }
  .row-main-content > div {
    min-height: 1px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px; }
    @media (max-width: 991px) {
      .row-main-content > div {
        padding-left: 0;
        padding-right: 0; } }
    @media (max-width: 620px) {
      .row-main-content > div {
        padding-left: 0;
        padding-right: 0; } }
  @media (max-width: 992px) {
    .row-main-content .profile-section {
      display: none; } }
  .row-main-content .left-sidebar {
    width: 33.4%;
    float: left;
    order: 1; }
    .feed-index-page.dark-scheme .row-main-content .left-sidebar .panel-body, .notification-index-page.dark-scheme .row-main-content .left-sidebar .panel-body {
      background-color: #263238; }
    .feed-index-page .row-main-content .left-sidebar, .notification-index-page .row-main-content .left-sidebar {
      position: fixed;
      width: 320px;
      z-index: 12;
      top: 0; }
      .feed-index-page .row-main-content .left-sidebar .panel-default.main, .notification-index-page .row-main-content .left-sidebar .panel-default.main, .profile-bookmarks .row-main-content .left-sidebar .panel-default.main {
        background-color: transparent;
        box-shadow: none; }
      .feed-index-page .row-main-content .left-sidebar .panel-default.main, .notification-index-page .row-main-content .left-sidebar .panel-default.main {
        padding-top: 70px;}
      .profile-bookmarks .row-main-content .left-sidebar .panel-default.main {
        background-color: transparent;
        box-shadow: none; }
      .feed-index-page .row-main-content .left-sidebar .panel-body, .notification-index-page .row-main-content .left-sidebar .panel-body {
        background-color: white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        border-radius: 10px; }
      .feed-index-page .row-main-content .left-sidebar .panel-body-leftnav, .notification-index-page .row-main-content .left-sidebar .panel-body-leftnav, .profile-bookmarks .row-main-content .left-sidebar .panel-body-leftnav {
        text-align: left; }
      @media (min-width: 480px) and (max-height: 540px) {
        .feed-index-page .row-main-content .left-sidebar, .notification-index-page .row-main-content .left-sidebar {
          max-height: 400px; } }
    @media (min-width: 480px) and (max-height: 540px) {
      .feed-index-page.dark-scheme .row-main-content .left-sidebar .panel-body, .notification-index-page.dark-scheme .row-main-content .left-sidebar .panel-body {
        background-color: #263238; } }
    @media (max-width: 992px) {
      .profile-index-page .row-main-content .left-sidebar {
        display: block;
        width: 100%;
        float: none; }
        .profile-index-page .row-main-content .left-sidebar .panel-body {
          padding-top: 5px; }
        .profile-index-page .row-main-content .left-sidebar .footer {
          position: absolute;
          bottom: 10px;
          left: 10px;
          right: 10px; } }
    @media (max-width: 767px) {
      .profile-index-page .row-main-content .left-sidebar {
        box-shadow: none; } }
    @media (max-width: 992px) {
      .row-main-content .left-sidebar {
        display: none; } }
    .row-main-content .left-sidebar .panel {
      margin-bottom: 3px; }
  .row-main-content .main-content {
    width: 66.4%;
    float: right;
    order: 2;
    text-align: left; }
    .subscriptions-list .row-main-content .main-content {
      width: 75%; }
    .feed-index-page .row-main-content .main-content {
      z-index: 2; }
    .subscription-following-page .row-main-content .main-content, .subscription-followers-page .row-main-content .main-content {
      width: 100%;
      float: none; }
    @media (max-width: 992px) {
      .row-main-content .main-content {
        width: 100%;
        float: none; }
        .subscriptions-list .row-main-content .main-content {
          width: 100%; } }
    @media (max-width: 767px) {
      .row-main-content .main-content {
        width: 100%;
        float: none;
        margin-bottom: 0;
        padding-bottom: 0; }
        .subscriptions-list .row-main-content .main-content {
          width: 100%; } }

/*
* Footer styles
*/
.footer-wrap {
  display: block;
  position: absolute;
  bottom: 10px;
  left: 15px;
  right: 15px; }
  .footer-wrap .footer-wrapper {
    max-width: 480px;
    margin: 0 auto; }
  @media (min-width: 991px) {
    .footer-wrap {
      display: none; }
      .stats-index-page .footer-wrap, .link-stats-index-page .footer-wrap {
        display: block; } }

.footer-wrapper {
  max-width: 480px;
  margin: 0 auto; }
  @media (min-width: 991px) {
    .footer-wrapper {
      padding-top: 10px; } }
  .footer-wrapper__navbar {
    padding: 0 5px;
    margin: 0; }
    .footer-wrapper__navbar .navbar-nav {
      display: flex;
      justify-content: space-between;
      float: none;
      margin: 0; }
      .footer-wrapper__navbar .navbar-nav:before, .footer-wrapper__navbar .navbar-nav:after {
        display: none; }
      .footer-wrapper__navbar .navbar-nav > li {
        float: none;
        font-size: 11px;
        line-height: 15px;
        margin: 0 3px;
        padding: 10px 0; }
        @media (min-width: 768px) {
          .left-sidebar .footer-wrapper__navbar .navbar-nav > li, .settings-box__footer .footer-wrapper__navbar .navbar-nav > li {
            padding: 0; } }
        @media (max-width: 480px) {
          .footer-wrapper__navbar .navbar-nav > li {
            margin: 0 5px; } }
        .footer-wrapper__navbar .navbar-nav > li > a {
          padding: 0;
          font-weight: 600;
          color: rgba(146, 159, 169, 0.6);
          transition: all 0.3s ease; }
          .footer-wrapper__navbar .navbar-nav > li > a:hover {
            color: #263238;
            background-color: transparent; }
            .dark-scheme .footer-wrapper__navbar .navbar-nav > li > a:hover {
              color: white; }

.back-to-top-btn {
  position: fixed;
  width: 30px;
  height: 30px;
  left: 50%;
  margin-left: 520px;
  bottom: 130px;
  border-radius: 50%;
  background-color: rgba(146, 159, 169, 0.6);
  color: #fefefe;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  padding: 0;
  z-index: 2000; }
  .back-to-top-btn:hover {
    background-color: rgba(0, 134, 230, 0.5); }
  body.modal-open .back-to-top-btn {
    display: none; }
  @media (max-width: 1145px) {
    .back-to-top-btn {
      left: auto;
      margin-left: 0;
      right: 10%;
      bottom: 40px; } }
  .back-to-top-btn i {
    font-size: 20px;
    line-height: 30px;
    color: #fefefe; }
    .back-to-top-btn i:before {
      font-size: 20px;
      line-height: 30px; }
  .back-to-top-btn span {
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    font-size: 11px;
    line-height: 15px;
    color: rgba(146, 159, 169, 0.6); }

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
button, .btn, input[type="button"], input[type="reset"], input[type="submit"] {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  padding: 4px 13px 6px;
  text-align: center;
  border: none;
  outline: none;
  transition: all 0.3s ease;
  border-radius: 20px;
  cursor: pointer;
  touch-action: manipulation;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  button.btn-link,
  .btn.btn-link,
  input[type="button"].btn-link,
  input[type="reset"].btn-link,
  input[type="submit"].btn-link {
    font-weight: normal;
    padding-left: 0;
    padding-right: 0; }
    button.btn-link:hover, .btn.btn-link:hover, input[type="button"].btn-link:hover, input[type="reset"].btn-link:hover, input[type="submit"].btn-link:hover {
      color: #263238; }
      .dark-scheme button.btn-link:hover,
      .dark-scheme .btn.btn-link:hover,
      .dark-scheme input[type="button"].btn-link:hover,
      .dark-scheme input[type="reset"].btn-link:hover,
      .dark-scheme input[type="submit"].btn-link:hover {
        color: white; }
  button.close, button.delete-btn,
  .btn.close,
  .btn.delete-btn,
  input[type="button"].close,
  input[type="button"].delete-btn,
  input[type="reset"].close,
  input[type="reset"].delete-btn,
  input[type="submit"].close,
  input[type="submit"].delete-btn {
    min-width: 0; }
  button.btn-icon-nested,
  .btn.btn-icon-nested,
  input[type="button"].btn-icon-nested,
  input[type="reset"].btn-icon-nested,
  input[type="submit"].btn-icon-nested {
    left: auto;
    position: absolute;
    right: 0;
    top: 0; }
    button.btn-icon-nested.btn-left,
    .btn.btn-icon-nested.btn-left,
    input[type="button"].btn-icon-nested.btn-left,
    input[type="reset"].btn-icon-nested.btn-left,
    input[type="submit"].btn-icon-nested.btn-left {
      left: 0;
      right: auto; }
  button.btn-icon, button.btn-icon-nested,
  .btn.btn-icon,
  .btn.btn-icon-nested,
  input[type="button"].btn-icon,
  input[type="button"].btn-icon-nested,
  input[type="reset"].btn-icon,
  input[type="reset"].btn-icon-nested,
  input[type="submit"].btn-icon,
  input[type="submit"].btn-icon-nested {
    min-width: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    border: 0;
    font-size: 24px;
    line-height: 24px;
    background-color: transparent;
    color: rgba(146, 159, 169, 0.6); }
    button.btn-icon:active, button.btn-icon-nested:active,
    .btn.btn-icon:active,
    .btn.btn-icon-nested:active,
    input[type="button"].btn-icon:active,
    input[type="button"].btn-icon-nested:active,
    input[type="reset"].btn-icon:active,
    input[type="reset"].btn-icon-nested:active,
    input[type="submit"].btn-icon:active,
    input[type="submit"].btn-icon-nested:active {
      box-shadow: none; }
    button.btn-icon:hover, button.btn-icon-nested:hover,
    .btn.btn-icon:hover,
    .btn.btn-icon-nested:hover,
    input[type="button"].btn-icon:hover,
    input[type="button"].btn-icon-nested:hover,
    input[type="reset"].btn-icon:hover,
    input[type="reset"].btn-icon-nested:hover,
    input[type="submit"].btn-icon:hover,
    input[type="submit"].btn-icon-nested:hover {
      color: #929fa9; }
  button.btn-warning, .btn.btn-warning, input[type="button"].btn-warning, input[type="reset"].btn-warning, input[type="submit"].btn-warning {
    color: #263238; }
    .dark-scheme button.btn-warning,
    .dark-scheme .btn.btn-warning,
    .dark-scheme input[type="button"].btn-warning,
    .dark-scheme input[type="reset"].btn-warning,
    .dark-scheme input[type="submit"].btn-warning {
      color: #263238; }
    button.btn-warning:hover, .btn.btn-warning:hover, input[type="button"].btn-warning:hover, input[type="reset"].btn-warning:hover, input[type="submit"].btn-warning:hover {
      color: #263238; }
      .dark-scheme button.btn-warning:hover, .dark-scheme .btn.btn-warning:hover, .dark-scheme input[type="button"].btn-warning:hover, .dark-scheme input[type="reset"].btn-warning:hover, .dark-scheme input[type="submit"].btn-warning:hover {
        color: #263238; }
  button.btn-default, button.btn-primary, button.btn-success, .btn.btn-default, .btn.btn-primary, .btn.btn-success, input[type="button"].btn-default, input[type="button"].btn-primary, input[type="button"].btn-success, input[type="reset"].btn-default, input[type="reset"].btn-primary, input[type="reset"].btn-success, input[type="submit"].btn-default, input[type="submit"].btn-primary, input[type="submit"].btn-success {
    color: white; }
    .dark-scheme button.btn-default, .dark-scheme button.btn-primary, .dark-scheme button.btn-success,
    .dark-scheme .btn.btn-default,
    .dark-scheme .btn.btn-primary,
    .dark-scheme .btn.btn-success,
    .dark-scheme input[type="button"].btn-default,
    .dark-scheme input[type="button"].btn-primary,
    .dark-scheme input[type="button"].btn-success,
    .dark-scheme input[type="reset"].btn-default,
    .dark-scheme input[type="reset"].btn-primary,
    .dark-scheme input[type="reset"].btn-success,
    .dark-scheme input[type="submit"].btn-default,
    .dark-scheme input[type="submit"].btn-primary,
    .dark-scheme input[type="submit"].btn-success {
      color: white; }
    button.btn-default:hover, button.btn-primary:hover, button.btn-success:hover, .btn.btn-default:hover, .btn.btn-primary:hover, .btn.btn-success:hover, input[type="button"].btn-default:hover, input[type="button"].btn-primary:hover, input[type="button"].btn-success:hover, input[type="reset"].btn-default:hover, input[type="reset"].btn-primary:hover, input[type="reset"].btn-success:hover, input[type="submit"].btn-default:hover, input[type="submit"].btn-primary:hover, input[type="submit"].btn-success:hover {
      color: white; }
      .dark-scheme button.btn-default:hover, .dark-scheme button.btn-primary:hover, .dark-scheme button.btn-success:hover, .dark-scheme .btn.btn-default:hover, .dark-scheme .btn.btn-primary:hover, .dark-scheme .btn.btn-success:hover, .dark-scheme input[type="button"].btn-default:hover, .dark-scheme input[type="button"].btn-primary:hover, .dark-scheme input[type="button"].btn-success:hover, .dark-scheme input[type="reset"].btn-default:hover, .dark-scheme input[type="reset"].btn-primary:hover, .dark-scheme input[type="reset"].btn-success:hover, .dark-scheme input[type="submit"].btn-default:hover, .dark-scheme input[type="submit"].btn-primary:hover, .dark-scheme input[type="submit"].btn-success:hover {
        color: white; }
  button.btn-mini,
  .btn.btn-mini,
  input[type="button"].btn-mini,
  input[type="reset"].btn-mini,
  input[type="submit"].btn-mini {
    padding: 5px 15px; }
  button.btn-cancel, .btn.btn-cancel, input[type="button"].btn-cancel, input[type="reset"].btn-cancel, input[type="submit"].btn-cancel {
    background-color: rgba(146, 159, 169, 0.1);
    color: #263238; }
    button.btn-cancel[disabled],
    button.btn-cancel .disabled,
    .btn.btn-cancel[disabled],
    .btn.btn-cancel .disabled,
    input[type="button"].btn-cancel[disabled],
    input[type="button"].btn-cancel .disabled,
    input[type="reset"].btn-cancel[disabled],
    input[type="reset"].btn-cancel .disabled,
    input[type="submit"].btn-cancel[disabled],
    input[type="submit"].btn-cancel .disabled {
      opacity: 1;
      background-color: rgba(146, 159, 169, 0.1);
      color: rgba(38, 50, 56, 0.3); }
    button.btn-cancel[disabled]:hover, .btn.btn-cancel[disabled]:hover, input[type="button"].btn-cancel[disabled]:hover, input[type="reset"].btn-cancel[disabled]:hover, input[type="submit"].btn-cancel[disabled]:hover {
      background-color: rgba(146, 159, 169, 0.1);
      color: rgba(38, 50, 56, 0.3); }
      .dark-scheme button.btn-cancel[disabled]:hover,
      .dark-scheme .btn.btn-cancel[disabled]:hover,
      .dark-scheme input[type="button"].btn-cancel[disabled]:hover,
      .dark-scheme input[type="reset"].btn-cancel[disabled]:hover,
      .dark-scheme input[type="submit"].btn-cancel[disabled]:hover {
        color: rgba(255, 255, 255, 0.3); }
    button.btn-cancel:hover,
    .btn.btn-cancel:hover,
    input[type="button"].btn-cancel:hover,
    input[type="reset"].btn-cancel:hover,
    input[type="submit"].btn-cancel:hover {
      background-color: #929fa9;
      color: white; }
    .dark-scheme button.btn-cancel,
    .dark-scheme .btn.btn-cancel,
    .dark-scheme input[type="button"].btn-cancel,
    .dark-scheme input[type="reset"].btn-cancel,
    .dark-scheme input[type="submit"].btn-cancel {
      color: white; }
  button:focus, button:active, button:hover,
  .btn:focus,
  .btn:active,
  .btn:hover,
  input[type="button"]:focus,
  input[type="button"]:active,
  input[type="button"]:hover,
  input[type="reset"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:hover,
  input[type="submit"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:hover {
    outline: 0;
    color: white; }
  button.btn-block,
  .btn.btn-block,
  input[type="button"].btn-block,
  input[type="reset"].btn-block,
  input[type="submit"].btn-block {
    border: 0;
    line-height: 20px;
    padding: 10px 12px; }
  button.btn-move i,
  .btn.btn-move i,
  input[type="button"].btn-move i,
  input[type="reset"].btn-move i,
  input[type="submit"].btn-move i {
    cursor: move; }
    button.btn-move i::before,
    .btn.btn-move i::before,
    input[type="button"].btn-move i::before,
    input[type="reset"].btn-move i::before,
    input[type="submit"].btn-move i::before {
      font-size: 20px; }
  button.no-style,
  .btn.no-style,
  input[type="button"].no-style,
  input[type="reset"].no-style,
  input[type="submit"].no-style {
    background: none;
    border: 0;
    box-shadow: none; }
  .site-index button,
  .site-index .btn,
  .site-index input[type="button"],
  .site-index input[type="reset"],
  .site-index input[type="submit"] {
    padding: 5px 12px; }
  button.btn-modal, .btn.btn-modal, input[type="button"].btn-modal, input[type="reset"].btn-modal, input[type="submit"].btn-modal {
    padding: 8px 30px; }
  button.btn-more-details, .btn.btn-more-details, input[type="button"].btn-more-details, input[type="reset"].btn-more-details, input[type="submit"].btn-more-details {
    position: relative;
    height: 28px;
    border: none;
    padding: 0 19px 0 0;
    color: rgba(38, 50, 56, 0.5); }
    @media (min-width: 768px) {
      button.btn-more-details, .btn.btn-more-details, input[type="button"].btn-more-details, input[type="reset"].btn-more-details, input[type="submit"].btn-more-details {
        font-size: 11px; } }
    .dark-scheme button.btn-more-details, .dark-scheme .btn.btn-more-details, .dark-scheme input[type="button"].btn-more-details, .dark-scheme input[type="reset"].btn-more-details, .dark-scheme input[type="submit"].btn-more-details {
      color: rgba(255, 255, 255, 0.5); }
    button.btn-more-details:after, .btn.btn-more-details:after, input[type="button"].btn-more-details:after, input[type="reset"].btn-more-details:after, input[type="submit"].btn-more-details:after {
      position: absolute;
      content: "";
      right: 0;
      top: 12px;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid rgba(38, 50, 56, 0.5); }
      .dark-scheme button.btn-more-details:after, .dark-scheme .btn.btn-more-details:after, .dark-scheme input[type="button"].btn-more-details:after, .dark-scheme input[type="reset"].btn-more-details:after, .dark-scheme input[type="submit"].btn-more-details:after {
        border-top-color: rgba(255, 255, 255, 0.5); }
    button.btn-more-details:hover, .btn.btn-more-details:hover, input[type="button"].btn-more-details:hover, input[type="reset"].btn-more-details:hover, input[type="submit"].btn-more-details:hover {
      color: #0086e6; }
      button.btn-more-details:hover:after, .btn.btn-more-details:hover:after, input[type="button"].btn-more-details:hover:after, input[type="reset"].btn-more-details:hover:after, input[type="submit"].btn-more-details:hover:after {
        border-top-color: #0086e6; }

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: none; }

.link-icon {
  color: rgba(38, 50, 56, 0.4);
  transition: all 0.3s ease; }

.btn-primary[disabled],
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  opacity: 0.3; }

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

.btn-wrap {
  display: flex;
  flex-wrap: nowrap; }
  .btn-wrap .btn {
    flex: 0 1 50%; }
    @media (min-width: 768px) {
      .btn-wrap .btn {
        min-width: 168px;
        flex: 0 1 auto; } }
  .btn-wrap .btn:first-child {
    margin-right: 20px; }

.btn-parent .btn.btn-icon {
  color: rgba(38, 50, 56, 0.2); }
.btn-parent:hover .btn.btn-icon {
  color: #263238; }
  .btn-parent:hover .btn.btn-icon:hover {
    color: #0086e6;
    cursor: pointer; }

.btn-parent-nested .btn.btn-icon-nested {
  color: rgba(38, 50, 56, 0.2); }
.btn-parent-nested:hover .btn.btn-icon-nested {
  color: #263238; }
  .btn-parent-nested:hover .btn.btn-icon-nested:hover {
    color: #0086e6;
    cursor: pointer; }

/*--------------------------------------------------------------
## Fields
--------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea, .form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  border-radius: 10px;
  background-color: rgba(146, 159, 169, 0.08);
  color: #263238;
  box-shadow: none;
  font-size: 15px;
  line-height: 20px;
  padding: 8px 7px 8px;
  height: 36px;
  transition: .3s; }
  .dark-scheme input[type="text"],
  .dark-scheme input[type="email"],
  .dark-scheme input[type="url"],
  .dark-scheme input[type="password"],
  .dark-scheme input[type="search"],
  .dark-scheme input[type="number"],
  .dark-scheme input[type="tel"],
  .dark-scheme input[type="range"],
  .dark-scheme input[type="date"],
  .dark-scheme input[type="month"],
  .dark-scheme input[type="week"],
  .dark-scheme input[type="time"],
  .dark-scheme input[type="datetime"],
  .dark-scheme input[type="datetime-local"],
  .dark-scheme input[type="color"],
  .dark-scheme select,
  .dark-scheme textarea,
  .dark-scheme .form-control {
    color: white; }
  input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, select:focus, textarea:focus, .form-control:focus {
    outline: none;
    box-shadow: none; }
  input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="range"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
    color: rgba(146, 159, 169, 0.6); }
  input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="range"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="color"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, .form-control::-moz-placeholder {
    color: rgba(146, 159, 169, 0.6); }
  input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="range"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="color"]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder, .form-control:-moz-placeholder {
    color: rgba(146, 159, 169, 0.6); }
  input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder, .form-control:-ms-input-placeholder {
    color: rgba(146, 159, 169, 0.6); }
  input[type="text"]::-ms-clear, input[type="text"]::-ms-reveal, input[type="email"]::-ms-clear, input[type="email"]::-ms-reveal, input[type="url"]::-ms-clear, input[type="url"]::-ms-reveal, input[type="password"]::-ms-clear, input[type="password"]::-ms-reveal, input[type="search"]::-ms-clear, input[type="search"]::-ms-reveal, input[type="number"]::-ms-clear, input[type="number"]::-ms-reveal, input[type="tel"]::-ms-clear, input[type="tel"]::-ms-reveal, input[type="range"]::-ms-clear, input[type="range"]::-ms-reveal, input[type="date"]::-ms-clear, input[type="date"]::-ms-reveal, input[type="month"]::-ms-clear, input[type="month"]::-ms-reveal, input[type="week"]::-ms-clear, input[type="week"]::-ms-reveal, input[type="time"]::-ms-clear, input[type="time"]::-ms-reveal, input[type="datetime"]::-ms-clear, input[type="datetime"]::-ms-reveal, input[type="datetime-local"]::-ms-clear, input[type="datetime-local"]::-ms-reveal, input[type="color"]::-ms-clear, input[type="color"]::-ms-reveal, select::-ms-clear, select::-ms-reveal, textarea::-ms-clear, textarea::-ms-reveal, .form-control::-ms-clear, .form-control::-ms-reveal {
    display: none; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: rgba(146, 159, 169, 0.08);
  color: rgba(34, 43, 50, 0.5); }
  .dark-scheme .form-control[disabled],
  .dark-scheme .form-control[readonly],
  .dark-scheme fieldset[disabled] .form-control {
    color: rgba(255, 255, 255, 0.5); }

.field-linkpurchase-reply input[type="text"] {
  padding-left: 15px;
  padding-right: 15px; }

.form-group.has-error .form-control {
  box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.4); }

.site-contact input.form-control,
.site-request-password-reset input.form-control,
.site-reset-password input.form-control,
.site-welcome-page input.form-control,
.site-start-sharing input.form-control {
  height: 40px;
  padding: 10px 7px 10px; }

.has-success .form-control, .has-error .form-control {
  box-shadow: none; }

.has-error .form-control:focus {
  box-shadow: none; }

.auth-error-msg {
  position: absolute;
  left: 8px;
  top: -25px;
  color: #f44336;
  text-align: left; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-radius: 6px; }

select, select.form-control {
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  padding: 2px 7px 2px 13px;
  height: 36px;
  background-color: rgba(146, 159, 169, 0.08);
  color: rgba(146, 159, 169, 0.6);
  background-image: linear-gradient(45deg, transparent 50%, rgba(38, 50, 56, 0.3) 50%), linear-gradient(135deg, rgba(38, 50, 56, 0.3) 50%, transparent 50%);
  background-position: calc(100% - 20px) 13px, calc(100% - 15px) 13px;
  background-size: 7px 5px, 5px 5px;
  background-repeat: no-repeat; }
  .dark-scheme select,
  .dark-scheme select.form-control {
    color: rgba(255, 255, 255, 0.3);
    background-image: linear-gradient(45deg, transparent 50%, rgba(255, 255, 255, 0.3) 50%), linear-gradient(135deg, rgba(255, 255, 255, 0.3) 50%, transparent 50%); }
  select[disabled], select.form-control[disabled] {
    cursor: not-allowed; }

option {
  cursor: pointer;
  border: none;
  padding: 4px;
  background-color: white;
  color: #263238; }
  option:hover {
    background-color: #0086e6; }
  .dark-scheme option {
    background-color: #263238;
    color: white; }
    .dark-scheme option:hover {
      background-color: #0086e6; }

.bootstrap-select {
  background-color: transparent;
  box-shadow: none; }
  .bootstrap-select.open:after {
    color: #263238; }
    .dark-scheme .bootstrap-select.open:after {
      color: white; }
  .bootstrap-select > select {
    visibility: hidden;
    cursor: none; }
  .bootstrap-select.open .btn.btn-default.dropdown-toggle:hover, .bootstrap-select.open .btn-default.dropdown-toggle:focus, .bootstrap-select.open .btn-default.dropdown-toggle.focus {
    color: #263238; }
    .dark-scheme .bootstrap-select.open .btn.btn-default.dropdown-toggle:hover,
    .dark-scheme .bootstrap-select.open .btn-default.dropdown-toggle:focus,
    .dark-scheme .bootstrap-select.open .btn-default.dropdown-toggle.focus {
      color: white; }
  .bootstrap-select.open .btn-default.dropdown-toggle {
    color: #263238; }
    .dark-scheme .bootstrap-select.open .btn-default.dropdown-toggle {
      color: white; }
  .bootstrap-select .dropdown-toggle.bs-placeholder:hover {
    color: inherit; }
  .bootstrap-select:after {
    position: absolute;
    right: 6px;
    top: 0;
    height: 36px;
    font-size: 24px;
    line-height: 36px;
    font-family: "all-my-links";
    content: "\e614";
    color: rgba(146, 159, 169, 0.6);
    transition: all 0.3s ease; }
  .bootstrap-select.form-control {
    height: 36px; }
  .bootstrap-select .btn.btn-default {
    border: none;
    padding: 7px 13px 5px;
    font-weight: normal;
    box-shadow: none;
    background-color: rgba(146, 159, 169, 0.08);
    color: rgba(146, 159, 169, 0.6); }
    .bootstrap-select .btn.btn-default.disabled {
      background-color: rgba(146, 159, 169, 0.08);
      color: rgba(146, 159, 169, 0.4); }
      .bootstrap-select .btn.btn-default.disabled:hover {
        background-color: rgba(146, 159, 169, 0.08);
        color: rgba(146, 159, 169, 0.4); }
    .bootstrap-select .btn.btn-default:focus {
      background-color: rgba(146, 159, 169, 0.08); }
    .bootstrap-select .btn.btn-default .filter-option {
      width: auto; }
    .bootstrap-select .btn.btn-default.dropdown-toggle:focus, .bootstrap-select .btn.btn-default.dropdown-toggle:active {
      outline: none !important; }
  .bootstrap-select.dropdown .dropdown-menu {
    width: auto; }
  .bootstrap-select.dropdown .dropdown-menu {
    border: none;
    padding: 10px 0;
    top: calc(100% + 1px);
    bottom: auto;
    margin-bottom: 0;
    margin-top: 2px;
    width: 100%;
    right: 0;
    min-width: 0; }
    .bootstrap-select.dropdown .dropdown-menu > li > a {
      padding: 6px 20px;
      border-radius: 6px;
      background-color: transparent;
      transition: all 0.3s ease;
      color: #263238; }
      .dark-scheme .bootstrap-select.dropdown .dropdown-menu > li > a {
        color: white; }
      .bootstrap-select.dropdown .dropdown-menu > li > a:hover {
        color: #263238; }
        .dark-scheme .bootstrap-select.dropdown .dropdown-menu > li > a:hover {
          color: white; }
    .bootstrap-select.dropdown .dropdown-menu > li.active a {
      color: rgba(146, 159, 169, 0.5); }
      .dark-scheme .bootstrap-select.dropdown .dropdown-menu > li.active a {
        color: rgba(146, 159, 169, 0.5); }
      .bootstrap-select.dropdown .dropdown-menu > li.active a:hover, .bootstrap-select.dropdown .dropdown-menu > li.active a:focus {
        color: rgba(146, 159, 169, 0.5); }
        .dark-scheme .bootstrap-select.dropdown .dropdown-menu > li.active a:hover, .dark-scheme .bootstrap-select.dropdown .dropdown-menu > li.active a:focus {
          color: rgba(146, 159, 169, 0.5); }
  @media (max-width: 767px) {
    .bootstrap-select .dropdown-menu {
      max-width: 250px; } }

.radio + .radio,
.checkbox + .checkbox {
  margin: 0; }

.radio {
  margin: 0;
  padding-left: 33px; }
  .radio.radio-horizontal > label {
    display: flex; }
  .radio .radio-title {
    display: block;
    width: 100%; }
  .radio > label {
    padding-left: 0; }
    @media (max-width: 991px) {
      .radio > label {
        padding-left: 28px; } }
    .radio > label label.inner-label {
      position: absolute;
      left: 0;
      top: 2px;
      height: 20px;
      width: 20px;
      min-width: 20px;
      border-radius: 50%;
      margin: 0;
      padding: 0; }
      .radio > label label.inner-label span em, .radio > label label.inner-label span i {
        position: absolute;
        transition: all 0.3s ease; }
      .radio > label label.inner-label span i {
        width: 10px;
        height: 10px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background-color: transparent;
        z-index: 2; }
      .radio > label label.inner-label span em {
        width: 20px;
        height: 20px;
        z-index: 1;
        left: 0;
        top: 0;
        padding: 0;
        border-radius: 50%;
        background-color: transparent;
        border: 2px solid rgba(38, 50, 56, 0.4); }
        .dark-scheme .radio > label label.inner-label span em {
          border-color: rgba(255, 255, 255, 0.4); }
      .radio > label label.inner-label input[disabled="disabled"] + span em,
      .radio > label label.inner-label input[disabled="disabled"] + span i {
        cursor: not-allowed; }
      .radio > label label.inner-label input[type="radio"]:disabled {
        cursor: not-allowed; }
      .radio > label label.inner-label input[type="radio"]:checked + span i {
        background-color: #0086e6; }
      .radio > label label.inner-label input[type="radio"]:checked + span em {
        background-color: white;
        border-color: #0086e6; }
        .dark-scheme .radio > label label.inner-label input[type="radio"]:checked + span em {
          background-color: transparent; }
    .radio > label input[type="radio"] {
      position: relative;
      margin: 0;
      visibility: hidden; }
    .radio > label .radio-hint {
      font-size: 13px;
      margin-top: 9px;
      color: #263238; }
      .dark-scheme .radio > label .radio-hint {
        color: white; }

.checkbox input[type="checkbox"] {
  margin: 0; }
.checkbox label {
  padding: 0;
  margin: 0;
  min-height: auto; }
.checkbox > label {
  position: relative;
  margin: 6px 8px 0 2px;
  padding: 0;
  min-height: 18px;
  min-width: 18px;
  height: 18px; }
  .checkbox > label label {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: 2px solid rgba(38, 50, 56, 0.4);
    transition: all .3s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 1; }
    .dark-scheme .checkbox > label label {
      border-color: rgba(255, 255, 255, 0.4); }
    .checkbox > label label i {
      display: block;
      position: relative;
      left: -1px;
      visibility: hidden;
      opacity: 0;
      color: white;
      transition: all 0.3s ease; }
      .dark-scheme .checkbox > label label i {
        color: #263238; }
      .checkbox > label label i:before {
        width: auto;
        margin-left: -1px;
        font-size: 17px;
        height: 16px;
        line-height: 16px; }
  .checkbox > label > input[type="checkbox"] {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 100;
    cursor: pointer; }
    .checkbox > label > input[type="checkbox"]:checked + label {
      background-color: #0086e6;
      border-color: #0086e6; }
    .checkbox > label > input[type="checkbox"]:checked + label i {
      visibility: visible;
      opacity: 1; }

.ckeckbox-label {
  position: relative;
  min-height: 18px;
  min-width: 18px;
  padding-right: 28px; }
  .ckeckbox-label .label-title {
    font-size: 11px;
    line-height: 28px;
    font-weight: 600;
    color: rgba(38, 50, 56, 0.4); }
    .dark-scheme .ckeckbox-label .label-title {
      color: rgba(255, 255, 255, 0.3); }
  .ckeckbox-label > label {
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 0;
    min-width: 18px;
    max-height: 18px;
    margin: 0;
    cursor: pointer; }
    .ckeckbox-label > label label {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      margin: 0;
      background-color: transparent;
      cursor: pointer;
      border: 2px solid rgba(38, 50, 56, 0.4);
      transition: all .3s ease;
      border-radius: 2px;
      z-index: 9; }
      .dark-scheme .ckeckbox-label > label label {
        border-color: rgba(255, 255, 255, 0.3); }
    .ckeckbox-label > label i {
      position: relative;
      display: block;
      left: -1px;
      color: white;
      opacity: 0;
      transition: all .3s ease; }
      .dark-scheme .ckeckbox-label > label i {
        color: #263238; }
      .ckeckbox-label > label i:before {
        width: auto;
        margin-left: -1px;
        font-size: 17px;
        height: 16px;
        line-height: 16px; }
    .ckeckbox-label > label > input[type="checkbox"] {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      margin: 0;
      width: 18px;
      height: 18px;
      z-index: 10;
      cursor: pointer; }
      .ckeckbox-label > label > input[type="checkbox"]:checked + label {
        background: #0086e6;
        border-color: #0086e6; }
      .ckeckbox-label > label > input[type="checkbox"]:checked + label i {
        opacity: 1; }

.dropdown.bootstrap-select .inner {
  overflow-x: hidden; }

.multi-select-list {
  list-style: none;
  display: flex;
  align-items: center;
  font-weight: 600;
  padding: 0;
  margin: 0;
  flex: 1 1 auto;
  flex-wrap: wrap;
  overflow: auto;
  z-index: 10; }
  .multi-select-list li {
    margin: 0; }
    .multi-select-list li.full-width {
      min-width: 100%; }
  .multi-select-list .multi-select-item {
    border-radius: 1000px;
    position: relative;
    white-space: nowrap;
    padding: 3px 30px 3px 13px;
    margin: 0 5px 5px 0; }
    .multi-select-list .multi-select-item span.text {
      position: relative; }
    .multi-select-list .multi-select-item .multi-select-item-remove {
      position: absolute;
      border-radius: 1000px;
      width: 14px;
      height: 14px;
      right: 8px;
      top: 50%;
      margin-top: -8px;
      cursor: pointer; }
      .multi-select-list .multi-select-item .multi-select-item-remove:after {
        font-family: "all-my-links";
        content: "\e607";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: rgba(34, 43, 50, 0.2);
        font-size: 16px; }
        .dark-scheme .multi-select-list .multi-select-item .multi-select-item-remove:after {
          color: rgba(255, 255, 255, 0.2); }

/* Dropdown styles */
.dropdown .dropdown-menu {
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(146, 159, 169, 0.15);
  background-color: white;
  list-style: none;
  padding: 17px 20px;
  color: #263238;
  top: calc(100% + 10px);
  width: 240px;
  left: auto;
  right: -2px;
  text-align: left; }
  .dark-scheme .dropdown .dropdown-menu {
    background: #263238;
    color: white; }
  .dropdown .dropdown-menu span.dropdown-menu-wrapper {
    margin: 0; }
  .dropdown .dropdown-menu > span,
  .dropdown .dropdown-menu .dropdown-menu-item {
    display: block; }
    .dropdown .dropdown-menu > span.divider,
    .dropdown .dropdown-menu .dropdown-menu-item.divider {
      margin: 11px 0;
      background-color: rgba(124, 139, 150, 0.2); }
      @media (max-width: 767px) {
        .dropdown .dropdown-menu > span.divider,
        .dropdown .dropdown-menu .dropdown-menu-item.divider {
          margin: 4px 0; } }
  .dropdown .dropdown-menu:before {
    background-color: white;
    transform: rotate(45deg);
    content: "";
    height: 15px;
    position: absolute;
    right: 15px;
    top: -7px;
    width: 15px;
    visibility: visible;
    box-shadow: -1px -1px 0 0.5px rgba(146, 159, 169, 0.15); }
    .dark-scheme .dropdown .dropdown-menu:before {
      background-color: #263238; }
  .dropdown .dropdown-menu button, .dropdown .dropdown-menu a, .dropdown .dropdown-menu .dropdown-menu-item {
    display: block;
    font-weight: normal;
    font-size: 17px;
    line-height: 23px;
    padding: 8px 0;
    text-align: left;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #263238;
    transition: all 0.3s ease;
    border-radius: 6px; }
    .dark-scheme .dropdown .dropdown-menu button,
    .dark-scheme .dropdown .dropdown-menu a,
    .dark-scheme .dropdown .dropdown-menu .dropdown-menu-item {
      color: white; }
    .dropdown .dropdown-menu button:hover, .dropdown .dropdown-menu a:hover, .dropdown .dropdown-menu .dropdown-menu-item:hover {
      color: #0086e6; }
  .dropdown .dropdown-menu .delete_chat_btn, .dropdown .dropdown-menu .btn-report, .dropdown .dropdown-menu .btn-link-delete {
    color: #f44336; }
    .dark-scheme .dropdown .dropdown-menu .delete_chat_btn,
    .dark-scheme .dropdown .dropdown-menu .btn-report,
    .dark-scheme .dropdown .dropdown-menu .btn-link-delete {
      color: #f44336; }
    .dark-scheme .dropdown .dropdown-menu .delete_chat_btn:hover, .dark-scheme .dropdown .dropdown-menu .btn-report:hover, .dark-scheme .dropdown .dropdown-menu .btn-link-delete:hover {
      color: #0086e6; }
  .dropdown .dropdown-menu__divider {
    display: block;
    margin: 8px 0;
    border-bottom: 1px solid rgba(146, 159, 169, 0.15); }

.caret {
  display: none; }

.icon-light {
  display: inline; }
  .dark-scheme .icon-light {
    display: none; }

.icon-dark {
  display: none; }
  .dark-scheme .icon-dark {
    display: inline; }

.guest-role.site-index-page .navbar-nav .dropdown-toggle:hover .nav-username {
  color: rgba(255, 64, 129, 0.6); }

.nav-username {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s ease;
  float: left;
  color: #929fa9;
  font-weight: 600;
  line-height: 30px;
  margin: 0 15px 0 0;
  max-width: 175px; }
  .open .nav-username {
    color: #263238; }
    .dark-scheme .open .nav-username {
      color: white; }
  .profile-index-page.custom-bg .navbar-nav .dropdown-toggle .nav-username, .profile-index-page.default-bg .navbar-nav .dropdown-toggle .nav-username {
    color: white;
    border-color: white; }
    .profile-index-page.custom-bg .navbar-nav .dropdown-toggle .nav-username:hover, .profile-index-page.default-bg .navbar-nav .dropdown-toggle .nav-username:hover {
      color: white;
      border-color: white; }
  .guest-role .nav-username:hover {
    color: rgba(146, 159, 169, 0.6);
    border-color: rgba(146, 159, 169, 0.6); }
    .guest-role .nav-username:hover:after {
      color: rgba(146, 159, 169, 0.6); }
  .guest-role.profile-index-page.custom-bg .nav-username:hover, .guest-role.profile-index-page.default-bg .nav-username:hover {
    color: white;
    border-color: white; }
    .guest-role.profile-index-page.custom-bg .nav-username:hover:after, .guest-role.profile-index-page.default-bg .nav-username:hover:after {
      color: white; }
  .guest-role .nav-username {
    position: relative;
    width: 90px;
    height: 30px;
    border-radius: 15px;
    border: 2px solid #929fa9;
    margin: 0;
    padding-left: 11px;
    font-size: 15px;
    line-height: 25px;
    color: #929fa9;
    transition: color .3s; }
    @media (min-width: 767px) {
      .guest-role .nav-username {
        display: block !important; } }
    .guest-role .nav-username:after {
      content: "\2039";
      font-size: 24px;
      line-height: 1em;
      position: absolute;
      top: 14px;
      right: 9px;
      transform: translate(-50%, -50%) rotate(-90deg); }
  .site-index-page.guest-role .nav-username {
    color: #ff4081;
    border-color: #ff4081; }
    .site-index-page.guest-role .nav-username:after {
      color: #ff4081; }
  .site-index-page.guest-role .nav-username:hover {
    color: rgba(255, 64, 129, 0.6);
    border-color: rgba(255, 64, 129, 0.6); }
    .site-index-page.guest-role .nav-username:hover:after {
      color: rgba(255, 64, 129, 0.6); }

.nav-avatar {
  background: rgba(146, 159, 169, 0.1);
  border-radius: 100%;
  color: rgba(38, 50, 56, 0.4);
  float: right;
  font-size: 24px;
  height: 30px;
  line-height: 29px;
  width: 30px;
  text-align: center;
  transition: all 0.3s ease; }
  @media (max-width: 991px) {
    .nav-avatar {
      width: 24px;
      height: 24px;
      line-height: 24px;
      font-size: 24px; } }
  @media (max-width: 767px) {
    .guest-role .nav-avatar {
      background-color: transparent;
      color: #929fa9; }
    .guest-role.site-index-page .nav-avatar {
      color: #ff4081; } }
  @media (min-width: 767px) {
    .guest-role .nav-avatar {
      display: none; } }
  .nav-avatar i:before {
    display: inline; }
    .acitve-collapse .nav-avatar i:before, .open .nav-avatar i:before {
      content: "\e64a"; }
    @media (max-width: 767px) {
      .guest-role .nav-avatar i:before {
        content: "\e683"; } }
  .acitve-collapse .nav-avatar {
    background-color: transparent;
    color: #263238; }
  .nav-avatar img {
    width: 100%; }
  @media (max-width: 767px) {
    .nav-avatar.log-ava-img {
      position: absolute;
      transition: all 0.3s ease;
      top: 50%;
      left: 50%;
      margin: -15px 0 0 -15px;
      z-index: 100;
      visibility: hidden;
      opacity: 0; }
      .navbar-toggle.collapsed .nav-avatar.log-ava-img {
        visibility: visible;
        opacity: 1; } }
  .nav-avatar.name-section-ava {
    min-width: 80px;
    min-height: 80px;
    position: absolute;
    right: 0;
    top: 0; }
    @media (max-width: 991px) {
      .nav-avatar.name-section-ava {
        position: absolute;
        left: 0;
        top: 0;
        float: none;
        order: 0;
        min-width: 48px;
        min-height: 48px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) and (min-height: 550px) {
      .nav-avatar.name-section-ava {
        position: static; } }
    .nav-avatar.name-section-ava img {
      overflow: hidden;
      border-radius: 50%; }
  .nav-avatar.mobile-icon {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    background-color: transparent; }
    @media (min-width: 768px) {
      .nav-avatar.mobile-icon {
        display: none; } }
    .nav-avatar.mobile-icon:after, .nav-avatar.mobile-icon:before {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      text-align: center;
      font-family: "all-my-links";
      font-size: 24px;
      line-height: 29px;
      transition: all 0.3s ease; }
    .nav-avatar.mobile-icon:before {
      content: "\e629";
      visibility: hidden;
      opacity: 0; }
      .navbar-toggle.collapsed .nav-avatar.mobile-icon:before {
        visibility: visible;
        opacity: 1; }
    .nav-avatar.mobile-icon:after {
      content: "\e64a";
      visibility: visible;
      opacity: 1; }
      .navbar-toggle.collapsed .nav-avatar.mobile-icon:after {
        visibility: hidden;
        opacity: 0; }
  .open .nav-avatar {
    color: #263238; }
  .nav-avatar-vertical {
    border-radius: 100%;}

.navbar-toggle {
  min-width: 0; }
  .guest-role .navbar-toggle, .user-role .navbar-toggle {
    border: 0;
    height: 60px;
    line-height: 30px;
    margin: 0;
    padding: 15px 10px;
    width: 50px; }

.profile-index-page.custom-bg .navbar-default .navbar-nav > .dropdown > a:hover, .profile-index-page.default-bg .navbar-default .navbar-nav > .dropdown > a:hover {
  color: #fefefe; }

@media (min-width: 768px) {
  .navbar-nav.navbar-right {
    margin-right: 0; } }
@media (min-width: 992px) {
  .navbar-nav.navbar-right {
    width: 220px; } }
.navbar-nav.navbar-right .dropdown {
  position: relative; }
  .guest-role.site-terms-page .navbar-nav.navbar-right .dropdown, .guest-role.site-privacy-page .navbar-nav.navbar-right .dropdown, .guest-role.site-faq-page .navbar-nav.navbar-right .dropdown, .guest-role.site-contact-page .navbar-nav.navbar-right .dropdown {
    z-index: 1000;
    float: right;
    margin-right: 15px; }
@media (max-width: 1199px) {
  .stats-index-page .navbar-nav.navbar-right .dropdown-toggle, .link-stats-index-page .navbar-nav.navbar-right .dropdown-toggle {
    margin-left: 10px; } }
@media (min-width: 768px) {
  .navbar-nav > li > a {
    line-height: 30px;
    padding: 15px 10px; } }
@media (max-width: 480px) {
  .guest-role.site-index-page .navbar-nav .dropdown {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 17px;
    top: 2px; }
    .guest-role.site-index-page .navbar-nav .dropdown .dropdown-toggle {
      margin: 0; } }
.navbar-nav .dropdown-toggle {
  transition: all 0.3s ease;
  display: block;
  margin: 10px 0; }
  @media (max-width: 767px) {
    .navbar-nav .dropdown-toggle {
      margin: 10px; } }
  .navbar-nav .dropdown-toggle:hover .nav-username, .navbar-nav .dropdown-toggle:hover .nav-avatar {
    color: #0086e6; }
    .guest-role .navbar-nav .dropdown-toggle:hover .nav-username,
    .guest-role .navbar-nav .dropdown-toggle:hover .nav-avatar {
      color: rgba(146, 159, 169, 0.6); }
    .guest-role.profile-index-page .navbar-nav .dropdown-toggle:hover .nav-username, .guest-role.profile-index-page .navbar-nav .dropdown-toggle:hover .nav-avatar {
      color: white; }
@media (max-width: 991px) {
  .navbar-nav .open.dropdown:after {
    position: fixed;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1009;
    background-color: rgba(38, 50, 56, 0.2); } }
.navbar-nav .open.dropdown .dropdown-menu {
  background-color: white;
  border: 1px solid rgba(146, 159, 169, 0.15);
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  margin-top: 0; }
  .dark-scheme .navbar-nav .open.dropdown .dropdown-menu {
    background-color: #263238;
    color: white; }
  @media (max-width: 991px) {
    .navbar-nav .open.dropdown .dropdown-menu {
      position: fixed;
      bottom: 0;
      top: -1px;
      left: 0;
      right: 15%;
      width: auto;
      z-index: 1010;
      border-radius: 0; }
      .guest-role .navbar-nav .open.dropdown .dropdown-menu {
        position: absolute;
        left: auto;
        right: 0;
        bottom: auto;
        min-height: 0;
        border-radius: 10px; } }
  @media (max-width: 991px) {
    .guest-role.site-index-page .navbar-nav .open.dropdown .dropdown-menu {
      right: -2px; }
    .guest-role .navbar-nav .open.dropdown .dropdown-menu {
      top: 53px;
      right: 3px;
      overflow: visible; } }
  @media (max-width: 767px) {
    .navbar-nav .open.dropdown .dropdown-menu {
      top: -1px;
      padding-bottom: 75px; }
      .guest-role .navbar-nav .open.dropdown .dropdown-menu {
        top: 38px;
        padding-bottom: 55px; } }
  @media (max-width: 480px) {
    .guest-role.site-index-page .navbar-nav .open.dropdown .dropdown-menu {
      right: -12px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .user-role .navbar-nav .open.dropdown .dropdown-menu {
      /*display: flex;*/
      flex-wrap: wrap;
      align-content: flex-start; }
      .user-role .navbar-nav .open.dropdown .dropdown-menu > span {
        flex: 0 1 100%; }
      .user-role .navbar-nav .open.dropdown .dropdown-menu article {
        position: absolute;
        top: 117px;
        left: 40%;
        padding-left: 26px; }
        .user-role .navbar-nav .open.dropdown .dropdown-menu article > span {
          display: block; }
      .user-role .navbar-nav .open.dropdown .dropdown-menu .name-section {
        flex: 0 1 40%;
        min-width: 40%; }
      .user-role .navbar-nav .open.dropdown .dropdown-menu .follow-section {
        flex: 0 1 40%;
        min-width: 40%;
        padding: 5px 0 0 20px; }
      .user-role .navbar-nav .open.dropdown .dropdown-menu span.separator {
        position: absolute;
        left: 40%;
        border: none;
        width: 1px;
        top: 40px;
        padding-bottom: 220px;
        min-width: 0;
        margin: 0;
        background-color: rgba(146, 159, 169, 0.2); }
      .user-role .navbar-nav .open.dropdown .dropdown-menu .additional-links {
        padding-top: 20px;
        max-width: 83%; } }
@media (min-width: 768px) {
  .navbar-nav .dropdown {
    float: right; } }
.navbar-nav .dropdown .dropdown-menu {
  padding: 16px 19px 6px;
  right: -8px;
  top: calc(100% + 1px);
  width: 240px;
  border: 1px solid rgba(146, 159, 169, 0.15); }
  @media (min-width: 991px) {
    .navbar-nav .dropdown .dropdown-menu {
      padding-top: 12px; } }
  @media (max-width: 991px) {
    .navbar-nav .dropdown .dropdown-menu {
      padding: 45px 35px 15px; } }
  .guest-role .navbar-nav .dropdown .dropdown-menu {
    padding: 16px 25px 10px;
    top: 100%;
    width: 160px;
    right: -5px; }
  .dark-scheme .navbar-nav .dropdown .dropdown-menu {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); }
  .navbar-nav .dropdown .dropdown-menu:after {
    display: none; }
  .navbar-nav .dropdown .dropdown-menu:before {
    top: -7px; }
    @media (min-width: 991px) {
      .navbar-nav .dropdown .dropdown-menu:before {
        background-color: white;
        transform: rotate(45deg);
        content: "";
        height: 15px;
        position: absolute;
        right: 15px;
        top: -7px;
        width: 15px;
        visibility: visible; }
        .dark-scheme .navbar-nav .dropdown .dropdown-menu:before {
          background-color: #263238; } }
  .navbar-nav .dropdown .dropdown-menu > a.dropdown-toggle {
    padding: 0; }
    .guest-role .navbar-nav .dropdown .dropdown-menu > a.dropdown-toggle {
      display: none; }
  .navbar-nav .dropdown .dropdown-menu > a.dropdown-close {
    position: relative;
    display: block;
    background-color: transparent;
    color: #263238;
    padding: 4px 0 5px;
    margin: 2px 15px 2px 0;
    transition: all 0.3s ease; }
    .guest-role .navbar-nav .dropdown .dropdown-menu > a.dropdown-close:hover {
      color: #ff4081; }
    .dark-scheme .navbar-nav .dropdown .dropdown-menu > a.dropdown-close {
      color: white; }
    .guest-role .navbar-nav .dropdown .dropdown-menu > a.dropdown-close {
      font-size: 17px;
      line-height: 23px; }
    .navbar-nav .dropdown .dropdown-menu > a.dropdown-close i {
      vertical-align: middle;
      margin-right: 6px; }
  .navbar-nav .dropdown .dropdown-menu > article {
    margin-top: -9px; }
    @media (max-width: 767px) {
      .navbar-nav .dropdown .dropdown-menu > article {
        margin-top: 0; } }
  @media (max-width: 991px) {
    .navbar-nav .dropdown .dropdown-menu .user-menu {
      height: 100%;
      overflow-y: auto; } }
  .navbar-nav .dropdown .dropdown-menu .user-menu > article > span, .navbar-nav .dropdown .dropdown-menu .user-menu > span, .navbar-nav .dropdown .dropdown-menu > article > span, .navbar-nav .dropdown .dropdown-menu > span {
    font-size: 15px;
    display: block;
    list-style: none;
    margin: 4px -15px; }
    .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu > article > span,
    .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu > span,
    .guest-role .navbar-nav .dropdown .dropdown-menu > article > span,
    .guest-role .navbar-nav .dropdown .dropdown-menu > span {
      font-size: 17px;
      line-height: 23px; }
    .navbar-nav .dropdown .dropdown-menu .user-menu > article > span.separator, .navbar-nav .dropdown .dropdown-menu .user-menu > span.separator, .navbar-nav .dropdown .dropdown-menu > article > span.separator, .navbar-nav .dropdown .dropdown-menu > span.separator {
      margin: -8px 0 0; }
      @media (max-width: 767px) {
        .navbar-nav .dropdown .dropdown-menu .user-menu > article > span.separator, .navbar-nav .dropdown .dropdown-menu .user-menu > span.separator, .navbar-nav .dropdown .dropdown-menu > article > span.separator, .navbar-nav .dropdown .dropdown-menu > span.separator {
          margin: 8px 0; } }
    .navbar-nav .dropdown .dropdown-menu .user-menu > article > span.name-section > a, .navbar-nav .dropdown .dropdown-menu .user-menu > span.name-section > a, .navbar-nav .dropdown .dropdown-menu > article > span.name-section > a, .navbar-nav .dropdown .dropdown-menu > span.name-section > a {
      padding-right: 0; }
    .navbar-nav .dropdown .dropdown-menu .user-menu > article > span.name-section > a:hover, .navbar-nav .dropdown .dropdown-menu .user-menu > span.name-section > a:hover, .navbar-nav .dropdown .dropdown-menu > article > span.name-section > a:hover, .navbar-nav .dropdown .dropdown-menu > span.name-section > a:hover {
      background-color: transparent; }
      .navbar-nav .dropdown .dropdown-menu .user-menu > article > span.name-section > a:hover .hashtag, .navbar-nav .dropdown .dropdown-menu .user-menu > span.name-section > a:hover .hashtag, .navbar-nav .dropdown .dropdown-menu > article > span.name-section > a:hover .hashtag, .navbar-nav .dropdown .dropdown-menu > span.name-section > a:hover .hashtag {
        color: #263238; }
        .dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > article > span.name-section > a:hover .hashtag, .dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > span.name-section > a:hover .hashtag, .dark-scheme .navbar-nav .dropdown .dropdown-menu > article > span.name-section > a:hover .hashtag, .dark-scheme .navbar-nav .dropdown .dropdown-menu > span.name-section > a:hover .hashtag {
          color: white; }
    .navbar-nav .dropdown .dropdown-menu .user-menu > article > span.close-drop, .navbar-nav .dropdown .dropdown-menu .user-menu > span.close-drop, .navbar-nav .dropdown .dropdown-menu > article > span.close-drop, .navbar-nav .dropdown .dropdown-menu > span.close-drop {
      display: none;
      position: absolute;
      margin: 0;
      font-size: 24px;
      left: 15px;
      top: 2px;
      width: 24px;
      height: 24px;
      color: #0086e6; }
      @media (max-width: 991px) {
        .navbar-nav .dropdown .dropdown-menu .user-menu > article > span.close-drop, .navbar-nav .dropdown .dropdown-menu .user-menu > span.close-drop, .navbar-nav .dropdown .dropdown-menu > article > span.close-drop, .navbar-nav .dropdown .dropdown-menu > span.close-drop {
          display: block;
          top: 10px;
          z-index: 1000; } }
      @media (max-width: 991px) {
        .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu > article > span.close-drop, .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu > span.close-drop, .guest-role .navbar-nav .dropdown .dropdown-menu > article > span.close-drop, .guest-role .navbar-nav .dropdown .dropdown-menu > span.close-drop {
          display: none; } }
      .navbar-nav .dropdown .dropdown-menu .user-menu > article > span.close-drop > a, .navbar-nav .dropdown .dropdown-menu .user-menu > span.close-drop > a, .navbar-nav .dropdown .dropdown-menu > article > span.close-drop > a, .navbar-nav .dropdown .dropdown-menu > span.close-drop > a {
        padding: 0; }
    .navbar-nav .dropdown .dropdown-menu .user-menu > article > span > a, .navbar-nav .dropdown .dropdown-menu .user-menu > article > span button, .navbar-nav .dropdown .dropdown-menu .user-menu > span > a, .navbar-nav .dropdown .dropdown-menu .user-menu > span button, .navbar-nav .dropdown .dropdown-menu > article > span > a, .navbar-nav .dropdown .dropdown-menu > article > span button, .navbar-nav .dropdown .dropdown-menu > span > a, .navbar-nav .dropdown .dropdown-menu > span button {
      position: relative;
      display: block;
      width: 100%;
      text-align: left;
      font-weight: 400;
      background-color: transparent;
      color: #263238;
      padding: 4px 15px 5px;
      font-size: 15px;
      line-height: 23px;
      transition: all 0.3s ease; }
      .dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > article > span > a,
      .dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > article > span button,
      .dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > span > a,
      .dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > span button,
      .dark-scheme .navbar-nav .dropdown .dropdown-menu > article > span > a,
      .dark-scheme .navbar-nav .dropdown .dropdown-menu > article > span button,
      .dark-scheme .navbar-nav .dropdown .dropdown-menu > span > a,
      .dark-scheme .navbar-nav .dropdown .dropdown-menu > span button {
        color: white; }
      .navbar-nav .dropdown .dropdown-menu .user-menu > article > span > a:focus, .navbar-nav .dropdown .dropdown-menu .user-menu > article > span > a:hover, .navbar-nav .dropdown .dropdown-menu .user-menu > article > span button:focus, .navbar-nav .dropdown .dropdown-menu .user-menu > article > span button:hover, .navbar-nav .dropdown .dropdown-menu .user-menu > span > a:focus, .navbar-nav .dropdown .dropdown-menu .user-menu > span > a:hover, .navbar-nav .dropdown .dropdown-menu .user-menu > span button:focus, .navbar-nav .dropdown .dropdown-menu .user-menu > span button:hover, .navbar-nav .dropdown .dropdown-menu > article > span > a:focus, .navbar-nav .dropdown .dropdown-menu > article > span > a:hover, .navbar-nav .dropdown .dropdown-menu > article > span button:focus, .navbar-nav .dropdown .dropdown-menu > article > span button:hover, .navbar-nav .dropdown .dropdown-menu > span > a:focus, .navbar-nav .dropdown .dropdown-menu > span > a:hover, .navbar-nav .dropdown .dropdown-menu > span button:focus, .navbar-nav .dropdown .dropdown-menu > span button:hover {
        outline: none; }
        .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu > article > span > a:focus, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > article > span > a:focus, .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu > article > span > a:hover, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > article > span > a:hover, .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu > article > span button:focus, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > article > span button:focus, .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu > article > span button:hover, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > article > span button:hover, .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu > span > a:focus, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > span > a:focus, .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu > span > a:hover, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > span > a:hover, .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu > span button:focus, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > span button:focus, .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu > span button:hover, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu .user-menu > span button:hover, .guest-role .navbar-nav .dropdown .dropdown-menu > article > span > a:focus, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu > article > span > a:focus, .guest-role .navbar-nav .dropdown .dropdown-menu > article > span > a:hover, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu > article > span > a:hover, .guest-role .navbar-nav .dropdown .dropdown-menu > article > span button:focus, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu > article > span button:focus, .guest-role .navbar-nav .dropdown .dropdown-menu > article > span button:hover, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu > article > span button:hover, .guest-role .navbar-nav .dropdown .dropdown-menu > span > a:focus, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu > span > a:focus, .guest-role .navbar-nav .dropdown .dropdown-menu > span > a:hover, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu > span > a:hover, .guest-role .navbar-nav .dropdown .dropdown-menu > span button:focus, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu > span button:focus, .guest-role .navbar-nav .dropdown .dropdown-menu > span button:hover, .guest-role.dark-scheme .navbar-nav .dropdown .dropdown-menu > span button:hover {
          color: #ff4081; }
      .navbar-nav .dropdown .dropdown-menu .user-menu > article > span > a i, .navbar-nav .dropdown .dropdown-menu .user-menu > article > span button i, .navbar-nav .dropdown .dropdown-menu .user-menu > span > a i, .navbar-nav .dropdown .dropdown-menu .user-menu > span button i, .navbar-nav .dropdown .dropdown-menu > article > span > a i, .navbar-nav .dropdown .dropdown-menu > article > span button i, .navbar-nav .dropdown .dropdown-menu > span > a i, .navbar-nav .dropdown .dropdown-menu > span button i {
        margin: 0 10px 0 0;
        vertical-align: middle; }
    .navbar-nav .dropdown .dropdown-menu .user-menu > article > span .username i, .navbar-nav .dropdown .dropdown-menu .user-menu > span .username i, .navbar-nav .dropdown .dropdown-menu > article > span .username i, .navbar-nav .dropdown .dropdown-menu > span .username i {
      position: relative;
      top: -2px; }
      .navbar-nav .dropdown .dropdown-menu .user-menu > article > span .username i:before, .navbar-nav .dropdown .dropdown-menu .user-menu > span .username i:before, .navbar-nav .dropdown .dropdown-menu > article > span .username i:before, .navbar-nav .dropdown .dropdown-menu > span .username i:before {
        font-size: 16px; }
  .navbar-nav .dropdown .dropdown-menu .user-menu > span,
  .navbar-nav .dropdown .dropdown-menu .user-menu > article > span {
    margin-left: 0;
    margin-right: 0; }
    .navbar-nav .dropdown .dropdown-menu .user-menu > span > a,
    .navbar-nav .dropdown .dropdown-menu .user-menu > span button,
    .navbar-nav .dropdown .dropdown-menu .user-menu > article > span > a,
    .navbar-nav .dropdown .dropdown-menu .user-menu > article > span button {
      padding-left: 0;
      padding-right: 0; }
  .navbar-nav .dropdown .dropdown-menu hr {
    margin-bottom: 16px;
    margin-top: 16px; }
    @media (max-width: 767px) {
      .navbar-nav .dropdown .dropdown-menu hr {
        margin-bottom: 8px;
        margin-top: 8px; } }
  .navbar-nav .dropdown .dropdown-menu .user-menu .name-section, .navbar-nav .dropdown .dropdown-menu .name-section {
    margin: 0 0 6px; }
    @media (max-width: 767px) {
      .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu .name-section,
      .guest-role .navbar-nav .dropdown .dropdown-menu .name-section {
        display: none; } }
    .navbar-nav .dropdown .dropdown-menu .user-menu .name-section .name-link, .navbar-nav .dropdown .dropdown-menu .name-section .name-link {
      padding: 5px 0;
      transition: none; }
      @media (max-width: 767px) and (max-height: 549px) {
        .navbar-nav .dropdown .dropdown-menu .user-menu .name-section .name-link, .navbar-nav .dropdown .dropdown-menu .name-section .name-link {
          padding-left: 55px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .navbar-nav .dropdown .dropdown-menu .user-menu .name-section .name-link, .navbar-nav .dropdown .dropdown-menu .name-section .name-link {
          padding-left: 55px; } }
  .navbar-nav .dropdown .dropdown-menu .user-menu .name-link:hover .hashtag,
  .navbar-nav .dropdown .dropdown-menu .name-link:hover .hashtag {
    color: #0086e6; }
  @media (max-width: 767px) {
    .navbar-nav .dropdown .dropdown-menu .user-menu .name-link,
    .navbar-nav .dropdown .dropdown-menu .name-link {
      display: flex;
      flex-direction: column;
      padding-left: 0; } }
  .navbar-nav .dropdown .dropdown-menu .user-menu .username, .navbar-nav .dropdown .dropdown-menu .username {
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s ease; }
    .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu .username,
    .guest-role .navbar-nav .dropdown .dropdown-menu .username {
      color: rgba(38, 50, 56, 0.5); }
      @media (max-width: 767px) {
        .guest-role .navbar-nav .dropdown .dropdown-menu .user-menu .username,
        .guest-role .navbar-nav .dropdown .dropdown-menu .username {
          display: none; } }
    @media (max-width: 767px) {
      .navbar-nav .dropdown .dropdown-menu .user-menu .username, .navbar-nav .dropdown .dropdown-menu .username {
        order: 1; } }
  .navbar-nav .dropdown .dropdown-menu .hashtag,
  .navbar-nav .dropdown .dropdown-menu .user-menu .hashtag {
    color: #929fa9;
    transition: all 0.3s ease;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media (max-width: 767px) {
      .navbar-nav .dropdown .dropdown-menu .hashtag,
      .navbar-nav .dropdown .dropdown-menu .user-menu .hashtag {
        order: 2; } }
  .navbar-nav .dropdown .dropdown-menu .follow-section,
  .navbar-nav .dropdown .dropdown-menu .user-menu .follow-section {
    font-weight: 600;
    margin: 0 0 12px;
    display: flex;
    max-width: 230px; }
    .navbar-nav .dropdown .dropdown-menu .follow-section a,
    .navbar-nav .dropdown .dropdown-menu .user-menu .follow-section a {
      display: block;
      padding: 0; }
      .navbar-nav .dropdown .dropdown-menu .follow-section a > span,
      .navbar-nav .dropdown .dropdown-menu .user-menu .follow-section a > span {
        display: block; }
      .navbar-nav .dropdown .dropdown-menu .follow-section a:hover,
      .navbar-nav .dropdown .dropdown-menu .user-menu .follow-section a:hover {
        text-decoration: none;
        background-color: transparent; }
  .navbar-nav .dropdown .dropdown-menu .follow-title {
    color: #263238;
    transition: all 0.3s ease;
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 0; }
    .dark-scheme .navbar-nav .dropdown .dropdown-menu .follow-title {
      color: white; }
  .navbar-nav .dropdown .dropdown-menu .follow-value {
    color: #0086e6;
    font-size: 21px; }
  .navbar-nav .dropdown .dropdown-menu .badge,
  .navbar-nav .dropdown .dropdown-menu .unread-messages {
    background: #0086e6;
    color: white;
    font-size: 13px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    width: 20px;
    border-radius: 50%;
    overflow: hidden;
    padding: 0 6px;
    position: absolute;
    right: 10px;
    top: 8px; }
  .navbar-nav .dropdown .dropdown-menu .additional-links {
    margin: 5px -15px 0;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .navbar-nav .dropdown .dropdown-menu .additional-links {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding-left: 35px;
        padding-right: 35px; } }
    @media (min-width: 767px) {
      .guest-role .navbar-nav .dropdown .dropdown-menu .additional-links {
        margin: -10px -13px 0; } }
    @media (max-width: 767px) {
      .guest-role .navbar-nav .dropdown .dropdown-menu .additional-links {
        position: absolute;
        bottom: 5px;
        left: 11px;
        right: 11px;
        margin: 0; } }
    .navbar-nav .dropdown .dropdown-menu .additional-links a {
      transition: all 0.3s ease; }
    .navbar-nav .dropdown .dropdown-menu .additional-links > span {
      color: #0086e6;
      cursor: pointer;
      transition: all 0.3s ease;
      width: 56px;
      height: 52px;
      text-align: center; }
      .guest-role .navbar-nav .dropdown .dropdown-menu .additional-links > span {
        color: #ff4081; }
        .guest-role .navbar-nav .dropdown .dropdown-menu .additional-links > span:hover {
          color: #db346c; }
      .navbar-nav .dropdown .dropdown-menu .additional-links > span > a, .navbar-nav .dropdown .dropdown-menu .additional-links > span button {
        padding: 0;
        text-align: center;
        line-height: 50px; }
        .navbar-nav .dropdown .dropdown-menu .additional-links > span > a i, .navbar-nav .dropdown .dropdown-menu .additional-links > span button i {
          margin-right: 0;
          line-height: 52px; }
          .navbar-nav .dropdown .dropdown-menu .additional-links > span > a i:before, .navbar-nav .dropdown .dropdown-menu .additional-links > span button i:before {
            line-height: 52px; }
        .guest-role .navbar-nav .dropdown .dropdown-menu .additional-links > span > a, .guest-role .navbar-nav .dropdown .dropdown-menu .additional-links > span button {
          color: #ff4081; }
          .guest-role .navbar-nav .dropdown .dropdown-menu .additional-links > span > a:hover, .guest-role .navbar-nav .dropdown .dropdown-menu .additional-links > span button:hover {
            color: #db346c; }
      .navbar-nav .dropdown .dropdown-menu .additional-links > span.js-color-scheme-switcher {
        position: relative; }
        .navbar-nav .dropdown .dropdown-menu .additional-links > span.js-color-scheme-switcher i {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
    .navbar-nav .dropdown .dropdown-menu .additional-links .keep-dropdown-open:hover {
      color: #263238; }
      .dark-scheme .navbar-nav .dropdown .dropdown-menu .additional-links .keep-dropdown-open:hover {
        color: white; }
    .navbar-nav .dropdown .dropdown-menu .additional-links .js-color-scheme-switcher i:before {
      font-family: "all-my-links"; }

/*
* Preloader styles
*/
.loader {
  position: relative;
  width: 24px;
  height: 24px; }
  .tabs-wrapper .loader {
    position: absolute;
    right: 33px;
    top: 18px;
    background-color: transparent;
    z-index: 100; }
  .modal-edit-link .loader {
    position: absolute;
    right: 170px;
    top: 16px; }
  .loader .circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }

.circular {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  animation: rotate 2s linear infinite; }
  .circular i {
    display: block;
    font-size: 24px;
    line-height: 24px; }
    .circular i:before {
      display: block;
      font-size: 24px;
      line-height: 24px; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }
.navbar-backdrop {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease; }
  .navbar-backdrop.hidden-visibility {
    opacity: 0;
    visibility: hidden; }

.modal-backdrop {
  transition: all 0.3s linear;
  background-color: rgba(38, 50, 56, 0.5); }
  .modal-backdrop.in {
    opacity: 1; }

.preloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1071;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  background-color: transparent;
  transition: all 0.3s linear; }
  .preloader.hidden {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    z-index: -1; }
  .preloader .loader {
    background: white;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px; }
    .preloader .loader i {
      display: block;
      font-size: 55px;
      line-height: 60px;
      width: 60px;
      height: 60px; }
      .preloader .loader i:before {
        display: block;
        font-size: 55px;
        line-height: 60px;
        width: 60px;
        height: 60px; }

/*
    Styles for left sidebar
*/
.left-sidebar-box {
  position: relative;
  text-align: left; }
  @media (min-width: 768px) {
    .left-sidebar-box {
      flex-wrap: wrap; } }
  @media (max-width: 620px) {
    .left-sidebar-box {
      padding-bottom: 3px; } }
  .left-sidebar-box__bg-profile {
    height: 80px;
    margin: -15px -15px 0;
    position: relative; }
    @media (max-width: 767px) {
      .settings-box .left-sidebar-box__bg-profile {
        height: 105px; } }
    @media (min-width: 767px) {
      .left-sidebar-box__bg-profile {
        border-radius: 10px 10px 0 0; } }
    .left-sidebar-box__bg-profile .loader {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .left-sidebar-box__bg-profile:hover .left-sidebar-box__recommended-text {
      visibility: visible;
      opacity: 1; }
  .left-sidebar-box__recommended-text {
    position: absolute;
    right: 10px;
    top: 5px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: bold;
    text-align: right;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    width: 64px;
    font-size: 13px;
    line-height: 30px;
    padding: 0 12px 0 30px;
    transition: all 0.3s ease; }
    .left-sidebar-box__recommended-text svg {
      position: absolute;
      left: 6px;
      top: 50%;
      transform: translateY(-50%);
      opacity: .5; }
    @media (max-width: 767px) {
      .left-sidebar-box__recommended-text {
        right: 22px;
        top: 19px; } }
  .left-sidebar-box__avatar {
    float: left;
    position: relative;
    width: 103px;
    height: 103px;
    min-height: 103px;
    /*border-radius: 50%;*/
    margin: -40px 13px 0 0;
    overflow: hidden;}
    .settings-box .left-sidebar-box__avatar {
      width: 83px;
      height: 83px;
      min-height: 83px;
      margin-top: -32px; }
    .dark-scheme .left-sidebar-box__avatar {
      border-color: #263238;
      background-color: #263238; }
    .left-sidebar-box__avatar .loader {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 100; }
  .left-sidebar-box__profile {
    flex: 1 1 auto; }
    @media (min-width: 768px) {
      .left-sidebar-box__profile {
        overflow: hidden; } }
    .left-sidebar-box__profile .profile-info {
      padding-top: 12px; }
      @media (max-width: 767px) {
        .settings-box .left-sidebar-box__profile .profile-info {
          padding-top: 9px; } }
      .left-sidebar-box__profile .profile-info.profile-page {
        padding-top: 1px;
        padding-bottom: 0;
        position: relative; }
        .left-sidebar-box__profile .profile-info.profile-page .btn-link {
          position: absolute;
          right: 0;
          top: 0; }
          @media (max-width: 767px) {
            .guest .left-sidebar-box__profile .profile-info.profile-page .btn-link.btn-qr {
              display: none; } }
          @media (max-width: 767px) {
            .left-sidebar-box__profile .profile-info.profile-page .btn-link {
              right: auto;
              left: 10px;
              top: -41px;
              background-color: rgba(146, 159, 169, 0.6);
              width: 36px;
              height: 36px;
              line-height: 36px;
              color: white; }
              .left-sidebar-box__profile .profile-info.profile-page .btn-link i {
                line-height: 36px; }
              .left-sidebar-box__profile .profile-info.profile-page .btn-link.btn-qr i {
                position: relative;
                top: -2px; } }
    .settings-box .left-sidebar-box__profile {
      min-height: 51px;
      position: relative;
      overflow: hidden;
      min-width: 0; }
  .left-sidebar-box__btn-box {
    padding-top: 20px; }
    .left-sidebar-box__btn-box > a, .left-sidebar-box__btn-box button {
      display: block; }
  .left-sidebar-box__wrap {
    overflow: hidden;
    padding: 3px 0 10px;
    margin-top: -3px; }
    @media (min-width: 768px) {
      .left-sidebar-box__wrap {
        overflow: visible; } }
    @media (max-width: 767px) {
      .left-sidebar-box__wrap {
        padding-bottom: 5px; } }
  .left-sidebar-box__followers {
    position: relative;
    padding-bottom: 5px;
    padding-top: 13px; }
    .left-sidebar-box__followers .follow-section {
      display: flex; }
      .left-sidebar-box__followers .follow-section > a {
        flex: 0 1 47%;
        text-align: left; }
        .left-sidebar-box__followers .follow-section > a:hover .follow-title {
          color: #263238; }
          .dark-scheme .left-sidebar-box__followers .follow-section > a:hover .follow-title {
            color: white; }
      .left-sidebar-box__followers .follow-section .follow-title {
        color: #929fa9;
        font-size: 13px;
        line-height: 18px;
        font-weight: 400;
        transition: all 0.3s ease; }
      .left-sidebar-box__followers .follow-section .follow-value {
        display: block;
        font-size: 21px;
        line-height: 28px;
        font-weight: 600;
        color: #0086e6;
        transition: all 0.3s ease; }
    .left-sidebar-box__followers .btn-link {
      position: absolute;
      padding: 0;
      right: 0;
      top: 13px; }
      .left-sidebar-box__followers .btn-link span {
        display: block;
        text-align: center;
        color: #929fa9;
        font-size: 13px;
        line-height: 18px;
        font-weight: 400;
        transition: all 0.3s ease; }
      .left-sidebar-box__followers .btn-link i {
        display: block;
        padding-top: 3px;
        font-size: 20px;
        line-height: 24px;
        color: #0086e6;
        transition: all 0.3s ease; }
      .left-sidebar-box__followers .btn-link:hover span {
        color: #263238; }
        .dark-scheme .left-sidebar-box__followers .btn-link:hover span {
          color: white; }
  .left-sidebar-box .btn {
    font-weight: normal; }
  .left-sidebar-box .btn.no-style {
    position: relative;
    margin-top: -1px;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    border-radius: 0;
    padding: 0;
    height: 18px;
    color: #263238;
    width: 83px;
    font-weight: 600; }
    .dark-scheme .left-sidebar-box .btn.no-style {
      color: white; }
    .left-sidebar-box .btn.no-style span, .left-sidebar-box .btn.no-style em {
      font-style: normal;
      position: absolute;
      left: 0;
      top: 0;
      transition: all 0.3s ease; }
    .left-sidebar-box .btn.no-style span {
      visibility: visible;
      opacity: 1; }
    .left-sidebar-box .btn.no-style em {
      visibility: hidden;
      opacity: 0; }
    .left-sidebar-box .btn.no-style[aria-expanded="true"] span {
      visibility: hidden;
      opacity: 0; }
    .left-sidebar-box .btn.no-style[aria-expanded="true"] em {
      visibility: visible;
      opacity: 1; }
  .left-sidebar-box__collapse-wrap {
    background-color: #fafbfc;
    margin: 0 -15px -15px;
    border-radius: 0 0 10px 10px;
    max-height: 400px;
    overflow: auto; }
    .left-sidebar-box__collapse-wrap::-webkit-scrollbar-track {
      background-color: #F5F5F5; }
    .left-sidebar-box__collapse-wrap::-webkit-scrollbar {
      width: 6px;
      background-color: #424242; }
    .left-sidebar-box__collapse-wrap::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background-color: rgba(152, 159, 165, 0.6); }
    @media (max-width: 767px) {
      .left-sidebar-box__collapse-wrap {
        margin: 0 -20px -20px; } }
    @media (min-width: 767px) {
      .left-sidebar-box__collapse-wrap {
        border-top: 1px solid rgba(146, 159, 169, 0.15); } }
    @media (min-width: 480px) and (max-height: 840px) {
      .left-sidebar-box__collapse-wrap {
        max-height: 200px; } }
    .left-sidebar-box__collapse-wrap .collapse .btn {
      transition: all 0.3s ease;
      visibility: hidden;
      opacity: 0;
      height: 0;
      padding-top: 0;
      padding-bottom: 0; }
    .left-sidebar-box__collapse-wrap .collapse.in .btn {
      visibility: visible;
      opacity: 1;
      height: 30px;
      padding-top: 3px;
      padding-bottom: 6px; }
    .left-sidebar-box__collapse-wrap .btn-primary[aria-expanded="false"] + .collapse + .btn-primary {
      display: none; }
    .left-sidebar-box__collapse-wrap > .btn.btn-primary span, .left-sidebar-box__collapse-wrap > .btn.btn-primary em {
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0);
      top: 0;
      font-size: 11px;
      line-height: 16px;
      color: #929fa9; }
    .dark-scheme .left-sidebar-box__collapse-wrap {
      background-color: #222a30; }
    .left-sidebar-box__collapse-wrap.profile-page {
      border-top: none;
      background-color: transparent; }
      .left-sidebar-box__collapse-wrap.profile-page + .btn.no-style {
        font-size: 15px;
        margin-top: 12px;
        font-weight: 900; }
      .left-sidebar-box__collapse-wrap.profile-page .btn[aria-expanded="true"] em {
        visibility: visible;
        opacity: 1; }
      .left-sidebar-box__collapse-wrap.profile-page .btn[aria-expanded="true"] span {
        visibility: hidden;
        opacity: 0; }
      .left-sidebar-box__collapse-wrap.profile-page .btn span,
      .left-sidebar-box__collapse-wrap.profile-page .btn em {
        position: absolute;
        top: 3px;
        left: 50%;
        transform: translate(-50%, 0);
        font-size: 11px;
        line-height: 16px;
        color: rgba(146, 159, 169, 0.6);
        transition: all 0.3s ease; }
      .left-sidebar-box__collapse-wrap.profile-page .btn span {
        visibility: visible;
        opacity: 1; }
      .left-sidebar-box__collapse-wrap.profile-page .btn em {
        visibility: hidden;
        opacity: 0;
        font-style: normal; }
      .left-sidebar-box__collapse-wrap.profile-page .btn:after {
        top: 75%; }
        @media (max-width: 600px) {
          .left-sidebar-box__collapse-wrap.profile-page .btn:after {
            top: -3px; } }
    .left-sidebar-box__collapse-wrap .btn {
      display: block;
      height: 30px;
      border-radius: 0 0 10px 10px;
      position: relative;
      background-color: transparent; }
      @media (max-width: 600px) {
        .left-sidebar-box__collapse-wrap .btn {
          position: absolute;
          right: 28px;
          top: 27px;
          overflow: visible; } }
      .left-sidebar-box__collapse-wrap .btn span {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        top: 0;
        font-size: 11px;
        line-height: 16px;
        color: #929fa9; }
      .left-sidebar-box__collapse-wrap .btn:hover, .left-sidebar-box__collapse-wrap .btn:focus, .left-sidebar-box__collapse-wrap .btn:active:hover, .left-sidebar-box__collapse-wrap .btn:active, .left-sidebar-box__collapse-wrap .btn.active {
        background-color: transparent; }
      .left-sidebar-box__collapse-wrap .btn:after {
        font-family: "all-my-links";
        content: "\e615";
        font-size: 20px;
        line-height: 30px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: rgba(146, 159, 169, 0.6); }
        @media (max-width: 600px) {
          .left-sidebar-box__collapse-wrap .btn:after {
            top: -10px;
            left: 125%;
            transform: translate(0, 0);
            color: rgba(146, 159, 169, 0.6); } }
      .left-sidebar-box__collapse-wrap .btn[aria-expanded="false"]:after {
        content: "\e614"; }
    .left-sidebar-box__collapse-wrap .card {
      font-size: 13px;
      line-height: 18px;
      padding: 0 15px 15px; }
      @media (max-width: 767px) {
        .left-sidebar-box__collapse-wrap .card {
          padding: 0 30px 10px; } }
    .left-sidebar-box__collapse-wrap .about-section__icon {
      color: #263238; }
      .dark-scheme .left-sidebar-box__collapse-wrap .about-section__icon {
        color: white; }
      .left-sidebar-box__collapse-wrap .about-section__icon i {
        color: rgba(146, 159, 169, 0.4); }
  .left-sidebar-box .btn-notifications.btn-icon {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 10;
    box-shadow: none;
    margin: 0;
    right: auto;
    top: -7px;
    left: 95px; }
    @media (min-width: 768px) {
      .left-sidebar-box .btn-notifications.btn-icon {
        top: -10px;
        left: -6px;
        right: auto;
        margin: 0 -4px; } }
    .left-sidebar-box .btn-notifications.btn-icon.active {
      visibility: visible;
      opacity: 1;
      color: #0086e6; }
      .dark-scheme .left-sidebar-box .btn-notifications.btn-icon.active {
        color: #0086e6; }
  .left-sidebar-box.settings-init {
    margin-bottom: 20px;
    border-radius: 10px; }
    @media (max-width: 767px) {
      .left-sidebar-box.settings-init {
        margin-bottom: 0;
        display: none; }
        .active-mobile-view-content .left-sidebar-box.settings-init {
          position: absolute;
          left: 100%;
          right: -100%;
          top: 50px;
          z-index: 100; } }
    .left-sidebar-box.settings-init > div {
      padding: 15px 15px 12px;
      margin: 0;
      background-color: white;
      border-radius: 10px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
      @media (max-width: 767px) {
        .left-sidebar-box.settings-init > div {
          border-radius: 0; } }
      .dark-scheme .left-sidebar-box.settings-init > div {
        background-color: #263238; }
  #left-nav-menu {
    padding: 0; margin: 0;
    margin-bottom: 10px;}
  #left-nav-menu li {
    padding: 0; margin: 0;}
  #left-nav-menu li a {
    display: block;
    border-radius: 40px;
    padding: 10px 0 10px 15px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    line-height: 1.5;
    font-size: 22px;
    font-weight: bold;
    transition: color 1s;
  }
  #left-nav-menu li a, #left-nav-menu li a span {
    transition: all 0.3s ease;
  }
  .dark-scheme #left-nav-menu li.active a span {
    color: white;
  }

  .panel-body-leftnav .btn {
    border-radius: 40px;
    width: 100%;
    padding: 15px;}

.settings-init .left-sidebar-box__bg-profile {
  position: relative; }
.settings-init__upload-logo {
  position: absolute;
  left: 50%;
  bottom: 9px;
  transform: translate(-50%, 0); }
  .settings-init__upload-logo span {
    margin: 0 3px; }
.settings-init__upload-bg {
  position: absolute;
  width: 64px;
  right: 10px;
  bottom: 5px;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 15px; }
  @media (max-width: 767px) {
    .settings-init__upload-bg {
      right: 20px; } }
  .settings-init__upload-bg span:first-child {
    margin-left: 4px; }

.upload-icons {
  display: flex;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 15px;
  width: 64px; }
  .upload-icons span {
    flex: 0 1 24px;
    max-height: 30px;
    margin: 0 4px;
    cursor: pointer; }
    .upload-icons span label {
      cursor: pointer; }
    .upload-icons span.inactive {
      cursor: not-allowed; }
      .upload-icons span.inactive:hover {
        color: rgba(254, 254, 254, 0.4); }
      .upload-icons span.inactive i {
        color: rgba(254, 254, 254, 0.4); }
    .upload-icons span i {
      display: block;
      font-size: 20px;
      line-height: 30px;
      height: 30px;
      color: #fefefe;
      transition: all 0.3s ease; }
      .upload-icons span i:hover {
        color: #fefefe; }
      .upload-icons span i:before {
        font-size: 24px;
        line-height: 30px; }

.profile-section {
  text-align: left; }
  @media (max-width: 767px) {
    .profile-section hr {
      margin-bottom: 6px;
      margin-top: 8px; } }
  @media (min-width: 768px) {
    .profile-section hr {
      margin-bottom: 16px;
      margin-top: 13px; } }

.profile-avatar {
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid white; }
  .dark-scheme .profile-avatar {
    background-color: #263238; }
  .profile-avatar a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .profile-avatar img {
    width: 100%; }

.profile-username {
  position: relative;
  color: #263238;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  padding-right: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .profile-username.profile-page {
    max-width: calc(100% - 30px);
    font-size: 21px;
    line-height: 28px; }
    .profile-scroll .profile-username.profile-page {
      font-size: 15px;
      line-height: 20px; }
  @media (max-width: 767px) {
    .guest .profile-username {
      font-size: 17px;
      line-height: 23px; } }
  @media (max-width: 767px) {
    .profile-username {
      font-size: 17px;
      line-height: 23px; } }
  .profile-username a {
    position: relative;
    color: #263238;
    transition: all 0.3s ease; }
    .dark-scheme .profile-username a {
      color: white; }
    .profile-username a i {
      color: #0086e6;
      font-size: 16px; }
      .profile-username a i:before {
        font-size: inherit; }
  .profile-username .btn-link {
    position: absolute;
    top: 0;
    right: 0; }
    .under-navbar-scroll .profile-username .btn-link {
      display: none; }
    @media (max-width: 600px) {
      .profile-username .btn-link {
        top: 20px; } }
    @media (max-width: 767px) {
      .quest .profile-username .btn-link.btn-qr {
        display: none; } }
  @media (max-width: 767px) {
    .profile-username {
      font-size: 21px; } }

@media (max-width: 991px) {
  .under-navbar-scroll .profile-info .btn-link {
    display: none; } }
.profile-info a {
  max-width: 100%; }
  .settings-init .profile-info a {
    display: block; }
  .profile-info a .profile-username {
    transition: all 0.3s ease;
    color: #263238;
    display: inline-block;
    max-width: 100%; }
    .settings-init .profile-info a .profile-username {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .dark-scheme .profile-info a .profile-username {
      color: white; }
  .profile-info a .profile-usertag {
    transition: all 0.3s ease;
    color: #929fa9;
    margin-top: -3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%; }
    .guest .profile-info a .profile-usertag {
      display: block; }
    .under-navbar-scroll .guest .profile-info a .profile-usertag {
      display: block; }
  .profile-info a .all-my-icon-i60 {
    position: absolute;
    right: 0; }
    .profile-info a .all-my-icon-i60:before {
      font-size: 17px;
      line-height: 20px;
      /* .under-navbar-scroll & {
      	font-size: 15px;
      	line-height: 20px;
      } */ }
      @media (max-width: 767px) {
        .profile-info a .all-my-icon-i60:before {
          font-size: 24px;
          line-height: 28px; } }
      @media (max-width: 767px) {
        .guest .profile-info a .all-my-icon-i60:before {
          font-size: 17px;
          line-height: 20px; } }
      .settings-box .profile-info a .all-my-icon-i60:before {
        font-size: 16px; }
  .profile-info a:hover .profile-usertag {
    color: #263238; }
    .dark-scheme .profile-info a:hover .profile-usertag {
      color: white; }

.profile-usertag {
  color: #929fa9;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400; }
  .profile-page .profile-usertag {
    font-size: 15px;
    line-height: 20px;
    margin-top: -3px;
    color: #929fa9;
    max-width: calc(100% - 30px); }
    .profile-scroll .profile-page .profile-usertag {
      font-size: 13px;
      line-height: 18px;
      padding-top: 0;
      display: block; }
  .under-navbar-scroll .profile-usertag {
    padding-top: 0; }
  @media (max-width: 767px) {
    .profile-page.under-navbar-scroll .profile-usertag {
      padding-top: 0; } }
  .profile-usertag a {
    color: #929fa9;
    transition: all 0.3s ease; }
    .profile-usertag a:hover {
      color: #263238; }
      .dark-scheme .profile-usertag a:hover {
        color: white; }
    .dark-scheme .profile-usertag a {
      color: #929fa9; }

.profile-bio {
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 15px;
  padding-top: 5px;
  max-height: 60vh; }
  @media (max-width: 767px) {
    .profile-bio {
      padding: 1px 0 0; }
      .site-profile .profile-bio {
        padding-top: 10px; } }

.profile-bio + .left-sidebar-box__btn-box {
  padding-top: 0; }

.profile-changes-controls {
  position: absolute;
  top: 40%;
  right: 0;
  width: 150%;
  text-align: right; }
  @media (max-width: 767px) {
    .profile-changes-controls {
      right: 15px; } }
  .profile-changes-controls .cancel-btn,
  .profile-changes-controls .save-btn {
    background-color: transparent;
    padding: 0;
    margin-left: 10px;
    font-size: 17px;
    line-height: 23px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .profile-changes-controls .cancel-btn,
      .profile-changes-controls .save-btn {
        margin-left: 5px; } }
    @media (max-width: 767px) {
      .profile-changes-controls .cancel-btn,
      .profile-changes-controls .save-btn {
        right: 15px; } }
  .profile-changes-controls .cancel-btn {
    background-color: transparent;
    color: #929fa9; }
    @media (max-width: 767px) {
      .profile-changes-controls .cancel-btn {
        color: rgba(146, 159, 169, 0.4); } }
    .profile-changes-controls .cancel-btn:hover {
      color: #263238; }
      .dark-scheme .profile-changes-controls .cancel-btn:hover {
        color: white; }
  .profile-changes-controls .save-btn {
    background-color: transparent; }
    @media (max-width: 767px) {
      .profile-changes-controls .save-btn {
        color: rgba(146, 159, 169, 0.4); } }

.btn-parent .avatar-dropdown.open > .btn {
  color: #263238; }
  .dark-scheme .btn-parent .avatar-dropdown.open > .btn {
    color: white; }

.avatar-dropdown {
  border-color: transparent; }
  .avatar-dropdown > .btn {
    color: #fefefe;
    background-color: transparent;
    border-radius: 50%;
    padding: 0;
    border: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 11; }
    .avatar-dropdown > .btn.dropdown-toggle {
      margin: 0; }
    .btn-parent .avatar-dropdown > .btn {
      color: #fefefe; }
    .avatar-dropdown > .btn i:before {
      line-height: inherit; }
    .avatar-dropdown > .btn:hover {
      color: #fefefe; }
  .avatar-dropdown .dropdown-menu {
    margin: 0 0 0 -11px;
    left: auto;
    right: -2px; }
    @media (min-width: 768px) {
      .avatar-dropdown .dropdown-menu {
        left: 0;
        right: auto; } }
    .avatar-dropdown .dropdown-menu:before {
      right: auto;
      left: 17px; }
  .left-sidebar-box .avatar-dropdown {
    position: absolute;
    right: -3px;
    top: -1px;
    z-index: 99; }

/* Lists styles */
ul {
  list-style-type: none; }

::focus {
  outline: none; }

.nav > li > a:focus {
  background-color: transparent; }

.sensitive-links + .hidden + .more-links {
  display: none; }

.list-group {
  margin: 0; }

.list-group:empty {
  display: none;
}

  .list-group:focus {
    outline: none; }
  @media (max-width: 991px) {
    .list-group {
      padding-top: 10px; } }
  @media (max-width: 600px) {
    .list-group {
      padding: 10px 10px 0; } }
  .list-group .list-group-item {
    background-color: #fafbfc;
    border: none;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    padding: 0; }
    .list-group .list-group-item.shaking.dropdown-active {
      z-index: 100; }
    .dark-scheme .list-group .list-group-item {
      background-color: #263238; }
    .list-group .list-group-item:focus {
      outline: none; }
    .list-group .list-group-item.adult .link-name i {
      color: #929fa9; }
    .list-group .list-group-item .avatar-dropdown .dropdown-menu {
      padding: 17px 25px; }
      .list-group .list-group-item .avatar-dropdown .dropdown-menu:before {
        left: auto;
        right: 11px; }
        @media (max-width: 767px) {
          .list-group .list-group-item .avatar-dropdown .dropdown-menu:before {
            right: 8px; } }
    .list-group .list-group-item.adult > .list-item-wrapper {
      position: relative; }
      .list-group .list-group-item.adult > .list-item-wrapper:after {
        background-color: rgba(33, 150, 243, 0.02);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1; }
    .list-group .list-group-item.adult .adult-visible {
      position: relative;
      z-index: 2; }
    .list-group .list-group-item.sortable-chosen .list-item-wrapper {
      background: rgba(146, 159, 169, 0.1); }
    .list-group .list-group-item .list-item-wrapper {
      background-color: transparent;
      border: 1px solid rgba(0, 134, 230, 0.5);
      border-radius: 10px;
      padding: 11px 15px;
      position: relative;
      transition: all 0.3s; }
      .list-group .list-group-item .list-item-wrapper .adult-hidden__inner {
        display: flex;
        width: 100%; }
      .list-group .list-group-item .list-item-wrapper:after {
        background-color: transparent;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        pointer-events: none;
        transition: all 0.3s ease;
        z-index: 1; }
      .list-group .list-group-item .list-item-wrapper:focus {
        border: none;
        outline: none; }
      .list-group .list-group-item .list-item-wrapper .btn-icon-nested {
        color: rgba(146, 159, 169, 0.25);
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        transition: all .3s; }
        .list-group .list-group-item .list-item-wrapper .btn-icon-nested:hover {
          color: #929fa9; }
        .list-group .list-group-item .list-item-wrapper .btn-icon-nested ~ .btn-icon-nested {
          right: 40px; }
        .list-group .list-group-item .list-item-wrapper .btn-icon-nested ~ .btn-icon-nested ~ .btn-icon-nested {
          right: 80px; }
        .list-group .list-group-item .list-item-wrapper .btn-icon-nested.verified, .list-group .list-group-item .list-item-wrapper .btn-icon-nested.verifable {
          display: none; }
    .list-group .list-group-item .list-item {
      color: #263238;
      display: inline-block;
      max-width: 100%;
      text-decoration: none;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      transition: all 0.3s ease; }
      .dark-scheme .list-group .list-group-item .list-item {
        color: white; }
      .list-group .list-group-item .list-item.link {
        width: 100%; }
    .list-group .list-group-item .link-image-wrapper {
      display: inline-block;
      margin-right: 17px;
      position: relative; }
      .list-group .list-group-item .link-image-wrapper-inner {
        display: block;
        position: relative; }
    .list-group .list-group-item .cover-img {
      border-radius: 100%;
      height: 48px;
      min-width: 48px;
      width: 48px; }
      .list-group .list-group-item .cover-img img {
        border-radius: 100%;
        height: 40px;
        width: 40px; }
    .list-group .list-group-item .favicon-img {
      border-radius: 50%;
      bottom: 0;
      height: 20px;
      position: absolute;
      right: -5px;
      width: 20px; }
      .list-group .list-group-item .favicon-img img {
        border-radius: 100%;
        height: 20px;
        width: 20px; }
    .list-group .list-group-item.verification-item .link-text-wrapper {
      max-width: calc(100% - 60px);
      padding: 0 100px 0 15px; }
    .list-group .list-group-item .link-text-wrapper {
      max-width: calc(100% - 100px);
      transition: all 0.3s ease;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      @media (max-width: 767px) {
        .list-group .list-group-item .link-text-wrapper {
          max-width: 100%; } }
    .list-group .list-group-item .simple-text {
      font-size: 17px;
      font-weight: 600;
      line-height: 20px;
      padding-right: 65px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      @media (max-width: 767px) {
        .list-group .list-group-item .simple-text {
          font-size: 15px;
          padding-right: 15px; } }
      .list-group .list-group-item .simple-text .label {
        background-color: transparent;
        border-radius: 50%;
        color: #f44336;
        font-size: 16px;
        padding: 0; }
      .list-group .list-group-item .simple-text .sold {
        color: yellow; }
      .list-group .list-group-item .simple-text .not-purchased {
        color: #f44336; }

.sensitive-links-quiz__buttons {
  display: flex;
  justify-content: space-between; }
  .sensitive-links-quiz__buttons .always-show-btn {
    color: rgba(146, 159, 169, 0.6);
    font-size: 13px;
    margin: 0 0 0 11px;
    order: 2; }
  .sensitive-links-quiz__buttons .checkbox {
    align-items: center;
    display: flex; }
    .sensitive-links-quiz__buttons .checkbox label {
      margin: 0;
      padding: 0; }
      @media (max-width: 991px) {
        .sensitive-links-quiz__buttons .checkbox label {
          position: relative; }
          .sensitive-links-quiz__buttons .checkbox label > input[type="checkbox"] {
            position: absolute; } }

.sensitive-links-wrapper {
  position: relative; }
  @media (max-width: 991px) {
    .sensitive-links-wrapper {
      border-radius: 0; } }
  @media (max-width: 600px) {
    .sensitive-links-wrapper {
      padding-left: 10px;
      padding-right: 10px; } }
  .sensitive-links-wrapper .list-group {
    padding: 0; }
    .sensitive-links-wrapper .list-group .list-group-item:hover .list-item-wrapper {
      background-color: rgba(146, 159, 169, 0.015); }
  .sensitive-links-wrapper .link-wrapper,
  .sensitive-links-wrapper .sensitive-links-notice {
    border-radius: 10px;
    margin-bottom: 10px; }

.live-link-label {
  z-index: 3;
  position: absolute;
  font-weight: 800;
  top: 24px;
  right: 3px;
  font-size: 12px;
  color: white;
  background-color: #2196f3;
  padding: 1px 5px;
  border-radius: 3px;
  line-height: 1.2em;
  white-space: nowrap; }
  @media (max-width: 767px) {
    .live-link-label {
      padding-top: 0;
      padding-bottom: 0; } }
  .without-profile-details .live-link-label {
    top: 19px; }
    @media (max-width: 767px) {
      .without-profile-details .live-link-label {
        top: 21px; } }

.connected-link-label {
  background-color: #2196f3;
  border-radius: 3px;
  color: white;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2em;
  padding: 2px 5px;
  position: absolute;
  right: 3px;
  top: 7px; }
  @media (max-width: 767px) {
    .connected-link-label {
      border-radius: 10px;
      padding: 2px 3px;
      top: 6px; } }
  .without-profile-details .connected-link-label {
    right: 33px;
    top: -2px; }
  .guest-role.profile-index-page .connected-link-label {
    right: 0; }
  .profile-bookmarks-page .connected-link-label {
    right: 78px;
    top: -27px; }
  .connected-link-label i {
    display: none; }
    @media (max-width: 767px) {
      .connected-link-label i {
        display: block; } }
    @media (max-width: 767px) {
      .connected-link-label i::before {
        font-size: 12px; } }

@media (max-width: 767px) {
  .connected-link-label-value {
    display: none; } }

.sensitive-links-quiz__text, .sensitive-links-notice__text {
  background-color: rgba(146, 159, 169, 0.1);
  color: #929fa9;
  font-size: 11px;
  font-weight: 600;
  line-height: 13px;
  margin: 0 -25px;
  padding: 7px 0;
  text-align: center;
  transition: all 0.3s ease; }
  @media (max-width: 768px) {
    .sensitive-links-quiz__text, .sensitive-links-notice__text {
      margin: 0 -20px; } }
  .dark-scheme .sensitive-links-quiz__text,
  .dark-scheme .sensitive-links-notice__text {
    color: #929fa9; }
  .sensitive-links-quiz__text p, .sensitive-links-notice__text p {
    margin: 0 auto;
    max-width: 240px; }

.sensitive-links-notice__text {
  background-color: transparent;
  color: rgba(146, 159, 169, 0.6);
  cursor: pointer;
  margin: 0;
  padding: 6px 0; }
  .sensitive-links-notice__text span {
    position: relative;
    top: -5px; }
  .sensitive-links-notice__text p {
    color: rgba(146, 159, 169, 0.6);
    margin-top: -10px; }

.less-links {
  align-items: center;
  border-top: 1px solid rgba(124, 139, 150, 0.2);
  color: rgba(146, 159, 169, 0.6);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 6px 0;
  position: relative;
  z-index: 1; }
  .less-links span {
    position: relative;
    top: -5px; }
  .less-links p {
    color: rgba(146, 159, 169, 0.6);
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: -10px; }

#link-list .link-list .sortable-fallback {
  display: none;
  opacity: 0; }
#link-list .link-list.dragging .btn {
  display: none; }
#link-list .link-list.dragging .sortable-chosen .btn-move {
  display: block;
  touch-action: none;
  -ms-touch-action: none; }
#link-list .link-list .btn-move {
  touch-action: none;
  -ms-touch-action: none; }
.link-list.sort-saving .link-item .btn-move {
  opacity: 1 !important;
}
#link-list .link-list .owners-lock {
  top: 3px; }

.adult-text {
  cursor: pointer;
  font-size: 15px;
  line-height: 20px;
  position: relative;
  text-align: center;
  transition: all .3s;
  z-index: 10; }
  .adult-text__icon {
    margin-right: 10px;
    vertical-align: middle; }
  .adult-text button {
    background-color: transparent;
    display: block;
    margin: 5px auto 0;
    padding: 0;
    position: relative;
    transition: none;
    z-index: 10; }
    .adult-text button:hover {
      color: inherit; }
      .dark-scheme .adult-text button:hover {
        color: inherit; }

.adult-hidden {
  display: block;
  position: relative;
  z-index: 2; }
  .adult-hidden__inner {
    display: flex;
    width: 100%; }
  .adult-hidden .link-content {
    display: flex;
    flex: 1 1 auto;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .adult-hidden .link-content .link-text-wrapper {
      flex: 1 1 auto; }
  .adult-hidden .link-footer {
    align-items: flex-end;
    flex: 0 1 auto;
    white-space: nowrap; }

.link-online-indicator {
  border-radius: 50%;
  height: 6px;
  left: -4px;
  position: absolute;
  width: 6px; }
.link-wrapper {
  padding: 15px; }
  .link-wrapper .link-name {
    color: #929fa9; }
    .link-wrapper .link-name i {
      color: rgba(146, 159, 169, 0.6); }
.link-list-wrapper, .link-list-guest {
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  overflow: visible; }
  .profile-index-page .link-list-wrapper, .profile-index-page .link-list-guest {
    box-shadow: none; }
  .link-list-wrapper.empty-link-list, .link-list-guest.empty-link-list {
    box-shadow: none; }
    .link-list-wrapper.empty-link-list .list-group-item, .link-list-guest.empty-link-list .list-group-item {
      padding: 15px 0;
      text-align: center; }
      .link-list-wrapper.empty-link-list .list-group-item .btn.btn-link, .link-list-guest.empty-link-list .list-group-item .btn.btn-link {
        font-size: 17px;
        font-weight: 600;
        line-height: 23px; }
        @media (max-width: 600px) {
          .link-list-wrapper.empty-link-list .list-group-item .btn.btn-link, .link-list-guest.empty-link-list .list-group-item .btn.btn-link {
            font-size: 15px;
            line-height: 20px; } }
  @media (max-width: 600px) {
    .link-list-wrapper, .link-list-guest {
      border-radius: 0; } }
.link-avatar {
  margin-right: 11px; }
  .link-avatar img {
    border-radius: 50%;
    height: 24px;
    min-width: 24px;
    width: 24px; }
.link-hyperlink {
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s ease;
  z-index: 2; }
  .link-hyperlink:hover .link-email {
    color: #263238; }
    .dark-scheme .link-hyperlink:hover .link-email {
      color: white; }
.link-header {
  align-items: center;
  display: flex;
  margin-bottom: 4px;
  position: relative; }
  .link-header p {
    margin: 0; }
  .link-header .avatar-dropdown button.dropdown-toggle {
    color: rgba(146, 159, 169, 0.6);
    margin-left: 3px; }
  .link-header .btn.btn-icon {
    position: relative; }
  .link-header .avatar-dropdown {
    left: 3px;
    position: relative;
    top: 0; }
  .link-header .avatar-dropdown .dropdown-menu {
    margin: 0;
    top: calc(100% + 15px);
    z-index: 1010; }
    @media (min-width: 768px) {
      .link-header .avatar-dropdown .dropdown-menu {
        left: auto;
        right: -4px; }
        .link-header .avatar-dropdown .dropdown-menu:before {
          right: 10px;
          left: auto; } }
.link-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #263238;
  font-weight: 600;
  max-width: 200px;
  position: relative;
  transition: all 0.3s ease; }
  .link-name.m-goal-el, .link-name.m-announcement-el {
    margin-bottom: 0; }
  .link-name_icon {
    position: absolute;
    right: 0;
    top: 3px; }
    .link-name_icon:before {
      font-size: 16px; }
    .link-name_icon + .link-name_text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      max-width: 100%;
      padding-right: 18px;
      transform: translateY(2px); }
  .link-name_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.link-email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #929fa9;
  margin-left: 3px;
  margin-right: 10px;
  max-width: 200px;
  transition: all 0.3s ease; }
.link-navigation {
  align-items: center;
  display: flex;
  margin-left: auto; }
  .connected .link-navigation {
    padding-left: 80px; }
    @media (max-width: 767px) {
      .connected .link-navigation {
        padding-left: 30px; } }
.link-timestamp {
  color: rgba(146, 159, 169, 0.6);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap; }
  .link-timestamp .all-my-icon-i21 {
    display: block;
    text-align: center; }
  .link-timestamp.m-goal-el, .link-timestamp.m-announcement-el {
    margin-bottom: 0; }
  .link-timestamp.expiry {
    display: block !important;
    position: absolute;
    top: 18px;
    right: 3px;
    font-size: 10px; }
    .link-timestamp.expiry.expired {
      color: #f44336; }
.link-content {
  align-items: center;
  display: flex; }
  .link-content .link-title {
    transition: all 0.3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .connected .link-content .link-title {
      display: inline-block;
      max-width: calc(100% - 28px); }
  .link-content .link-title:blank,
  .link-content .link-title:empty {
    display: block;
    margin-bottom: -10px; }
  .link-content .link-text {
    display: block;
    font-size: 15px;
    font-weight: normal;
    line-height: 23px;
    position: relative;
    top: 1px;
    z-index: 10;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .unavailable .link-content .link-text {
      color: #929fa9; }
.link-footer {
  display: flex;
  justify-content: space-between; }
.link-price__container {
  display: flex; }
.link-price__wrapper {
  align-items: center;
  display: flex;
  width: 100%; }
  .link-price__wrapper i {
    margin-left: 0;
    position: relative;
    top: 1px; }
  .link-price__wrapper .toggle-btn {
    cursor: pointer;
    margin-left: 10px;
    position: relative;
    top: -1px; }
.link-price__container {
  margin-left: auto; }
  .link-price__container i {
    transition: all .3s ease; }
    .link-price__container i.inactive {
      color: rgba(146, 159, 169, 0.6); }
.link__price {
  color: rgba(146, 159, 169, 0.4);
  font-size: 17px;
  font-weight: 600; }
  .link__price.pending-reply a {
    font-size: 15px;
    transition: color .3s; }
.link__add-btn {
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 0;
  text-align: center;
  background-color: #2196f3;
  color: white;
  bottom: 8px;
  right: 2px;
  position: relative; }
  .link__add-btn.added, .link__add-btn[disabled], .link__add-btn.disabled {
    pointer-events: none;
    opacity: 1;
    background-color: rgba(146, 159, 169, 0.1);
    color: rgba(38, 50, 56, 0.3); }

.btn-icon-nested + .link__price {
  padding-right: 25px; }

.blue-color {
  color: #2196f3; }

.grey-color {
  color: rgba(146, 159, 169, 0.4); }

.dark-scheme .link-name,
.dark-scheme .link-timestamp {
  color: white; }

.empty-content {
  color: rgba(146, 159, 169, 0.6);
  font-size: 17px;
  font-weight: 600;
  margin-top: 50px;
  text-align: center; }
  @media (max-width: 767px) {
    .empty-content {
      font-size: 15px;
      margin-top: 30px; } }

.guest-role .link-online-indicator {
  display: none; }

.profile-index-page .link-header,
.settings-manage-links-page .link-header {
  margin-bottom: 0;
  position: absolute;
  right: 10px;
  top: 5px; }
.profile-index-page .more-links .link-header,
.settings-manage-links-page .more-links .link-header {
  position: relative;
  right: 0;
  top: 0; }
.profile-index-page .list-group .list-group-item .list-item-wrapper,
.settings-manage-links-page .list-group .list-group-item .list-item-wrapper {
  padding: 12px 10px 9px 12px; }
.profile-index-page .link-hyperlink,
.settings-manage-links-page .link-hyperlink {
  display: none; }
.profile-index-page .link-timestamp,
.settings-manage-links-page .link-timestamp {
  display: none; }
.profile-index-page .link-header .avatar-dropdown,
.settings-manage-links-page .link-header .avatar-dropdown {
  left: auto;
  right: -2px;
  top: -2px; }
  @media (max-width: 600px) {
    .profile-index-page .link-header .avatar-dropdown,
    .settings-manage-links-page .link-header .avatar-dropdown {
      top: -2px; } }
.profile-index-page.guest-role .link-header .avatar-dropdown,
.settings-manage-links-page.guest-role .link-header .avatar-dropdown {
  display: none; }
.profile-index-page .list-group .list-group-item .list-item-wrapper .btn-icon-nested,
.settings-manage-links-page .list-group .list-group-item .list-item-wrapper .btn-icon-nested {
  bottom: -11px;
  left: auto;
  right: 0;
  top: auto;
  z-index: 10; }
.profile-index-page .more-links,
.settings-manage-links-page .more-links {
  cursor: pointer;
  padding: 5px 15px; }
  .profile-index-page .more-links .link-navigation,
  .settings-manage-links-page .more-links .link-navigation {
    justify-content: center;
    width: 100%; }
  .profile-index-page .more-links.adult .link-timestamp,
  .settings-manage-links-page .more-links.adult .link-timestamp {
    display: none; }
  .profile-index-page .more-links .link-timestamp,
  .settings-manage-links-page .more-links .link-timestamp {
    display: block; }
    .profile-index-page .more-links .link-timestamp i.adult-hidden:before,
    .settings-manage-links-page .more-links .link-timestamp i.adult-hidden:before {
      margin: 0 auto; }
    .profile-index-page .more-links .link-timestamp span,
    .settings-manage-links-page .more-links .link-timestamp span {
      text-align: center; }
  .profile-index-page .more-links .adult-hidden,
  .settings-manage-links-page .more-links .adult-hidden {
    height: 15px;
    position: relative;
    text-align: center;
    top: -4px; }
.profile-index-page .adult,
.settings-manage-links-page .adult {
  cursor: default;
  padding-top: 5px; }
  .profile-index-page .adult .link-navigation,
  .settings-manage-links-page .adult .link-navigation {
    justify-content: center;
    width: 100%; }
  .profile-index-page .adult .link-header,
  .settings-manage-links-page .adult .link-header {
    margin-bottom: 4px;
    position: relative;
    top: 0; }
  .profile-index-page .adult .link-timestamp,
  .settings-manage-links-page .adult .link-timestamp {
    display: block; }
    .profile-index-page .adult .link-timestamp i.adult-hidden:before,
    .settings-manage-links-page .adult .link-timestamp i.adult-hidden:before {
      margin: 0 auto; }
.profile-index-page .link-price__wrapper,
.settings-manage-links-page .link-price__wrapper {
  margin-top: -20px; }
.profile-index-page .unavailable .link-footer .list-item,
.settings-manage-links-page .unavailable .link-footer .list-item {
  transform: translateY(2px);
  margin-right: 0; }
.profile-index-page.guest-role .link__price,
.settings-manage-links-page.guest-role .link__price {
  top: 2px; }

.more-links.adult {
  position: relative; }
  .more-links.adult:after {
    background-color: rgba(33, 150, 243, 0.01);
    border-radius: 10px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }

@media (min-width: 767px) {
  .notifications .notification.last {
    border-radius: 0 0 15px 15px;
    border: none; } }

@media (max-width: 767px) {
  .notification-index {
    padding-bottom: 40px; } }
.notification-index .footer-wrap {
  background-color: #f0f3f5;
  left: 0;
  padding: 15px 0;
  position: relative;
  right: 0;
  top: 0; }
  .dark-scheme .notification-index .footer-wrap {
    background-color: #1d2226; }
  .notification-index .footer-wrap:after, .notification-index .footer-wrap:before {
    background-color: #f0f3f5;
    bottom: 0;
    content: "";
    position: absolute;
    top: 0; }
    .dark-scheme .notification-index .footer-wrap:after, .dark-scheme .notification-index .footer-wrap:before {
      background-color: #1d2226; }
  .notification-index .footer-wrap:after {
    left: -30px;
    right: 98%; }
  .notification-index .footer-wrap:before {
    left: 98%;
    right: -30px; }
  @media (min-width: 991px) {
    .notification-index .footer-wrap {
      display: none; } }

.notifications .jscroll-added:last-child .notification:last-child {
  border-radius: 0 0 10px 10px; }

.notification {
  background-color: white;
  padding: 13px 15px 0 54px;
  position: relative; }
  .dark-scheme .notification {
    background-color: #263238; }
  @media (max-width: 991px) {
    .notification-index-page {
      height: 100%; } }
  .notification-index-page .circular {
    margin-top: 30px; }
  .notification .label-info {
    background-color: transparent;
    color: #0086e6;
    height: 24px;
    left: 15px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: 100px;
    top: 14px;
    width: 24px; }
    .notification .label-info:after {
      font-family: "all-my-links";
      font-size: 24px;
      font-weight: 300;
      left: 0;
      line-height: 1em;
      position: absolute;
      text-indent: 0; }
    .notification .label-info:empty {
      display: block; }
  .notification__date {
    font-size: 11px;
    position: absolute;
    right: 3px;
    top: 4px; }
  .notification.notification-old .notification__date {
    color: rgba(146, 159, 169, 0.4); }
    .dark-scheme .notification.notification-old .notification__date {
      color: rgba(255, 255, 255, 0.4); }
  .notification.notification-old .label-info:after {
    color: rgba(146, 159, 169, 0.4); }
    .dark-scheme .notification.notification-old .label-info:after {
      color: rgba(255, 255, 255, 0.4); }
  .notification.notification-tip .label-info:after, .notification.notification-tip-sent .label-info:after, .notification.notification-goal-income .label-info:after, .notification.notification-goal .label-info:after, .notification.notification-goal-expense .label-info:after {
    content: "\e655"; }
  .notification.notification-live .label-info:after, .notification.notification-link .label-info:after {
    content: "\e647"; }
  .notification.notification-link.purchase .label-info:after, .notification.notification-link-purchased .label-info:after, .notification.notification-link-purchase .label-info:after {
    content: "\e655"; }
  .notification.notification-follower .label-info:after {
    content: "\e648"; }
  .notification.notification-follower .notification-thumb {
    border-bottom: none;
    padding-bottom: 0; }
    .notification.notification-follower .notification-thumb:after {
      display: none; }
  .notification.notification-birthday .label-info:after {
    content: "\e627"; }
  .notification.notification-news .label-info:after, .notification.notification-announcement .label-info:after {
    content: "\e646"; }
  .notification .notification-thumb {
    padding-bottom: 0;
    position: relative; }
    .notification .notification-thumb .thumb-img {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 10px; }
      .notification .notification-thumb .thumb-img > a {
        height: 24px;
        margin-right: 5px;
        width: 24px; }
        .notification .notification-thumb .thumb-img > a img {
          border-radius: 50%;
          overflow: hidden; }
    .notification .notification-thumb .notification-username a {
      color: #263238;
      transition: all 0.3s ease; }
      .dark-scheme .notification .notification-thumb .notification-username a {
        color: white; }
      .notification .notification-thumb .notification-username a:hover {
        color: #0086e6; }
  .notification__follower.follower-info {
    font-size: 15px;
    padding-bottom: 13px;
    position: relative; }
  .notification__link {
    position: relative; }
    .notification__link.link-info {
      color: #263238;
      font-size: 15px; }
    .notification__link.link-related {
      align-items: center;
      margin-top: 16px;
      padding-bottom: 15px; }
      .notification__link.link-related:last-child {
        border-bottom: none; }
      .notification__link.link-related .link-related__img {
        margin-right: 22px;
        position: relative; }
        .notification__link.link-related .link-related__img .ava-img {
          border-radius: 50%;
          height: auto;
          overflow: hidden;
          position: relative;
          width: 48px;
          z-index: 1; }
          .notification__link.link-related .link-related__img .ava-img img {
            width: 100%; }
        .notification__link.link-related .link-related__img .icon-img {
          border-radius: 100%;
          bottom: 0;
          height: 20px;
          position: absolute;
          right: -10px;
          width: 20px;
          z-index: 2; }
          .notification__link.link-related .link-related__img .icon-img img {
            border-radius: 100%;
            height: 20px;
            width: 20px; }
      .notification__link.link-related .link-related__info {
        align-self: stretch;
        color: #0086e6;
        flex: 1 1 auto;
        font-size: 15px;
        line-height: 21px;
        max-width: calc(100% - 70px);
        overflow: hidden;
        padding: 0; }
        @media (max-width: 480px) {
          .notification__link.link-related .link-related__info {
            position: relative; } }
        .notification__link.link-related .link-related__info-wrap {
          max-width: 100%; }
        .notification__link.link-related .link-related__info .reset-reply-btn {
          float: right;
          margin-left: 10px; }
          @media (max-width: 480px) {
            .notification__link.link-related .link-related__info .reset-reply-btn {
              position: absolute;
              left: 0;
              bottom: 0;
              margin-left: 0; } }
        .notification__link.link-related .link-related__info .reset-reply-btn + .link-related__info-wrap .name-site a {
          max-width: 100%; }
        @media (max-width: 480px) {
          .notification__link.link-related .link-related__info .reset-reply-btn + .link-related__info-wrap {
            padding-bottom: 45px; } }
        .notification__link.link-related .link-related__info a {
          color: #263238;
          font-size: 17px;
          font-weight: 600;
          line-height: 23px;
          max-width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          transition: all 0.3s ease; }
          .dark-scheme .notification__link.link-related .link-related__info a {
            color: white; }
          .notification__link.link-related .link-related__info a em {
            display: block;
            font-style: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: all 0.3s ease; }
        .notification__link.link-related .link-related__info .name-site {
          color: #0086e6;
          display: inline-block;
          font-size: 15px;
          font-weight: normal;
          line-height: 20px;
          max-width: 100%;
          padding-top: 5px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
          .notification__link.link-related .link-related__info .name-site span {
            font-size: 17px;
            font-weight: 600;
            margin-left: auto;
            padding-left: 5px; }
            .notification__link.link-related .link-related__info .name-site span i {
              position: relative;
              top: 2px; }
            .notification__link.link-related .link-related__info .name-site span:before {
              font-family: "all-my-links";
              font-size: 18px;
              position: absolute;
              right: 0;
              top: 2px; }
        .notification__link.link-related .link-related__info .btn {
          background-color: rgba(146, 159, 169, 0.1);
          border-radius: 6px;
          color: #929fa9;
          font-size: 13px;
          line-height: 16px;
          padding: 12px 16px; }
          .notification__link.link-related .link-related__info .btn:hover {
            background-color: #0086e6;
            color: white; }
            .dark-scheme .notification__link.link-related .link-related__info .btn:hover {
              color: white; }
          .dark-scheme .notification__link.link-related .link-related__info .btn {
            color: #929fa9; }
      .notification__link.link-related .link-related__aside {
        align-self: flex-end;
        flex-wrap: nowrap;
        padding-bottom: 4px;
        white-space: nowrap; }
        .notification__link.link-related .link-related__aside span {
          font-size: 17px;
          font-weight: 600;
          line-height: 23px; }
          .notification__link.link-related .link-related__aside span.pending-reply {
            padding-left: 20px; }
            .notification__link.link-related .link-related__aside span.pending-reply a {
              max-width: none; }
          .notification__link.link-related .link-related__aside span.purchased {
            color: #929fa9;
            padding-left: 20px; }
            .notification__link.link-related .link-related__aside span.purchased i {
              display: none; }
            .notification__link.link-related .link-related__aside span.purchased:before {
              color: #929fa9;
              content: "\e657";
              display: none;
              font-size: 24px; }
          .notification__link.link-related .link-related__aside span.not-purchased {
            padding-left: 20px;
            top: 12px; }
          .notification__link.link-related .link-related__aside span.toggle-btn {
            cursor: pointer;
            position: relative; }
            .notification__link.link-related .link-related__aside span.toggle-btn .inactive {
              color: rgba(146, 159, 169, 0.6);
              transition: all .3s ease; }
            .notification__link.link-related .link-related__aside span.toggle-btn .active {
              transition: all .3s ease; }
  .notification__message {
    background: rgba(146, 159, 169, 0.1);
    border-radius: 30px 30px 0 30px;
    color: #263238;
    float: right;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 5px 15px;
    text-align: right;
    width: 80%; }
    .notification__message.answer {
      background-color: rgba(0, 134, 230, 0.1);
      border-radius: 0 30px 30px 30px;
      float: left;
      margin-bottom: 0;
      text-align: left;
      width: 80%; }
    .dark-scheme .notification__message {
      color: white; }
  .notification__tip.birthday-info {
    font-size: 15px;
    padding-bottom: 10px; }

.notification {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: all .3s; }
  .notification:hover {
    background-color: #fafbfc; }
  .notification.unavailable {
    background-color: #fafbfc; }
    .dark-scheme .notification.unavailable {
      background-color: #222a30; }
  .notification.adult {
    background-color: rgba(33, 150, 243, 0.01); }
    .notification.adult .links {
      margin-left: -39px;
      margin-top: 15px; }
  .notification-content {
    border-radius: 10px;
    position: relative; }
    .notification-content .btn-settings {
      display: none;
      font-size: 15px;
      line-height: 24px;
      padding-left: 35px;
      position: absolute;
      right: 5px;
      top: 10px;
      z-index: 1002; }
      @media (min-width: 991px) {
        .notification-content .btn-settings {
          display: block; } }
      .notification-content .btn-settings:after {
        color: #0086e6;
        content: "\e87e";
        font-family: "all-my-links";
        font-size: 24px;
        font-weight: 400;
        left: 2px;
        line-height: 24px;
        position: absolute;
        text-align: center;
        top: 4px;
        width: 24px; }
    @media (max-width: 991px) {
      .under-navbar-scroll .notification-content {
        top: 0; } }
    @media (max-width: 767px) {
      .notification-content {
        max-width: 600px;
        left: 0;
        right: 0; } }
    @media (max-width: 991px) {
      .under-navbar-scroll .notification-content .jscroll-inner {
        padding-top: 50px; } }
    .notification-content .settings-link {
      align-items: center;
      display: flex;
      font-size: 15px;
      font-weight: 600;
      position: absolute;
      right: 12px;
      top: 14px;
      transition: all .3s; }
      @media (max-width: 991px) {
        .notification-content .settings-link {
          display: none; } }
      .notification-content .settings-link span {
        position: relative;
        top: -2px; }
      .notification-content .settings-link i {
        margin-left: 10px; }
  .notification-nav-tabs {
    background-color: white;
    border: 0;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: block;
    margin-bottom: 2px;
    padding: 0 20px;
    position: fixed;
    transition: 0.3s ease all;
    width: 618px;
    z-index: 1001; }
    .dark-scheme .notification-nav-tabs {
      background-color: #263238; }
    @media (max-width: 991px) {
      .notification-nav-tabs {
        border-radius: 0;
        width: 700px;
        background-color: #f0f3f5; }
        .dark-scheme .notification-nav-tabs {
          background-color: #1d2226; }
        .under-navbar-scroll.notification-index-page .notification-nav-tabs {
          display: none; } }
    @media (max-width: 991px) {
      .notification-nav-tabs {
        top: 94px; } }
    @media (max-width: 767px) {
      .notification-nav-tabs {
        left: 0;
        right: 0;
        width: auto; } }
  .notification__empty-tab-title {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(146, 159, 169, 0.6);
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 37px;
    padding-top: 37px;
    text-align: center; }
    @media (min-width: 991px) {
      .notification__empty-tab-title {
        border-radius: 0 0 10px 10px; } }
  .notification-empty {
    background-color: #fafbfc;
    border-radius: 0 0 10px 10px;
    position: relative;
  }

.dark-scheme .notification-index__title {
  color: white; }
.dark-scheme .notification:hover {
  background-color: #222a30; }
.dark-scheme .notification__link.link-info {
  color: white; }
.dark-scheme .notification-empty {
  background-color: #222a30; }
  .dark-scheme .notification-empty:hover {
    background-color: rgba(38, 50, 56, 0.8); }

.b-contributors-list .b-contributors-list__item {
  font-weight: 600; }
  .b-contributors-list .b-contributors-list__item:hover {
    background-color: transparent; }
    .b-contributors-list .b-contributors-list__item:hover a {
      background-color: transparent;
      color: #263238; }
      .dark-scheme .b-contributors-list .b-contributors-list__item:hover a {
        color: white; }
  .b-contributors-list .b-contributors-list__item.active a {
    color: #263238; }
    .dark-scheme .b-contributors-list .b-contributors-list__item.active a {
      color: white; }

.modal-dialog .subscriptions-box .close {
  right: 20px;
  top: 20px; }
  @media (max-width: 767px) {
    .modal-dialog .subscriptions-box .close {
      left: 13px;
      right: auto; }
      .modal-dialog .subscriptions-box .close i:before {
        content: "\e64f";
        color: #0086e6;
        transition: all 0.3s ease; } }

.subscriptions-box h6 {
  margin-bottom: 0;
  margin-right: 80px; }
  @media (max-width: 767px) {
    .subscriptions-box h6 {
      display: none; } }
.subscriptions-box__head {
  display: flex; }
  @media (max-width: 767px) {
    .subscriptions-box__head {
      padding: 0 0 15px; } }
.subscriptions-box .b-goal-item-wrap,
.subscriptions-box .b-announcement-item-wrap {
  margin-right: -10px; }
.subscriptions-box__search {
  flex: 1 1 auto;
  margin-top: 7px;
  max-width: 240px;
  position: relative; }
  @media (max-width: 767px) {
    .subscriptions-box__search {
      max-width: calc(100% - 25px);
      margin-left: 30px; } }
  .subscriptions-box__search input {
    border-radius: 15px;
    height: 30px;
    padding: 5px 15px 5px;
    width: 100%; }
    @media (max-width: 767px) {
      .subscriptions-box__search input {
        width: calc(100% - 45px); } }
    .subscriptions-box__search input ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: rgba(146, 159, 169, 0.6); }
    .subscriptions-box__search input ::-moz-placeholder {
      /* Firefox 19+ */
      color: rgba(146, 159, 169, 0.6); }
    .subscriptions-box__search input :-ms-input-placeholder {
      /* IE 10+ */
      color: rgba(146, 159, 169, 0.6); }
    .subscriptions-box__search input :-moz-placeholder {
      /* Firefox 18- */
      color: rgba(146, 159, 169, 0.6); }
  .subscriptions-box__search .btn-icon {
    color: rgba(146, 159, 169, 0.4);
    position: absolute;
    right: 10px;
    top: 2px; }
    .subscriptions-box__search .btn-icon:hover {
      color: #0086e6; }
    @media (max-width: 767px) {
      .subscriptions-box__search .btn-icon {
        right: 0; } }
    .subscriptions-box__search .btn-icon.clear-btn {
      right: 40px; }
      @media (max-width: 767px) {
        .subscriptions-box__search .btn-icon.clear-btn {
          right: 54px; } }
  .subscriptions-box__search:hover .btn-icon {
    color: #263238; }
    .dark-scheme .subscriptions-box__search:hover .btn-icon {
      color: white; }
.subscriptions-box__head-content {
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
  margin: 0 -25px;
  padding: 8px 40px 16px 30px;
  position: relative; }
  .subscriptions-box__head-content .list-group-item {
    margin: 0 -10px;
    padding: 0; }
    @media (max-width: 767px) {
      .subscriptions-box__head-content .list-group-item {
        padding-top: 10px; } }
  .subscriptions-box__head-content .link-header {
    margin-bottom: 0; }
  .subscriptions-box__head-content .link-hyperlink,
  .subscriptions-box__head-content .link-timestamp {
    display: none; }
  .subscriptions-box__head-content .link-navigation {
    position: absolute;
    right: -7px;
    top: -3px; }
  .subscriptions-box__head-content .link-content {
    padding-left: 0; }
  .subscriptions-box__head-content .link-image-wrapper > a {
    display: block;
    height: 48px;
    position: relative;
    width: 48px; }
    .subscriptions-box__head-content .link-image-wrapper > a img {
      border-radius: 50%; }
  .subscriptions-box__head-content .link-image-wrapper .cover-img {
    height: 48px;
    width: 48px; }
  .subscriptions-box__head-content .link-image-wrapper .favicon-img {
    bottom: 0;
    height: 20px;
    position: absolute;
    right: -5px;
    width: 20px; }
  .subscriptions-box__head-content .link-text-wrapper {
    overflow: hidden;
    padding-left: 22px;
    padding-right: 90px; }
    .subscriptions-box__head-content .link-text-wrapper-inner {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .subscriptions-box__head-content .link-text-wrapper-inner .link-text a {
        color: #0086e6;
        font-size: 15px;
        line-height: 20px; }
  .subscriptions-box__head-content .simple-text {
    font-size: 17px;
    font-weight: 600;
    line-height: 23px;
    max-width: 100%;
    padding-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .subscriptions-box__head-content .simple-text a {
      color: #263238; }
      .subscriptions-box__head-content .simple-text a:hover {
        color: #0086e6; }
      .dark-scheme .subscriptions-box__head-content .simple-text a {
        color: white; }
        .dark-scheme .subscriptions-box__head-content .simple-text a:hover {
          color: #0086e6; }
  .subscriptions-box__head-content .link-footer {
    bottom: -2px;
    position: absolute;
    right: -7px; }
.subscriptions-box__content {
  margin: 0 -25px; }
  .subscriptions-box__content-first-col {
    align-content: stretch;
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 80px;
    min-width: 80px;
    padding-left: 30px; }
  .subscriptions-box__content-second-col {
    display: flex;
    flex: 1 1 auto;
    max-width: calc(100% - 160px);
    padding-left: 38px; }
  .subscriptions-box__content-third-col {
    align-content: stretch;
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 80px;
    min-width: 80px;
    padding-right: 30px; }
  .subscriptions-box__content-head {
    background-color: rgba(33, 150, 243, 0.01);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(146, 159, 169, 0.6);
    display: flex;
    font-weight: 600;
    padding: 15px 0 7px; }
    .subscriptions-box__content-head > div span {
      font-size: 13px;
      font-weight: 600;
      line-height: 18px; }
      .subscriptions-box__content-head > div span.started {
        color: #263238; }
        .dark-scheme .subscriptions-box__content-head > div span.started {
          color: white; }
    .subscriptions-box__content-head > div em {
      font-size: 18px;
      font-style: normal;
      line-height: 18px; }
    .subscriptions-box__content-head > div .qty {
      display: inline-block;
      font-size: 13px;
      line-height: 18px;
      margin-right: 5px; }
  .subscriptions-box__content-main {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: flex; }
    .subscriptions-box__content-main.expired {
      background-color: rgba(33, 150, 243, 0.01); }
      .subscriptions-box__content-main.expired .subscriptions-box__user-info-desc > a .name,
      .subscriptions-box__content-main.expired .subscriptions-box__user-info-desc > a .username,
      .subscriptions-box__content-main.expired .subscriptions-box__user-info-desc > a .name i:before {
        color: #929fa9; }
      .subscriptions-box__content-main.expired .end-date {
        color: #929fa9; }
.subscriptions-box__start-date {
  color: #929fa9; }
.subscriptions-box__end-date {
  color: #263238; }
  .dark-scheme .subscriptions-box__end-date {
    color: white; }
.subscriptions-box__start-date, .subscriptions-box__end-date {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px; }
  .subscriptions-box__start-date.year, .subscriptions-box__end-date.year {
    display: block;
    font-weight: normal; }
.subscriptions-box__item {
  padding-right: 10px; }
.subscriptions-box__user-info {
  display: flex;
  max-width: 100%;
  overflow: hidden;
  padding: 12px 0; }
  .subscriptions-box__user-info-thumbnail {
    border-radius: 50%;
    height: 36px;
    margin-right: 10px;
    min-height: 36px;
    min-width: 36px;
    width: 36px; }
    .subscriptions-box__user-info-thumbnail img {
      border-radius: 50%; }
  .subscriptions-box__user-info-desc {
    max-width: 100%;
    overflow: hidden; }
    .subscriptions-box__user-info-desc > a:hover .name {
      color: #0086e6; }
    .subscriptions-box__user-info-desc > a:hover .username {
      color: #263238; }
      .dark-scheme .subscriptions-box__user-info-desc > a:hover .username {
        color: white; }
  .subscriptions-box__user-info .name {
    color: #263238;
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    padding-right: 20px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s ease; }
    .dark-scheme .subscriptions-box__user-info .name {
      color: white; }
    .subscriptions-box__user-info .name i:before {
      color: #0086e6;
      font-size: 16px;
      line-height: 20px;
      position: absolute;
      right: 0;
      top: 0; }
  .subscriptions-box__user-info .username {
    color: #929fa9;
    display: block;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s ease; }
.subscriptions-box .expired-label {
  color: rgba(146, 159, 169, 0.6);
  font-size: 13px;
  line-height: 18px; }
.subscriptions-box .nothing-found,
.subscriptions-box .no-subscriptions {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
  padding: 20px 10px;
  text-align: center; }

.add-new-link__subtitle {
  color: #929fa9;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 5px; }
.add-new-link__divider {
  margin-bottom: 15px;
  overflow: hidden;
  text-align: center; }
  .add-new-link__divider span {
    color: #929fa9;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    padding: 0 15px;
    position: relative; }
    .add-new-link__divider span:after, .add-new-link__divider span:before {
      background-color: rgba(146, 159, 169, 0.4);
      content: "";
      height: 1px;
      position: absolute;
      top: 50%; }
    .add-new-link__divider span:after {
      left: -250%;
      right: 100%; }
    .add-new-link__divider span:before {
      left: 100%;
      right: -250%; }

.list-group .b-goal-item.list-group-item .list-item-wrapper .btn-icon-nested,
.list-group .b-announcement-item.list-group-item .list-item-wrapper .btn-icon-nested {
  display: none; }

.profile-index-page .list-group .b-goal-item.list-group-item .list-item-wrapper .btn-icon-nested,
.profile-index-page .list-group .b-announcement-item.list-group-item .list-item-wrapper .btn-icon-nested,
.settings-manage-links-page .list-group .b-goal-item.list-group-item .list-item-wrapper .btn-icon-nested {
  bottom: 2px;
  display: block;
  right: 10px;
  top: auto; }

.fund-modal .btn-icon-nested, .subscriptions-box .btn-icon-nested {
  display: none; }

.b-goal-item-wrap {
  position: relative;
  z-index: 2; }
.b-goal-item-head {
  align-items: center;
  display: flex;
  margin-bottom: 14px;
  position: relative; }
  .fund-modal .b-goal-item-head {
    display: none; }
  .profile-index-page .b-goal-item-head {
    margin-bottom: 0; }
.profile-index-page .b-goal-item .link-navigation {
  position: absolute;
  right: 0;
  top: -5px; }
.b-goal-item .link-online-indicator {
  bottom: 6px;
  display: none;
  left: 6px; }
  .fund-modal .b-goal-item .link-online-indicator, .subscriptions-box .b-goal-item .link-online-indicator {
    display: none; }
.b-goal-item__title {
  color: #263238;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .dark-scheme .b-goal-item__title {
    color: white; }
.b-goal-item .dropdown {
  margin-left: 10px;
  position: relative; }
  .b-goal-item .dropdown > .btn {
    position: relative;
    z-index: 11; }
  .b-goal-item .dropdown .dropdown-menu {
    right: -11px;
    z-index: 1010; }
.b-goal-item__description {
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 5px;
  max-width: 90%;
  position: relative; }
  .b-goal-item__description p.collapse {
    margin: 0;
    padding-bottom: 0;
    transition: all 0.3s ease; }
    .b-goal-item__description p.collapse.in {
      padding-bottom: 3px;
      padding-right: 0; }
  .b-goal-item__description p.collapse[aria-expanded="false"] {
    display: -webkit-box;
    height: 18px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .b-goal-item__description p.collapsing[aria-expanded="false"] {
    height: auto !important; }
  .b-goal-item__description > a.collapsed {
    bottom: 0;
    transition: all 0.3s ease; }
  .b-goal-item__description > a.collapsed:after {
    content: "more"; }
  .b-goal-item__description > a:not(.collapsed):after {
    content: "less"; }
  .fund-modal .b-goal-item__description {
    padding-right: 0; }
.b-goal-item__amount-wrap {
  display: flex;
  flex-wrap: wrap;
  font-size: 17px;
  font-weight: 600;
  justify-content: space-between;
  line-height: 23px;
  margin-bottom: 2px; }
  .b-goal-item__amount-wrap .amount {
    margin-bottom: 2px; }
    .b-goal-item__amount-wrap .amount.m-funded-amount {
      color: #263238; }
      .dark-scheme .b-goal-item__amount-wrap .amount.m-funded-amount {
        color: white; }
    .b-goal-item__amount-wrap .amount.m-goal-amount {
      color: rgba(146, 159, 169, 0.4);
      font-size: 14px; }
.b-goal-item__per {
  color: rgba(146, 159, 169, 0.4);
  display: none;
  font-size: 11px;
  justify-content: space-between; }
.b-goal-item__wrap-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: -2px;
  padding-left: 30px; }
  .own .b-goal-item__wrap-btn {
    padding-right: 30px; }
  .b-goal-item__wrap-btn .btn {
    background-color: transparent;
    border: 1px solid rgba(33, 150, 243, 0.4);
    border-radius: 16px;
    color: #2196f3;
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 2px;
    margin-left: 7px;
    padding: 3px 15px 4px; }
    @media (max-width: 480px) {
      .b-goal-item__wrap-btn .btn {
        font-size: 15px;
        line-height: 21px;
        padding: 3px 6px; } }
    .b-goal-item__wrap-btn .btn:first-child {
      margin-right: 0; }

.b-announcement-item-wrap {
  position: relative;
  z-index: 2; }
.b-announcement-item-head {
  align-items: center;
  display: flex;
  margin-bottom: 14px;
  position: relative; }
  .profile-index-page .b-announcement-item-head {
    margin-bottom: 0; }
.profile-index-page .b-announcement-item .link-navigation {
  position: absolute;
  right: 0;
  top: -5px; }
.b-announcement-item .link-online-indicator {
  bottom: 6px;
  display: none;
  left: 6px; }
.b-announcement-item__title {
  color: #263238;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .dark-scheme .b-announcement-item__title {
    color: white; }
.b-announcement-item .dropdown {
  margin-left: 10px;
  position: relative; }
  .b-announcement-item .dropdown > .btn {
    position: relative;
    z-index: 11; }
  .b-announcement-item .dropdown .dropdown-menu {
    right: -11px;
    z-index: 1010; }
.b-announcement-item__description {
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 5px;
  max-width: 90%;
  position: relative; }
  .b-announcement-item__description p.collapse {
    margin: 0;
    padding-bottom: 0;
    transition: all 0.3s ease; }
    .b-announcement-item__description p.collapse.in {
      padding-bottom: 3px;
      padding-right: 0; }
  .b-announcement-item__description p.collapse[aria-expanded="false"] {
    display: -webkit-box;
    height: 54px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
  .b-announcement-item__description p.collapsing[aria-expanded="false"] {
    height: auto !important; }
  .b-announcement-item__description > a.collapsed {
    bottom: 0;
    transition: all 0.3s ease; }
  .b-announcement-item__description > a.collapsed:after {
    content: "more"; }
  .b-announcement-item__description > a:not(.collapsed):after {
    content: "less"; }

.b-goal__progress-bar {
  background-color: rgba(146, 159, 169, 0.2);
  border-radius: 10px;
  box-shadow: none;
  flex: 1 1 100%;
  height: 8px;
  margin-bottom: 10px;
  min-width: 100%; }
  .b-goal__progress-bar .progress-bar {
    background-color: #2196f3; }

.link-item.can-drag .link-price__container {
  padding-right: 18px; }

/*
* Modal Campaign goal Styles
*/
.b-goals-list {
  margin-bottom: 10px; }
  .b-goals-list.empty {
    margin-bottom: 0; }
  .b-goals-list .list-group-item:first-child,
  .b-goals-list .list-group-item:last-child {
    border-radius: 10px; }

.fund-modal {
  padding-bottom: 20px !important; }
  .fund-modal .list-group-item {
    box-shadow: none;
    padding: 0; }
  .fund-modal .list-item-wrapper {
    border: none;
    padding: 0; }
    .fund-modal .list-item-wrapper:after {
      display: none; }

.list-group .list-group-item:first-child,
.list-group .list-group-item:last-child {
  border-radius: 10px; }

.b-goal-form .control-label {
  font-size: 15px;
  margin-bottom: 10px;
  padding-left: 10px; }
.b-goal-form .form-control {
  position: relative; }
.b-goal-form .funding-amount-field {
  position: relative; }
  .b-goal-form .funding-amount-field:before {
    position: absolute;
    top: 50%;
    left: 8px;
    font-size: 18px;
    font-family: "all-my-links";
    transform: translateY(-50%);
    content: "\e654"; }
.b-goal-form .funding-amount-input {
  padding-left: 32px;
  font-weight: 600; }
.b-goal-form__add-btn {
  position: relative;
  background-color: rgba(146, 159, 169, 0.08);
  border-radius: 10px;
  font-size: 15px;
  line-height: 1.2em;
  margin-bottom: 10px;
  padding: 9px 10px 9px 32px;
  text-align: left;
  width: 100%; }
  .b-goal-form__add-btn:before {
    position: absolute;
    top: 50%;
    left: 8px;
    font-size: 16px;
    font-weight: normal;
    font-family: "all-my-links";
    transform: translateY(-50%);
    content: "\e637"; }
.b-goal-form__bottom-text {
  color: rgba(146, 159, 169, 0.6);
  margin: 0 0 0 10px; }

/*
* Modal Windows Styles
*/
.modal {
  z-index: 1070; }
  @media (max-width: 767px) {
    .modal.fade .modal-dialog {
      transform: translate(0, 0); } }

@media (max-width: 767px) {
  body.modal-open .modal-scrollable {
    overflow: hidden; }
    body.modal-open .modal-scrollable .modal-body {
      padding: 0; }
      body.modal-open .modal-scrollable .modal-body .modal-block__title {
        margin: 0;
        padding: 20px; }
    body.modal-open .modal-scrollable__scroll {
      overflow-y: scroll;
      height: 100vh;
      padding: 10px 10px 100px; } }
.modal-open .modal {
  padding-right: 0 !important; }

.modal-dialog {
  height: auto;
  margin: 70px auto; }
  @media (max-width: 767px) {
    .modal-dialog {
      height: 100%;
      margin: 0; } }
  @media (min-width: 768px) {
    .modal-earnings .modal-dialog {
      width: 680px; } }
  .modal-qr-code .modal-dialog {
    margin: 0;
    width: 100%;
    height: 100%;
    background-color: transparent; }
  .modal-dialog .modal-content {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    background-color: white; }
    .dark-scheme .modal-dialog .modal-content {
      background-color: #263238; }
  @media (max-width: 767px) {
    .modal-dialog .modal-body:after {
      position: absolute;
      left: 0;
      right: 0;
      top: 60px;
      height: 1px;
      content: "";
      background: rgba(124, 139, 150, 0.2); }
      .modal-messages .modal-dialog .modal-body:after, .modal-qr-code .modal-dialog .modal-body:after, .message-index-page .modal-dialog .modal-body:after {
        display: none; } }
  .modal-dialog .modal-content, .modal-dialog .modal-body {
    height: 100%;
    border-radius: 6px;
    border: none; }
    .alert .modal-dialog .modal-content:after,
    .alert .modal-dialog .modal-body:after {
      display: none; }
    .alert .modal-dialog .modal-content,
    .alert .modal-dialog .modal-body {
      height: auto;
      border-radius: 10px; }
    .modal-snapcode .modal-dialog .modal-content, .modal-snapcode .modal-dialog .modal-body {
      height: auto; }
    .modal-links .modal-dialog .modal-content, .modal-edit-link .modal-dialog .modal-content, .modal-links .modal-dialog .modal-body, .modal-edit-link .modal-dialog .modal-body {
      height: auto; }
      @media (max-width: 767px) {
        .modal-links .modal-dialog .modal-content, .modal-edit-link .modal-dialog .modal-content, .modal-links .modal-dialog .modal-body, .modal-edit-link .modal-dialog .modal-body {
          min-height: 100%; } }
    .modal-qr-code .modal-dialog .modal-content, .modal-qr-code .modal-dialog .modal-body {
      padding: 0;
      height: 100%;
      background-color: transparent; }
    @media (max-width: 767px) {
      .modal-dialog .modal-content, .modal-dialog .modal-body {
        border-radius: 0; } }
  .modal-qr-code .modal-dialog .modal-body {
    padding-top: 20px;
    background-color: transparent; }
    @media (min-width: 480px) {
      .modal-qr-code .modal-dialog .modal-body {
        padding-top: 0; } }
  .successfull-pay .modal-dialog .modal-body {
    padding: 25px 60px 15px 20px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
    margin: 0; }
  .modal-dialog .notification-index,
  .modal-dialog .tabs-wrapper {
    max-height: 100%; }
  @media (max-width: 991px) {
    .modal-dialog .tabs-wrapper {
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } }
  .modal-dialog .tab-content {
    margin: 20px 0 0; }
  .modal-dialog .ckeckbox-label {
    margin: -1px 2px 0 0;
    padding-left: 28px; }
    @media (min-width: 768px) {
      .modal-dialog .ckeckbox-label {
        padding-right: 28px; } }
    .modal-dialog .ckeckbox-label > label {
      left: 0;
      right: auto; }
      @media (min-width: 768px) {
        .modal-dialog .ckeckbox-label > label {
          right: 0;
          left: auto; } }
    .modal-dialog .ckeckbox-label .label-title {
      font-weight: 600; }
  .modal-dialog .settings-link {
    position: absolute;
    right: 65px;
    top: 17px;
    transition: all 0.3s ease;
    color: rgba(38, 50, 56, 0.4); }
    @media (max-width: 767px) {
      .modal-dialog .settings-link {
        right: 25px;
        color: #263238; }
        .dark-scheme .modal-dialog .settings-link {
          color: white; } }
    .modal-dialog .settings-link:hover {
      color: #263238; }
      .dark-scheme .modal-dialog .settings-link:hover {
        color: white; }
    .dark-scheme .modal-dialog .settings-link {
      color: rgba(255, 255, 255, 0.3); }
  .modal-dialog .close {
    position: absolute;
    right: 30px;
    top: 25px;
    transition: all 0.3s ease;
    text-shadow: none;
    opacity: 1;
    color: rgba(38, 50, 56, 0.4);
    z-index: 100; }
    .modal-dialog .close.m-profile-tweet {
      right: 20px;
      top: 19px; }
      @media (max-width: 767px) {
        .modal-dialog .close.m-profile-tweet {
          top: 18px;
          left: 18px;
          right: auto; }
          .modal-dialog .close.m-profile-tweet .all-my-icon-i75:before {
            content: "\e64f"; } }
    @media (max-width: 767px) {
      .modal-dialog .close {
        color: #263238; }
        .dark-scheme .modal-dialog .close {
          color: white; } }
    .modal-dialog .close:hover {
      color: #263238; }
      .dark-scheme .modal-dialog .close:hover {
        color: white; }
    .dark-scheme .modal-dialog .close {
      color: rgba(255, 255, 255, 0.3); }
    .alert .modal-dialog .close {
      right: 30px;
      top: 25px; }
    .modal-report-profile .modal-dialog .close,
    .modal-dialog .close .modal-report {
      top: 13px;
      left: 20px;
      right: auto; }
    .modal-notifications .modal-dialog .close, .modal-messages .modal-dialog .close {
      right: 25px;
      top: 17px;
      opacity: 1; }
    .modal-earnings .modal-dialog .close, .modal-payouts .modal-dialog .close {
      right: 24px;
      top: 18px; }
    .modal-verification .modal-dialog .close {
      right: 20px;
      top: 15px; }
    .modal-edit-link .modal-dialog .close {
      right: 25px;
      top: 17px;
      opacity: 1;
      z-index: 10;
      color: rgba(38, 50, 56, 0.5); }
      @media (max-width: 767px) {
        .modal-edit-link .modal-dialog .close {
          right: auto;
          left: 17px;
          top: 17px;
          color: #263238; }
          .modal-edit-link .modal-dialog .close .all-my-icon-i75:before {
            content: "\e64f"; } }
      .modal-edit-link .modal-dialog .close:hover {
        color: #263238; }
        .dark-scheme .modal-edit-link .modal-dialog .close:hover {
          color: white; }
      .dark-scheme .modal-edit-link .modal-dialog .close {
        color: rgba(255, 255, 255, 0.3); }
  .modal-dialog__subtitle {
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    padding: 0 0 10px;
    margin: 0 0 0 15px; }
    .modal-dialog__subtitle.create-title {
      padding: 0 0 10px; }
      @media (min-width: 768px) {
        .modal-dialog__subtitle.create-title {
          padding-bottom: 10px; } }

.modal-verification p.verify-text {
  padding: 10px 0; }
  @media (max-width: 767px) {
    .modal-verification p.verify-text {
      padding-bottom: 0;
      margin-bottom: 40px; } }
.modal-verification .form-group {
  position: relative;
  padding-bottom: 17px;
  margin-bottom: 5px; }
  .modal-verification .form-group label {
    margin-bottom: 10px; }
  .modal-verification .form-group:last-child {
    padding-bottom: 5px; }
  .modal-verification .form-group .help-block {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 11px;
    padding: 0;
    margin: 0;
    color: #f44336; }

.modal-edit-link .modal-body {
  padding: 10px 25px 28px; }
  @media (max-width: 767px) {
    .modal-edit-link .modal-body {
      padding-top: 60px; } }
.modal-edit-link__top-block {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(124, 139, 150, 0.4); }
  .modal-edit-link__top-block button {
    position: relative;
    background: none;
    border: none;
    min-width: 0;
    padding: 0 0 0 30px;
    margin-top: 3px;
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    color: rgba(38, 50, 56, 0.3);
    transition: all 0.3s ease; }
    @media (max-width: 767px) {
      .modal-edit-link__top-block button {
        position: absolute;
        top: 13px;
        padding: 0;
        right: 92px;
        color: #263238; }
        .dark-scheme .modal-edit-link__top-block button {
          color: white; } }
    @media (max-width: 767px) {
      .modal-edit-link__top-block button span {
        display: none; } }
    .dark-scheme .modal-edit-link__top-block button {
      color: rgba(255, 255, 255, 0.3); }
    .modal-edit-link__top-block button.sync-btn {
      display: none; }
      @media (max-width: 767px) {
        .modal-edit-link__top-block button.sync-btn {
          top: 10px; } }
    .modal-edit-link__top-block button:last-child {
      margin: 3px 40px 0 14px; }
      @media (max-width: 767px) {
        .modal-edit-link__top-block button:last-child {
          margin: 0;
          right: 50px; } }
      .modal-edit-link__top-block button:last-child:hover {
        color: #f44336; }
    .modal-edit-link__top-block button i {
      position: absolute;
      left: 0;
      top: 0; }
      .modal-edit-link__top-block button i:before {
        font-size: 24px;
        line-height: 30px; }
    .modal-edit-link__top-block button:hover {
      color: #0086e6; }
.modal-edit-link__title {
  position: relative;
  font-size: 18px;
  line-height: 21px;
  padding: 0 0 0 30px;
  font-weight: 600;
  color: #263238;
  flex: 1 1 auto;
  margin: 8px 0 6px; }
  .modal-edit-link__title small {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px; }
  .modal-source-link-covers .modal-edit-link__title {
    padding-left: 0;
    margin-top: 10px; }
  .modal-title-earnings .modal-edit-link__title {
    padding-left: 0; }
    @media (max-width: 768px) {
      .modal-title-earnings .modal-edit-link__title {
        margin: 0; } }
  @media (max-width: 360px) {
    .modal-edit-link__title {
      flex: 1 1 100%;
      font-size: 15px; } }
  .dark-scheme .modal-edit-link__title {
    color: white; }
  .modal-edit-link__title i {
    position: absolute;
    left: 0;
    top: 0; }
.modal-edit-link .details {
  position: relative;
  min-width: 100%;
  flex: 0 1 100%;
  margin: 0 0 20px; }
  .modal-edit-link .details .form-group {
    margin-bottom: 0; }
.modal-edit-link form {
  display: flex;
  flex-wrap: wrap;
  position: relative; }
  .modal-edit-link form .form-group {
    min-width: 100%;
    flex: 0 1 100%; }
    .modal-edit-link form .form-group.field-link-message {
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .modal-edit-link form .form-group.field-link-message {
          margin-bottom: 30px; } }
    .modal-edit-link form .form-group .input-group .form-control:last-child {
      border-bottom-left-radius: 6px;
      border-top-left-radius: 6px; }
    .modal-edit-link form .form-group.field-link-content {
      padding: 10px 0 0; }
    .modal-edit-link form .form-group.field-link-adult {
      overflow: hidden; }
    .modal-edit-link form .form-group.modal-links__button-group {
      min-width: 0;
      flex: 1 1 100%; }
      @media (min-width: 768px) {
        .modal-edit-link form .form-group.modal-links__button-group {
          text-align: right;
          display: block;
          margin: 0; } }
  .modal-edit-link form .btn.btn-more-details {
    min-width: 0;
    flex: 0 1 auto;
    text-align: left;
    margin: 0 0 15px; }
    @media (min-width: 768px) {
      .modal-edit-link form .btn.btn-more-details {
        margin: 0 0 0 8px;
        position: absolute;
        bottom: 77px; } }
  .modal-edit-link form .form-group.field-link-adult {
    min-width: 50%;
    flex: 1 1 auto;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .modal-edit-link form .form-group.field-link-adult {
        text-align: right; } }
  .modal-edit-link form .form-group.field-link-adult + .details .modal-dialog__subtitle {
    padding: 0 0 10px; }
    @media (min-width: 768px) {
      .modal-edit-link form .form-group.field-link-adult + .details .modal-dialog__subtitle {
        position: absolute;
        top: -35px;
        padding: 0 0 2px; } }

.qr-code-style {
  padding-left: 0 !important; }
  .qr-code-style .modal-dialog {
    margin: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(38, 50, 56, 0.5); }
    @media (max-width: 490px) {
      .qr-code-style .modal-dialog {
        background-color: rgba(38, 50, 56, 0.3); } }
    .qr-code-style .modal-dialog .close {
      right: -50px;
      top: 0;
      background-color: rgba(38, 50, 56, 0.3);
      border-radius: 50%;
      color: white;
      transition: all 0.3s ease;
      width: 36px;
      height: 36px; }
      @media (max-width: 490px) {
        .qr-code-style .modal-dialog .close {
          right: auto;
          left: 15px;
          top: 15px;
          background-color: transparent; }
          .qr-code-style .modal-dialog .close .all-my-icon-i75:before {
            content: "\E64F"; } }
      .qr-code-style .modal-dialog .close i:before {
        font-size: 24px;
        line-height: 36px; }
      .qr-code-style .modal-dialog .close:hover {
        background-color: #263238; }
    .qr-code-style .modal-dialog .modal-content {
      height: 100%;
      box-shadow: none;
      background-color: transparent; }
      .qr-code-style .modal-dialog .modal-content .modal-body {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        width: 360px;
        height: 583px; }
        @media (max-width: 490px) {
          .qr-code-style .modal-dialog .modal-content .modal-body {
            border: none;
            width: 100%;
            height: 100%;
            background-color: transparent;
            border-radius: 0;
            left: 0;
            top: 0;
            transform: translate(0, 0); } }
        .qr-code-style .modal-dialog .modal-content .modal-body:after {
          display: none; }

.top-button {
  display: none;
  position: absolute;
  right: 17px;
  top: 17px;
  background: none;
  padding: 0;
  font-size: 18px;
  line-height: 24px;
  color: #0086e6;
  outline: none;
  border: none; }
  @media (max-width: 767px) {
    .top-button {
      display: block; } }
  .top-button:hover {
    color: #263238; }
    .dark-scheme .top-button:hover {
      color: white; }

.payouts-message {
  font-size: 11px;
  line-height: 14px;
  margin: -10px 0 0 5px;
  color: rgba(34, 43, 50, 0.5); }
  .dark-scheme .payouts-message {
    color: rgba(255, 255, 255, 0.5); }

.payouts-message + .modal-links__button-group,
.details-footer-list + .modal-links__button-group {
  padding-top: 10px; }

.details-footer-list.hidden + .modal-links__button-group {
  padding-top: 0; }

.modal-links .modal-body {
  padding: 13px 70px 35px;
  border-radius: 6px; }
  @media (max-width: 767px) {
    .modal-links .modal-body {
      padding: 13px 15px 20px; } }
  .dark-scheme .modal-links .modal-body {
    background-color: #222b32; }
  @media (max-width: 767px) {
    .modal-links .modal-body {
      border: none; }
      .modal-links .modal-body .link-form {
        padding-top: 0; } }
@media (max-width: 767px) {
  .modal-links .modal-dialog .modal-body:after {
    content: none; } }
.modal-links .modal-content {
  border: none; }
  .dark-scheme .modal-links .modal-content {
    background-color: transparent; }
  @media (max-width: 767px) {
    .dark-scheme .modal-links .modal-content {
      background-color: #222b32; } }
.modal-links .modal-dialog .close {
  right: 23px;
  top: 16px; }
  @media (max-width: 767px) {
    .modal-links .modal-dialog .close {
      right: auto;
      left: 17px;
      top: 17px; }
      .modal-links .modal-dialog .close .all-my-icon-i75:before {
        content: "\e64f"; } }
.modal-links .modal-dialog .tab-content {
  margin: 0; }
.modal-links .details {
  position: relative;
  min-width: 100%;
  height: auto;
  opacity: 1;
  visibility: visible; }
  .modal-links .details.hidden {
    opacity: 0;
    margin: 0;
    height: 0;
    visibility: hidden;
    transition: all 0.3s ease; }
.modal-links__dropdown {
  max-width: 80px; }
.modal-links__dropdown-btn .dropdown-label {
  display: block; }
.modal-links__stripe-saletype-block {
  display: flex;
  width: 100%;
  position: relative; }
  .modal-links__stripe-saletype-block .field-link-cost {
    flex: 0 1 105px;
    max-width: 105px;
    margin-right: 14px;
    padding-top: 26px; }
    .modal-edit-link .modal-links__stripe-saletype-block .field-link-cost {
      flex: 0 1 105px;
      max-width: 105px;
      min-width: 105px; }
    @media (min-width: 768px) {
      .modal-links__stripe-saletype-block .field-link-cost {
        margin-right: 25px; } }
    .modal-links__stripe-saletype-block .field-link-cost .control-label {
      position: absolute;
      left: 0;
      top: -3px;
      white-space: nowrap;
      margin-left: 10px; }
  .modal-links__stripe-saletype-block .field-link-sale_type {
    flex: 1 1 auto;
    margin-top: 0;
    padding-top: 26px; }
    .modal-links__stripe-saletype-block .field-link-sale_type .btn.disabled {
      opacity: 1;
      color: rgba(146, 159, 169, 0.6); }
    .modal-links__stripe-saletype-block .field-link-sale_type .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
      width: 100%; }
    .modal-links__stripe-saletype-block .field-link-sale_type .bootstrap-select .btn.btn-default {
      border-radius: 10px;
      height: 36px;
      line-height: 26px; }
    .modal-links__stripe-saletype-block .field-link-sale_type .bootstrap-select:after {
      top: 50%;
      transform: translateY(-50%); }
    .modal-links__stripe-saletype-block .field-link-sale_type .bootstrap-select.disabled:after {
      color: rgba(146, 159, 169, 0.6); }
    .modal-links__stripe-saletype-block .field-link-sale_type .bootstrap-select.disabled .filter-option {
      color: rgba(146, 159, 169, 0.6); }
    .modal-links__stripe-saletype-block .field-link-sale_type .filter-option {
      color: #263238; }
      .dark-scheme .modal-links__stripe-saletype-block .field-link-sale_type .filter-option {
        color: white; }
    .modal-edit-link .modal-links__stripe-saletype-block .field-link-sale_type {
      flex: 1 1 auto;
      min-width: 0; }
    .modal-links__stripe-saletype-block .field-link-sale_type.activated {
      cursor: pointer; }
      .modal-links__stripe-saletype-block .field-link-sale_type.activated > div .radio {
        pointer-events: auto; }
        .modal-links__stripe-saletype-block .field-link-sale_type.activated > div .radio > label label.inner-label {
          cursor: pointer; }
          .modal-links__stripe-saletype-block .field-link-sale_type.activated > div .radio > label label.inner-label span i {
            background-color: transparent; }
          .modal-links__stripe-saletype-block .field-link-sale_type.activated > div .radio > label label.inner-label span strong {
            color: #222b32; }
            .dark-scheme .modal-links__stripe-saletype-block .field-link-sale_type.activated > div .radio > label label.inner-label span strong {
              color: white; }
          .modal-links__stripe-saletype-block .field-link-sale_type.activated > div .radio > label label.inner-label input[type="radio"]:checked + span strong {
            color: white; }
            .dark-scheme .modal-links__stripe-saletype-block .field-link-sale_type.activated > div .radio > label label.inner-label input[type="radio"]:checked + span strong {
              color: white; }
    .modal-links__stripe-saletype-block .field-link-sale_type > div {
      display: flex;
      border-radius: 6px; }
      .modal-links__stripe-saletype-block .field-link-sale_type > div .radio {
        flex: 0 1 50%;
        max-width: 50%;
        background-color: rgba(124, 139, 150, 0.1);
        color: #222b32;
        text-align: center;
        pointer-events: none; }
        .dark-scheme .modal-links__stripe-saletype-block .field-link-sale_type > div .radio {
          color: white; }
        .modal-links__stripe-saletype-block .field-link-sale_type > div .radio > label {
          display: flex;
          position: relative; }
          .modal-links__stripe-saletype-block .field-link-sale_type > div .radio > label label.inner-label {
            position: static;
            width: 100%;
            min-width: 0;
            margin: 0;
            height: 30px;
            cursor: not-allowed; }
            .modal-links__stripe-saletype-block .field-link-sale_type > div .radio > label label.inner-label span {
              position: absolute;
              top: 0;
              left: 0;
              bottom: 0;
              right: 0; }
              .modal-links__stripe-saletype-block .field-link-sale_type > div .radio > label label.inner-label span strong {
                position: relative;
                display: block;
                padding: 0 3px;
                font-weight: normal;
                z-index: 2;
                font-size: 11px;
                line-height: 30px;
                color: rgba(34, 43, 50, 0.3);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
                .dark-scheme .modal-links__stripe-saletype-block .field-link-sale_type > div .radio > label label.inner-label span strong {
                  color: rgba(255, 255, 255, 0.3); }
              .modal-links__stripe-saletype-block .field-link-sale_type > div .radio > label label.inner-label span i {
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                width: 100%;
                height: 30px;
                z-index: 1;
                left: 0;
                top: 0;
                transform: translate(0, 0); }
            .modal-links__stripe-saletype-block .field-link-sale_type > div .radio > label label.inner-label input[type="radio"]:checked + span strong {
              color: rgba(34, 43, 50, 0.3);
              font-weight: 600; }
              .dark-scheme .modal-links__stripe-saletype-block .field-link-sale_type > div .radio > label label.inner-label input[type="radio"]:checked + span strong {
                color: rgba(255, 255, 255, 0.3); }
            .modal-links__stripe-saletype-block .field-link-sale_type > div .radio > label label.inner-label input[type="radio"]:checked + span i {
              background-color: transparent; }
.modal-links__footer {
  display: flex; }
.modal-links__footer-list {
  position: relative;
  bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0 0;
  margin-bottom: 15px;
  min-height: 88px; }
  .modal-edit-link .modal-links__footer-list {
    bottom: 36px; }
    @media (min-width: 768px) {
      .modal-edit-link .modal-links__footer-list {
        bottom: -15px; } }
  .details-footer-list .modal-links__footer-list {
    position: absolute;
    bottom: -78px;
    left: 0; }
    @media (min-width: 768px) {
      .details-footer-list .modal-links__footer-list {
        position: absolute;
        bottom: -81px;
        left: 0; } }
  .modal-links__footer-list .file-input {
    display: none; }
  .modal-links__footer-list label {
    margin: 0;
    font-size: 13px;
    flex-direction: column;
    text-align: center;
    display: flex;
    font-weight: 400; }
  .modal-links__footer-list .cover-preview-wrapper {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    margin-right: 25px;
    margin-left: 15px; }
    .modal-links__footer-list .cover-preview-wrapper.icon_swap.only_logo .avatar-links {
      display: none; }
    .modal-links__footer-list .cover-preview-wrapper.icon_swap .avatar-links {
      width: 20px;
      height: 20px;
      bottom: 0;
      position: absolute;
      min-width: 20px;
      right: -5px;
      z-index: 10; }
    .modal-links__footer-list .cover-preview-wrapper.icon_swap .site-logo {
      position: absolute;
      top: 0;
      left: 0;
      right: auto;
      width: 48px;
      height: 48px; }
    .modal-links__footer-list .cover-preview-wrapper .avatar-links {
      border-radius: 50%; }
    .modal-links__footer-list .cover-preview-wrapper .site-logo {
      border-radius: 50%; }
  .modal-links__footer-list .field-link-icon_swap {
    margin: 0; }
    .modal-links__footer-list .field-link-icon_swap .checkbox {
      margin: 0;
      padding-top: 0;
      text-align: center;
      width: 48px;
      height: 48px;
      position: relative; }
      .modal-links__footer-list .field-link-icon_swap .checkbox label {
        margin: 0; }
        .modal-links__footer-list .field-link-icon_swap .checkbox label > label {
          left: 50%;
          margin-left: -9px; }
      .modal-links__footer-list .field-link-icon_swap .checkbox .control-label {
        position: absolute;
        top: 6px;
        left: 50%;
        margin-left: -9px; }
      .modal-links__footer-list .field-link-icon_swap .checkbox .label-title {
        order: 1;
        font-size: 13px;
        line-height: 18px;
        color: rgba(146, 159, 169, 0.6);
        text-align: center;
        position: absolute;
        top: calc(100% - 21px);
        left: -15px;
        right: -15px; }
.modal-links__preview {
  border: 1px solid #9ba9bd;
  border-radius: 3px;
  padding: 6px 9px 4px;
  background: #edf8ff;}
  .modal-links__preview .cover {
    padding-left: 10px;
    display: inline-block;}
  .modal-links__preview .cover img {
    width: 48px;
    height: 48px;
    border-radius: 50%;}
  .modal-links__preview .description {
    padding-left: 10px;
    display: inline-block;}
  .modal-links__preview .description .title {
    font-size: 13px;}
  .modal-links__preview .description .url {
    font-size: 11px;
    color: blue;
    display: block;}
.modal-links__preview_buttons {
  text-align: right;
  margin-top: 15px;}
  .modal-links__preview_buttons button {
    margin-left: 10px;}
.modal-links__icon {
  padding: 0;
  color: rgba(146, 159, 169, 0.6); }
  .modal-links__icon.avatar-btn img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 20px; }
  .modal-links__icon.custom-image-btn img {
    margin-right: 35px; }
  .modal-links__icon span,
  .modal-links__icon i {
    transition: color .3s; }
  .modal-links__icon:hover span {
    color: #263238; }
    .dark-scheme .modal-links__icon:hover span {
      color: white; }
  .modal-links__icon.active span {
    color: #263238; }
    .dark-scheme .modal-links__icon.active span {
      color: white; }
.modal-links .field-link-type {
  padding-bottom: 15px; }
  .modal-links .field-link-type .control-label {
    display: block;
    padding-left: 10px; }
  .modal-links .field-link-type .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%; }
  .modal-links .field-link-type .bootstrap-select .btn.btn-default {
    color: #263238; }
    .dark-scheme .modal-links .field-link-type .bootstrap-select .btn.btn-default {
      color: white; }
  .modal-links .field-link-type .bootstrap-select .dropdown-toggle {
    height: 36px;
    line-height: 25px;
    border-radius: 10px; }
.modal-links__icon {
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
  color: rgba(34, 43, 50, 0.4);
  max-width: 80px;
  min-width: 80px; }
  @media (max-width: 767px) {
    .modal-links__icon {
      max-width: 70px;
      min-width: 70px; } }
  .modal-links__icon.toggle-display-mode-btn {
    max-width: 90px; }
  .modal-links__icon:hover {
    color: #263238; }
    .dark-scheme .modal-links__icon:hover {
      color: white; }
  .dark-scheme .modal-links__icon {
    color: rgba(255, 255, 255, 0.4); }
  .modal-links__icon.avatar-btn img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 0 auto; }
.modal-links .hidden + .modal-links__button-group {
  margin-top: 0; }
.modal-links__button-group {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  margin: 70px -7px 0; }
  @media (min-width: 768px) {
    .modal-links__button-group {
      margin: 0 -7px; } }
  .modal-links__button-group .btn {
    margin: 0 7px;
    flex: 1 1 auto; }
    @media (min-width: 768px) {
      .modal-links__button-group .btn {
        min-width: 0;
        margin: 0 0 0 15px; } }
.modal-links .help-block {
  position: absolute;
  left: 0;
  bottom: 0; }
.modal-links form > .form-group {
  min-width: 100%;
  flex: 0 1 100%; }
  .modal-links form > .form-group.field-link-type {
    margin: 0; }
  .modal-links form > .form-group.modal-links__button-group {
    min-width: 0;
    flex: 1 1 100%; }
    @media (min-width: 768px) {
      .modal-links form > .form-group.modal-links__button-group {
        text-align: right;
        display: block;
        margin: 0; } }
  .modal-links form > .form-group.form-group-middle {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0; }
  .modal-links form > .form-group.field-link-content {
    padding: 0;
    margin-top: 10px; }
  .modal-links form > .form-group.field-link-adult .ckeckbox-label {
    margin: -1px 2px 0 0; }
  .modal-links form > .form-group.field-link-message {
    margin-bottom: 10px; }
  .modal-links form > .form-group.field-link-featured, .modal-links form > .form-group.field-goal-featured {
    padding-left: 16px; }
    .modal-links form > .form-group.field-link-featured .checkbox, .modal-links form > .form-group.field-goal-featured .checkbox {
      display: flex;
      margin: 0; }
      .modal-links form > .form-group.field-link-featured .checkbox label, .modal-links form > .form-group.field-goal-featured .checkbox label {
        margin: 0; }
      .modal-links form > .form-group.field-link-featured .checkbox .label-title, .modal-links form > .form-group.field-goal-featured .checkbox .label-title {
        padding-left: 12px; }
.modal-links form .btn.btn-more-details {
  min-width: 0;
  flex: 0 1 auto;
  text-align: left;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .modal-links form .btn.btn-more-details {
      margin: -5px 0 5px 8px; } }
.modal-links form .form-group.field-link-adult {
  min-width: 100%;
  flex: 1 1 100%;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .modal-links form .form-group.field-link-adult {
      min-width: 50%;
      flex: 1 1 auto;
      text-align: right;
      order: 1; } }
.modal-links form .form-group.field-link-adult + .details .modal-dialog__subtitle {
  padding: 0 0 10px; }
  @media (min-width: 768px) {
    .modal-links form .form-group.field-link-adult + .details .modal-dialog__subtitle {
      position: absolute;
      top: -35px;
      padding: 0 0 2px; } }

.link-form .field-link-cost .input-group {
  display: block;
  height: 30px;
  background-color: transparent; }
  .link-form .field-link-cost .input-group .form-control {
    padding-left: 28px;
    font-weight: 600; }
    .link-form .field-link-cost .input-group .form-control:last-child {
      border-bottom-left-radius: 6px;
      border-top-left-radius: 6px; }
  .link-form .field-link-cost .input-group input[type=number]::-webkit-inner-spin-button,
  .link-form .field-link-cost .input-group input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .link-form .field-link-cost .input-group .input-group-addon {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    padding: 1px 0 0 6px;
    width: 30px;
    height: 36px;
    line-height: 36px;
    background-color: transparent;
    color: rgba(146, 159, 169, 0.6); }
    .dark-scheme .link-form .field-link-cost .input-group .input-group-addon {
      color: rgba(255, 255, 255, 0.6); }
    .link-form .field-link-cost .input-group .input-group-addon [class^="all-my-icon-"]:before {
      font-size: 18px; }
.link-form label.control-label {
  font-size: 15px;
  margin-bottom: 10px; }
  .link-form label.control-label.help-block-error {
    background: #f44336; }
    .link-form label.control-label.help-block-error:after {
      border-top-color: #f44336; }
  .link-form label.control-label:after {
    content: none; }
.link-form__small-text {
  display: block;
  font-size: 11px;
  line-height: 28px;
  font-weight: 600;
  color: rgba(38, 50, 56, 0.4); }
  .dark-scheme .link-form__small-text {
    color: rgba(255, 255, 255, 0.4); }
.link-form .modal-label {
  position: relative;
  order: 2; }
  .link-form .modal-label-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px; }
    .link-form .modal-label-wrapper .checkbox {
      display: flex;
      align-items: center;
      margin: 0; }
      .link-form .modal-label-wrapper .checkbox p,
      .link-form .modal-label-wrapper .checkbox label {
        margin: 0; }
      .link-form .modal-label-wrapper .checkbox p {
        order: 1;
        margin-right: 5px;
        font-size: 13px;
        color: rgba(146, 159, 169, 0.6); }
    .link-form .modal-label-wrapper .modal-dialog__subtitle.create-title {
      padding-bottom: 0; }
.link-form input[type="text"] {
  height: 36px;
  padding: 0 10px;
  border-radius: 10px; }
.link-form .input-group .form-control {
  height: 36px; }
.link-form .modal-dialog__subtitle.create-cover {
  padding: 0; }
.link-form .field-link-message {
  margin-bottom: 5px; }
  .link-form .field-link-message label {
    color: rgba(146, 159, 169, 0.6);
    margin-left: 10px; }
  .link-form .field-link-message textarea {
    resize: none;
    height: 50px;
    padding: 10px; }
.link-form .priced .field-link-message label {
  color: #263238; }
  .dark-scheme .link-form .priced .field-link-message label {
    color: white; }
.link-form .will-reply {
  color: rgba(146, 159, 169, 0.6);
  margin: 0 0 0 10px; }
.link-form form .field-link-content {
  position: relative; }
  /*.link-form form .field-link-content input[type='text'] {*/
  /*  padding-left: 40px; }*/
/*  .link-form form .field-link-content:before {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 6px;*/
/*    font-size: 24px;*/
/*    font-family: 'all-my-links';*/
/*    transform: translateY(-50%); }*/
/*.link-form .type-link .field-link-content:before {*/
/*  content: '\e676'; }*/
/*.link-form .type-email .field-link-content:before {*/
/*  content: '\e644'; }*/
/*.link-form .type-snapcode .field-link-content:before {*/
/*  content: '\e880'; }*/
/*.link-form .type-other .field-link-content:before {*/
/*  content: '\e679'; }*/
/*.link-form .type-phone .field-link-content:before {*/
/*  content: '\e677'; }*/

.search__hovering {
  position: relative; }

.hints {
  position: absolute;
  text-align: left;
  left: 0;
  right: 0;
  top: 42px;
  color: white; }
  .dark-scheme .hints {
    color: #263238; }
  .hints > div {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background: white;
    padding: 20px 15px; }
    .dark-scheme .hints > div {
      background: #263238;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); }
    .hints > div:after {
      position: absolute;
      top: -8px;
      left: 50%;
      margin-left: -8px;
      content: "";
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid white; }
      .dark-scheme .hints > div:after {
        border-bottom-color: #263238; }
    .hints > div .btn {
      min-width: 0; }
    .hints > div .btn-link {
      font-size: 14px;
      line-height: 20px; }
      .hints > div .btn-link span {
        color: #263238; }
      .hints > div .btn-link:hover {
        color: #263238; }
        .hints > div .btn-link:hover span {
          color: #263238; }
          .dark-scheme .hints > div .btn-link:hover span {
            color: white; }
        .dark-scheme .hints > div .btn-link:hover {
          color: white; }

.modal-links .popup-header {
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    .modal-links .popup-header {
      margin-bottom: 10px; } }
  .modal-links .popup-header__title {
    font-size: 17px;
    color: #263238;
    font-weight: 600; }
    .dark-scheme .modal-links .popup-header__title {
      color: white; }
    @media (max-width: 767px) {
      .modal-links .popup-header__title {
        padding-left: 45px;
        margin-bottom: 0; } }
  .modal-links .popup-header .close {
    top: 13px;
    left: 20px;
    right: auto; }
  .modal-links .popup-header__save-btn {
    position: absolute;
    top: 15px;
    right: 20px; }
    .modal-links .popup-header__save-btn button {
      background-color: transparent;
      font-size: 17px;
      font-weight: 600;
      padding: 0; }
      .modal-links .popup-header__save-btn button:disabled {
        color: #929fa9; }
        .dark-scheme .modal-links .popup-header__save-btn button:disabled {
          color: #929fa9; }
      .modal-links .popup-header__save-btn button:hover {
        background-color: transparent;
        color: #929fa9; }
.modal-links .profile-report .popup-header {
  margin-bottom: 44px; }
  @media (max-width: 767px) {
    .modal-links .profile-report .popup-header {
      margin-bottom: 21px; } }
.modal-links .profile-report__description {
  color: rgba(146, 159, 169, 0.6);
  font-size: 15px;
  margin-bottom: 50px; }
  @media (max-width: 767px) {
    .modal-links .profile-report__description {
      font-size: 13px;
      margin-bottom: 25px; } }
.modal-links .add-new-link,
.modal-links .profile-report {
  text-align: center; }
  @media (max-width: 767px) {
    .modal-links .add-new-link .popup-header__title,
    .modal-links .profile-report .popup-header__title {
      padding-left: 0; } }
  .modal-links .add-new-link__title,
  .modal-links .profile-report__title {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #929fa9; }
    @media (max-width: 767px) {
      .modal-links .add-new-link__title,
      .modal-links .profile-report__title {
        font-size: 15px; } }
  .modal-links .add-new-link .popup-header,
  .modal-links .profile-report .popup-header {
    font-size: 13px;
    line-height: 18px;
    color: #929fa9;
    margin-bottom: 14px; }
  .modal-links .add-new-link input[type="text"],
  .modal-links .profile-report input[type="text"] {
    border-radius: 20px; }
  .modal-links .add-new-link .field-link-content,
  .modal-links .profile-report .field-link-content {
    margin-bottom: 25px; }
    .modal-links .add-new-link .field-link-content input[type="text"],
    .modal-links .profile-report .field-link-content input[type="text"] {
      padding: 0 20px; }

  .modal-links .add-new-link__buttons.nav-tabs {
    padding-left: 0;
    margin-left: -70px;
    margin-right: -70px;
    border-bottom-color: rgb(0 0 0 / 10%);
    display: flex;
    justify-content: space-around;
  }

  .add-new-link__content .payments-campaign-buttons {
    text-align: center;
  }

  .add-new-link__content .payments-setup-instruction {
    background: #e0e0e0;
    border: 1px solid gray;
    margin: 20px 10px 0 10px;
    padding: 10px;
  }

  .add-new-link__content .long-button {
    width: 100%;
    display: block;
    margin: 5px;
  }

  .add-new-link__content .info-btn {
    color: #000;
    background: rgb(239, 239, 239);
  }

  .add-new-link__content .info-btn:hover {
    background: #ffffff;
  }

  .add-new-link__buttons > .add-new-link__button-wrap > .add-new-link__button {
    background-color: transparent;
    display: inline-flex;
    align-content: center;
    align-items: center;
    /*color: rgba(146, 159, 169, 1);*/
    /*color: rgba(146, 159, 169, 0.4);*/
    cursor: pointer;
    padding: 13px 6px;
  }

  .add-new-link__content .btn-secondary:hover {
    color: black;
  }

  .add-new-link__buttons > .add-new-link__button-wrap > .add-new-link__button:hover {
    color: #263238;
  }

  .add-new-link__button-wrap.active .add-new-link__button:not([disabled]),
  .add-new-link__button-wrap.active .add-new-link__button:not([disabled]):hover {
    /*color: #2196F3;*/
  }

  .add-new-link__button[disabled]:hover {
    color: rgba(146, 159, 169, 0.4);
  }

  @media (min-width: 640px) {
    .add-new-link__button [class^="all-my-icon-"],
    .add-new-link__button [class*=" all-my-icon-"] {
      margin-right: 5px;
    }
  }

  .add-new-link__buttons .fas, .add-new-link__buttons .fa-solid {
    margin-right: 5px;
  }

  @media (max-width: 639px) {
    .add-new-link__button__text {
      display: none;
    }
  }

  .modal-links .add-new-link__content .add-new-link__buttons {
    display: flex;
    flex-wrap: wrap;
    margin-left: -34px;
    margin-right: -34px;
  }

  .modal-links .add-new-link__content .add-new-link__button-wrap {
    flex: 0 0 29%;
    margin-left: 2%;
    margin-right: 2%;
    text-align: center;
  }

  .modal-links .add-new-link__content .add-new-link__button-wrap .add-new-link__button {
    flex-direction: column;
    flex: 1;
    font-size: 14px;
  }

  .modal-links .add-new-link__content .add-new-link__button-wrap .add-new-link__button[disabled] {
    pointer-events: none;
    opacity: .5;
  }

  .modal-links .add-new-link__content .add-new-link__button-wrap .add-new-link__button [class^="all-my-icon-"],
  .modal-links .add-new-link__content .add-new-link__button-wrap .add-new-link__button [class*=" all-my-icon-"] {
    margin: 0 auto;
  }

  .modal-links .add-new-link__content .add-new-link__button-wrap .add-new-link__button [class^="all-my-icon-"]:before,
  .modal-links .add-new-link__content .add-new-link__button-wrap .add-new-link__button [class*=" all-my-icon-"]:before {
    width: auto;
    font-size: 40px;
  }

  .modal-links .add-new-link__content .add-new-link__logo {
    width: 40px;
    height: 40px;
  }

  .modal-links .profile-report__buttons {
    padding-left: 10px; }
  .modal-links .add-new-link button,
  .modal-links .profile-report button {
    background-color: transparent; }
    .modal-links .add-new-link button.add-new-link__button, .modal-links .profile-report button.add-new-link__button {
      display: flex;
      align-items: center;
      font-weight: 400;
      width: 100%;
      cursor: pointer;
      color: #263238;
      padding: 5px 10px; }
      .dark-scheme .modal-links .add-new-link button.add-new-link__button,
      .dark-scheme .modal-links .profile-report button.add-new-link__button {
        color: white; }
      .modal-links .add-new-link button.add-new-link__button:hover, .modal-links .profile-report button.add-new-link__button:hover {
        color: #263238; }
        .dark-scheme .modal-links .add-new-link button.add-new-link__button:hover, .dark-scheme .modal-links .profile-report button.add-new-link__button:hover {
          color: white; }
      .modal-links .add-new-link button.add-new-link__button:after, .modal-links .profile-report button.add-new-link__button:after {
        color: rgba(146, 159, 169, 0.6); }
      .modal-links .add-new-link button.add-new-link__button.active, .modal-links .profile-report button.add-new-link__button.active {
        color: #263238;
        font-weight: 800; }
        .modal-links .add-new-link button.add-new-link__button.active i, .modal-links .profile-report button.add-new-link__button.active i {
          font-weight: 400; }
        .modal-links .add-new-link button.add-new-link__button.active:hover, .modal-links .profile-report button.add-new-link__button.active:hover {
          color: #263238; }
          .dark-scheme .modal-links .add-new-link button.add-new-link__button.active:hover, .dark-scheme .modal-links .profile-report button.add-new-link__button.active:hover {
            color: white; }
        .dark-scheme .modal-links .add-new-link button.add-new-link__button.active, .dark-scheme .modal-links .profile-report button.add-new-link__button.active {
          color: white; }
        .modal-links .add-new-link button.add-new-link__button.active:disabled, .modal-links .profile-report button.add-new-link__button.active:disabled {
          color: #263238; }
          .dark-scheme .modal-links .add-new-link button.add-new-link__button.active:disabled, .dark-scheme .modal-links .profile-report button.add-new-link__button.active:disabled {
            color: white; }
          .modal-links .add-new-link button.add-new-link__button.active:disabled:hover, .modal-links .profile-report button.add-new-link__button.active:disabled:hover {
            color: #263238; }
            .dark-scheme .modal-links .add-new-link button.add-new-link__button.active:disabled:hover, .dark-scheme .modal-links .profile-report button.add-new-link__button.active:disabled:hover {
              color: white; }
      .modal-links .add-new-link button.add-new-link__button:disabled, .modal-links .profile-report button.add-new-link__button:disabled {
        color: #929fa9; }
        .modal-links .add-new-link button.add-new-link__button:disabled:hover, .modal-links .profile-report button.add-new-link__button:disabled:hover {
          color: #929fa9; }
        .modal-links .add-new-link button.add-new-link__button:disabled i, .modal-links .profile-report button.add-new-link__button:disabled i {
          color: rgba(146, 159, 169, 0.6); }
        .modal-links .add-new-link button.add-new-link__button:disabled:after, .modal-links .profile-report button.add-new-link__button:disabled:after {
          color: rgba(146, 159, 169, 0.6); }
      .modal-links .add-new-link button.add-new-link__button:after, .modal-links .profile-report button.add-new-link__button:after {
        content: "\e617";
        font-family: "all-my-links";
        position: absolute;
        top: 6px;
        right: 10px;
        font-size: 24px;
        line-height: 24px;
        transition: color .3s; }
      .modal-links .add-new-link button.add-new-link__button i, .modal-links .profile-report button.add-new-link__button i {
        margin-right: 15px;
        color: rgba(146, 159, 169, 0.6); }
  .modal-links .add-new-link__button-wrap,
  .modal-links .profile-report__button-wrap {
    position: relative;
    display: flex;
    align-items: center;
  }

  .modal-links .profile-report__button-wrap {
    margin-bottom: 15px;
  }

.profile-report__title {
  font-size: 17px;
  color: #263238;
  font-weight: 600;
  text-align: center;
  padding-bottom: 10px; }
  .dark-scheme .profile-report__title {
    color: white; }
.profile-report__info {
  overflow: hidden;
  padding-bottom: 15px; }
  .profile-report__info-thumbnail {
    float: left;
    width: 60px;
    border-radius: 60px;
    margin: 0 15px 0 0; }
    .profile-report__info-thumbnail img {
      width: 100%;
      border-radius: 60px; }

.bootbox .modal-dialog {
  width: 340px; }
  @media (max-width: 767px) {
    .bootbox .modal-dialog .modal-content, .bootbox .modal-dialog .modal-body {
      height: auto;
      border-radius: 6px; } }
  @media (max-width: 767px) {
    .bootbox .modal-dialog .modal-body:after {
      display: none; } }
  @media (max-width: 767px) {
    .bootbox .modal-dialog {
      height: auto;
      margin: 70px auto; } }
  @media (max-width: 400px) {
    .bootbox .modal-dialog {
      width: 300px; } }
  .bootbox .modal-dialog .close {
    right: 20px;
    top: 13px;
    font-size: 35px;
    display: none; }
  .bootbox .modal-dialog .bootbox-body {
    font-size: 17px;
    line-height: 24px;
    font-weight: 700;
    padding: 13px 0 0; }
  .bootbox .modal-dialog .modal-footer {
    border: none;
    padding-bottom: 20px; }
    .bootbox .modal-dialog .modal-footer .btn {
      background-color: transparent;
      padding: 0;
      font-size: 16px;
      line-height: 24px;
      color: #0086e6;
      border-radius: 0;
      margin-left: 20px; }
      .bootbox .modal-dialog .modal-footer .btn:hover {
        color: #0086e6; }

.modal-source-link-covers .modal-dialog .modal-body {
  padding-bottom: 25px; }
.modal-source-link-covers-name {
  display: block;
  padding-top: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #263238; }
  .dark-scheme .modal-source-link-covers-name {
    color: white; }
.modal-source-link-covers-username {
  font-size: 15px;
  line-height: 20px;
  color: #929fa9; }

.modal-links .help-block,
.modal-edit-link .help-block {
  display: none; }
.modal-links #add-url .help-block,
.modal-links #add-email .help-block,
.modal-links #update-link .help-block,
.modal-links #goal-form .help-block,
.modal-edit-link #add-url .help-block,
.modal-edit-link #add-email .help-block,
.modal-edit-link #update-link .help-block,
.modal-edit-link #goal-form .help-block {
  position: absolute;
  left: 0;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 5px 3px;
  color: white;
  background: #263238;
  border-radius: 2px;
  z-index: 100; }
  .modal-links #add-url .help-block.help-block-error,
  .modal-links #add-email .help-block.help-block-error,
  .modal-links #update-link .help-block.help-block-error,
  .modal-links #goal-form .help-block.help-block-error,
  .modal-edit-link #add-url .help-block.help-block-error,
  .modal-edit-link #add-email .help-block.help-block-error,
  .modal-edit-link #update-link .help-block.help-block-error,
  .modal-edit-link #goal-form .help-block.help-block-error {
    background: #f44336; }
    .modal-links #add-url .help-block.help-block-error:after, .modal-links #add-email .help-block.help-block-error:after, .modal-links #update-link .help-block.help-block-error:after, .modal-links #goal-form .help-block.help-block-error:after, .modal-edit-link #add-url .help-block.help-block-error:after,
    .modal-edit-link #add-email .help-block.help-block-error:after,
    .modal-edit-link #update-link .help-block.help-block-error:after,
    .modal-edit-link #goal-form .help-block.help-block-error:after {
      border-top-color: #f44336; }
      .dark-scheme .modal-links #add-url .help-block.help-block-error:after,
      .dark-scheme .modal-links #add-email .help-block.help-block-error:after,
      .dark-scheme .modal-links #update-link .help-block.help-block-error:after,
      .dark-scheme .modal-links #goal-form .help-block.help-block-error:after,
      .dark-scheme .modal-edit-link #add-url .help-block.help-block-error:after,
      .dark-scheme
      .modal-edit-link #add-email .help-block.help-block-error:after,
      .dark-scheme
      .modal-edit-link #update-link .help-block.help-block-error:after,
      .dark-scheme
      .modal-edit-link #goal-form .help-block.help-block-error:after {
        border-top-color: #f44336; }
  .modal-links #add-url .help-block:after, .modal-links #add-email .help-block:after, .modal-links #update-link .help-block:after, .modal-links #goal-form .help-block:after, .modal-edit-link #add-url .help-block:after,
  .modal-edit-link #add-email .help-block:after,
  .modal-edit-link #update-link .help-block:after,
  .modal-edit-link #goal-form .help-block:after {
    position: absolute;
    bottom: -4px;
    left: auto;
    right: 10px;
    margin-left: 6px;
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #263238; }
    .dark-scheme .modal-links #add-url .help-block:after,
    .dark-scheme .modal-links #add-email .help-block:after,
    .dark-scheme .modal-links #update-link .help-block:after,
    .dark-scheme .modal-links #goal-form .help-block:after,
    .dark-scheme .modal-edit-link #add-url .help-block:after,
    .dark-scheme
    .modal-edit-link #add-email .help-block:after,
    .dark-scheme
    .modal-edit-link #update-link .help-block:after,
    .dark-scheme
    .modal-edit-link #goal-form .help-block:after {
      border-top-color: white; }
    @media (min-width: 768px) {
      .modal-links #add-url .help-block:after, .modal-links #add-email .help-block:after, .modal-links #update-link .help-block:after, .modal-links #goal-form .help-block:after, .modal-edit-link #add-url .help-block:after,
      .modal-edit-link #add-email .help-block:after,
      .modal-edit-link #update-link .help-block:after,
      .modal-edit-link #goal-form .help-block:after {
        left: 0;
        right: auto; } }
.modal-links #add-url .form-group,
.modal-links #add-email .form-group,
.modal-links #update-link .form-group,
.modal-links #goal-form .form-group,
.modal-edit-link #add-url .form-group,
.modal-edit-link #add-email .form-group,
.modal-edit-link #update-link .form-group,
.modal-edit-link #goal-form .form-group {
  position: relative; }
  .modal-links #add-url .form-group .help-block.help-block-error,
  .modal-links #add-email .form-group .help-block.help-block-error,
  .modal-links #update-link .form-group .help-block.help-block-error,
  .modal-links #goal-form .form-group .help-block.help-block-error,
  .modal-edit-link #add-url .form-group .help-block.help-block-error,
  .modal-edit-link #add-email .form-group .help-block.help-block-error,
  .modal-edit-link #update-link .form-group .help-block.help-block-error,
  .modal-edit-link #goal-form .form-group .help-block.help-block-error {
    font-size: 11px;
    line-height: 16px; }
@media (min-width: 768px) {
  .modal-links #add-url .has-error.field-link-content .help-block.help-block-error,
  .modal-links #add-email .has-error.field-link-content .help-block.help-block-error,
  .modal-links #update-link .has-error.field-link-content .help-block.help-block-error,
  .modal-links #goal-form .has-error.field-link-content .help-block.help-block-error,
  .modal-edit-link #add-url .has-error.field-link-content .help-block.help-block-error,
  .modal-edit-link #add-email .has-error.field-link-content .help-block.help-block-error,
  .modal-edit-link #update-link .has-error.field-link-content .help-block.help-block-error,
  .modal-edit-link #goal-form .has-error.field-link-content .help-block.help-block-error {
    top: -24px; } }
.modal-links #add-url .has-error .help-block.help-block-error,
.modal-links #add-email .has-error .help-block.help-block-error,
.modal-links #update-link .has-error .help-block.help-block-error,
.modal-links #goal-form .has-error .help-block.help-block-error,
.modal-edit-link #add-url .has-error .help-block.help-block-error,
.modal-edit-link #add-email .has-error .help-block.help-block-error,
.modal-edit-link #update-link .has-error .help-block.help-block-error,
.modal-edit-link #goal-form .has-error .help-block.help-block-error {
  display: block;
  top: -21px;
  left: auto;
  right: 6px;
  bottom: auto; }
  @media (min-width: 768px) {
    .modal-links #add-url .has-error .help-block.help-block-error,
    .modal-links #add-email .has-error .help-block.help-block-error,
    .modal-links #update-link .has-error .help-block.help-block-error,
    .modal-links #goal-form .has-error .help-block.help-block-error,
    .modal-edit-link #add-url .has-error .help-block.help-block-error,
    .modal-edit-link #add-email .has-error .help-block.help-block-error,
    .modal-edit-link #update-link .has-error .help-block.help-block-error,
    .modal-edit-link #goal-form .has-error .help-block.help-block-error {
      top: -8px;
      left: 1%;
      right: auto;
      bottom: auto; } }
.modal-links #add-url .has-error.field-link-cost .help-block.help-block-error,
.modal-links #add-email .has-error.field-link-cost .help-block.help-block-error,
.modal-links #update-link .has-error.field-link-cost .help-block.help-block-error,
.modal-links #goal-form .has-error.field-link-cost .help-block.help-block-error,
.modal-edit-link #add-url .has-error.field-link-cost .help-block.help-block-error,
.modal-edit-link #add-email .has-error.field-link-cost .help-block.help-block-error,
.modal-edit-link #update-link .has-error.field-link-cost .help-block.help-block-error,
.modal-edit-link #goal-form .has-error.field-link-cost .help-block.help-block-error {
  top: -58px; }
.modal-links #add-url .has-error.field-link-title .help-block.help-block-error, .modal-links #add-url .has-error.funding-amount-field .help-block.help-block-error,
.modal-links #add-email .has-error.field-link-title .help-block.help-block-error,
.modal-links #add-email .has-error.funding-amount-field .help-block.help-block-error,
.modal-links #update-link .has-error.field-link-title .help-block.help-block-error,
.modal-links #update-link .has-error.funding-amount-field .help-block.help-block-error,
.modal-links #goal-form .has-error.field-link-title .help-block.help-block-error,
.modal-links #goal-form .has-error.funding-amount-field .help-block.help-block-error,
.modal-edit-link #add-url .has-error.field-link-title .help-block.help-block-error,
.modal-edit-link #add-url .has-error.funding-amount-field .help-block.help-block-error,
.modal-edit-link #add-email .has-error.field-link-title .help-block.help-block-error,
.modal-edit-link #add-email .has-error.funding-amount-field .help-block.help-block-error,
.modal-edit-link #update-link .has-error.field-link-title .help-block.help-block-error,
.modal-edit-link #update-link .has-error.funding-amount-field .help-block.help-block-error,
.modal-edit-link #goal-form .has-error.field-link-title .help-block.help-block-error,
.modal-edit-link #goal-form .has-error.funding-amount-field .help-block.help-block-error {
  top: -31px; }
  @media (min-width: 768px) {
    .modal-links #add-url .has-error.field-link-title .help-block.help-block-error, .modal-links #add-url .has-error.funding-amount-field .help-block.help-block-error,
    .modal-links #add-email .has-error.field-link-title .help-block.help-block-error,
    .modal-links #add-email .has-error.funding-amount-field .help-block.help-block-error,
    .modal-links #update-link .has-error.field-link-title .help-block.help-block-error,
    .modal-links #update-link .has-error.funding-amount-field .help-block.help-block-error,
    .modal-links #goal-form .has-error.field-link-title .help-block.help-block-error,
    .modal-links #goal-form .has-error.funding-amount-field .help-block.help-block-error,
    .modal-edit-link #add-url .has-error.field-link-title .help-block.help-block-error,
    .modal-edit-link #add-url .has-error.funding-amount-field .help-block.help-block-error,
    .modal-edit-link #add-email .has-error.field-link-title .help-block.help-block-error,
    .modal-edit-link #add-email .has-error.funding-amount-field .help-block.help-block-error,
    .modal-edit-link #update-link .has-error.field-link-title .help-block.help-block-error,
    .modal-edit-link #update-link .has-error.funding-amount-field .help-block.help-block-error,
    .modal-edit-link #goal-form .has-error.field-link-title .help-block.help-block-error,
    .modal-edit-link #goal-form .has-error.funding-amount-field .help-block.help-block-error {
      top: -37px; } }

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

.modal_add-card {
  padding-top: 60px; }
  @media (min-width: 768px) {
    .modal_add-card {
      padding-top: 0; } }
  .modal_add-card > img {
    width: 80px;
    height: 80px;
    border-radius: 80px; }
  .modal_add-card__info {
    padding-top: 19px; }
    .modal_add-card__info .name-link {
      font-size: 17px;
      line-height: 1.2;
      font-weight: 600;
      color: #263238; }
      .dark-scheme .modal_add-card__info .name-link {
        color: white; }
    .modal_add-card__info-link {
      font-size: 15px;
      margin-top: 8px; }
      .modal_add-card__info-link img {
        width: 20px;
        height: 20px; }

.price-modal {
  font-size: 17px;
  line-height: 1.2;
  padding-top: 16px; }

.mops {
  text-align: center;
  padding-top: 22px; }
  .mops p {
    font-size: 13px;
    font-weight: 600;
    color: #929fa9;
    margin-bottom: 12px; }
    .dark-scheme .mops p {
      color: rgba(255, 255, 255, 0.5); }
  .mops .pay-btn-group,
  .mops .modal_btn-group {
    padding-top: 18px; }
    .mops .pay-btn-group .btn,
    .mops .pay-btn-group .btn.btn-primary,
    .mops .pay-btn-group .btn.btn-default,
    .mops .modal_btn-group .btn,
    .mops .modal_btn-group .btn.btn-primary,
    .mops .modal_btn-group .btn.btn-default {
      padding: 5px 15px;
      line-height: 20px;
      font-weight: 600;
      border: none;
      min-width: 240px;
      margin: 0 auto; }
      .mops .pay-btn-group .btn.btn-success,
      .mops .pay-btn-group .btn.btn-primary.btn-success,
      .mops .pay-btn-group .btn.btn-default.btn-success,
      .mops .modal_btn-group .btn.btn-success,
      .mops .modal_btn-group .btn.btn-primary.btn-success,
      .mops .modal_btn-group .btn.btn-default.btn-success {
        color: white;
        background-color: rgba(124, 139, 150, 0.1); }
  .mops .modal_btn-group .btn.btn-primary, .mops .modal_btn-group .btn.btn-default {
    background-color: transparent;
    color: #263238; }
    .dark-scheme .mops .modal_btn-group .btn.btn-primary,
    .dark-scheme .mops .modal_btn-group .btn.btn-default {
      color: white; }

.stripe-button {
  padding: 0 0 10px; }

.help-block {
  color: rgba(38, 50, 56, 0.5); }
  .dark-scheme .help-block {
    color: rgba(255, 255, 255, 0.5); }

.modal-payouts {
  height: 100vh; }
  @media (min-width: 768px) {
    .modal-payouts .modal-dialog {
      width: 360px; } }
  .modal-payouts__description {
    text-align: center;
    margin-top: 20px; }
    .modal-payouts__description p {
      font-size: 13px;
      line-height: 1.2;
      color: rgba(0, 134, 230, 0.5); }

.modal-payouts-reply {
  margin-top: 20px;
  padding-top: 60px; }
  @media (min-width: 768px) {
    .modal-payouts-reply {
      padding-top: 0; } }
  .modal-payouts-reply .user-reply {
    text-align: center; }
    .modal-payouts-reply .user-reply > img {
      width: 80px;
      height: 80px;
      border-radius: 80px; }
    .modal-payouts-reply .user-reply .user-name {
      font-size: 17px;
      line-height: 1.2;
      font-weight: 600;
      color: #263238;
      padding-top: 18px; }
      .dark-scheme .modal-payouts-reply .user-reply .user-name {
        color: white; }
    .modal-payouts-reply .user-reply p {
      margin: 0;
      padding: 10px 0 0; }
    .modal-payouts-reply .user-reply .user-message {
      background: rgba(0, 134, 230, 0.2);
      border-radius: 0 30px 30px 30px;
      padding: 7px 30px;
      font-weight: 600;
      margin: 17px auto 19px; }
  .modal-payouts-reply .form-group {
    margin-bottom: 10px;
    text-align: center; }
    .modal-payouts-reply .form-group .btn.btn-primary {
      line-height: 20px;
      padding: 5px 17px;
      min-width: 118px;
      margin-top: 10px; }
    .modal-payouts-reply .form-group.field-linkpurchase-reply {
      position: relative; }
      .modal-payouts-reply .form-group.field-linkpurchase-reply .control-label {
        display: block;
        text-align: center;
        padding-bottom: 4px; }
      .modal-payouts-reply .form-group.field-linkpurchase-reply .form-control {
        border-radius: 30px 30px 0 30px; }
      .modal-payouts-reply .form-group.field-linkpurchase-reply.has-error .help-block {
        position: absolute;
        font-size: 11px;
        padding: 2px 5px 3px;
        color: white;
        background: #263238;
        border-radius: 2px;
        left: 5px;
        top: -7px;
        font-weight: bold; }
        @media (max-width: 375px) {
          .modal-payouts-reply .form-group.field-linkpurchase-reply.has-error .help-block {
            top: -22px; } }
        .modal-payouts-reply .form-group.field-linkpurchase-reply.has-error .help-block.help-block-error {
          background: #f44336; }
          @media (max-width: 375px) {
            .modal-payouts-reply .form-group.field-linkpurchase-reply.has-error .help-block.help-block-error {
              width: 60%; } }
          .modal-payouts-reply .form-group.field-linkpurchase-reply.has-error .help-block.help-block-error:after {
            border-top-color: #f44336; }
        .modal-payouts-reply .form-group.field-linkpurchase-reply.has-error .help-block:after {
          position: absolute;
          bottom: -4px;
          right: auto;
          left: 5px;
          margin-left: 6px;
          content: "";
          width: 0;
          height: 0;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 4px solid #263238; }
          .dark-scheme .modal-payouts-reply .form-group.field-linkpurchase-reply.has-error .help-block:after {
            border-top-color: white; }

.modal_btn-group {
  padding-top: 20px;
  padding-bottom: 30px; }
  .modal_btn-group .btn.btn-default {
    margin-left: 20px; }
  .modal_btn-group .btn.btn-primary,
  .modal_btn-group .btn.btn-default {
    font-size: 13px;
    line-height: 20px;
    padding: 4px 17px;
    min-width: 110px;
    outline: none;
    transition: all 0.3s ease; }
  .modal_btn-group .btn-default {
    color: #263238;
    background-color: rgba(146, 159, 169, 0.1); }
    .dark-scheme .modal_btn-group .btn-default {
      color: white; }
    .modal_btn-group .btn-default:hover {
      background-color: #929fa9;
      color: white; }
      .dark-scheme .modal_btn-group .btn-default:hover {
        color: white; }
    .modal_btn-group .btn-default:focus {
      color: #263238; }
      .dark-scheme .modal_btn-group .btn-default:focus {
        color: white; }
    .modal_btn-group .btn-default:active {
      color: #263238;
      box-shadow: none; }
      .modal_btn-group .btn-default:active:hover {
        color: white; }
      .dark-scheme .modal_btn-group .btn-default:active {
        color: white;
        box-shadow: none; }

.alert .modal-body {
  padding: 27px 55px 25px 25px;
  font-size: 17px;
  line-height: 20px;
  font-weight: 600; }
.alert .modal-dialog {
  width: 540px;
  color: #263238;
  left: 50%;
  margin-left: -270px; }
  @media (max-width: 767px) {
    .alert .modal-dialog {
      top: 25%;
      width: 340px;
      margin-left: -170px; } }
  @media (max-width: 380px) {
    .alert .modal-dialog {
      width: 300px;
      margin-left: -150px; } }
  .dark-scheme .alert .modal-dialog {
    color: #fefefe; }
.alert .modal-content {
  border-radius: 10px;
  border: 1px solid rgba(146, 159, 169, 0.15); }
.alert.alert-warning .modal-content {
  border-color: rgba(244, 67, 54, 0.15); }

.alert-warning {
  background-color: transparent;
  border-color: transparent; }

.jumbotron {
  text-align: center;
  background-color: transparent; }

.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px; }

@media (min-width: 768px) {
  .subscriptions .modal-dialog {
    width: 620px; } }
@media (max-width: 767px) {
  .subscriptions .modal-dialog .close {
    top: 19px; } }
.subscriptions .modal-body {
  padding: 13px 20px 0; }
  @media (max-width: 767px) {
    .subscriptions .modal-body {
      padding-top: 10px; } }
  .subscriptions .modal-body:after {
    top: 60px; }

.modal-block__title {
  font-size: 17px;
  line-height: 23px;
  font-weight: 600;
  color: #263238; }
  .dark-scheme .modal-block__title {
    color: white; }

.lightbox .lb-image {
  border: none; }
.lightbox .lb-data .lb-close {
  position: absolute;
  top: 0;
  right: -40px;
  z-index: 1000; }
.lightbox .lb-dataContainer {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000; }
.lightbox .lb-nav a.lb-next {
  margin-right: -70px; }
.lightbox .lb-nav a.lb-prev {
  margin-left: -70px; }

.l-tweet_link {
  display: flex;
  font-weight: normal;
  line-height: 1.2em; }
  .l-tweet_link.m-profile-tweet {
    padding-bottom: 10px; }
  .l-tweet_link-thumbnail {
    flex: 0 1 60px;
    max-width: 60px;
    margin-right: 15px; }
    .m-profile-tweet .l-tweet_link-thumbnail {
      transform: translateY(15px); }
    .l-tweet_link-thumbnail img {
      width: 100%; }
    @media (max-width: 767px) {
      .l-tweet_link-thumbnail {
        position: absolute;
        transform: translateY(0);
        top: 65px;
        left: 20px;
        flex: 0 1 40px;
        max-width: 40px; } }
  .l-tweet_link-info {
    flex: 1 1 auto; }
  .l-tweet_link-subtitle {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px; }
    .profile-tweet-announcement .l-tweet_link-subtitle {
      font-size: 16px; }
    @media (max-width: 767px) {
      .l-tweet_link-subtitle {
        font-size: 17px;
        line-height: 1.2em;
        padding-left: 30px;
        margin-bottom: 40px; } }
    @media (max-width: 400px) {
      .l-tweet_link-subtitle {
        font-size: 14px;
        line-height: 20px; }
        .profile-tweet-announcement .l-tweet_link-subtitle {
          font-size: 12px; } }
  .l-tweet_link-status {
    font-size: 12px;
    line-height: 1.2em;
    font-weight: 600;
    display: inline-block;
    background-color: #929fa9;
    color: white;
    padding: 3px 10px 5px;
    border-radius: 3px; }
    .l-tweet_link-status.m-connected {
      background-color: #2196f3; }
    @media (max-width: 767px) {
      .l-tweet_link-status {
        margin-left: 55px; } }
  .l-tweet_link-btns {
    padding-top: 10px; }
    .l-tweet_link-btns + .l-tweet_link-btns {
      padding-top: 5px; }
    @media (max-width: 767px) {
      .l-tweet_link-btns {
        margin-left: 55px; } }
    .l-tweet_link-btns .checkbox {
      display: flex;
      margin: 0; }
      .l-tweet_link-btns .checkbox i {
        line-height: 13px; }
      .l-tweet_link-btns .checkbox .help-block {
        color: #263238; }
        .dark-scheme .l-tweet_link-btns .checkbox .help-block {
          color: white; }
  .l-tweet_link-btn {
    margin-right: 20px; }
    @media (max-width: 767px) {
      .l-tweet_link-btn {
        margin-bottom: 10px; } }
  .l-tweet_link-textarea-wrap {
    overflow: hidden;
    height: 170px;
    margin: 0 40px 10px 0; }
    @media (max-width: 767px) {
      .l-tweet_link-textarea-wrap {
        margin: 0 0 10px 55px;
        max-width: calc(100% - 55px); } }
  .l-tweet_link-textarea {
    position: relative;
    word-break: break-word;
    max-width: 375px;
    cursor: text;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    border-radius: 10px;
    background-color: rgba(146, 159, 169, 0.08);
    color: #263238;
    box-shadow: none;
    font-size: 15px;
    line-height: 20px;
    padding: 8px 7px 8px;
    height: 36px;
    transition: .3s;
    padding: 8px 7px 6px 7px;
    height: 100%;
    max-height: 100%; }
    .dark-scheme .l-tweet_link-textarea {
      color: white; }
    .l-tweet_link-textarea:focus {
      outline: none;
      box-shadow: none; }
    .l-tweet_link-textarea::-webkit-input-placeholder {
      color: rgba(146, 159, 169, 0.6); }
    .l-tweet_link-textarea::-moz-placeholder {
      color: rgba(146, 159, 169, 0.6); }
    .l-tweet_link-textarea:-moz-placeholder {
      color: rgba(146, 159, 169, 0.6); }
    .l-tweet_link-textarea:-ms-input-placeholder {
      color: rgba(146, 159, 169, 0.6); }
    .l-tweet_link-textarea::-ms-clear, .l-tweet_link-textarea::-ms-reveal {
      display: none; }
    .l-tweet_link-textarea > *:focus {
      outline: none; }
    .l-tweet_link-textarea .message-input {
      background-color: transparent;
      position: relative;
      padding-bottom: 0;
      min-height: 24px;
      width: 100%;
      resize: none;
      overflow: hidden;
      word-break: break-all; }
      .l-tweet_link-textarea .message-input:focus {
        outline: none; }
    .l-tweet_link-textarea .message-input:empty::before,
    .l-tweet_link-textarea .message-input.placeholder:before {
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      content: attr(data-placeholder);
      color: #929fa9; }
    .l-tweet_link-textarea .message-link {
      word-break: break-all; }
      @media (max-width: 767px) {
        .l-tweet_link-textarea .message-link {
          font-size: 12px; } }
    .l-tweet_link-textarea .message-counter {
      position: absolute;
      right: 8px;
      bottom: 5px;
      font-size: 13px;
      line-height: 20px;
      color: #929fa9; }
      .l-tweet_link-textarea .message-counter.exceeded {
        color: #f44336;
        font-weight: 600; }
  .l-tweet_link-textarea-inner {
    position: relative;
    overflow-y: auto;
    max-height: 100%;
    margin-right: -30px;
    padding-right: 30px; }


@media (max-width: 991px) {
  .profile-search {
    margin-top: -25px;
  }
}

/*
* Search component styles
*/
.navbar-form {
  border: 0;
  box-shadow: none;
  display: inline-block;
  margin: 0;
  padding: 1rem 0; }
  @media (max-width: 991px) {
    .navbar-form {
      margin-bottom: 0;
      position: absolute;
      left: 45px;
      right: 5px; } }
  @media (max-width: 991px) {
    .navbar-form .form-group {
      display: block;
      margin-right: 30px; } }
  .navbar-form .search__hovering .form-group {
    position: relative; }
    @media (max-width: 767px) {
      .navbar-form .search__hovering .form-group {
        margin-bottom: 0; } }
    @media (min-width: 992px) {
      .navbar-form .search__hovering .form-group input[type="text"] {
        max-width: 28rem;
        width: calc(100vw - 120px);
      }

      .navbar-form.m-filter-search .search__hovering .form-group input[type="text"] {
        padding-right: 70px;
      }
    }


    @media (max-width: 991px) {
      .navbar-form.m-filter-search > .search__hovering {
        padding-left: 35px;
      }
    }

    .navbar-form.m-filter-search .search__hovering .advanced-search-collapse-btn {
      left: -33px;
    }

    @media (max-width: 991px) {
      .navbar-form.m-filter-search .search__hovering .advanced-search-collapse-btn {
        top: -3px;
      }

      .navbar-form.m-filter-search .search-block .btn-icon.clear-btn {
        right: 2px;
        height: auto;
        line-height: 24px;
      }
    }

    .navbar-form.m-filter-search .search__hovering .advanced-search__wrap {
      position: absolute;
      top: calc(100% + 10px);
      left: -34px;
      background-color: #fff;
      padding: 20px;
      box-shadow: 0 1px 2px rgba(0,0,0,.1);
      border-radius: 0 0 10px 10px;
    }

    @media (max-width: 991px) {
      .navbar-form.m-filter-search .search__hovering .advanced-search__wrap {
        left: -60px;
        right: -16px;
      }

      .navbar-form.m-filter-search .radio.radio-horizontal>label {
        padding-left: 0;
      }
    }

    .navbar-form.m-filter-search .radio-horizontal + .radio-horizontal,
    .navbar-form.m-filter-search .checkbox-horizontal + .checkbox-horizontal {
      margin-left: 10px;
    }

    @media (max-width: 991px) {

      .navbar-form.m-filter-search .radio-horizontal + .radio-horizontal,
      .navbar-form.m-filter-search .checkbox-horizontal + .checkbox-horizontal {
        margin-left: 0;
        margin-top: 10px;
      }
    }

    .navbar-form.m-filter-search .search__hovering .form-group {
      display: block;
    }

    .navbar-form.m-filter-search .search__hovering .search-from-filter__footer_btn {
      padding-top: 8px;
    }

    .navbar-form.m-filter-search .search__hovering .form-group.search-from-filter__footer_btn > button {
      margin-right: 6px;
      width: auto;
      height: auto;
    }

    .navbar-form.m-filter-search .search__hovering .form-group.search-from-filter__footer_btn > button:hover {
      color: #fff;
    }

    .navbar-form.m-filter-search .checkbox>label>input[type=checkbox] {
      padding: 0;
    }

    @media (max-width: 991px) {
      .navbar-form .search__hovering .form-group input[type="text"] {
        height: 24px;
        line-height: 24px;
        padding-right: 9px;
        width: 100%; } }
    .navbar-form .search__hovering .form-group input[type="text"]:focus {
      box-shadow: none;
      outline: none; }
    .navbar-form .search__hovering .form-group > button.clear-btn {
      right: 2px; }
      @media (min-width: 992px) {
        .navbar-form .search__hovering .form-group > button.clear-btn {
          right: 40px; } }
    @media (max-width: 991px) {
      .navbar-form .search__hovering .form-group > button {
        top: 0;
        right: -30px;
        height: 24px;
        width: 24px;
        line-height: 24px; }
        .navbar-form .search__hovering .form-group > button i, .navbar-form .search__hovering .form-group > button i:before {
          font-size: 20px;
          line-height: 24px; } }

.search-block:hover .btn-icon {
  color: #263238; }
  .dark-scheme .search-block:hover .btn-icon {
    color: white; }
.search-block input {
  width: 100%;
  border-radius: 30px;
  box-shadow: none;
  font-size: 13px;
  height: 30px;
  padding-left: 15px;
  padding-right: 50px;
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }
  .search-block input::-moz-placeholder {
    color: #929fa9;
    opacity: 1; }
  .search-block input:-ms-input-placeholder {
    color: #929fa9; }
  .search-block input::-webkit-input-placeholder {
    color: #929fa9; }
.search-block .btn-icon {
  position: absolute;
  top: -1px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  color: rgba(146, 159, 169, 0.4); }
  .search-block .btn-icon.search-btn {
    right: 7px; }
  .search-block .btn-icon.clear-btn {
    right: 35px; }
  .search-block .btn-icon:hover {
    color: #0086e6; }
    .dark-scheme .search-block .btn-icon:hover {
      color: #0086e6; }

/*
* Tabs Login/Signup page styles
*/
.site-index .nav-tabs,
.site-index .tab-content {
  background: transparent;
  padding: 10px; }
.site-index .tab-content {
  margin-top: 90px;
  padding: 0 10px; }
  @media (max-width: 767px) {
    .site-index .tab-content {
      padding: 10px;
      max-width: 325px;
      margin: 0 auto;
      max-height: 468px; } }
.site-index .nav-tabs {
  display: flex; }
  .site-index .nav-tabs > li {
    flex-basis: 100%;
    text-align: center;
    border-bottom: 1px solid rgba(124, 139, 150, 0.4);
    padding: 0 0 0 5px; }
    .site-index .nav-tabs > li:after {
      background: transparent;
      bottom: -1px;
      content: "";
      height: 3px;
      left: 5px;
      position: absolute;
      right: 0; }
    .site-index .nav-tabs > li:first-child {
      padding: 0 5px 0 0; }
      .site-index .nav-tabs > li:first-child:after {
        left: 0;
        right: 5px; }
    .site-index .nav-tabs > li.active {
      position: relative; }
      .site-index .nav-tabs > li.active:after {
        background: #ef477f; }
      .site-index .nav-tabs > li.active > a {
        border: 0;
        color: #263238;
        font-weight: 600; }
        .site-index .nav-tabs > li.active > a.btn-icon {
          display: block;
          font-size: 24px; }
        .site-index .nav-tabs > li.active > a:hover {
          border: 0; }
    .site-index .nav-tabs > li > a {
      border: 0;
      font-size: 18px;
      line-height: 25px;
      margin: 0;
      padding: 15px 0;
      color: rgba(38, 50, 56, 0.4); }
      .site-index .nav-tabs > li > a.btn-icon {
        display: none; }
      .site-index .nav-tabs > li > a:hover {
        background: transparent;
        color: #ef477f; }

.notification-index .circular, .notification-index .loader {
  display: none !important; }
.notification-index__title {
  display: none;
  position: absolute;
  left: 20px;
  font-size: 17px;
  top: 15px;
  margin: 0;
  font-weight: 600;
  color: #263238; }
  @media (max-width: 991px) {
    .notification-index__title {
      display: none; } }
@media (max-width: 991px) {
  .notification-index .tab-content {
    max-height: 100%;
    min-height: 0;
    overflow: visible !important; } }
@media (min-width: 991px) {
  .notification-index .tab-content > div:not(.notification-empty) {
    padding-bottom: 30vh !important; } }
.notification-index .nav-tabs,
.notification-index .tab-content {
  padding: 0; }
.notification-index .tab-content {
  background-color: transparent;
  padding-top: 52px; }
  @media (max-width: 991px) {
    .notification-index .tab-content {
      padding-top: 25px; }
      .under-navbar-scroll .notification-index .tab-content {
        padding-top: 0; } }
  .notification-index .tab-content:after {
    position: fixed;
    background-color: #f0f3f5;
    height: 40px;
    top: 50px;
    width: 618px;
    z-index: 1000; }
    @media (min-width: 991px) {
      .notification-index .tab-content:after {
        content: ""; } }
    .dark-scheme .notification-index .tab-content:after {
      background-color: #1d2226; }
.notification-index .nav-tabs {
  display: flex;
  justify-content: space-between; }
  @media (min-width: 992px) {
    .notification-index .nav-tabs {
      justify-content: flex-start; } }
  .notification-index .nav-tabs > li {
    text-align: center; }
    @media (min-width: 992px) {
      .notification-index .nav-tabs > li.active:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px; } }
    .notification-index .nav-tabs > li:first-child {
      margin: 0; }
    .notification-index .nav-tabs > li.active {
      position: relative; }
      .notification-index .nav-tabs > li.active:after {
        background: #0086e6; }
      .notification-index .nav-tabs > li.active > a {
        border: 0;
        color: #263238; }
        .notification-index .nav-tabs > li.active > a:hover {
          border: 0; }
        .notification-index .nav-tabs > li.active > a.btn-icon {
          display: block;
          font-size: 24px; }
    .notification-index .nav-tabs > li > a {
      border: 0;
      font-size: 21px;
      line-height: 25px;
      margin: 0;
      padding: 13px 15px;
      transition: all .3s;
      font-weight: 600;
      color: rgba(146, 159, 169, 0.4); }
      .notification-index .nav-tabs > li > a:hover {
        color: #263238; }
      .notification-index .nav-tabs > li > a:hover {
        background: transparent;
        color: #0086e6; }
      @media (max-width: 767px) {
        .notification-index .nav-tabs > li > a {
          padding: 15px 15px 12px; } }
      .notification-index .nav-tabs > li > a.btn-icon {
        display: none; }
.notification-index-page.dark-scheme .nav-tabs > li > a {
  color: rgba(146, 159, 169, 0.4); }
  .notification-index-page.dark-scheme .nav-tabs > li > a:hover {
    color: white; }

/*
* Panels styles
*/
.panel {
  border: 0;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
  @media (max-width: 767px) {
    .panel {
      margin-bottom: 1rem; } }
  @media (max-width: 600px) {
    .panel {
      margin-bottom: 0;
      border-radius: 0; } }

.panel-default {
  background-color: white; }
  .dark-scheme .panel-default {
    background-color: #263238; }

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

@media (min-width: 768px) {
  .panel-body {
    padding: 15px; } }

.panel-title {
  line-height: 25px;
  position: relative;
  margin-bottom: 1px;
  color: #263238;
  font-size: 18px;
  font-weight: 600; }
  .dark-scheme .panel-title {
    color: white; }

/*
* Settings page styles
*/
.settings-account-page .container,
.settings-profile-page .container,
.settings-notifications-page .container {
  position: static; }
  .settings-account-page .container > .alert,
  .settings-profile-page .container > .alert,
  .settings-notifications-page .container > .alert {
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 100;
    transform: all 0.3s ease; }
    @media (max-width: 991px) {
      .settings-account-page .container > .alert,
      .settings-profile-page .container > .alert,
      .settings-notifications-page .container > .alert {
        top: 22px; } }
    .settings-account-page .container > .alert.fade.in,
    .settings-profile-page .container > .alert.fade.in,
    .settings-notifications-page .container > .alert.fade.in {
      -moz-animation: cssAnimation 0s ease-in 5s forwards;
      /* Firefox */
      -webkit-animation: cssAnimation 0s ease-in 5s forwards;
      /* Safari and Chrome */
      -o-animation: cssAnimation 0s ease-in 5s forwards;
      /* Opera */
      animation: cssAnimation 0s ease-in 5s forwards;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
    .settings-account-page .container > .alert .close,
    .settings-profile-page .container > .alert .close,
    .settings-notifications-page .container > .alert .close {
      margin: -2px 0 0 5px; }

.settings-notifications-page .panel {
  overflow: hidden;
  width: 100%;
  max-width: 100%; }
.settings-notifications-page .panel-body {
  margin-top: 3px;
  padding-top: 27px; }

.nothing-found {
  padding: 10px 0; }

@keyframes cssAnimation {
  to {
    visibility: hidden;
    opacity: 0; } }
@-webkit-keyframes cssAnimation {
  to {
    visibility: hidden;
    opacity: 0; } }
.alert-success {
  background-color: transparent;
  border: none;
  color: rgba(38, 50, 56, 0.3); }
  .dark-scheme .alert-success {
    color: rgba(255, 255, 255, 0.3); }

.push-settings-switch {
  padding: 0 0 20px;
  margin-top: -17px;
  position: relative;
  display: block !important; }
  @media (max-width: 992px) {
    .push-settings-switch {
      padding-left: 0;
      margin-top: 0; } }
  @media (max-width: 767px) {
    .push-settings-switch {
      padding-bottom: 15px; }
      .push-settings-switch .settings-box__subtitle {
        margin-top: 7px; } }
  .push-settings-switch .material-switch {
    position: absolute;
    right: 0;
    top: 0; }

.push-settings-loader {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.hidden-element {
  visibility: hidden;
  width: 0;
  height: 0;
  opacity: 0; }

@media (max-width: 767px) {
  .settings-box {
    display: block;
    margin: 0 -10px; } }
.quest-checkout-form .settings-box {
  box-shadow: none; }
.settings-box__left-column {
  position: fixed;
  flex: 0 1 300px;
  min-width: 300px; }
  @media (min-width: 991px) {
    .settings-box__left-column {
      max-width: 300px; } }
  @media (min-width: 767px) and (max-width: 991px) {
    .settings-box__left-column {
      flex: 0 1 290px;
      min-width: 290px;
      max-width: 290px; } }
  @media (max-width: 991px) and (max-height: 540px) and (min-width: 767px) {
    .settings-box__left-column {
      max-height: 400px;
      overflow: auto;
      top: 0; }
      .settings-box__left-column .left-sidebar-box {
        padding-top: 120px;
        background-color: transparent;
        box-shadow: none; } }
  @media (min-width: 991px) and (max-height: 540px) {
    .settings-box__left-column {
      max-height: 400px;
      overflow: auto;
      top: 0; }
      .settings-box__left-column .left-sidebar-box {
        padding-top: 70px;
        background-color: transparent;
        box-shadow: none; } }
.settings-box__navigation {
  position: relative;
  background-color: white;
  width: 100%;
  z-index: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
  @media (min-width: 767px) {
    .settings-box__navigation {
      border-radius: 10px; } }
  .dark-scheme .settings-box__navigation {
    background-color: #263238; }
  .settings-box__navigation ul {
    border: none; }
    .settings-box__navigation ul li {
      display: block;
      position: relative;
      float: none;
      margin: 0;
      font-size: 17px;
      line-height: 23px;
      border-bottom: 1px solid rgba(146, 159, 169, 0.15); }
      .settings-box__navigation ul li:last-child {
        border-bottom: none; }
      .settings-box__navigation ul li.active a {
        color: #263238; }
        .dark-scheme .settings-box__navigation ul li.active a {
          color: white; }
        @media (min-width: 767px) {
          .settings-box__navigation ul li.active a {
            font-weight: 600; } }
        .settings-box__navigation ul li.active a:after {
          font-weight: normal; }
      .settings-box__navigation ul li > a {
        display: block;
        padding: 12px 40px 14px 20px;
        color: #929fa9;
        border: none;
        margin: 0;
        background-color: transparent;
        transition: all 0.3s ease; }
        @media (max-width: 767px) {
          .settings-box__navigation ul li > a {
            color: #263238; }
            .dark-scheme .settings-box__navigation ul li > a {
              color: white; } }
        .settings-box__navigation ul li > a:after {
          position: absolute;
          top: 50%;
          right: 12px;
          transform: translateY(-50%);
          font-size: 24px;
          line-height: 32px;
          font-family: "all-my-links";
          content: "\e617";
          color: rgba(146, 159, 169, 0.6);
          font-weight: normal; }
        .settings-box__navigation ul li > a:hover, .settings-box__navigation ul li > a:focus {
          color: #263238;
          background-color: transparent; }
          .dark-scheme .settings-box__navigation ul li > a:hover, .dark-scheme .settings-box__navigation ul li > a:focus {
            color: white; }
.settings-box__title-subpage {
  font-size: 18px;
  line-height: 24px;
  padding: 15px 0;
  margin: 0 20px;
  font-weight: 600;
  border-bottom: 1px solid rgba(146, 159, 169, 0.4);
  display: none; }
  @media (max-width: 991px) {
    .settings-box__title-subpage {
      display: block; } }
  @media (max-width: 767px) {
    .settings-box__title-subpage {
      margin: 0 10px; } }
.settings-box__content-inner {
  background-color: #929fa9;
  border-radius: 10px; }
  @media (min-width: 767px) {
    .settings-box__content-inner {
      position: relative; } }
  .quest-checkout-form .settings-box__content-inner, .settings-manage-links-page .settings-box__content-inner {
    box-shadow: none;
    background-color: transparent; }
.settings-box__wrap {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
  @media (max-width: 767px) {
    .settings-box__wrap {
      border-radius: 0; } }
  .dark-scheme .settings-box__wrap {
    background-color: #263238; }
  .settings-manage-links-page .settings-box__wrap, .dark-scheme.settings-manage-links-page .settings-box__wrap {
    background-color: transparent;
    box-shadow: none; }
.settings-box__content {
  float: right;
  width: 66.4%;
  /*for IE10*/ }
  @media (min-width: 767px) {
    .settings-box__content {
      border-radius: 10px;
      margin-left: 20px; } }
  @media (max-width: 991px) {
    .settings-box__content {
      width: 56%; } }
  @media (max-width: 767px) {
    .settings-box__content {
      float: none;
      width: 100%; } }
  .quest-checkout-form .settings-box__content {
    box-shadow: none;
    background-color: transparent;
    float: left; }
    @media (max-width: 767px) {
      .quest-checkout-form .settings-box__content {
        float: none;
        width: 100%; } }
  .settings-box__content .panel {
    margin-bottom: 0;
    padding-top: 30px; }
    @media (max-width: 991px) {
      .settings-box__content .panel {
        padding-top: 80px; } }
    .settings-box__content .panel:after {
      position: fixed;
      background-color: #f0f3f5;
      height: 70px;
      top: 50px;
      width: 635px;
      margin-left: -5px;
      z-index: 1000; }
      @media (min-width: 767px) {
        .settings-box__content .panel:after {
          content: ""; } }
      @media (max-width: 991px) {
        .settings-box__content .panel:after {
          width: 415px;
          top: 64px; } }
      .dark-scheme .settings-box__content .panel:after {
        background-color: #1d2226; }
    .settings-manage-links-page .settings-box__content .panel {
      background-color: transparent;
      box-shadow: none; }
      @media (min-width: 767px) {
        .settings-manage-links-page .settings-box__content .panel {
          padding-top: 104px; } }
      @media (min-width: 992px) {
        .settings-manage-links-page .settings-box__content .panel {
          padding-top: 98px; } }
  .settings-box__content .panel.panel-default {
    padding: 45px 0 0 0;
    margin: 0;
    background-color: transparent; }

  @media (min-width: 768px) {

    .settings-box__content .panel.panel-default {
      padding-top: 54px;
    }

  }

    .dark-scheme .settings-box__content .panel.panel-default {
      background-color: transparent; }
  .settings-box__content .panel-body {
    padding: 5px 25px 25px 20px; }
    @media (max-width: 375px) {
      .settings-box__content .panel-body {
        padding: 5px 10px 25px 10px; } }
    @media (min-width: 992px) {
      .settings-box__content .panel-body {
        padding: 30px 25px 25px 25px; }
        .settings-payments-card-page .settings-box__content .panel-body {
          padding-top: 0; } }
    @media (min-width: 768px) {
      .settings-manage-links-page .settings-box__content .panel-body {
        padding: 0; } }
    @media (max-width: 767px) {
      .settings-manage-links-page .settings-box__content .panel-body {
        padding: 0 20px; } }
    @media (max-width: 600px) {
      .settings-manage-links-page .settings-box__content .panel-body {
        padding: 0 10px; } }
  .settings-box__content input.form-control::-ms-clear,
  .settings-box__content textarea.form-control::-ms-clear {
    display: none; }
  .dark-scheme .settings-box__content input.form-control,
  .dark-scheme .settings-box__content textarea.form-control {
    color: white; }
  .settings-box__content input[type="radio"][disabled] + label, .settings-box__content input[type="radio"].disabled + label, .settings-box__content fieldset[disabled] input[type="radio"] + label, .settings-box__content input[type="checkbox"][disabled] + label, .settings-box__content input[type="checkbox"].disabled + label, .settings-box__content fieldset[disabled] input[type="checkbox"] + label {
    background-color: rgba(146, 159, 169, 0.6) !important;
    border-color: transparent !important;
    cursor: not-allowed; }
    .dark-scheme .settings-box__content input[type="radio"][disabled] + label,
    .dark-scheme .settings-box__content input[type="radio"].disabled + label,
    .dark-scheme .settings-box__content fieldset[disabled] input[type="radio"] + label,
    .dark-scheme .settings-box__content input[type="checkbox"][disabled] + label,
    .dark-scheme .settings-box__content input[type="checkbox"].disabled + label,
    .dark-scheme .settings-box__content fieldset[disabled] input[type="checkbox"] + label {
      background-color: rgba(146, 159, 169, 0.6) !important;
      border-color: transparent !important; }
  .settings-box__content select::-ms-expand {
    display: none; }
  .settings-box__content input.form-control.krajee-datepicker:focus + .kv-date-calendar {
    background: #0086e6; }
  .settings-box__content textarea.form-control {
    min-height: 130px;
    resize: none; }
    .settings-box__content textarea.form-control::-webkit-scrollbar-track {
      background-color: #F5F5F5; }
    .settings-box__content textarea.form-control::-webkit-scrollbar {
      width: 6px;
      background-color: #424242; }
    .settings-box__content textarea.form-control::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background-color: rgba(152, 159, 165, 0.6); }
    .settings-box__content textarea.form-control#user-bio {
      min-height: 55px;
      padding-bottom: 20px; }

.settings-box__content .control-label + .form-group .material-switch {
  top: -21px;
}

  .settings-box__content .control-label {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    padding-right: 12px; }
    @media (max-width: 991px) {
      .settings-box__content .control-label {
        /*margin-bottom: 0; */
        margin-bottom: 4px;
      }
    }
    @media (min-width: 768px) {
      .settings-box__content .control-label {
        padding-right: 22px; } }
    @media (min-width: 992px) {
      .settings-box__content .control-label {
        /*margin-bottom: 4px; */
        margin-bottom: 0;
      }
    }
.settings-box .panel-default {
  background-color: transparent;
  box-shadow: none;
  height: 100%; }
  .dark-scheme .settings-box .panel-default {
    background-color: transparent; }
.settings-box .panel-subtitle {
  color: #263238;
  font-size: 14px;
  font-weight: 600; }

.instructions {
  color: #929fa9;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px; }

.bootstrap-select.btn-group .dropdown-toggle:focus,
.bootstrap-select.btn-group .dropdown-toggle:active {
  outline: none; }
.bootstrap-select.btn-group .dropdown-menu {
  border: none; }
  .bootstrap-select.btn-group .dropdown-menu.open {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); }
    .dark-scheme .bootstrap-select.btn-group .dropdown-menu.open {
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); }
  .bootstrap-select.btn-group .dropdown-menu.inner {
    margin-right: -23px; }
  .bootstrap-select.btn-group .dropdown-menu .bs-searchbox .form-control {
    border: 1px solid rgba(124, 139, 150, 0.2);
    background: rgba(124, 139, 150, 0.1);
    box-shadow: none;
    padding: 6px 12px;
    height: 36px;
    margin-bottom: 15px; }
    .bootstrap-select.btn-group .dropdown-menu .bs-searchbox .form-control:focus {
      border-color: rgba(124, 139, 150, 0.2); }
  .dark-scheme .bootstrap-select.btn-group .dropdown-menu li a {
    color: white; }
  .bootstrap-select.btn-group .dropdown-menu li a:hover {
    color: white; }
.bootstrap-select.btn-group .no-results {
  background-color: white;
  color: #263238;
  padding-bottom: 10px; }
  .dark-scheme .bootstrap-select.btn-group .no-results {
    background-color: #263238;
    color: white; }

.settings-box .box-info-personal .row-settings .form-group {
  margin-bottom: 3px; }
.settings-box .form form[action="/payouts/identity?legalType=company"] .row-setting .form-group .first-column,
.settings-box .form form[action="/payouts/identity?legalType=company"] .row-setting .form-group .control-label {
  flex: 0 1 100%;
  min-width: 100%; }
.settings-box .delete-block {
  padding-top: 20px; }
  @media (min-width: 992px) {
    .settings-box .delete-block {
      padding-left: 170px; } }
  .settings-box .delete-block .text-delete {
    font-size: 15px;
    line-height: 20px;
    color: #263238;
    display: block;
    padding-top: 5px; }
    .dark-scheme .settings-box .delete-block .text-delete {
      color: white; }
.settings-box .btn-delete {
  font-size: 15px;
  line-height: 25px;
  font-weight: 600;
  color: #f44336;
  order: 2;
  transition: all 0.3s ease; }
  .settings-box .btn-delete:hover {
    color: #D62A37;
    text-decoration: none; }
  .settings-box .btn-delete i {
    position: relative;
    top: 3px;
    display: inline-block;
    padding-left: 6px;
    animation: none; }
  @media (min-width: 768px) {
    .settings-box .btn-delete {
      border: none; } }
.settings-box .btn-group-set {
  position: absolute;
  right: 20px;
  top: 13px;
  z-index: 1002;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 767px) {
    .settings-box .btn-group-set {
      position: fixed;
      top: 11px; } }
  @media (max-width: 991px) {
    .settings-box .btn-group-set .btn.btn-primary {
      margin-right: 0; } }
.settings-box .row-settings.bio-block {
  position: relative; }
.settings-box .row-settings .bio-counter {
  position: absolute;
  right: 53px;
  bottom: -1px;
  font-size: 13px;
  line-height: 20px;
  color: #929fa9; }
  .settings-box .row-settings .bio-counter.exceeded {
    color: #f44336;
    font-weight: 600; }
  @media (max-width: 992px) {
    .settings-box .row-settings .bio-counter {
      right: 5px; } }
.settings-box .row-settings.hr-row {
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
  padding: 0 25px 15px;
  margin: 0 -25px 0 -20px; }
  @media (max-width: 375px) {
    .settings-box .row-settings.hr-row {
      padding: 5px 10px 25px 10px;
      margin: 0 -10px; } }
  @media (min-width: 992px) {
    .settings-box .row-settings.hr-row {
      padding: 0 25px 10px 25px;
      margin: 0 -25px; } }
.settings-box .row-settings.hr-row + .hr-row .payments-form {
  margin-top: 0; }
.settings-box .row-settings .form-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  position: relative;
  margin-bottom: 10px; }

.settings-box .row-settings .form-group.has-error {
  margin-bottom: 25px; }

  @media (max-width: 991px) {
    .settings-box .row-settings .form-group {
      margin-bottom: 6px; }

    .settings-box .row-settings .form-group.has-error {
      margin-bottom: 29px; }

    .settings-box .row-settings .field-welcome_message {
      margin-bottom: 20px;
    }
  }
  @media (min-width: 992px) {
    .settings-box .row-settings .form-group {
      flex-wrap: nowrap;
      margin-bottom: 7px; }

    .settings-box .row-settings .form-group.has-error {
      margin-bottom: 30px; }

    .settings-box .row-settings .field-welcome_message {
      margin-bottom: 27px;
    }
  }
  @media (min-width: 991px) {
    .settings-box .row-settings .form-group.field-user-messaging_with_followers {
      padding-bottom: 18px; } }
  .settings-box .row-settings .form-group.field-user-bio {
    margin-bottom: 20px; }
  .settings-box .row-settings .form-group.field-user-color_scheme {
    padding-top: 7px;
    margin-bottom: 18px; }
  .settings-box .row-settings .form-group.field-user-location {
    margin-bottom: 10px; }
  .settings-box .row-settings .form-group.field-legalentity-verification-document {
    display: flex;
    flex-wrap: wrap; }
  .settings-box .row-settings .form-group.field-changepassword-newpassword {
    padding-bottom: 1px; }
  .settings-box .row-settings .form-group.field-user-username {
    padding-bottom: 10px; }
    .settings-box .row-settings .form-group.field-user-username > div {
      flex: 0 1 100%;
      max-width: 100%; }
      @media (min-width: 992px) {
        .settings-box .row-settings .form-group.field-user-username > div {
          flex: 0 1 380px;
          max-width: 380px; } }
    .settings-box .row-settings .form-group.field-user-username .help-block {
      margin: 0; }
  @media (max-width: 992px) {
    .settings-box .row-settings .form-group.field-user-rightcolumnbehavior {
      padding-bottom: 20px; } }
  @media (max-width: 992px) {
    .settings-box .row-settings .form-group.stripe-card-number {
      padding-bottom: 30px; } }
  .settings-box .row-settings .form-group.form-group-one-column .second-column {
    flex: 0 1 100%;
    min-width: 100%; }
  .settings-box .row-settings .form-group .first-column,
  .settings-box .row-settings .form-group .control-label {
    flex: 0 1 100%;
    min-width: 100%; }
    @media (min-width: 992px) {
      .settings-box .row-settings .form-group .first-column,
      .settings-box .row-settings .form-group .control-label {
        flex: 0 1 170px;
        min-width: 170px;
        text-align: right; } }
  .settings-box .row-settings .form-group .second-column-table {
    flex: 1 1 auto; }
  .settings-box .row-settings .form-group .second-column,
  .settings-box .row-settings .form-group .form-control,
  .settings-box .row-settings .form-group .oauth {
    flex: 0 1 100%;
    max-width: 100%; }
    @media (min-width: 992px) {
      .settings-box .row-settings .form-group .second-column,
      .settings-box .row-settings .form-group .form-control,
      .settings-box .row-settings .form-group .oauth {
        flex: 0 1 380px;
        max-width: 380px; } }
  .settings-box .row-settings .form-group.field-legalentity-dob + .field-legalentity-verification-document {
    padding-left: 0;
    display: block;
    float: left; }
    @media (min-width: 992px) {
      .settings-box .row-settings .form-group.field-legalentity-dob + .field-legalentity-verification-document {
        padding-left: 27px; } }
    @media (max-width: 480px) {
      .settings-box .row-settings .form-group.field-legalentity-dob + .field-legalentity-verification-document {
        padding-left: 0; } }
    .settings-box .row-settings .form-group.field-legalentity-dob + .field-legalentity-verification-document .control-label {
      float: left;
      min-width: 0;
      padding-right: 26px; }
      @media (min-width: 992px) {
        .settings-box .row-settings .form-group.field-legalentity-dob + .field-legalentity-verification-document .control-label:after {
          position: absolute;
          left: 100%;
          top: 0; } }
      @media (max-width: 480px) {
        .settings-box .row-settings .form-group.field-legalentity-dob + .field-legalentity-verification-document .control-label {
          float: none; } }
  .settings-box .row-settings .form-group .alert-danger {
    clear: both; }
  .settings-box .row-settings .form-group.field-legalentity-dob {
    width: 50%; }
  .settings-box .row-settings .form-group.field-legalentity-dob {
    display: block;
    float: left; }
    .settings-box .row-settings .form-group.field-legalentity-dob .control-label {
      float: left; }
    @media (max-width: 480px) {
      .settings-box .row-settings .form-group.field-legalentity-dob {
        float: none; } }
  .settings-box .row-settings .form-group.field-legalentity-verification-document {
    position: relative;
    z-index: 10; }
    .settings-box .row-settings .form-group.field-legalentity-verification-document .help-block.help-block-error {
      position: absolute;
      left: 0;
      top: -43px;
      width: 180px;
      padding: 4px; }
      @media (min-width: 992px) {
        .settings-box .row-settings .form-group.field-legalentity-verification-document .help-block.help-block-error {
          left: 20px;
          top: -44px; } }
      .settings-box .row-settings .form-group.field-legalentity-verification-document .help-block.help-block-error:after {
        left: 10px;
        right: auto; }
    .settings-box .row-settings .form-group.field-legalentity-verification-document #legalentity-verification-document {
      width: 0;
      height: 0;
      visibility: hidden;
      overflow: hidden;
      padding: 0;
      position: absolute;
      z-index: -1; }
    .settings-box .row-settings .form-group.field-legalentity-verification-document.uploaded .control-label:after {
      content: "Uploaded"; }
    .settings-box .row-settings .form-group.field-legalentity-verification-document.disabled .control-label:after {
      cursor: not-allowed; }
    .settings-box .row-settings .form-group.field-legalentity-verification-document .control-label {
      position: relative; }
      .settings-box .row-settings .form-group.field-legalentity-verification-document .control-label:after {
        display: block;
        max-width: 90px;
        left: 80px;
        content: "Upload";
        font-size: 13px;
        line-height: 20px;
        font-weight: 600;
        padding: 5px 15px;
        color: white;
        border-radius: 6px;
        transition: all 0.3s ease;
        cursor: pointer;
        z-index: 10; }
        @media (min-width: 992px) {
          .settings-box .row-settings .form-group.field-legalentity-verification-document .control-label:after {
            position: absolute;
            left: 100%;
            top: 0; } }
  .settings-box .row-settings .form-group.field-user-rightcolumnbehavior {
    margin-bottom: 30px; }
.settings-box .row-settings .block-gender-birthday {
  display: flex;
  padding: 3px 0 0; }
  @media (max-width: 991px) {
    .settings-box .row-settings .block-gender-birthday {
      flex-wrap: wrap; } }
  .settings-box .row-settings .block-gender-birthday .help-block {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0; }
  .settings-box .row-settings .block-gender-birthday .form-group {
    position: relative; }
    @media (max-width: 992px) {
      .settings-box .row-settings .block-gender-birthday .form-group {
        flex: 0 1 50%; } }
    @media (max-width: 991px) {
      .settings-box .row-settings .block-gender-birthday .form-group {
        flex: 0 1 100%; } }
    @media (max-width: 992px) {
      .settings-box .row-settings .block-gender-birthday .form-group.field-user-birthday {
        margin-right: 10px; } }
    @media (max-width: 991px) {
      .settings-box .row-settings .block-gender-birthday .form-group.field-user-birthday {
        margin-right: 0; } }
    .settings-box .row-settings .block-gender-birthday .form-group.field-user-birthday .form-control {
      color: rgba(146, 159, 169, 0.6); }
    .settings-box .row-settings .block-gender-birthday .form-group.field-user-birthday .input-group.date {
      flex: 1 1 auto;
      max-width: none;
      position: relative; }
      @media (min-width: 992px) {
        .settings-box .row-settings .block-gender-birthday .form-group.field-user-birthday .input-group.date {
          flex: 0 1 140px;
          max-width: 140px; } }
      .settings-box .row-settings .block-gender-birthday .form-group.field-user-birthday .input-group.date > input:focus + .input-group-addon i {
        color: #263238; }
        .dark-scheme .settings-box .row-settings .block-gender-birthday .form-group.field-user-birthday .input-group.date > input:focus + .input-group-addon i {
          color: white; }
      .settings-box .row-settings .block-gender-birthday .form-group.field-user-birthday .input-group.date .form-control {
        width: 100%;
        padding-right: 40px; }
        .settings-box .row-settings .block-gender-birthday .form-group.field-user-birthday .input-group.date .form-control:first-child {
          border-radius: 10px; }
      .settings-box .row-settings .block-gender-birthday .form-group.field-user-birthday .input-group.date .input-group-addon {
        position: absolute;
        right: 0;
        font-style: normal;
        border-radius: 6px;
        border: none;
        background-color: transparent;
        padding: 0;
        height: 36px;
        width: 36px;
        text-align: center; }
        .settings-box .row-settings .block-gender-birthday .form-group.field-user-birthday .input-group.date .input-group-addon i {
          font-family: "all-my-links";
          color: rgba(146, 159, 169, 0.6);
          font-size: 25px;
          line-height: 36px;
          font-style: normal; }
          .settings-box .row-settings .block-gender-birthday .form-group.field-user-birthday .input-group.date .input-group-addon i:before {
            content: "\e638"; }
    @media (max-width: 992px) {
      .settings-box .row-settings .block-gender-birthday .form-group.field-user-gender {
        margin-left: 10px; } }
    @media (max-width: 991px) {
      .settings-box .row-settings .block-gender-birthday .form-group.field-user-gender {
        margin-left: 0; } }
    @media (max-width: 767px) {
      .settings-box .row-settings .block-gender-birthday .form-group.field-user-gender {
        display: none; } }
    @media (min-width: 992px) {
      .settings-box .row-settings .block-gender-birthday .form-group.field-user-gender .control-label {
        flex: 0 1 100px;
        max-width: 100px;
        min-width: 100px;
        text-align: right; } }
    .settings-box .row-settings .block-gender-birthday .form-group.field-user-gender .form-control {
      flex: 0 1 auto;
      min-width: 0; }
      @media (min-width: 992px) {
        .settings-box .row-settings .block-gender-birthday .form-group.field-user-gender .form-control {
          flex: 0 1 140px;
          min-width: 140px; } }
      .dark-scheme .settings-box .row-settings .block-gender-birthday .form-group.field-user-gender .form-control {
        color: rgba(255, 255, 255, 0.3); }
      .dark-scheme .settings-box .row-settings .block-gender-birthday .form-group.field-user-gender .form-control:focus {
        color: rgba(255, 255, 255, 0.3); }
.settings-box .profile-page-url {
  position: absolute;
  left: 10px;
  bottom: -10px;
  font-size: 13px;
  line-height: 15px;
  color: #0086e6; }
  @media (min-width: 992px) {
    .settings-box .profile-page-url {
      left: calc(170px + 2px);
      bottom: -10px; } }
  @media (max-width: 991px) {
    .settings-box .profile-page-url {
      bottom: -6px; } }
.settings-box .btn-group-set .btn {
  margin-left: 20px; }
.settings-box .btn-group-set .btn.btn-primary[disabled], .settings-box .btn-group-set .btn.btn-primary.disabled,
.settings-box .btn-group-set .btn.btn-defaul[disabled],
.settings-box .btn-group-set .btn.btn-defaul.disabled {
  opacity: 1;
  color: rgba(146, 159, 169, 0.4);
  cursor: not-allowed; }
  .settings-box .btn-group-set .btn.btn-primary[disabled]:hover, .settings-box .btn-group-set .btn.btn-primary.disabled:hover,
  .settings-box .btn-group-set .btn.btn-defaul[disabled]:hover,
  .settings-box .btn-group-set .btn.btn-defaul.disabled:hover {
    color: rgba(146, 159, 169, 0.4); }
  .settings-box .btn-group-set .btn.btn-primary[disabled]:hover, .settings-box .btn-group-set .btn.btn-primary[disabled]:focus, .settings-box .btn-group-set .btn.btn-primary.disabled:hover, .settings-box .btn-group-set .btn.btn-primary.disabled:focus,
  .settings-box .btn-group-set .btn.btn-defaul[disabled]:hover,
  .settings-box .btn-group-set .btn.btn-defaul[disabled]:focus,
  .settings-box .btn-group-set .btn.btn-defaul.disabled:hover,
  .settings-box .btn-group-set .btn.btn-defaul.disabled:focus {
    background-color: transparent; }
.settings-box .btn.btn-primary,
.settings-box .btn.btn-default {
  font-size: 17px;
  line-height: 23px;
  padding: 0;
  min-width: auto;
  border-radius: 0;
  outline: none;
  transition: all 0.3s ease;
  background-color: transparent; }

.settings-box .btn.btn-lg-size,
.settings-box .btn.btn-lg-size {
  font-size: 17px;
  line-height: 23px;
  padding: 4px 13px 6px;
  min-width: auto;
  border-radius: 4px;
  background-color: #2196F3; }

.settings-box .btn.btn-primary.btn-lg-size:active,
.settings-box .btn.btn-primary.btn-lg-size:hover,
.settings-box .btn.btn-primary.btn-lg-size:focus,
.settings-box .btn.btn-default.btn-lg-size:active,
.settings-box .btn.btn-default.btn-lg-size:hover,
.settings-box .btn.btn-default.btn-lg-size:focus {
  background-color: #2183D1 !important;
}

.settings-box .btn.m-block {
  width: 100%;
}

  .settings-box .btn.btn-primary.toggle-subscription-btn, .settings-box .btn.btn-default.toggle-subscription-btn {
    background-color: transparent;
    color: #263238; }
    .dark-scheme .settings-box .btn.btn-primary.toggle-subscription-btn,
    .dark-scheme .settings-box .btn.btn-default.toggle-subscription-btn {
      color: white; }
    .settings-box .btn.btn-primary.toggle-subscription-btn:hover, .settings-box .btn.btn-default.toggle-subscription-btn:hover {
      background-color: transparent; }
  .settings-box .btn.btn-primary:active.focus,
  .settings-box .btn.btn-primary:active:hover,
  .settings-box .btn.btn-primary:focus,
  .settings-box .btn.btn-primary:active,
  .settings-box .btn.btn-default:active.focus,
  .settings-box .btn.btn-default:active:hover,
  .settings-box .btn.btn-default:focus,
  .settings-box .btn.btn-default:active {
    background-color: transparent; }
  .settings-box .btn.btn-primary[disabled], .settings-box .btn.btn-primary.disabled,
  .settings-box .btn.btn-default[disabled],
  .settings-box .btn.btn-default.disabled {
    opacity: 1;
    color: rgba(146, 159, 169, 0.4);
    cursor: not-allowed; }
    .settings-box .btn.btn-primary[disabled]:hover, .settings-box .btn.btn-primary.disabled:hover,
    .settings-box .btn.btn-default[disabled]:hover,
    .settings-box .btn.btn-default.disabled:hover {
      color: rgba(146, 159, 169, 0.4); }
    .settings-box .btn.btn-primary[disabled]:hover, .settings-box .btn.btn-primary[disabled]:focus, .settings-box .btn.btn-primary.disabled:hover, .settings-box .btn.btn-primary.disabled:focus,
    .settings-box .btn.btn-default[disabled]:hover,
    .settings-box .btn.btn-default[disabled]:focus,
    .settings-box .btn.btn-default.disabled:hover,
    .settings-box .btn.btn-default.disabled:focus {
      background-color: transparent; }
.settings-box .bootstrap-select .btn.btn-default {
  min-width: 0;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
  color: #263238;
  background-color: rgba(146, 159, 169, 0.08); }
  .dark-scheme .settings-box .bootstrap-select .btn.btn-default {
    color: white; }
  .settings-box .bootstrap-select .btn.btn-default.disabled {
    background-color: rgba(146, 159, 169, 0.08);
    color: rgba(146, 159, 169, 0.4); }
    .settings-box .bootstrap-select .btn.btn-default.disabled:hover {
      background-color: rgba(146, 159, 169, 0.08);
      color: rgba(146, 159, 169, 0.4); }
  .settings-box .bootstrap-select .btn.btn-default.bs-placeholder {
    color: rgba(146, 159, 169, 0.6); }

.settings-payouts-identity-page .bootstrap-select.dropdown .dropdown-menu {
  top: auto; }

@media (min-width: 992px) {
  .box-bg-avatar .control-label {
    padding-top: 14px; } }

.settings-btn-group .btn {
  margin-bottom: 10px; }

.block-bg-avatar {
  display: flex; }
  @media (min-width: 992px) {
    .block-bg-avatar {
      padding: 15px 0 2px; } }
  .block-bg-avatar .title-section {
    padding: 4px 10px 0 0; }
    @media (max-width: 991px) {
      .block-bg-avatar .title-section {
        position: absolute;
        top: -27px;
        left: 0; } }
    @media (max-width: 767px) {
      .block-bg-avatar .title-section {
        top: -26px; } }
    .block-bg-avatar .title-section span {
      display: none; }
      @media (min-width: 992px) {
        .block-bg-avatar .title-section span {
          display: block; } }
  @media (max-width: 767px) {
    .block-bg-avatar .popover {
      margin-left: -80px; }
      .block-bg-avatar .popover .arrow {
        margin-left: 69px; } }
  .block-bg-avatar .popover-content {
    text-align: center;
    font-size: 13px;
    line-height: 1.5em; }

.title-section {
  font-size: 15px;
  line-height: 28px;
  font-weight: 600; }

.form-group-custom {
  position: relative;
  display: flex; }
  @media (max-width: 480px) {
    .form-group-custom {
      width: 50%;
      display: block; } }
  @media (max-width: 480px) {
    .form-group-custom .btn-group-load {
      padding-top: 10px; } }
  .form-group-custom .btn-group-load .info-icon {
    position: absolute;
    top: -1px;
    right: -30px; }
    @media (max-width: 480px) {
      .form-group-custom .btn-group-load .info-icon {
        position: static;
        top: auto;
        right: auto; } }
  .form-group-custom .btn-group-load .popover {
    position: absolute; }
  .form-group-custom .btn-group-load .form-group {
    position: static; }
    .form-group-custom .btn-group-load .form-group .help-block {
      display: none;
      position: absolute;
      width: 300px;
      font-size: 11px;
      padding: 2px 5px 3px;
      color: white;
      background: #263238;
      border-radius: 2px;
      left: 0;
      right: auto;
      bottom: 100%;
      font-weight: bold; }
      .form-group-custom .btn-group-load .form-group .help-block.help-block-error {
        background: #f44336; }
        .form-group-custom .btn-group-load .form-group .help-block.help-block-error:after {
          border-top-color: #f44336; }
      .form-group-custom .btn-group-load .form-group .help-block:after {
        position: absolute;
        bottom: -4px;
        left: auto;
        right: 10px;
        margin-left: 6px;
        content: "";
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #263238; }
        @media (min-width: 992px) {
          .form-group-custom .btn-group-load .form-group .help-block:after {
            left: 0;
            right: auto; } }
  .form-group-custom:first-child {
    margin-right: 11px; }
    @media (max-width: 480px) {
      .form-group-custom:first-child {
        margin-right: 0; } }
  .form-group-custom .title-section {
    line-height: 19px;
    text-align: right; }
  .form-group-custom .form-load-img {
    position: relative;
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    float: left;
    overflow: hidden;
    border-radius: 3px; }
    .form-group-custom .form-load-img .circular {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -12px;
      margin-left: -12px; }
    .form-group-custom .form-load-img .circular + .circular {
      display: none; }
    @media (max-width: 480px) {
      .form-group-custom .form-load-img {
        float: none; } }
    .form-group-custom .form-load-img.ava-img {
      border-radius: 50%; }
    .form-group-custom .form-load-img.bg-img img {
      height: 100%; }
  .form-group-custom .btn-group-load {
    display: block;
    padding-left: 8px; }
    @media (max-width: 480px) {
      .form-group-custom .btn-group-load {
        padding-left: 0; } }
    .form-group-custom .btn-group-load .form-group,
    .form-group-custom .btn-group-load .help-block {
      margin: 0; }
    .form-group-custom .btn-group-load .avatar_style {
      display: flex;
      flex-direction: row-reverse; }
      @media (max-width: 480px) {
        .form-group-custom .btn-group-load .avatar_style {
          display: block; } }
      @media (max-width: 480px) {
        .form-group-custom .btn-group-load .avatar_style .source_link-avatar {
          float: left; } }
      .form-group-custom .btn-group-load .avatar_style .source_link-avatar .modal-trigger {
        display: inline-block;
        text-align: center;
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 0;
        color: rgba(38, 50, 56, 0.2);
        transition: all 0.3s ease;
        cursor: pointer; }
        .form-group-custom .btn-group-load .avatar_style .source_link-avatar .modal-trigger:hover {
          color: #0086e6; }
          .dark-scheme .form-group-custom .btn-group-load .avatar_style .source_link-avatar .modal-trigger:hover {
            color: #0086e6; }
        .dark-scheme .form-group-custom .btn-group-load .avatar_style .source_link-avatar .modal-trigger {
          color: rgba(255, 255, 255, 0.2); }
    .form-group-custom .btn-group-load label {
      display: block;
      text-align: center;
      width: 30px;
      height: 30px;
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 0;
      color: rgba(38, 50, 56, 0.2);
      transition: all 0.3s ease;
      cursor: pointer; }
      @media (max-width: 480px) {
        .form-group-custom .btn-group-load label {
          float: left; } }
      .form-group-custom .btn-group-load label:hover {
        color: #0086e6; }
        .dark-scheme .form-group-custom .btn-group-load label:hover {
          color: #0086e6; }
      .dark-scheme .form-group-custom .btn-group-load label {
        color: rgba(255, 255, 255, 0.2); }

.field-user-color_scheme input {
  display: none; }
.field-user-color_scheme .control-label {
  white-space: nowrap; }
.field-user-color_scheme #user-color_scheme {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 600px) {
    .field-user-color_scheme #user-color_scheme {
      width: 100%; } }
  @media (max-width: 600px) {
    .field-user-color_scheme #user-color_scheme .radio-wrapper {
      width: 8.32%; } }
  .field-user-color_scheme #user-color_scheme label {
    display: block;
    margin: 0;
    padding: 0 !important;
    width: 32px;
    height: 36px;
    transition: all .3s ease;
    position: relative;
    cursor: pointer;
    opacity: 0.6; }
    @media (min-width: 767px) and (max-width: 991px) {
      .field-user-color_scheme #user-color_scheme label {
        width: 28px; } }
    @media (max-width: 767px) {
      .field-user-color_scheme #user-color_scheme label {
        width: 30px; } }
    @media (max-width: 600px) {
      .field-user-color_scheme #user-color_scheme label {
        width: 100%; } }
    .field-user-color_scheme #user-color_scheme label[for=color_scheme_0] {
      background: #69818C; }
    .field-user-color_scheme #user-color_scheme label[for=color_scheme_1] {
      background: #F252D2; }
    .field-user-color_scheme #user-color_scheme label[for=color_scheme_2] {
      background: #FF4081; }
    .field-user-color_scheme #user-color_scheme label[for=color_scheme_3] {
      background: #FA3240; }
    .field-user-color_scheme #user-color_scheme label[for=color_scheme_4] {
      background: #FF7105; }
    .field-user-color_scheme #user-color_scheme label[for=color_scheme_5] {
      background: #FCA800; }
    .field-user-color_scheme #user-color_scheme label[for=color_scheme_6] {
      background: #70CF27; }
    .field-user-color_scheme #user-color_scheme label[for=color_scheme_7] {
      background: #00C864; }
    .field-user-color_scheme #user-color_scheme label[for=color_scheme_8] {
      background: #00B1CC; }
    .field-user-color_scheme #user-color_scheme label[for=color_scheme_9] {
      background: #2196F3; }
    .field-user-color_scheme #user-color_scheme label[for=color_scheme_10] {
      background: #7953F5; }
    .field-user-color_scheme #user-color_scheme label[for=color_scheme_11] {
      background: #A832BF; }
    .field-user-color_scheme #user-color_scheme label:before {
      content: "\e618";
      font-family: "all-my-links";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      color: white;
      font-size: 20px;
      font-weight: 300;
      transition: all .3s ease;
      opacity: 0; }
      .dark-scheme .field-user-color_scheme #user-color_scheme label:before {
        color: #263238; }
  .field-user-color_scheme #user-color_scheme :checked + label {
    opacity: 1; }
    .field-user-color_scheme #user-color_scheme :checked + label:before {
      opacity: 1; }
.field-user-color_scheme .radio-wrapper:first-child label {
  border-radius: 10px 0 0 10px; }
.field-user-color_scheme .radio-wrapper:last-child label {
  border-radius: 0 10px 10px 0; }
@media (max-width: 991px) {
  .field-user-color_scheme .help-block {
    position: absolute;
    bottom: -10px;
    left: 0; } }

.settings-box__mobile-panel h1 {
  padding-left: 50px;
  background-color: white; }
  .dark-scheme .settings-box__mobile-panel h1 {
    background-color: #263238; }
@media (min-width: 767px) {
  .settings-box__mobile-panel {
    display: none; } }
.settings-box__back-btn {
  position: fixed;
  z-index: 1002;
  background-color: transparent;
  padding: 0;
  left: 14px;
  top: 11px; }

.settings-box__back-btn:hover {
  color: #2196F3;
}


  @media (min-width: 767px) {
    .settings-box__back-btn {
      display: none; } }
  .settings-box__back-btn i {
    font-size: 20px;
    line-height: 24px; }
.settings-box__username {
  display: block;
  padding: 13px 20px 14px 20px;
  font-size: 17px;
  line-height: 23px;
  color: #929fa9; }
  @media (max-width: 767px) {
    .settings-box__username {
      padding-top: 57px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; } }
.settings-box__title-page {
  font-size: 17px;
  line-height: 23px;
  color: #263238;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-weight: 600;
  margin: 0;
  padding: 13px 0 14px 20px;
  width: 624px;
  z-index: 1001;
  border-radius: 10px 10px 0 0;
  background-color: white;
  border: 1px solid white; }
.settings-box__title-page.sticky {
  position: fixed;}
  @media (max-width: 991px) {
    .settings-box__title-page {
      width: 392px; }
      .settings-box__title-page .under-navbar-scroll {
        left: 0;
        right: 0;
        width: auto; } }
  @media (max-width: 767px) {
    .settings-box__title-page {
      width: auto;
      left: 0;
      right: 0;
      border-radius: 0;
      padding: 10px 0 10px 58px; } }
  .dark-scheme .settings-box__title-page {
    background-color: #263238;
    border-color: #263238;
    color: white; }
  @media (min-width: 768px) {
    .settings-manage-links-page .settings-box__title-page {
      border-radius: 10px; } }
.settings-box__subtitle {
  font-size: 17px;
  line-height: 1.2em;
  color: rgba(146, 159, 169, 0.6);
  padding: 0 0 15px 0;
  font-weight: 600;
  margin: 15px 0 0 -5px; }
  .settings-box__subtitle:empty, .settings-box__subtitle:blank {
    margin: 0;
    padding: 0; }
  .settings-box__subtitle.notify-title {
    padding-top: 13px;
    padding-bottom: 1px; }
  @media (min-width: 992px) {
    .guest-role .settings-box__subtitle {
      padding-left: calc(152px + 20px);
      padding-bottom: 10px; } }
@media (max-width: 767px) {
  .settings-box .row-settings__wrap {
    display: flex;
    justify-content: space-between; }
    .settings-box .row-settings__wrap > * {
      flex: 0 1 calc(50% - 10px);
      min-width: calc(50% - 10px); } }
.settings-box .row-settings.last-account {
  padding-bottom: 10px; }
.settings-box .row-settings.email-verify {
  position: relative; }
  @media (max-width: 992px) {
    .settings-box .row-settings.email-verify {
      padding-bottom: 25px; } }
  .settings-box .row-settings.email-verify .verify-link {
    position: absolute;
    left: calc(170px + 33px);
    bottom: 7px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #f44336; }
    @media (max-width: 992px) {
      .settings-box .row-settings.email-verify .verify-link {
        left: 33px;
        bottom: 8px; } }
    .settings-box .row-settings.email-verify .verify-link:hover {
      color: #D62A37; }
.settings-box .row-settings .form-group.has-error .help-block {
  position: absolute;
  font-size: 11px;
  padding: 2px 5px 3px;
  color: white;
  background: #263238;
  border-radius: 2px;
  left: auto;
  right: 0;
  top: -32px;
  font-weight: bold; }
  @media (min-width: 992px) {
    .settings-box .row-settings .form-group.has-error .help-block {
      left: calc(172px + 6px);
      right: auto; } }
  .settings-box .row-settings .form-group.has-error .help-block.help-block-error {
    background: #f44336; }
    .settings-box .row-settings .form-group.has-error .help-block.help-block-error:after {
      border-top-color: #f44336; }
  .settings-box .row-settings .form-group.has-error .help-block:after {
    position: absolute;
    bottom: -4px;
    left: auto;
    right: 10px;
    margin-left: 6px;
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #263238; }
    @media (min-width: 992px) {
      .settings-box .row-settings .form-group.has-error .help-block:after {
        left: 0;
        right: auto; } }
.settings-box .row-settings .form-group.has-error.field-user-username .help-block {
  top: 3px; }
  @media (min-width: 992px) {
    .settings-box .row-settings .form-group.has-error.field-user-username .help-block {
      top: -26px; } }
.settings-box .row-settings .form-group.has-error.field-user-name .help-block, .settings-box .row-settings .form-group.has-error.field-changepassword-oldpassword .help-block, .settings-box .row-settings .form-group.has-error.field-changepassword-newpassword .help-block {
  top: -2px; }
  @media (min-width: 992px) {
    .settings-box .row-settings .form-group.has-error.field-user-name .help-block, .settings-box .row-settings .form-group.has-error.field-changepassword-oldpassword .help-block, .settings-box .row-settings .form-group.has-error.field-changepassword-newpassword .help-block {
      top: -30px; } }
.settings-box .row-settings .form-group.has-error.field-changepassword-newpasswordconfirmation .help-block {
  top: -20px; }
  @media (min-width: 345px) {
    .settings-box .row-settings .form-group.has-error.field-changepassword-newpasswordconfirmation .help-block {
      top: -10px; } }
  @media (min-width: 992px) {
    .settings-box .row-settings .form-group.has-error.field-changepassword-newpasswordconfirmation .help-block {
      top: -30px; } }
.settings-box .row-settings .form-group .oauth {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  height: 36px;
  padding: 0; }
  .settings-box .row-settings .form-group .oauth .username,
  .settings-box .row-settings .form-group .oauth a.btn {
    font-weight: 600;
    font-size: 13px;
    line-height: 28px;
    color: white;
    border-radius: 18px; }
  .settings-box .row-settings .form-group .oauth .username {
    position: absolute;
    line-height: 28px;
    left: 10px;
    top: 4px;
    z-index: 2;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
  }
  .settings-box .row-settings .form-group .oauth a.btn {
    position: relative;
    z-index: 1;
    display: block;
    padding: 0 15px;
    height: 36px;
    text-align: right;
    border: none;
    font-weight: 600;
    box-shadow: none; }
    .settings-box .row-settings .form-group .oauth a.btn:after {
      position: relative;
      display: inline-block;
      font-family: "all-my-links";
      top: 4px;
      font-size: 24px;
      font-weight: normal;
      padding-left: 9px; }
    .settings-box .row-settings .form-group .oauth a.btn.disconnect-btn:after {
      content: "\e640"; }
    .settings-box .row-settings .form-group .oauth a.btn.connect-btn:after {
      content: "\e641"; }
  .settings-box .row-settings .form-group .oauth.twitter .btn {
    background: #1DA1F2; }
  .settings-box .row-settings .form-group .oauth.twitter .form-group.field-user-tweeting {
    position: static; }
  .settings-box .row-settings .form-group .oauth.twitter .checkbox {
    display: flex;
    margin-bottom: 0; }
    .settings-box .row-settings .form-group .oauth.twitter .checkbox .help-block {
      font-size: 15px;
      line-height: 20px;
      color: #263238;
      margin-bottom: 0; }
      .dark-scheme .settings-box .row-settings .form-group .oauth.twitter .checkbox .help-block {
        color: white; }
  .settings-box .row-settings .form-group .oauth.twitter .form-group {
    margin-bottom: 0; }
  .settings-box .row-settings .form-group .oauth.facebook .btn {
    background: #4267B2; }
  .settings-box .row-settings .form-group .oauth.google .btn {
    background: #1DA1F2; }
  .settings-box .row-settings .form-group .oauth.instagram .btn {
    background: linear-gradient(to right, #bd3381, #ee583f); }
  .settings-box .row-settings .form-group .oauth.instagram_fb .btn {
    background: linear-gradient(to right, #bd3381, #ee583f); }
.settings-box .row-settings .form-group .oauth.apple .btn {
  background: #fff;
  box-shadow: inset 0 0 0 1px #000;
  color: #000;
}

.settings-box .row-settings .form-group .oauth.apple .username {
  color: #000;
}

.settings-box .row-settings .form-group.field-changepassword-oldpassword .btn.btn-link {
  position: absolute;
  left: 8px;
  bottom: -22px;
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none;
  border: none;
  transition: all 0.3s ease; }
  @media (min-width: 992px) {
    .settings-box .row-settings .form-group.field-changepassword-oldpassword .btn.btn-link {
      left: calc(170px + 8px); } }
  .settings-box .row-settings .form-group.field-changepassword-oldpassword .btn.btn-link:hover {
    color: #263238; }
    .dark-scheme .settings-box .row-settings .form-group.field-changepassword-oldpassword .btn.btn-link:hover {
      color: white; }
.settings-box .row-settings .form-group.field-changepassword-newpasswordconfirmation {
  padding-bottom: 2px; }
  @media (max-width: 992px) {
    .settings-box .row-settings .form-group.field-changepassword-newpasswordconfirmation {
      padding-bottom: 36px; } }
  @media (max-width: 767px) {
    .settings-box .row-settings .form-group.field-changepassword-newpasswordconfirmation {
      padding-bottom: 6px; } }
.settings-box .row-settings .form-group.field-legalentity-ssn_last_4 {
  clear: both; }
.settings-box .row-settings .form-group.field-legalentity-personal_id_number {
  clear: both; }
  .settings-box .row-settings .form-group.field-legalentity-personal_id_number .control-label {
    position: relative;
    top: -4px;
    line-height: 18px; }
.settings-box .form-group.field-user-email {
  position: relative;
}
  .settings-box .form-group.field-user-email.required .control-label:after {
    position: absolute;
    top: 28px;
    right: 9px;
    font-family: "all-my-links";
    content: "\e63a";
    font-size: 24px;
    line-height: 30px;
    color: #f44336; }
    @media (min-width: 992px) {
      .settings-box .form-group.field-user-email.required .control-label:after {
        top: 4px;
        right: 48px; }

      .settings-box .form-group.field-user-email {
        position: relative;
        margin-bottom: 18px;
      }
    }
  .settings-box .form-group.field-user-email.verified .control-label:after {
    position: absolute;
    top: 28px;
    right: 6px;
    font-family: "all-my-links";
    content: "\e63b";
    font-size: 24px;
    line-height: 30px; }
    @media (max-width: 991px) {
      .settings-box .form-group.field-user-email.verified .control-label:after {
        top: 38px; } }
    @media (min-width: 992px) {
      .settings-box .form-group.field-user-email.verified .control-label:after {
        top: 4px;
        right: 54px; } }

  .settings-box .form-group.field-paypal-email.has-error .control-label:after {
    position: absolute;
    top: 28px;
    right: 9px;
    font-family: "all-my-links";
    content: "\e63a";
    font-size: 24px;
    line-height: 30px;
    color: #f44336; }
    @media (min-width: 992px) {
      .settings-box .form-group.field-paypal-email.has-error .control-label:after {
        top: 4px;
        right: 48px; }

      .settings-box .form-group.field-paypal-email {
        position: relative;
        margin-bottom: 18px;
      }
    }

  .settings-box .form-group.field-paypal-email.has-success .control-label:after {
    position: absolute;
    top: 28px;
    right: 6px;
    font-family: "all-my-links";
    content: "\e63b";
    font-size: 24px;
    line-height: 30px; }
    @media (max-width: 991px) {
      .settings-box .form-group.field-paypal-email.has-success .control-label:after {
        top: 38px; } }
    @media (min-width: 992px) {
      .settings-box .form-group.field-paypal-email.has-success .control-label:after {
        top: 4px;
        right: 54px; } }

.settings-box__content-inner .form {
  padding-top: 0; }
  @media (min-width: 992px) {
    .settings-box__content-inner .form {
      padding-top: 13px; }
      .settings-box__content-inner .form #payment_details_form {
        padding-top: 20px; } }
  .settings-box__content-inner .form h3 {
    padding-top: 0;
    padding-bottom: 15px;
    margin-top: 15px; }
    @media (min-width: 992px) {
      .settings-box__content-inner .form h3 {
        padding-bottom: 25px; } }
.settings-box .row-settings.notify-block .form-group {
  display: block; }
.settings-box .row-settings .field-user-showviewscount {
  padding: 0;
  margin: 0; }
  .settings-box .row-settings .material-switch {
    position: absolute;
    right: 0;
    top: 0;
    /*top: -21px; */
  }
.settings-box .row-settings.payouts-block.personal-details .form-control, .settings-box .row-settings.payouts-block.payouts-enabled .form-control, .settings-box .row-settings.payouts-block.payouts-account .form-control {
  padding: 5px 12px; }
  .settings-box .row-settings.payouts-block.personal-details .form-control.bootstrap-select, .settings-box .row-settings.payouts-block.payouts-enabled .form-control.bootstrap-select, .settings-box .row-settings.payouts-block.payouts-account .form-control.bootstrap-select {
    padding: 0; }
  .dark-scheme .settings-box .row-settings.payouts-block.personal-details .form-control, .dark-scheme .settings-box .row-settings.payouts-block.payouts-enabled .form-control, .dark-scheme .settings-box .row-settings.payouts-block.payouts-account .form-control {
    color: #7c8b96; }
.settings-box .row-settings.payouts-block .form-group.field-legalentity-dob .input-group-addon {
  position: absolute;
  right: 0;
  font-style: normal;
  border-radius: 6px;
  border: none;
  background-color: transparent;
  padding: 0;
  height: 36px;
  width: 30px;
  text-align: center; }
  .settings-box .row-settings.payouts-block .form-group.field-legalentity-dob .input-group-addon i {
    font-family: "all-my-links";
    color: rgba(146, 159, 169, 0.6);
    font-size: 25px;
    line-height: 36px;
    font-style: normal; }
    .settings-box .row-settings.payouts-block .form-group.field-legalentity-dob .input-group-addon i:before {
      content: "\e638"; }
.settings-box .row-settings.payouts-block .form-group.field-legalentity-dob .input-group.date {
  max-width: 160px; }
.settings-box .row-settings.payouts-block .form-group.field-legalentity-dob .help-block {
  position: absolute;
  bottom: 0; }
.settings-box .row-settings.payouts-block .form-group.field-legalentity-tos .checkbox {
  padding-left: 0; }
  @media (max-width: 992px) {
    .settings-box .row-settings.payouts-block .form-group.field-legalentity-tos .checkbox .help-block {
      padding-left: 42px; } }
.settings-box .row-settings.payouts-block .form-group.field-legalentity-tos.has-error .help-block.help-block-error {
  opacity: 1;
  visibility: visible; }
.settings-box .row-settings.payouts-block .form-group.field-legalentity-tos .help-block {
  margin-top: 7px;
  padding: 0;
  position: static;
  font-weight: normal;
  background-color: transparent; }
  @media (max-width: 992px) {
    .settings-box .row-settings.payouts-block .form-group.field-legalentity-tos .help-block {
      margin-top: 6px; } }
  .settings-box .row-settings.payouts-block .form-group.field-legalentity-tos .help-block:after {
    display: none; }
  .settings-box .row-settings.payouts-block .form-group.field-legalentity-tos .help-block a {
    transition: all 0.3s ease; }
.settings-box .row-settings.payouts-block .form-group.field-legalentity-tos .help-block.help-block-error {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-size: 11px;
  padding: 2px 5px 3px;
  color: white;
  background: #f44336;
  border-radius: 2px;
  left: 0;
  top: -28px;
  font-weight: bold; }
  .settings-box .row-settings.payouts-block .form-group.field-legalentity-tos .help-block.help-block-error:before {
    position: absolute;
    bottom: -4px;
    left: 0;
    margin-left: 6px;
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #f44336; }
    @media (min-width: 992px) {
      .settings-box .row-settings.payouts-block .form-group.field-legalentity-tos .help-block.help-block-error:before {
        left: 0;
        right: auto; } }
.settings-box .row-settings.payouts-block .form-group.field-legalentity-tos .checkbox {
  margin-left: 0; }
  @media (min-width: 992px) {
    .settings-box .row-settings.payouts-block .form-group.field-legalentity-tos .checkbox {
      margin-left: 140px; } }
@media (max-width: 768px) {
  .settings-box .row-settings.payouts-block .form-group.setting__btn-group .second-column .btn.btn-primary,
  .settings-box .row-settings.payouts-block .form-group.setting__btn-group .second-column .btn.btn-default {
    min-width: 108px; } }
.settings-box .row-settings.payouts-block .form-group.field-enablepayouts-country .help-block {
  padding-top: 2px;
  font-size: 11px;
  line-height: 15px;
  margin-left: 5px; }
  .settings-box .row-settings.payouts-block .form-group.field-enablepayouts-country .help-block a {
    text-decoration: underline; }
  @media (min-width: 992px) {
    .settings-box .row-settings.payouts-block .form-group.field-enablepayouts-country .help-block {
      padding-left: 152px; } }
.settings-box .row-settings.payouts-block .form-group.field-enablepayouts-country .help-block.help-block-error {
  display: none; }
.settings-box .row-settings.payouts-block .form-group.field-enablepayouts-country, .settings-box .row-settings.payouts-block .form-group.setting__btn-group {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 992px) {
    .settings-box .row-settings.payouts-block .form-group.field-enablepayouts-country .first-column, .settings-box .row-settings.payouts-block .form-group.setting__btn-group .first-column {
      flex: 0 1 170px;
      min-width: 170px;
      text-align: right; } }
  .settings-box .row-settings.payouts-block .form-group.field-enablepayouts-country .second-column .btn, .settings-box .row-settings.payouts-block .form-group.setting__btn-group .second-column .btn {
    margin-top: 10px; }
  @media (min-width: 992px) {
    .settings-box .row-settings.payouts-block .form-group.field-enablepayouts-country .control-label, .settings-box .row-settings.payouts-block .form-group.setting__btn-group .control-label {
      flex: 0 1 152px;
      min-width: 152px;
      padding-right: 22px; } }
.settings-box .row-settings.payouts-block.payouts-enabled {
  margin-top: 15px; }
.settings-box .row-settings.notify-block {
  margin: 0 -25px;
  padding: 0 25px; }
  @media (min-width: 767px) and (max-width: 991px) {
    .settings-box .row-settings.notify-block {
      overflow: hidden; } }
  .settings-box .row-settings.notify-block.hr-row {
    padding-bottom: 20px;
    margin-bottom: 20px; }
  .settings-box .row-settings.notify-block.notify-block-shad {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding-bottom: 17px;
    margin-top: -7px; }
    @media (max-width: 1199px) {
      .settings-box .row-settings.notify-block.notify-block-shad {
        padding-top: 15px;
        margin-top: 0; }
        .settings-referrals-page .settings-box .row-settings.notify-block.notify-block-shad {
          padding-top: 0; } }
  @media (min-width: 992px) {
    .settings-box .row-settings.notify-block.notify-block-second {
      margin-top: -17px; } }
  @media (max-width: 991px) {
    .settings-box .row-settings.notify-block.notify-block-sec .form-group .checkbox .label-title {
      margin: 0 0 10px; }
    .settings-box .row-settings.notify-block.notify-block-sec .form-group .checkbox > label {
      margin: 0 18px 0 2px; } }
  @media (max-width: 600px) {
    .settings-box .row-settings.notify-block.notify-block-sec .form-group .checkbox .help-block {
      width: auto;
      padding-left: 0; } }
  .settings-box .row-settings.notify-block .form-group {
    margin-bottom: 0; }
    .settings-box .row-settings.notify-block .form-group.field-user-messaging_with_paying {
      padding-bottom: 30px; }
      .settings-box .row-settings.notify-block .form-group.field-user-messaging_with_paying.has-error .help-block {
        position: static;
        background: none;
        top: auto;
        font-weight: normal;
        padding: 0; }
        .settings-box .row-settings.notify-block .form-group.field-user-messaging_with_paying.has-error .help-block:after {
          display: none; }
      .settings-box .row-settings.notify-block .form-group.field-user-messaging_with_paying.has-error .help-block-error {
        position: absolute;
        background: none;
        left: 147px;
        bottom: -33px;
        font-size: 11px;
        line-height: 15px;
        color: #f44336;
        width: 300px; }
        @media (max-width: 991px) {
          .settings-box .row-settings.notify-block .form-group.field-user-messaging_with_paying.has-error .help-block-error {
            left: 5px; } }
    .settings-box .row-settings.notify-block .form-group.field-user-notify_by_email {
      padding: 0;
      margin: 0; }
      .settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .material-switch {
        position: absolute;
        right: 0;
        top: -21px; }
      .settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .checkbox .label-title {
        line-height: 36px;
        margin-bottom: 5px;
        white-space: nowrap; }
        @media (max-width: 991px) {
          .settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .checkbox .label-title {
            font-size: 18px;
            line-height: 1.2em;
            color: #929fa9;
            padding: 0 0 15px;
            margin: 15px 0 0 -5px; } }
      .settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .checkbox .help-block {
        position: absolute;
        font-size: 11px;
        left: 8px;
        margin: 0;
        bottom: -10px;
        color: #929fa9; }
        @media (max-width: 991px) {
          .settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .checkbox .help-block {
            display: none; } }
        @media (min-width: 992px) {
          .settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .checkbox .help-block {
            left: calc(152px + 8px); } }
        @media (max-width: 480px) {
          .settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .checkbox .help-block {
            padding-left: 0; } }
        @media (max-width: 375px) {
          .settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .checkbox .help-block {
            bottom: -25px; } }
      @media (max-width: 991px) {
        .settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .checkbox {
          padding-left: 0; } }
      .settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .checkbox > label {
        position: absolute;
        right: 10px;
        top: 0;
        font-size: 11px;
        margin: 0; }
    .settings-box .row-settings.notify-block .form-group .notifications-email {
      flex: 0 1 100%;
      border-radius: 6px;
      border: none;
      background: rgba(146, 159, 169, 0.1);
      color: #263238;
      line-height: 26px;
      padding: 2px 7px;
      margin: 4px 0 0 0;
      height: 30px;
      box-shadow: none; }
      @media (max-width: 991px) {
        .settings-box .row-settings.notify-block .form-group .notifications-email {
          display: none; } }
      @media (max-width: 375px) {
        .settings-box .row-settings.notify-block .form-group .notifications-email {
          font-size: 12px; } }
      .dark-scheme .settings-box .row-settings.notify-block .form-group .notifications-email {
        color: white; }
    .settings-privacy-page .settings-box .row-settings.notify-block .form-group.field-user-messaging_with_followers, .settings-privacy-page .settings-box .row-settings.notify-block .form-group.field-user-sensitive-content {
      margin-top: 30px; }
      @media (min-width: 991px) {
        .settings-privacy-page .settings-box .row-settings.notify-block .form-group.field-user-messaging_with_followers, .settings-privacy-page .settings-box .row-settings.notify-block .form-group.field-user-sensitive-content {
          margin-top: 0; } }
    .settings-box .row-settings.notify-block .form-group .checkbox {
      margin: 0;
      position: relative;
      padding-left: 33px; }
      @media (min-width: 991px) {
        .settings-privacy-page .settings-box .row-settings.notify-block .form-group .checkbox {
          padding-left: 218px;
          padding-top: 0;
          margin-top: 0; } }
      .settings-box .row-settings.notify-block .form-group .checkbox input[type="checkbox"] {
        margin: 0; }
      .settings-box .row-settings.notify-block .form-group .checkbox label {
        padding: 0;
        margin: 0;
        min-height: auto; }
      .settings-box .row-settings.notify-block .form-group .checkbox > label {
        position: absolute;
        left: 0;
        top: 2px;
        padding: 0;
        min-height: 18px;
        min-width: 18px;
        height: 18px; }
        @media (min-width: 991px) {
          .settings-privacy-page .settings-box .row-settings.notify-block .form-group .checkbox > label {
            left: 188px; } }
        .settings-box .row-settings.notify-block .form-group .checkbox > label label {
          position: absolute;
          top: 0;
          left: 0;
          width: 18px;
          height: 18px;
          background-color: transparent;
          border: 2px solid rgba(38, 50, 56, 0.4);
          transition: all .3s ease;
          border-radius: 2px; }
          .dark-scheme .settings-box .row-settings.notify-block .form-group .checkbox > label label {
            border-color: rgba(255, 255, 255, 0.4); }
          .settings-box .row-settings.notify-block .form-group .checkbox > label label i {
            display: block;
            position: relative;
            left: -1px;
            visibility: hidden;
            opacity: 0;
            color: white;
            transition: all 0.3s ease; }
            .dark-scheme .settings-box .row-settings.notify-block .form-group .checkbox > label label i {
              color: #263238; }
            .settings-box .row-settings.notify-block .form-group .checkbox > label label i:before {
              width: auto;
              margin-left: -1px;
              font-size: 17px;
              height: 16px;
              line-height: 16px; }
        .settings-box .row-settings.notify-block .form-group .checkbox > label > input[type="checkbox"] {
          visibility: hidden; }
          .settings-box .row-settings.notify-block .form-group .checkbox > label > input[type="checkbox"]:checked + label {
            background-color: #0086e6;
            border-color: #0086e6; }
          .settings-box .row-settings.notify-block .form-group .checkbox > label > input[type="checkbox"]:checked + label i {
            visibility: visible;
            opacity: 1; }
      .settings-box .row-settings.notify-block .form-group .checkbox .label-title {
        text-align: left;
        font-size: 15px;
        line-height: 20px; }
        .settings-box .row-settings.notify-block .form-group .checkbox .label-title small {
          font-size: 13px;
          line-height: 18px;
          font-weight: 400;
          color: #929fa9;
          margin: 0 0 11px;
          width: 100%; }
        .settings-privacy-page .settings-box .row-settings.notify-block .form-group .checkbox .label-title {
          font-weight: 600;
          position: absolute;
          top: -30px;
          left: 0; }
          @media (min-width: 991px) {
            .settings-privacy-page .settings-box .row-settings.notify-block .form-group .checkbox .label-title {
              top: 0;
              width: 165px;
              text-align: right; } }
      .settings-box .row-settings.notify-block .form-group .checkbox .help-block {
        font-size: 13px;
        line-height: 18px;
        font-weight: normal;
        color: #929fa9;
        margin: 0 0 11px;
        width: 100%; }
        .dark-scheme .settings-box .row-settings.notify-block .form-group .checkbox .help-block {
          color: white; }
        .settings-privacy-page.dark-scheme .settings-box .row-settings.notify-block .form-group .checkbox .help-block {
          color: white; }
        .settings-privacy-page .settings-box .row-settings.notify-block .form-group .checkbox .help-block {
          font-size: 15px;
          line-height: 20px;
          color: #263238; }

        .dark-scheme .settings-privacy-page .settings-box .row-settings.notify-block .form-group .checkbox .help-block {
          color: #fff;
        }

      .settings-box .row-settings.notify-block .form-group .checkbox .help-block-error {
        margin-bottom: 0; }
    .settings-box .row-settings.notify-block .form-group.field-user-email_frequency {
      padding-bottom: 18px; }
      @media (min-width: 767px) {
        .settings-box .row-settings.notify-block .form-group.field-user-email_frequency {
          padding-bottom: 12px; } }
      .settings-box .row-settings.notify-block .form-group.field-user-email_frequency label.control-label {
        font-size: 15px;
        line-height: 20px;
        color: #263238;
        padding-right: 0;
        font-weight: 600;
        min-width: 0;
        margin: 10px 0; }
        @media (min-width: 991px) {
          .settings-box .row-settings.notify-block .form-group.field-user-email_frequency label.control-label {
            margin: 0 26px 0 0;
            width: 129px;
            text-align: right;
            float: left; } }
        .dark-scheme .settings-box .row-settings.notify-block .form-group.field-user-email_frequency label.control-label {
          color: white; }
      .settings-box .row-settings.notify-block .form-group.field-user-email_frequency > div {
        overflow: hidden; }

.dark-scheme .CardField-number .CardField-number-fakeNumber,
.dark-scheme .CardField-number input {
  color: white; }

.expired-alert-btn {
  background-color: transparent;
  color: #f44336;
  padding: 0;
  margin-left: 10px; }
  .expired-alert-btn:hover {
    color: #263238; }
    .dark-scheme .expired-alert-btn:hover {
      color: white; }

.row-settings.payouts-block .form-group.field-enablepayouts-enable {
  padding-left: 0;
  margin-bottom: 0; }
  .row-settings.payouts-block .form-group.field-enablepayouts-enable.has-error .checkbox .help-block {
    background-color: transparent;
    left: auto;
    position: static; }
    .row-settings.payouts-block .form-group.field-enablepayouts-enable.has-error .checkbox .help-block:after {
      display: none; }
  .row-settings.payouts-block .form-group.field-enablepayouts-enable.has-error .checkbox .help-block.help-block-error {
    background-color: #f44336;
    left: 10px;
    top: -25px; }
    .row-settings.payouts-block .form-group.field-enablepayouts-enable.has-error .checkbox .help-block.help-block-error:after {
      display: block; }
  .row-settings.payouts-block .form-group.field-enablepayouts-enable .checkbox .label-title {
    order: 1; }
  .row-settings.payouts-block .form-group.field-enablepayouts-enable .checkbox .help-block {
    order: 2;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    padding-right: 130px;
    color: #263238;
    background-color: transparent;
    position: static;
    left: auto; }
    @media (max-width: 600px) {
      .row-settings.payouts-block .form-group.field-enablepayouts-enable .checkbox .help-block {
        padding-right: 80px; } }
    .dark-scheme .row-settings.payouts-block .form-group.field-enablepayouts-enable .checkbox .help-block {
      color: white; }
  .row-settings.payouts-block .form-group.field-enablepayouts-enable .checkbox .material-switch {
    order: 3;
    position: absolute;
    top: 2px;
    right: 0; }
  .row-settings.payouts-block .form-group.field-enablepayouts-enable .checkbox .help-block.help-block-error {
    order: 4;
    position: absolute;
    left: 20px;
    top: -20px; }
  .row-settings.payouts-block .form-group.field-enablepayouts-enable .checkbox > label {
    margin-left: 0; }
  .row-settings.payouts-block .form-group.field-enablepayouts-enable .checkbox .help-block {
    padding-left: 0; }
  .settings-enable-payouts-page .row-settings.payouts-block .form-group.field-enablepayouts-enable .checkbox .label-title {
    padding-left: 0;
    padding-right: 0;
    flex: 0 1 auto;
    min-width: 0; }
.row-settings.payouts-block .form-group.has-error .checkbox .help-block-error {
  display: block; }
.row-settings.payouts-block .form-group .checkbox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0; }
  .row-settings.payouts-block .form-group .checkbox .help-block-error {
    display: none;
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 11px;
    padding: 2px 5px 3px;
    color: white;
    border-radius: 2px;
    font-weight: bold;
    background: #f44336; }
    .row-settings.payouts-block .form-group .checkbox .help-block-error:after {
      border-top-color: #f44336; }
    .row-settings.payouts-block .form-group .checkbox .help-block-error:after {
      position: absolute;
      bottom: -4px;
      left: auto;
      right: 10px;
      margin-left: 6px;
      content: "";
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #263238; }
      @media (min-width: 992px) {
        .row-settings.payouts-block .form-group .checkbox .help-block-error:after {
          left: 0;
          right: auto; } }
  .row-settings.payouts-block .form-group .checkbox .help-block {
    font-size: 13px;
    margin-top: 7px;
    color: #263238; }
    .settings-enable-payouts-page .row-settings.payouts-block .form-group .checkbox .help-block {
      padding-left: 10px; }
    .dark-scheme .row-settings.payouts-block .form-group .checkbox .help-block {
      color: white; }
    @media (max-width: 991px) {
      .row-settings.payouts-block .form-group .checkbox .help-block {
        margin-top: 0; } }
  @media (min-width: 992px) {
    .row-settings.payouts-block .form-group .checkbox {
      flex-wrap: nowrap; } }
  .row-settings.payouts-block .form-group .checkbox input[type="checkbox"] {
    margin: 0; }
  .row-settings.payouts-block .form-group .checkbox label {
    padding: 0;
    margin: 0;
    min-height: auto; }
  .row-settings.payouts-block .form-group .checkbox > label {
    position: relative;
    margin: 6px 17px 0 8px;
    padding: 0;
    min-height: 18px;
    min-width: 18px;
    height: 18px; }
    @media (max-width: 991px) {
      .row-settings.payouts-block .form-group .checkbox > label {
        position: absolute;
        left: 0; } }
    .row-settings.payouts-block .form-group .checkbox > label label {
      position: absolute;
      top: 0;
      left: 0;
      width: 18px;
      height: 18px;
      background-color: transparent;
      border: 2px solid rgba(38, 50, 56, 0.4);
      transition: all .3s ease;
      border-radius: 2px; }
      .dark-scheme .row-settings.payouts-block .form-group .checkbox > label label {
        border-color: rgba(255, 255, 255, 0.4); }
      .row-settings.payouts-block .form-group .checkbox > label label i {
        display: block;
        position: relative;
        left: -1px;
        visibility: hidden;
        opacity: 0;
        color: white;
        transition: all 0.3s ease; }
        .dark-scheme .row-settings.payouts-block .form-group .checkbox > label label i {
          color: #263238; }
        .row-settings.payouts-block .form-group .checkbox > label label i:before {
          width: auto;
          margin-left: -1px;
          font-size: 17px;
          height: 16px;
          line-height: 16px; }
    .row-settings.payouts-block .form-group .checkbox > label > input[type="checkbox"] {
      visibility: hidden; }
      .row-settings.payouts-block .form-group .checkbox > label > input[type="checkbox"]:checked + label {
        background-color: #0086e6;
        border-color: #0086e6; }
      .row-settings.payouts-block .form-group .checkbox > label > input[type="checkbox"]:checked + label i {
        visibility: visible;
        opacity: 1; }
  .row-settings.payouts-block .form-group .checkbox .label-title {
    flex: 0 1 100%;
    min-width: 100%;
    text-align: left;
    font-size: 15px;
    line-height: 27px;
    font-weight: 600;
    padding: 3px 12px 0 0; }
    .settings-enable-payouts-page .row-settings.payouts-block .form-group .checkbox .label-title {
      padding-left: 10px; }
    @media (min-width: 480px) {
      .row-settings.payouts-block .form-group .checkbox .label-title {
        padding-right: 22px;
        flex: 0 1 100%;
        min-width: 100%; } }
    @media (min-width: 992px) {
      .row-settings.payouts-block .form-group .checkbox .label-title {
        flex: 0 1 152px;
        min-width: 152px;
        padding-right: 22px; } }
.row-settings.payouts-block .alert-danger {
  clear: both; }

.box-info-card,
.box-info-personal {
  padding-top: 10px; }
  .box-info-card .control-label,
  .box-info-personal .control-label {
    white-space: nowrap; }
  .box-info-card > .settings-box__subtitle,
  .box-info-personal > .settings-box__subtitle {
    margin-top: 0; }
  .box-info-card .settings-box__subtitle,
  .box-info-personal .settings-box__subtitle {
    position: relative;
    margin-top: 15px;
    margin-left: 0; }
    .box-info-card .settings-box__subtitle .pull-right,
    .box-info-personal .settings-box__subtitle .pull-right {
      float: none;
      position: absolute;
      right: 0;
      top: 0; }
    .box-info-card .settings-box__subtitle .btn-icon,
    .box-info-personal .settings-box__subtitle .btn-icon {
      position: absolute;
      right: 0;
      width: auto;
      top: 0;
      font-size: 13px;
      line-height: 30px;
      border-radius: 0;
      font-weight: 600;
      transition: all 0.3s ease;
      background: none;
      border: none;
      outline: none; }
      .box-info-card .settings-box__subtitle .btn-icon.m-tooltip > i,
      .box-info-personal .settings-box__subtitle .btn-icon.m-tooltip > i {
        transform: translateY(0); }
      .box-info-card .settings-box__subtitle .btn-icon.m-tooltip + .tooltip .tooltip-inner,
      .box-info-personal .settings-box__subtitle .btn-icon.m-tooltip + .tooltip .tooltip-inner {
        max-width: 600px; }
      @media (max-width: 991px) {
        .box-info-card .settings-box__subtitle .btn-icon,
        .box-info-personal .settings-box__subtitle .btn-icon {
          top: -5px; } }
      .box-info-card .settings-box__subtitle .btn-icon.btn-icon-edit, .box-info-personal .settings-box__subtitle .btn-icon.btn-icon-edit {
        color: rgba(146, 159, 169, 0.6); }
        .dark-scheme .box-info-card .settings-box__subtitle .btn-icon.btn-icon-edit,
        .dark-scheme .box-info-personal .settings-box__subtitle .btn-icon.btn-icon-edit {
          color: rgba(146, 159, 169, 0.6); }
      @media (min-width: 992px) {
        .box-info-card .settings-box__subtitle .btn-icon,
        .box-info-personal .settings-box__subtitle .btn-icon {
          right: 35px; } }
      .box-info-card .settings-box__subtitle .btn-icon > i,
      .box-info-personal .settings-box__subtitle .btn-icon > i {
        position: relative;
        transform: translateY(3px); }
        .box-info-card .settings-box__subtitle .btn-icon > i i, .box-info-personal .settings-box__subtitle .btn-icon > i i {
          position: absolute;
          width: 11px;
          height: 11px;
          right: -3px;
          bottom: -1px;
          background-color: white; }
          .dark-scheme .box-info-card .settings-box__subtitle .btn-icon > i i,
          .dark-scheme .box-info-personal .settings-box__subtitle .btn-icon > i i {
            background-color: #263238; }
          .box-info-card .settings-box__subtitle .btn-icon > i i:before, .box-info-personal .settings-box__subtitle .btn-icon > i i:before {
            display: block;
            text-align: center;
            font-size: 11px;
            line-height: 11px;
            width: 11px;
            height: 11px; }

.b-fund-application .btn-icon {
  transform: translate(3px, -3px); }

.box-info-card .control-label {
  display: block;
  padding-top: 10px; }
.settings-box .box-info-card__inner .row-settings .form-group {
  margin-bottom: 0; }

.settings-box .row-settings .b-pay-block .form-group {
  margin-bottom: 0; }

.b-pay-block p {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  color: #929fa9;
  margin: 0;
  width: 100%;
  padding-left: calc(140px + 30px);
  padding-right: 24px; }
  @media (max-width: 991px) {
    .b-pay-block p {
      padding-left: 43px;
      padding-right: 0; } }

.settings-box .settings-box__content-inner .row-settings .form-group.payments-form {
  margin-bottom: 0; }
  .settings-box .settings-box__content-inner .row-settings .form-group.payments-form .second-column {
    flex: 1 1 auto;
    max-width: none; }
.settings-box .settings-box__content-inner .row-settings .form-group.form-group-one-column .second-column {
  flex: 1 1 auto;
  max-width: none; }

.block-info-card {
  padding: 8px 0 5px;
  font-size: 13px;
  line-height: 20px; }
  .block-info-card em {
    font-style: normal; }
  .block-info-card__head {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    padding-top: 7px; }
    .block-info-card__head > em span {
      position: relative;
      top: -3px;
      letter-spacing: 4px; }
  .block-info-card__head-btn-group {
    position: absolute;
    right: 0;
    top: 2px; }
    @media (max-width: 991px) {
      .block-info-card__head-btn-group {
        top: 4px; } }
    .block-info-card__head-btn-group a.btn-icon {
      margin: 0 2px 0 11px;
      color: rgba(146, 159, 169, 0.6);
      transition: all 0.3s ease; }
      .dark-scheme .block-info-card__head-btn-group a.btn-icon {
        color: rgba(146, 159, 169, 0.6); }
      .block-info-card__head-btn-group a.btn-icon:hover {
        color: #0086e6; }
      .block-info-card__head-btn-group a.btn-icon i {
        position: relative;
        top: 3px; }
      @media (max-width: 991px) {
        .block-info-card__head-btn-group a.btn-icon {
          display: inline-block;
          position: relative;
          width: 24px;
          height: 24px;
          overflow: hidden;
          text-indent: 100px; }
          .block-info-card__head-btn-group a.btn-icon i {
            position: absolute;
            top: 0;
            left: 0;
            width: 24px;
            text-align: center;
            text-indent: 0; } }
  .block-info-card__content > div {
    padding: 1px 0; }
    .block-info-card__content > div span {
      display: inline-block;
      margin-right: 10px;
      font-weight: 600;
      color: rgba(146, 159, 169, 0.4); }

.payouts-account-details {
  padding-bottom: 20px; }

.table-striped-form-group,
.payments-statements {
  white-space: nowrap; }
  @media (min-width: 768px) and (max-width: 991px) {
    .table-striped-form-group,
    .payments-statements {
      overflow: auto; } }

.payments-statements {
  white-space: nowrap; }
  .payments-statements .label-danger {
    display: inline-block;
    padding: 2px 3px 3px;
    margin-top: 5px; }
  .payments-statements .settings-box__subtitle {
    margin-left: -25px;
    overflow: visible; }
    .payments-statements .settings-box__subtitle:after {
      position: absolute;
      left: 0;
      right: -25px;
      bottom: 15px;
      content: "";
      height: 1px;
      background-color: rgba(146, 159, 169, 0.15); }
    @media (max-width: 767px) {
      .payments-statements .settings-box__subtitle {
        margin-left: -10px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .payments-statements .settings-box__subtitle {
        margin-left: 0; } }
    .payments-statements .settings-box__subtitle button {
      background-color: transparent;
      padding: 5px 20px;
      font-size: 17px;
      line-height: 23px;
      color: #263238;
      border-radius: 0;
      border-bottom: 2px solid transparent; }
      .dark-scheme .payments-statements .settings-box__subtitle button {
        color: white; }
      .payments-statements .settings-box__subtitle button.active {
        border-bottom-color: #0086e6; }
      @media (max-width: 375px) {
        .payments-statements .settings-box__subtitle button {
          font-size: 14px;
          line-height: 18px; } }
  .payments-statements.payments-statements-statistics .table-striped tr td:first-child {
    font-size: 14px;
    width: 60px; }

@media (max-width: 991px) {
  .settings-box .row-settings .form-group.payments-form .first-column,
  .settings-box .row-settings .form-group.payments-form .control-label {
    flex: 0 1 auto;
    min-width: auto; } }

.dark-scheme .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #222a30; }
.table-striped > thead > tr > th,
.table-striped > thead > tr > td,
.table-striped > tbody > tr > th,
.table-striped > tbody > tr > td,
.table-striped > tfoot > tr > th,
.table-striped > tfoot > tr > td {
  border-top: 1px solid rgba(146, 159, 169, 0.4); }

.payments-form {
  margin-top: -30px; }
  @media (max-width: 991px) {
    .payments-form {
      margin-top: -25px; } }

.payments-info-block {
  font-size: 11px;
  line-height: 13px;
  text-align: left;
  overflow: hidden; }
  .payments-info-block__link {
    overflow: hidden;
    padding: 5px 0 0 20px; }
  .payments-info-block figure {
    position: relative;
    float: left;
    margin: 0 8px 0 0;
    border-radius: 50%; }
    .payments-info-block figure.site-img {
      margin-right: 16px; }
    .payments-info-block figure img {
      position: relative;
      border-radius: 50%; }
      .payments-info-block figure img.cover-img {
        z-index: 1; }
      .payments-info-block figure img.favicon-img {
        position: absolute;
        bottom: 0;
        right: -8px;
        z-index: 2; }
  .payments-info-block__wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .payments-info-block .btn-link {
    display: inline-block;
    position: relative;
    color: #263238;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    padding: 0 20px 0 0;
    max-width: 100%;
    transition: all 0.3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .dark-scheme .payments-info-block .btn-link {
      color: white; }
    .payments-info-block .btn-link i.all-my-icon-i60 {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 18px;
      line-height: 18px;
      color: #0086e6; }
      .payments-info-block .btn-link i.all-my-icon-i60:before {
        font-size: 18px;
        line-height: 18px; }
  .payments-info-block .payments-info-block__username .btn-link:hover {
    color: #263238; }
    .dark-scheme .payments-info-block .payments-info-block__username .btn-link:hover {
      color: white; }
  .payments-info-block__username {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .table-refferals .payments-info-block__username {
      display: block; }
    .payments-info-block__username .btn-link {
      color: #929fa9;
      font-weight: normal;
      padding-right: 0; }
      .dark-scheme .payments-info-block__username .btn-link {
        color: #929fa9; }
  .payments-info-block__title-cost {
    display: block;
    color: #0086e6; }
    .payments-info-block__title-cost a {
      text-align: left; }
    .payments-info-block__title-cost strong,
    .payments-info-block__title-cost em {
      font-weight: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .payments-info-block__title-cost strong {
      padding: 0 5px 2px 0;
      color: #0086e6; }
    .payments-info-block__title-cost em {
      padding-bottom: 2px;
      font-weight: 600;
      font-style: normal; }
  .payments-info-block__link-message {
    display: block;
    clear: both;
    padding: 10px 0 2px;
    max-width: 215px; }
    .payments-info-block__link-message .question {
      max-width: 100%; }
      @media (max-width: 602px) {
        .payments-info-block__link-message .question {
          display: none; } }
    .payments-info-block__link-message .pending,
    .payments-info-block__link-message .reply {
      font-weight: 600;
      padding: 5px 0 2px;
      float: right; }

.table-striped {
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 0; }
  .table-striped th {
    text-align: center; }
  @media (min-width: 768px) {
    .table-striped {
      min-width: 400px; } }
  .table-striped__block {
    display: flex;
    padding: 12px 0 6px;
    border-bottom: 1px solid rgba(146, 159, 169, 0.15); }
    .table-refferals .table-striped__block {
      padding: 12px 0 10px; }
  .table-striped .first-col {
    flex: 0 1 10%;
    max-width: 10%;
    min-width: 60px;
    text-align: left;
    box-sizing: border-box; }
    @media (min-width: 767px) {
      .table-striped .first-col {
        flex: 0 1 15%;
        max-width: 15%;
        padding-left: 20px; } }
  .table-striped.table-refferals .first-col {
    align-self: center;
    min-width: 70px; }
  .table-striped .second-col {
    flex: 0 1 65%;
    max-width: 65%;
    text-align: left; }
    @media (min-width: 767px) {
      .table-striped .second-col {
        padding-left: 20px; } }
  .table-striped .third-col {
    flex: 0 1 25%;
    max-width: 25%;
    text-align: right; }
    @media (min-width: 767px) {
      .table-striped .third-col {
        padding-right: 20px; } }
  .table-striped.table-refferals .third-col {
    align-self: flex-end; }
  .table-striped__head {
    display: flex;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    padding: 6px 0;
    color: rgba(146, 159, 169, 0.6);
    border-bottom: 1px solid rgba(146, 159, 169, 0.15); }
    .table-striped__head .second-col {
      padding-left: 20px; }
  .table-striped__date {
    font-size: 13px;
    line-height: 18px;
    color: #929fa9;
    padding-top: 2px; }
    .table-refferals .table-striped__date {
      padding-top: 0; }
  .table-striped .since-block > div:first-child {
    font-weight: 600; }
  .table-striped__ammount {
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
    color: #263238;
    padding-top: 2px; }
    @media (max-width: 767px) {
      .table-striped__ammount {
        display: flex;
        flex-direction: column;
        justify-content: center; } }
    .dark-scheme .table-striped__ammount {
      color: white; }
  .table-striped__delete-block {
    padding-left: 28px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .table-striped__delete-block div {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .table-striped .label {
    display: block;
    text-align: left;
    font-size: 13px;
    line-height: 18px;
    padding: 0;
    font-weight: 600;
    color: #263238; }
    .table-striped .label time {
      color: #0086e6; }
    .dark-scheme .table-striped .label {
      color: white; }
    .table-striped .label.label-success, .table-striped .label.label-danger {
      font-size: 11px;
      line-height: 15px;
      text-align: right;
      padding: 0;
      font-weight: 400;
      background-color: transparent; }
    .table-striped .label.label-danger {
      color: #f44336;
      margin-top: 0; }
    .table-striped .label.label-contributions {
      padding-left: 38px;
      max-width: 100%;
      display: flex;
      flex-wrap: wrap; }
    .table-striped .label .label-contributions__message {
      max-width: 100%;
      margin-right: 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .table-striped .label .label-contributions__fund {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      @media (max-width: 767px) {
        .table-striped .label .label-contributions__fund {
          flex: 0 1 100%;
          max-width: 100%;
          min-width: 100%; } }
    .table-striped .label .label-contributions__link {
      max-width: 100%;
      margin-right: 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .table-striped .label.label-success {
      position: relative;
      color: #929fa9; }
  .table-striped .refunded-label {
    font-size: 11px;
    line-height: 15px;
    color: #f44336;
    font-weight: normal; }
  .table-striped .subscription .controls button {
    display: inline-block;
    background-color: transparent;
    padding: 0;
    font-size: 16px;
    line-height: 16px;
    width: 16px;
    height: 16px;
    color: #929fa9;
    position: static; }
    .table-striped .subscription .controls button i:before {
      font-size: 16px;
      line-height: 16px; }
    .table-striped .subscription .controls button:hover {
      color: #0086e6; }
  .table-striped .subscription .status,
  .table-striped .subscription .date {
    font-size: 11px;
    line-height: 15px;
    color: #929fa9;
    font-weight: normal; }
  .table-striped .btn.btn-icon.m-failure {
    transform: translateY(-2px);
    color: rgba(244, 67, 54, 0.6); }
  .table-striped .btn-parent:hover .btn.btn-icon.m-failure {
    color: #f44336; }
    .dark-scheme .table-striped .btn-parent:hover .btn.btn-icon.m-failure {
      color: #f44336; }

.dark-scheme .table-striped .btn-parent .btn.btn-icon.m-failure:hover {
  color: #f44336; }

.inner-text {
  font-size: 13px;
  line-height: 20px;
  padding: 4px 0 7px;
  border-bottom: 1px solid rgba(124, 139, 150, 0.4); }

.stripe-card-number .form-control {
  font-size: 13px;
  line-height: 20px;
  padding: 8px 8px 3px;
  height: 36px;
  border: none;
  border-radius: 6px;
  background-color: rgba(146, 159, 169, 0.08);
  color: #263238;
  box-shadow: none;
  transition: all 0.3s ease; }
  .dark-scheme .stripe-card-number .form-control {
    color: white; }
.stripe-card-number iframe {
  padding-top: 2px; }
.stripe-card-number .StripeElement--invalid + .card-errors {
  visibility: visible;
  opacity: 1; }
.stripe-card-number .card-errors {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  font-size: 11px;
  padding: 2px 5px 3px;
  color: white;
  background: #f44336;
  border-radius: 2px;
  left: 6px;
  right: auto;
  top: 2px;
  font-weight: bold; }
  @media (min-width: 992px) {
    .stripe-card-number .card-errors {
      left: calc(152px + 6px);
      right: auto;
      top: -26px; } }
  .stripe-card-number .card-errors:after {
    position: absolute;
    bottom: -4px;
    left: 0;
    right: auto;
    margin-left: 6px;
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #f44336; }

.settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .checkbox-switch .material-switch {
  position: absolute;
  right: 3px;
  top: 29px;
  height: 20px;
  left: auto;
  text-align: left; }
  @media (min-width: 992px) {
    .settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .checkbox-switch .material-switch {
      top: 50%;
      margin-top: -17px;
      right: 3px; } }
  @media (max-width: 991px) {
    .settings-box .row-settings.notify-block .form-group.field-user-notify_by_email .checkbox-switch .material-switch {
      top: 12px; } }

.datepicker {
  max-width: 210px;
  margin-top: -20px;
  margin-left: 23px;
  padding: 0;
  border-radius: 4px;
  border: none;
  box-shadow: 0 3px 10px rgba(38, 50, 56, 0.2); }
  .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
    background-color: transparent !important;
    color: #263238; }
    .dark-scheme .datepicker .datepicker-switch:hover, .dark-scheme .datepicker .prev:hover, .dark-scheme .datepicker .next:hover, .dark-scheme .datepicker tfoot tr th:hover {
      color: white; }
  .settings-profile-page .datepicker {
    margin-left: 16px; }
  .datepicker > div {
    padding: 18px;
    background-color: #fafbfc;
    z-index: 1;
    border-radius: 4px; }
    .dark-scheme .datepicker > div {
      background-color: #222a30; }
  .datepicker:after {
    display: none !important; }
  .datepicker.datepicker-orient-top:before {
    left: 50%;
    border: none;
    margin-left: -13px;
    bottom: -11px; }
  .datepicker.datepicker-orient-top.datepicker-orient-left:before {
    left: 105px; }
  .datepicker:before {
    position: absolute;
    border: none !important;
    width: 26px;
    height: 26px;
    transform: rotate(-45deg);
    z-index: -1;
    box-shadow: -3px 3px 10px rgba(38, 50, 56, 0.2);
    background-color: #fafbfc; }
    .dark-scheme .datepicker:before {
      background-color: #222a30; }
  .datepicker .datepicker-days .table-condensed thead {
    flex-wrap: wrap;
    background-color: transparent;
    font-size: 11px;
    line-height: 23px;
    margin-bottom: 0; }
    .dark-scheme .datepicker .datepicker-days .table-condensed thead {
      background-color: transparent; }
    .datepicker .datepicker-days .table-condensed thead tr > th {
      padding: 0;
      height: 20px; }
    .datepicker .datepicker-days .table-condensed thead tr:nth-child(2n) {
      background-color: #E5F3FC;
      border-radius: 4px; }
      .dark-scheme .datepicker .datepicker-days .table-condensed thead tr:nth-child(2n) {
        background-color: #1F3444; }
    .datepicker .datepicker-days .table-condensed thead tr + tr + tr {
      flex: 1 1 100%;
      background-color: transparent; }
      .datepicker .datepicker-days .table-condensed thead tr + tr + tr th {
        width: 20px;
        height: 20px;
        padding: 5px;
        font-size: 11px;
        line-height: 20px;
        color: #BCBEC0;
        text-transform: uppercase; }
        .dark-scheme .datepicker .datepicker-days .table-condensed thead tr + tr + tr th {
          color: white; }
  .datepicker .datepicker-days .table-condensed tbody tr {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .datepicker .datepicker-days .table-condensed tbody tr td {
      float: none;
      flex: 0 1 20px;
      max-width: 20px;
      height: 20px;
      font-size: 11px;
      line-height: 20px;
      border-radius: 50%;
      margin: 0;
      background-color: transparent;
      transition: all 0.3s ease;
      justify-content: center; }
  .datepicker .table-condensed thead {
    display: flex;
    background-color: #E5F3FC;
    border-radius: 4px;
    margin-bottom: 15px;
    font-size: 11px;
    line-height: 23px; }
    .dark-scheme .datepicker .table-condensed thead {
      background-color: #1F3444; }
    .datepicker .table-condensed thead tr > th {
      padding: 0;
      margin: 0;
      height: 20px; }
    .datepicker .table-condensed thead th.prev, .datepicker .table-condensed thead th.next {
      overflow: hidden;
      position: relative;
      color: #E5F3FC; }
      .dark-scheme .datepicker .table-condensed thead th.prev,
      .dark-scheme .datepicker .table-condensed thead th.next {
        color: #1F3444; }
      .datepicker .table-condensed thead th.prev:after, .datepicker .table-condensed thead th.next:after {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        font-family: "all-my-links";
        font-size: 22px;
        line-height: 24px;
        color: #263238; }
        .dark-scheme .datepicker .table-condensed thead th.prev:after, .dark-scheme .datepicker .table-condensed thead th.next:after {
          color: white; }
    .datepicker .table-condensed thead th.next:after {
      content: "\e617"; }
    .datepicker .table-condensed thead th.prev:after {
      content: "\e616"; }
  .datepicker .table-condensed tbody {
    width: 100%;
    display: table;
    margin-bottom: 2px; }
    .datepicker .table-condensed tbody tr > td {
      width: 170px;
      padding: 0;
      height: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
    .datepicker .table-condensed tbody tr td span {
      float: none;
      flex: 0 1 35px;
      max-width: 35px;
      height: 35px;
      font-size: 11px;
      line-height: 35px;
      border-radius: 50%;
      margin: 0 0 10px;
      background-color: transparent;
      transition: all 0.3s ease; }
      .datepicker .table-condensed tbody tr td span:not(.disabled) {
        color: #263238; }
        .dark-scheme .datepicker .table-condensed tbody tr td span:not(.disabled) {
          color: white; }
    .datepicker .table-condensed tbody tr td span:hover {
      background-color: rgba(0, 134, 230, 0.4); }
    .datepicker .table-condensed tbody tr td span.focused {
      background-color: #0086e6;
      color: white; }
  .datepicker .table-condensed tfoot tr:last-child th {
    background-color: #F2F3F4;
    font-weight: normal;
    font-size: 11px;
    line-height: 20px;
    transition: all 0.3s ease; }
    .dark-scheme .datepicker .table-condensed tfoot tr:last-child th {
      background-color: #2B353C;
      color: white; }
    .datepicker .table-condensed tfoot tr:last-child th:hover {
      background: #0086e6;
      color: white; }

.settings-box .settings-box__content .footer-wrapper {
  padding: 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }
  @media (min-width: 767px) {
    .settings-box .settings-box__content .footer-wrapper {
      display: none; } }
.settings-box .settings-box__content .container,
.settings-box .inner-box .container {
  width: auto;
  padding-left: 0;
  padding-right: 0; }
.settings-box .settings-box__content .row,
.settings-box .inner-box .row {
  margin: 0; }
.settings-box .settings-box__content .col-md-offset-1,
.settings-box .settings-box__content .col-md-10,
.settings-box .inner-box .col-md-offset-1,
.settings-box .inner-box .col-md-10 {
  padding: 0;
  margin-left: 0;
  width: 100%;
  position: static; }
.settings-box__left-column .inner-box .navbar-nav {
  width: 100%; }
.settings-box .field-user-rightcolumnbehavior .radio {
  margin-bottom: 0; }
  .settings-box .field-user-rightcolumnbehavior .radio:first-child {
    padding-top: 0;
    margin-bottom: 6px; }
  .settings-box .field-user-rightcolumnbehavior .radio > label .radio-title {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    flex: 0 1 100%; }
.settings-box .radio {
  margin: 0 0 11px; }
  .settings-box .radio > label {
    margin: 0;
    padding: 0; }
    .settings-box .radio > label .email-frequency-label {
      font-size: 15px;
      line-height: 20px;
      padding: 0;
      font-weight: 400; }
    .settings-box .radio > label .email-frequency-hint {
      font-size: 13px;
      line-height: 18px;
      font-weight: 400;
      color: #929fa9;
      margin: 0; }

@media (min-width: 580px) {
  .settings-account-page .footer,
  .settings-profile-page .footer,
  .settings-notifications-page .footer,
  .settings-enable-payouts-page .footer,
  .settings-payouts-identity-page .footer,
  .settings-payouts-account-page .footer,
  .settings-payouts-page .footer,
  .settings-payments-card-page .footer,
  .settings-payments-page .footer,
  .settings-referrals-page .footer {
    display: none; } }

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

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

.has-success .form-control:focus {
  box-shadow: none; }

.material-switch > input[type="checkbox"] {
  display: none; }

.material-switch > label {
  cursor: pointer;
  height: 0;
  position: relative;
  width: 48px;
  font-size: 9px;
  line-height: 19px; }
  .material-switch > label span, .material-switch > label em {
    position: absolute;
    top: -9px;
    font-style: normal;
    transition: all 0.3s ease;
    text-transform: uppercase; }
  .material-switch > label span {
    left: 8px;
    opacity: 0;
    visibility: hidden;
    color: #ffffff; }
  .material-switch > label em {
    right: 8px;
    opacity: 1;
    visibility: visible;
    color: #929fa9; }

.push-settings {
  transition: all 0.3s ease; }
  .push-settings__title {
    font-size: 15px;
    line-height: 20px;
    color: #263238;
    font-weight: 600; }
    @media (min-width: 991px) {
      .push-settings__title {
        float: left;
        width: 129px;
        margin: 0 26px 0 0;
        text-align: right; } }
    .dark-scheme .push-settings__title {
      color: white; }
  .push-settings .row-settings.hr-row {
    padding-bottom: 3px; }
  .push-settings .settings-box__subtitle {
    padding-bottom: 0; }
  .push-settings .notify-block,
  .push-settings .wrap-check {
    transition: all 0.3s ease; }
  .push-settings .notify-block {
    transition-delay: 0.3s; }
  .push-settings .wrap-check {
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden; }
  .push-settings-blocked-message, .push-settings-unsupported-message {
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 600; }
  .push-settings.push-state-disabled .wrap-check {
    height: 0;
    opacity: 0;
    visibility: hidden; }
  .push-settings.push-state-disabled .notify-block {
    opacity: 0;
    visibility: hidden; }
  .push-settings.push-state-enabled .wrap-check {
    height: 410px;
    opacity: 1;
    visibility: visible; }
    @media (min-width: 767px) and (max-width: 991px) {
      .push-settings.push-state-enabled .wrap-check {
        height: 510px; } }
    @media (max-width: 767px) {
      .push-settings.push-state-enabled .wrap-check {
        height: 450px; } }
    @media (max-width: 350px) {
      .push-settings.push-state-enabled .wrap-check {
        height: 580px; } }
  .push-settings.push-state-enabled .notify-block {
    opacity: 1;
    visibility: visible; }

.wrap-check__wrapper,
.wrap-check-secondary__wrapper {
  overflow: hidden; }

.wrap-check-secondary {
  opacity: 0;
  height: 0;
  padding-top: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.3s ease; }
  .wrap-check-secondary__wrapper {
    padding-bottom: 15px; }
    @media (max-width: 767px) {
      .wrap-check-secondary__wrapper {
        padding-top: 6px;
        padding-bottom: 0; } }
  .wrap-check-secondary .notify-block {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    transition-delay: 0.3s; }
  .wrap-check-secondary.showcheckbox {
    height: 630px;
    visibility: visible;
    opacity: 1;
    padding-top: 22px; }
    @media (min-width: 767px) and (max-width: 991px) {
      .wrap-check-secondary.showcheckbox {
        height: 760px; } }
    @media (max-width: 767px) {
      .wrap-check-secondary.showcheckbox {
        height: 700px;
        padding-top: 12px; } }
    .wrap-check-secondary.showcheckbox .notify-block {
      opacity: 1;
      visibility: visible; }

.material-switch > label::before {
  border-radius: 22px;
  content: "";
  height: 22px;
  margin-top: -10px;
  position: absolute;
  transition: all 0.4s ease-in-out;
  width: 48px;
  background: white;
  border: 2px solid #929fa9;
  background-clip: border-box;
  -webkit-backface-visibility: hidden; }

.material-switch > label::after {
  background: #929fa9;
  background-clip: border-box;
  -webkit-backface-visibility: hidden;
  border-radius: 16px;
  border: 2px solid white;
  content: "";
  height: 18px;
  left: 2px;
  position: absolute;
  top: -8px;
  transition: all 0.3s ease-in-out;
  width: 18px; }

.material-switch > input[type="checkbox"]:checked + label::before {
  background-color: #0086e6;
  border-color: #0086e6; }

.material-switch > input[type="checkbox"]:checked + label span {
  opacity: 1;
  visibility: visible; }

.material-switch > input[type="checkbox"]:checked + label em {
  opacity: 0;
  visibility: hidden; }

.material-switch > input[type="checkbox"]:checked + label::after {
  left: 29px;
  border-color: #0086e6; }

.settings-enable-payouts-page .settings-box__content-inner .form {
  padding-top: 20px; }
  @media (min-width: 992px) {
    .settings-enable-payouts-page .settings-box__content-inner .form {
      padding-top: 0; } }

.settings-box .panel-default .panel-body .left-sidebar-box__wrap {
  display: none; }
@media (max-width: 767px) {
  .settings-box .panel-default .panel-body {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 11px; }
    .settings-box .panel-default .panel-body .left-sidebar-box__wrap {
      display: block;
      margin: -12px -20px 10px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
      .settings-box .panel-default .panel-body .left-sidebar-box__wrap .left-sidebar-box__avatar {
        margin-left: 10px;
        top: -5px; } }
@media (max-width: 490px) {
  .settings-box .panel-default {
    padding-left: 20px;
    padding-right: 20px; } }
@media (max-width: 767px) {
  .settings-box .mobile-view-nav,
  .settings-box .mobile-view-content {
    transition: all 0.3s ease; }
  .settings-box.active-mobile-view-content .mobile-view-nav {
    left: -100%;
    right: 100%;
    display: none; }
  .settings-box.active-mobile-view-content .mobile-view-content {
    left: 0;
    right: 0;
    display: block; }
  .settings-box.active-mobile-view-nav .mobile-view-nav {
    left: 0;
    right: 0;
    display: block; }
  .settings-box.active-mobile-view-nav .mobile-view-content {
    left: -100%;
    right: 100%;
    display: none; }
  .settings-box.mobile-view-content .mobile-view-nav {
    left: 0;
    right: 0;
    display: block; }
  .settings-box.mobile-view-content .mobile-view-content {
    left: -100%;
    right: 100%;
    display: none; } }

@media (max-width: 767px) {
  .settings-analytics-page .content-part .container,
  .settings-messages-page .content-part .container,
  .settings-security-page .content-part .container,
  .settings-profile-widget-page .content-part .container,
  .settings-profile-page .content-part .container,
  .settings-account-page .content-part .container,
  .settings-privacy-page .content-part .container,
  .settings-notifications-page .content-part .container,
  .settings-payouts-page .content-part .container,
  .settings-payments-page .content-part .container,
  .settings-payouts-identity-page .content-part .container,
  .settings-enable-payouts-page .content-part .container,
  .settings-payments-card-page .content-part .container,
  .settings-mybio-page .content-part .container,
  .settings-referrals-page .content-part .container,
  .settings-manage-links-page .content-part .container {
    max-width: none; } }

.sharing-block {
  padding-top: 10px; }
  @media (max-width: 767px) {
    .site-start-sharing-page .sharing-block {
      padding-top: 4px; } }
  .sharing-block .btn {
    min-width: 100px;
    margin-right: 10px; }
    .site-start-sharing-page .sharing-block .btn {
      max-width: 180px;
      width: 100%;
      height: 40px;
      font-size: 15px;
      color: white;
      border-radius: 20px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (min-width: 767px) {
        .site-start-sharing-page .sharing-block .btn {
          margin-right: 0; } }
      @media (max-width: 767px) {
        .site-start-sharing-page .sharing-block .btn {
          font-size: 17px;
          line-height: 23px;
          min-width: 0; } }
      .site-start-sharing-page .sharing-block .btn.btn-primary {
        order: 2; }
        @media (min-width: 767px) {
          .site-start-sharing-page .sharing-block .btn.btn-primary {
            margin-left: 20px; } }
        @media (max-width: 767px) {
          .site-start-sharing-page .sharing-block .btn.btn-primary {
            color: rgba(146, 159, 169, 0.4); }
            .site-start-sharing-page .sharing-block .btn.btn-primary:disabled {
              opacity: 1; }
            .site-start-sharing-page .sharing-block .btn.btn-primary:hover {
              background-color: transparent; } }
      .site-start-sharing-page .sharing-block .btn.btn-cancel {
        background-color: rgba(146, 159, 169, 0.6); }
        @media (max-width: 767px) {
          .site-start-sharing-page .sharing-block .btn.btn-cancel {
            color: #2196f3;
            background-color: transparent; }
            .site-start-sharing-page .sharing-block .btn.btn-cancel:hover {
              background-color: transparent !important; } }
        .site-start-sharing-page .sharing-block .btn.btn-cancel:hover {
          background-color: #929fa9; }
      @media (max-width: 767px) {
        .site-start-sharing-page .sharing-block .btn {
          width: auto;
          padding: 0;
          background-color: transparent;
          border-radius: 0; } }

.quest-checkout-form .settings-box__content-inner, .quest-checkout-form .settings-box__content, .quest-checkout-form .settings-box {
  background-color: transparent;
  box-shadow: none; }
  .dark-scheme .quest-checkout-form .settings-box__content-inner,
  .dark-scheme .quest-checkout-form .settings-box__content,
  .dark-scheme .quest-checkout-form .settings-box {
    background-color: transparent;
    box-shadow: none; }
.quest-checkout-form .submit-btn {
  width: 100%; }
.quest-checkout-form__social-block {
  flex: 0 1 100%;
  padding: 10px 0 0; }
  .quest-checkout-form__social-block > .btn {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 20px;
    padding: 5px 10px;
    margin-bottom: 10px; }
    .quest-checkout-form__social-block > .btn.twitter {
      background-color: #1da1f2; }
    .quest-checkout-form__social-block > .btn.facebook {
      background-color: #4267b2; }
    .quest-checkout-form__social-block > .btn.google {
      background-color: #4285f4; }
    .quest-checkout-form__social-block > .btn.instagram {
      background: linear-gradient(to right, #bd3381, #ee583f); }
    .quest-checkout-form__social-block > .btn.instagram_fb {
      background: linear-gradient(to right, #bd3381, #ee583f); }

.guest-checkout-page-block {
  display: none; }
  .guest-checkout-page-block__title {
    position: absolute;
    display: block;
    left: 40px;
    top: 50%;
    margin-top: -12px;
    padding: 1px 0 0;
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
    color: #263238; }
    .dark-scheme .guest-checkout-page-block__title {
      color: white; }
    @media (min-width: 992px) {
      .guest-checkout-page-block__title {
        display: none; } }
  .guest-checkout-page-block .btn-cancel,
  .guest-checkout-page-block .btn-primary {
    background-color: transparent;
    border-radius: 15px;
    border: 2px solid transparent;
    font-size: 15px;
    line-height: 20px;
    height: 30px;
    padding: 2px 14px 8px; }
    @media (max-width: 992px) {
      .guest-checkout-page-block .btn-cancel,
      .guest-checkout-page-block .btn-primary {
        border: none;
        padding: 0;
        height: auto;
        font-size: 17px;
        line-height: 23px;
        border-radius: 0; } }
  .guest-checkout-page-block .btn-cancel {
    border-color: #929fa9;
    color: #929fa9; }
    @media (min-width: 767px) {
      .guest-checkout-page-block .btn-cancel:hover {
        background-color: #929fa9; } }
    @media (min-width: 992px) {
      .guest-checkout-page-block .btn-cancel i {
        display: none; } }
    @media (max-width: 992px) {
      .guest-checkout-page-block .btn-cancel {
        position: absolute;
        left: 0;
        top: 11px;
        width: 30px;
        height: 30px;
        text-indent: -100px;
        overflow: hidden;
        color: #2196f3;
        text-align: center; }
        .guest-checkout-page-block .btn-cancel i {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          text-align: center;
          text-indent: 0; }
          .guest-checkout-page-block .btn-cancel i:before {
            font-size: 24px;
            line-height: 30px; } }
    @media (max-width: 600px) {
      .guest-checkout-page-block .btn-cancel {
        left: 10px; } }
  .guest-checkout-page-block .btn-primary {
    border-color: #2196f3;
    color: #2196f3;
    margin-left: 13px; }
    @media (max-width: 992px) {
      .guest-checkout-page-block .btn-primary {
        margin-top: 3px; } }
    .guest-checkout-page-block .btn-primary:hover {
      background-color: #2196f3; }

.site-guest-checkout-page {
  background-color: white; }
  @media (max-width: 992px) {
    .site-guest-checkout-page .settings-box {
      margin: 0; } }
  @media (max-width: 600px) {
    .site-guest-checkout-page .settings-box {
      padding: 0 15px; } }
  .site-guest-checkout-page .guest-checkout-page-block {
    display: block;
    float: right;
    padding: 10px 0 0; }
    @media (max-width: 992px) {
      .site-guest-checkout-page .guest-checkout-page-block {
        display: flex;
        float: none;
        justify-content: space-between; } }
    @media (max-width: 600px) {
      .site-guest-checkout-page .guest-checkout-page-block {
        padding: 10px 15px 0; } }
  .site-guest-checkout-page.dark-scheme {
    background-color: #263238; }
  .site-guest-checkout-page .panel,
  .site-guest-checkout-page .panel-body {
    background-color: transparent;
    box-shadow: none; }
  .site-guest-checkout-page .panel-body {
    padding: 27px 0 0; }
  @media (min-width: 992px) {
    .site-guest-checkout-page .footer-wrapper {
      position: absolute;
      right: -22px;
      bottom: 27px;
      min-width: 280px; } }
  .site-guest-checkout-page .navbar-collapse {
    display: none !important; }
  .site-guest-checkout-page .settings-box__content {
    margin-left: 0; }
  @media (max-width: 992px) {
    .site-guest-checkout-page .navbar-brand {
      display: none; } }

.quest-checkout-form {
  position: relative; }
  @media (min-width: 768px) {
    .quest-checkout-form__btn-group {
      /*position: absolute;*/
      right: 0;
      top: 34px;
      width: 270px; } }
  @media (min-width: 991px) {
    .quest-checkout-form__btn-group {
      right: 41px;
      top: -30px;
      width: 350px; } }
  @media (max-width: 600px) {
    .quest-checkout-form__btn-group {
      padding: 0 15px; } }
  .quest-checkout-form__title {
    /* display: none; by Phil Mar24 */
    font-size: 25px;
    line-height: 34px;
    padding: 0 10px 10px;
    color: #263238; }
    .dark-scheme .quest-checkout-form__title {
      color: white; }
    @media (min-width: 992px) {
      .quest-checkout-form__title {
        display: block; } }
  .quest-checkout-form .quest-checkout-form__social-block .btn {
    margin-bottom: 19px;
    text-align: left;
    padding-left: 80px; }
  .quest-checkout-form .btn {
    font-size: 15px;
    line-height: 20px;
    padding: 7px 13px 9px;
    height: 36px; }
  .quest-checkout-form .separator-or {
    margin: 12px 0 1px; }
    .dark-scheme .quest-checkout-form .separator-or span {
      background-color: #263238; }
    @media (min-width: 992px) {
      .quest-checkout-form .separator-or {
        margin: 20px 0 10px; } }

.mybio-box {
  text-align: center; }
  .mybio-box__img {
    padding-top: 10px;
    width: 220px;
    margin: 0 auto 10px; }
    .mybio-box__img img {
      width: 100%; }
  .mybio-box__description {
    padding: 15px 20px 20px;
    margin: 0; }
  .mybio-box__link a {
    text-decoration: underline;
    color: #263238; }
    .dark-scheme .mybio-box__link a {
      color: white; }
    .mybio-box__link a:hover {
      color: #0086e6; }
      .dark-scheme .mybio-box__link a:hover {
        color: #0086e6; }

.block-referral {
  padding: 4px 0;
  text-align: center; }
  @media (max-width: 991px) {
    .block-referral {
      padding-top: 15px; } }
  @media (max-width: 767px) {
    .block-referral {
      padding-top: 5px; } }
  .block-referral .ref-url {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 7px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(146, 159, 169, 0.15); }
  .block-referral .ref-slogan {
    padding-bottom: 4px;
    color: #929fa9; }

.referrals-block {
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .referrals-block__total {
    padding-top: 4px;
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
    color: #263238;
    text-align: right; }
    .dark-scheme .referrals-block__total {
      color: white; }
    .referrals-block__total em {
      display: block;
      font-size: 13px;
      line-height: 18px;
      font-weight: normal;
      font-style: normal;
      color: #929fa9; }
    @media (min-width: 991px) {
      .referrals-block__total {
        order: 3; } }
  @media (min-width: 991px) {
    .referrals-block .referrals-search-box {
      flex: 1 1 auto;
      max-width: 240px;
      min-width: 0;
      order: 2; } }
  .referrals-block > h3 {
    color: #263238;
    margin: 0;
    padding-top: 3px; }
    .dark-scheme .referrals-block > h3 {
      color: white; }
    @media (min-width: 991px) {
      .referrals-block > h3 {
        order: 1; } }
    .referrals-block > h3 small {
      display: block;
      padding-top: 2px;
      font-size: 13px;
      line-height: 18px;
      font-weight: normal;
      color: #929fa9; }

.no-purchases-label {
  padding: 10px 0; }

.refferals-share {
  display: flex;
  justify-content: center;
  margin-bottom: -5px; }
  .refferals-share a {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    border-radius: 50%; }
    .refferals-share a:hover span {
      top: -35px;
      opacity: 1;
      visibility: visible; }
    .refferals-share a img {
      width: 100%;
      border-radius: 50%; }
    .refferals-share a span {
      position: absolute;
      top: -50px;
      left: 50%;
      transform: translateX(-50%);
      opacity: 0;
      visibility: hidden;
      white-space: nowrap;
      font-size: 11px;
      line-height: 20px;
      padding: 2px 5px;
      background-color: #263238;
      color: white;
      border-radius: 3px;
      transition: all 0.3s ease; }
      .dark-scheme .refferals-share a span {
        background-color: white;
        color: #263238; }
      .refferals-share a span:after {
        position: absolute;
        content: "";
        width: 7px;
        height: 7px;
        transform: rotate(45deg);
        bottom: -4px;
        left: 50%;
        margin-left: -4px;
        background-color: #263238; }
        .dark-scheme .refferals-share a span:after {
          color: white; }

.category-divider {
  font-weight: 600;
  font-size: 22px;
  line-height: 33px;
  padding: 6px 0;
  border-radius: 6px;
  text-align: center;
  color: rgba(146, 159, 169, 0.6);
  margin-bottom: 10px; }
  .category-divider:focus {
    outline: none; }

.category-divider.regular-links-header {
  background-color: #fafbfc;
  border: 1px solid rgba(33, 150, 243, 0.5);
}

.dark-scheme .category-divider.regular-links-header {
  background-color: #263238;
}

.sensitive-links-wrapper .link-wrapper.more-links,
.sensitive-links-wrapper .sensitive-links.sensitive-links-notice,
.category-divider.sensitive-links-header,
.link-list-wrapper .category-divider {
  background-color: #fafbfc;
  border: 1px solid rgba(33, 150, 243, 0.5);
}

.dark-scheme .sensitive-links-wrapper .link-wrapper.more-links,
.dark-scheme .sensitive-links-wrapper .sensitive-links.sensitive-links-notice,
.dark-scheme .category-divider.sensitive-links-header,
.dark-scheme .link-list-wrapper .category-divider {
  background-color: #263238;
}

.add-divider-btn {
  background-color: rgba(146, 159, 169, 0.6);
  border-radius: 24px;
  color: #fefefe;
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin: 0 auto;
  padding: 2px 15px;
  text-align: center;
  width: 200px; }
  .add-divider-btn:hover {
    background-color: #929fa9; }
  .add-divider-btn:disabled {
    cursor: not-allowed; }
    .add-divider-btn:disabled:hover {
      background-color: rgba(146, 159, 169, 0.6); }

.title-links-category {
  font-weight: 600;
  color: #263238; }
  .dark-scheme .title-links-category {
    color: white; }

.b-category-divider {
  display: flex;
  padding: 10px 0; }
  .b-category-divider .category-divider {
    background-color: transparent; }
  .b-category-divider__wrap {
    position: relative;
    display: flex;
    padding-bottom: 15px;
    padding-top: 15px;
    border: 1px solid #000;
    border-radius: 10px;
    margin-top: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
    .b-category-divider__wrap.category-divider {
      background-color: #fafbfc; }
      .dark-scheme .b-category-divider__wrap.category-divider {
        background-color: #263238; }
    .b-category-divider__wrap.category-divider-unused {
      opacity: .7; }
    .b-category-divider__wrap.category-divider-header {
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
    .b-category-divider__wrap:after {
      position: absolute;
      content: "";
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 1;
      background-color: transparent; }
    .b-category-divider__wrap > * {
      position: relative;
      z-index: 2; }
  .b-category-divider__delete-btn {
    order: 0; }
    .settings-box .b-category-divider__delete-btn {
      order: 0; }
    .b-category-divider__delete-btn i {
      padding-left: 0; }
      .settings-box .b-category-divider__delete-btn i {
        padding-left: 0; }
  .b-category-divider__input {
    flex: 1 1 auto; }
  .b-category-divider__move-btn {
    color: rgba(146, 159, 169, 0.25);
    transform: translateY(4px); }
    .b-category-divider__move-btn:hover {
      color: #929fa9; }

.goals.sort-saving .goal .btn-move {
  display: none; }

.goals.draggable--is-dragging .btn-move {
  display: none; }

.goals.draggable--is-dragging .draggable-source--is-dragging .btn-move {
  display: block; }

.goals.unsortable .goal .btn-move {
  display: none; }

.colorpicker.profile-colorpicker.dropdown-menu {
  min-height: 222px; }
  .colorpicker.profile-colorpicker.dropdown-menu .btn.btn-save.btn-default {
    bottom: 15px; }
  .colorpicker.profile-colorpicker.dropdown-menu .colorpicker-color {
    width: 152px; }
    .colorpicker.profile-colorpicker.dropdown-menu .colorpicker-color > div {
      height: 27px; }

.custom-color-btn {
  margin: -15px auto 0;
  width: 150px;
  display: block; }

/*
* Popovers Blocks styles
*/
.popover > .arrow {
  display: none; }
.popover.bottom:after {
  top: -7.5px; }
.popover.top:after {
  bottom: -7.5px;
  box-shadow: 1px 1px 0 0.5px rgba(146, 159, 169, 0.15); }
.dark-scheme .popover {
  background-color: #263238; }
.popover:after {
  background-color: white;
  transform: rotate(45deg);
  content: "";
  height: 15px;
  position: absolute;
  right: 15px;
  width: 15px;
  visibility: visible;
  box-shadow: -1px -1px 0 0.5px rgba(146, 159, 169, 0.15); }
  .dark-scheme .popover:after {
    background-color: #263238; }

/*
* Header styles
*/
.site-index-page .login-block {
  background-color: transparent; }
.dark-scheme.site-index-page .login-block {
  background-color: transparent; }
@media (min-width: 991px) {
  .site-index .login-block {
    float: right;
    width: 320px; } }
.login-block .auth-error-msg {
  font-size: 11px;
  left: 6px;
  top: -17px; }
@media (max-width: 991px) {
  .login-block {
    max-width: 345px;
    margin: 0 auto; } }
.login-block .form-group {
  margin-bottom: 10px; }
  @media (max-width: 767px) {
    .login-block .form-group {
      margin-bottom: 15px; }
      .login-block .form-group .form-control {
        height: 40px; } }
  .login-block .form-group.form-group-reset {
    text-align: center;
    margin: 35px 0 0 0; }
    @media (max-width: 767px) {
      .login-block .form-group.form-group-reset {
        margin-top: 25px; } }
    .login-block .form-group.form-group-reset p {
      margin: 0; }
    .login-block .form-group.form-group-reset .no-account-text {
      font-size: 21px;
      color: #263238;
      margin-bottom: 5px; }
      .dark-scheme .login-block .form-group.form-group-reset .no-account-text {
        color: white; }
      @media (max-width: 767px) {
        .login-block .form-group.form-group-reset .no-account-text {
          font-size: 17px; } }
    .login-block .form-group.form-group-reset a {
      font-size: 13px;
      color: #929fa9;
      transition: color .3s; }
      .login-block .form-group.form-group-reset a:hover {
        color: rgba(146, 159, 169, 0.6); }
    .login-block .form-group.form-group-reset .sign-up-wrap {
      margin-bottom: 20px; }
    .login-block .form-group.form-group-reset .sign-up-link {
      font-size: 15px;
      color: #ff4081;
      transition: color .3s; }
      .login-block .form-group.form-group-reset .sign-up-link:hover {
        color: #db346c; }
  .login-block .form-group .btn-block {
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      .login-block .form-group .btn-block {
        margin-bottom: 15px; } }
    .login-block .form-group .btn-block:first-child {
      margin-bottom: 0; }
    .login-block .form-group .btn-block.btn-primary {
      background: #ff4081;
      padding: 0; }
      .login-block .form-group .btn-block.btn-primary[disabled]:hover {
        background: rgba(239, 71, 127, 0.8); }
      .login-block .form-group .btn-block.btn-primary:hover {
        background: #0086e6; }

.featured-account-label {
  font-size: 32px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
  z-index: 1000;
  color: white;
  clear: both;
  padding-top: 13px;
  padding-left: 2px; }
  @media (max-width: 767px) {
    .featured-account-label {
      padding: 0;
      top: -23px;
      text-align: center;
      font-size: 21px; } }
  @media (min-width: 767px) {
    .featured-account-label + .site-profile .footer {
      display: none; } }

.additional-info {
  display: none;
  padding: 23px 0 0; }
  @media (min-width: 767px) {
    .additional-info {
      display: block; } }
  .additional-info li {
    position: relative;
    font-size: 13px;
    line-height: 20px;
    padding: 0 0 0 33px;
    margin-bottom: 5px;
    color: #222b32; }
    @media (min-width: 991px) {
      .additional-info li {
        padding: 5px 0 5px 33px; } }
    .additional-info li a {
      color: #ef477f; }
      .additional-info li a:hover {
        color: #222b32; }
        .dark-scheme .additional-info li a:hover {
          color: white; }
    .dark-scheme .additional-info li {
      color: white; }
    .additional-info li:before {
      position: absolute;
      left: 0;
      top: 0;
      font-family: "all-my-links";
      content: "\e618";
      font-size: 19px;
      line-height: 30px;
      color: #ef477f; }
    .additional-info li span {
      font-weight: 600; }

.form-group.form-group-reset a {
  font-size: 11px;
  line-height: 20px;
  font-weight: 600; }

@media (min-width: 992px) {
  .site-index .flex-row {
    align-items: center;
    display: flex;
    justify-content: center; } }
.site-index__logo-box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 2;
  overflow: hidden; }
  .site-index__logo-box .logo .path1,
  .site-index__logo-box .logo .path2,
  .site-index__logo-box .logo .path3 {
    font-size: 5em; }
    @media (max-width: 991px) {
      .site-index__logo-box .logo .path1,
      .site-index__logo-box .logo .path2,
      .site-index__logo-box .logo .path3 {
        font-size: 4em; } }
    @media (max-width: 767px) {
      .site-index__logo-box .logo .path1,
      .site-index__logo-box .logo .path2,
      .site-index__logo-box .logo .path3 {
        font-size: 3em; } }
.site-index .logo {
  position: absolute;
  font-size: 16em;
  margin: 0 0 25px;
  opacity: 0.04;
  left: 0.5em;
  top: 0.3em; }
  @media (max-width: 991px) {
    .site-index .logo {
      left: -0.3em; } }
  @media (max-width: 480px) {
    .site-index .logo {
      display: none; } }
.site-index .greeting-section {
  padding: 128px 0 20px; }
  @media (max-width: 991px) {
    .site-index .greeting-section {
      padding: 65px 0 0; } }
  @media (max-width: 767px) {
    .site-index .greeting-section {
      padding: 0 25px;
      max-width: 500px;
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .site-index .greeting-section {
      text-align: center; } }
  .site-index .greeting-section h1 {
    font-size: 72px;
    font-weight: 300;
    margin: 0; }
    @media (max-width: 767px) {
      .site-index .greeting-section h1 {
        font-size: 40px; } }
  .site-index .greeting-section h2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.2;
    margin: 42px 0 0;
    color: #b65070; }
    .dark-scheme .site-index .greeting-section h2 {
      color: #b65070; }
    @media (max-width: 991px) {
      .site-index .greeting-section h2 {
        font-size: 18px;
        margin-top: 10px; } }
  .site-index .greeting-section .logo,
  .site-index .greeting-section .logo-text {
    display: block; }
  .site-index .greeting-section .logo-text {
    letter-spacing: -0.01em; }
  .site-index .greeting-section .logo-text-1 {
    color: #ed174c; }
  .site-index .greeting-section .logo-text-2 {
    color: #ef477f; }
  .site-index .greeting-section .logo-text-3 {
    color: #f26655; }
.site-index .auth-clients {
  list-style: none;
  margin: 0;
  padding: 0; }
.site-index .form-control {
  background: rgba(133, 127, 173, 0.1);
  border: 0;
  box-shadow: none;
  padding: 5px 20px;
  height: 36px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #263238;
  font-weight: 400;
  border-radius: 20px; }
  .site-index .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #929fa9, 1; }
  .site-index .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #929fa9, 1; }
  .site-index .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #929fa9, 1; }
  .site-index .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #929fa9, 1; }
  .site-index .form-control:focus {
    background: rgba(0, 134, 230, 0.1); }
@media (max-width: 767px) {
  .site-index .btn {
    padding: 10px 7px;
    height: 40px; } }
.site-index .btn:focus {
  color: white; }
.site-index .btn-social {
  color: white;
  text-align: left;
  position: relative; }
  .dark-scheme .site-index .btn-social:hover {
    color: white; }
  .site-index .btn-social svg {
    height: 20px;
    left: 20px;
    position: absolute;
    top: 50%;
    width: 20px;
    transform: translateY(-50%); }
.site-index .btn-twitter {
  background-color: #1da1f2; }
  .site-index .btn-twitter svg {
    height: 30px;
    left: 15px;
    top: 50%;
    width: 30px;
    transform: translateY(-50%); }
.site-index .btn-facebook {
  background-color: #4267b2; }
.site-index .btn-google {
  background-color: #4285f4; }
.site-index .btn-instagram {
  background: linear-gradient(to right, #bd3381, #ee583f); }
.site-index .btn-instagram_fb {
  background: linear-gradient(to right, #bd3381, #ee583f); }
.site-index .btn-apple {
  background: #ffffff;
  color: #263238;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  transition: background 0.3s ease; }
  .site-index .btn-apple:focus {
    color: #263238;
    background: rgba(38, 50, 56, 0.01); }
  .site-index .btn-apple svg {
    top: 45%; }
.site-index label,
.site-index .help-block {
  display: none; }
.site-index #login-form,
.site-index #signup-form {
  position: relative; }
  .site-index #login-form .help-block,
  .site-index #signup-form .help-block {
    position: absolute;
    left: 0;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 5px 3px;
    color: white;
    background: #222b32;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
    .site-index #login-form .help-block.help-block-error,
    .site-index #signup-form .help-block.help-block-error {
      background: #f44336; }
      .site-index #login-form .help-block.help-block-error:after,
      .site-index #signup-form .help-block.help-block-error:after {
        border-top-color: #f44336; }
    .site-index #login-form .help-block:after,
    .site-index #signup-form .help-block:after {
      position: absolute;
      bottom: -4px;
      left: 0;
      margin-left: 6px;
      content: "";
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #222b32; }
.site-index #signup-form .form-group,
.site-index #login-form .form-group {
  position: relative; }
  .site-index #signup-form .form-group .help-block.help-block-error,
  .site-index #login-form .form-group .help-block.help-block-error {
    font-size: 11px;
    line-height: 16px; }
.site-index #signup-form .has-error .help-block.help-block-error,
.site-index #login-form .has-error .help-block.help-block-error {
  display: block;
  top: -34px;
  left: 6px; }

.site-index-page .wrap-inner {
  padding-top: 0; }
.site-index-page .site-index__inner .container,
.site-index-page .site-index__inner .row {
  height: 100%; }
@media (max-width: 992px) {
  .site-index-page .row-main-content .left-sidebar {
    display: block;
    float: none;
    width: 100%; }
    .site-index-page .row-main-content .left-sidebar .footer {
      display: none; } }
.site-index-page .tab-content .btn {
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  font-size: 15px;
  padding: 0 15px 0 55px; }
.site-index-page .more-links {
  position: relative;
  padding: 5px 15px;
  cursor: pointer; }
  .site-index-page .more-links .link-header {
    position: relative;
    top: 0;
    right: 0;
    text-align: center; }
  .site-index-page .more-links .link-navigation {
    margin: 0 auto; }
.site-index-page .link-price__wrapper {
  margin-top: -20px; }
.site-index-page .link-header .avatar-dropdown {
  left: -2px; }
.site-index-page .link-header {
  margin-bottom: 0;
  position: absolute;
  top: 5px;
  right: 10px; }
.site-index-page .link__price {
  top: 2px; }
.site-index-page .adult {
  padding: 5px 15px; }
  .site-index-page .adult .link-header {
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 10px; }
  .site-index-page .adult .link-navigation {
    width: 100%;
    justify-content: center; }
.site-index-page .navbar-default .navbar-nav > .open a:focus {
  color: #ff4081; }
.site-index-page.profile-scroll .profile-panel__bg:after {
  position: absolute;
  height: auto;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto; }
.site-index-page.profile-scroll .profile-panel__inner-panel {
  position: relative; }
@media (max-width: 991px) {
  .site-index-page .profile-panel__bg {
    height: 180px; }
    .site-index-page .profile-panel__bg:after {
      height: 180px; } }
@media (max-width: 767px) {
  .site-index-page .profile-panel__bg {
    height: 100px;
    display: none; }
    .site-index-page .profile-panel__bg:after {
      height: 100px; } }
.site-index-page.dark-scheme #fp-nav {
  background-color: #222b32; }
  .site-index-page.dark-scheme #fp-nav ul li a span {
    background-color: white; }
.site-index-page #fp-nav {
  background-color: white;
  padding: 4px;
  border-radius: 4px; }
  @media (max-width: 767px) {
    .site-index-page #fp-nav {
      right: 0;
      padding: 0; } }
  .dark-scheme .site-index-page #fp-nav {
    background-color: #222b32; }
  .site-index-page #fp-nav ul li {
    width: 14px;
    height: 13px; }
    @media (max-width: 767px) {
      .site-index-page #fp-nav ul li {
        width: 30px;
        height: 30px; }
        .site-index-page #fp-nav ul li a span {
          width: 10px;
          height: 10px;
          margin: -5px 0 0 -5px; }
        .site-index-page #fp-nav ul li a.active span {
          width: 20px;
          height: 20px;
          margin: -10px 0 0 -10px; } }
  .site-index-page #fp-nav ul li a span {
    background-color: #222b32; }

.fullpage-wrapper .section:first-child:after {
  position: absolute;
  content: "";
  background-color: white;
  top: 0;
  bottom: 65px;
  left: -200%;
  right: -200%;
  z-index: -1; }
  .dark-scheme .fullpage-wrapper .section:first-child:after {
    background-color: #222b32; }

@media (max-width: 767px) {
  .site-index-page.guest-role .navbar-backdrop {
    display: none; } }
.site-index-page.guest-role.dark-scheme.featured-viewport {
  background-color: rgba(34, 43, 50, 0.9); }
.site-index-page.guest-role.dark-scheme .wrap-inner:after {
  background-color: #222b32; }
.site-index-page.guest-role .wrap-inner:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 250px;
  content: "";
  background-color: white; }
.site-index-page.guest-role.dark-scheme .site-index:after {
  background-color: #222b32; }
@media (min-width: 767px) {
  .site-index-page.guest-role .content-part:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: calc(100vh - 158px);
    background: -moz-linear-gradient(0% 0% -45deg, #ffca5f 0%, #ff377b 70%, #be2fda 100%);
    background: -webkit-linear-gradient(-45deg, #ffca5f 0%, #ff377b 70%, #be2fda 100%);
    background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, #ffca5f), color-stop(0.7, #ff377b), color-stop(1, #be2fda));
    background: -o-linear-gradient(-45deg, #ffca5f 0%, #ff377b 70%, #be2fda 100%);
    background: -ms-linear-gradient(-45deg, #ffca5f 0%, #ff377b 70%, #be2fda 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCA5F', endColorstr='#BE2FDA' ,GradientType=0)";
    background: linear-gradient(135deg, #ffca5f 0%, #ff377b 70%, #be2fda 100%);
    opacity: 0.08;
    filter: alpha(opacity=8) progid:DXImageTransform.Microsoft.Alpha(opacity=8) progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFCA5F", endColorstr="#BE2FDA", GradientType=1);
    width: 50%;
    z-index: 1; }
  .site-index-page.guest-role .content-part:before {
    content: "";
    position: absolute;
    top: 0;
    height: calc(100vh - 158px);
    left: -50%;
    right: 0;
    z-index: 2;
    opacity: 1;
    width: 100%;
    background-position: 60% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/img/login-logo.png); }
  .site-index-page.guest-role .content-part.dark-scheme .content-part:before {
    opacity: 0.1; } }
@media (max-width: 767px) {
  .site-index-page.guest-role .content-part {
    height: 0; } }
.site-index-page.guest-role .content-part > .container .footer-wrap {
  display: block; }
@media (max-width: 767px) {
  .site-index-page.guest-role .content-part > .container {
    position: relative;
    padding-bottom: 60px; }
    .site-index-page.guest-role .content-part > .container .footer-wrap {
      display: block; } }
.site-index-page.guest-role .site-index {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 110px; }
  .site-index-page.guest-role .site-index__inner {
    height: 100%; }
  @media (min-width: 767px) and (min-height: 755px) {
    .site-index-page.guest-role .site-index {
      height: calc(100vh - 158px);
      left: 0;
      right: 0;
      top: 0;
      padding-top: 0;
      margin-bottom: 0;
      padding-bottom: 0; } }
  @media (max-width: 767px) {
    .site-index-page.guest-role .site-index {
      top: 0;
      padding-top: 40px; } }
  .site-index-page.guest-role .site-index .row {
    position: relative;
    z-index: 2;
    min-height: 540px; }
    @media (min-width: 767px) {
      .site-index-page.guest-role .site-index .row {
        display: flex;
        align-items: center; } }
  .site-index-page.guest-role .site-index:after {
    position: absolute;
    left: -200%;
    right: -200%;
    top: -90px;
    bottom: 0;
    content: "";
    background-color: white;
    z-index: 1;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16); }

.flex-container {
  width: 100%;
  display: flex;
  height: 100%; }
.flex-row {
  flex: 1 1 50%; }

.separator-or {
  margin: 10px 0 6px;
  text-align: center;
  position: relative;
  color: #929fa9;
  font-size: 13px;
  font-weight: 600; }
  @media (max-width: 767px) {
    .separator-or {
      max-width: 10px 0; } }
  .separator-or span {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 10px;
    overflow: hidden;
    background-color: white; }
    .dark-scheme .separator-or span {
      background-color: #222b32; }
  .separator-or:before {
    position: absolute;
    content: "";
    top: 45%;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 1;
    background-color: rgba(146, 159, 169, 0.4); }

.login-page__left-side {
  margin-top: 30px; }
  @media (max-width: 767px) {
    .login-page__left-side {
      text-align: center;
      margin-bottom: 30px;
      margin-top: 30px; } }
  .login-page__left-side .footer {
    margin-top: 235px; }
    @media (max-width: 992px) {
      .login-page__left-side .footer {
        position: relative;
        bottom: 0;
        left: 0;
        right: auto; } }
    @media (max-width: 991px) {
      .login-page__left-side .footer {
        margin-top: 250px; } }
    @media (max-width: 767px) {
      .login-page__left-side .footer {
        display: none; } }
    .login-page__left-side .footer-wrapper, .login-page__left-side .footer-wrapper__navbar {
      padding: 0; }
    .login-page__left-side .footer .navbar-nav {
      justify-content: flex-start; }
      .login-page__left-side .footer .navbar-nav > li {
        margin: 0 46px 0 0; }
        .login-page__left-side .footer .navbar-nav > li:last-child {
          display: none; }
        .login-page__left-side .footer .navbar-nav > li a {
          font-size: 13px;
          line-height: 18px;
          color: #929fa9;
          font-weight: 600; }
          .login-page__left-side .footer .navbar-nav > li a:hover {
            color: rgba(146, 159, 169, 0.6); }
.login-page__logo {
  max-width: 299px;
  width: 100%;
  margin-bottom: 10px; }
  @media (max-width: 767px) {
    .login-page__logo {
      max-width: 184px; } }
.login-page__description {
  color: #db346c;
  font-size: 31px;
  font-weight: 400;
  max-width: 300px;
  width: 100%;
  line-height: 42px; }
  @media (max-width: 991px) {
    .login-page__description {
      font-size: 25px;
      line-height: 32px; } }
  @media (max-width: 767px) {
    .login-page__description {
      max-width: 295px;
      font-size: 17px;
      line-height: 23px;
      margin: 0 auto; } }

@media (max-width: 767px) {
  body.site-index-page.guest-role {
    min-height: 0;
    overflow: visible; } }
@media (max-width: 767px) {
  body.site-index-page.guest-role .wrap,
  body.site-index-page.guest-role .wrap-inner {
    min-height: 0;
    height: auto;
    overflow: visible; } }

.login-page-box {
  padding-bottom: 30px; }
  @media (max-width: 767px) {
    .login-page-box {
      padding: 20px 0 50px;
      margin-top: -30px;
      background-color: white; }
      .dark-scheme .login-page-box {
        background-color: #222a30; } }
  .login-page-box-title {
    text-align: center;
    font-size: 49px;
    line-height: 69px;
    font-weight: 300;
    color: #db346c;
    margin-bottom: 28px;
    padding-top: 24px;
    flex: 1 1 100%;
    min-width: 100%; }
    @media (max-width: 991px) {
      .login-page-box-title {
        font-size: 27px;
        line-height: 37px;
        margin-top: 40px;
        padding-top: 0; } }
    @media (max-width: 767px) {
      .login-page-box-title {
        margin: 20px 10px;
        min-width: 0; } }
  .login-page-box-wrapper {
    display: flex; }
    @media (max-width: 767px) {
      .login-page-box-wrapper {
        flex-direction: column;
        padding-bottom: 50px; } }
  .login-page-box-figure {
    position: relative;
    background-size: contain;
    margin-left: 50px;
    flex: 0 1 380px;
    min-width: 380px; }
    @media (max-width: 767px) {
      .login-page-box-figure {
        flex: 0 1 300px;
        min-width: 300px;
        max-width: 300px;
        margin: 0 auto; } }
    .login-page-box-figure img {
      width: 100%; }
    .login-page-box-figure__inner {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: 25.3% 17% 30%;
      background: url(../img/screen.png) 0 0 no-repeat;
      background-size: contain; }
    .login-page-box-figure:after {
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 30%, white 50%, #fff 100%);
      height: 200px; }
      .dark-scheme .login-page-box-figure:after {
        background: linear-gradient(to bottom, rgba(34, 42, 48, 0) 0%, rgba(34, 42, 48, 0.5) 30%, #222a30 50%, #222a30 100%); }
      @media (max-width: 767px) {
        .login-page-box-figure:after {
          content: ""; } }
  .login-page-box-text {
    flex: 1 1 auto;
    padding: 12.5% 8.5% 0; }
    @media (max-width: 991px) {
      .login-page-box-text {
        padding: 8.5% 3.5% 0; } }
    @media (max-width: 767px) {
      .login-page-box-text {
        text-align: center;
        padding: 10px 20px 0;
        position: relative;
        z-index: 1;
        margin-top: -50px; } }
  .login-page-box .login-page-box-icon {
    display: flex;
    padding-top: 53px;
    padding-bottom: 60px; }
    @media (max-width: 991px) {
      .login-page-box .login-page-box-icon {
        padding-top: 20px;
        padding-bottom: 20px; } }
    @media (max-width: 767px) {
      .login-page-box .login-page-box-icon {
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px; } }
    .login-page-box .login-page-box-icon__block {
      flex: 0 1 33.33%;
      padding: 0;
      min-width: 33%;
      text-align: center; }
      @media (max-width: 767px) {
        .login-page-box .login-page-box-icon__block {
          flex: 0 1 100%;
          min-width: 100%;
          padding-bottom: 46px;
          padding-left: 10px;
          padding-right: 10px; } }
      .login-page-box .login-page-box-icon__block-icon {
        display: block;
        font-size: 75px;
        line-height: 75px;
        color: #db346c; }
        @media (max-width: 767px) {
          .login-page-box .login-page-box-icon__block-icon {
            margin-bottom: 18px; } }
        .login-page-box .login-page-box-icon__block-icon:before {
          font-size: 75px;
          line-height: 75px; }
  .login-page-box__subtitle {
    font-size: 31px;
    line-height: 42px;
    font-weight: 400;
    margin: 20px 0 19px; }
    @media (max-width: 991px) {
      .login-page-box__subtitle {
        font-size: 27px;
        line-height: 37px; } }
    @media (max-width: 767px) {
      .login-page-box__subtitle {
        margin-top: 0; } }
  .login-page-box__list {
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 40px;
    padding-left: 0;
    list-style-type: none; }
    @media (max-width: 767px) {
      .login-page-box__list {
        margin-bottom: 21px; } }
    .login-page-box__list li {
      display: block;
      list-style-type: none;
      padding-bottom: 18px; }
  .login-page-box__wrap-btn {
    text-align: center; }
  .login-page-box__btn {
    position: static;
    width: auto;
    height: auto;
    margin-left: 0;
    background-color: #ff4081;
    border-radius: 24px;
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
    padding: 12px 51px 13px;
    min-width: 200px;
    color: white; }
    .dark-scheme .login-page-box__btn {
      color: white; }
    .login-page-box__btn:hover {
      background-color: rgba(255, 64, 129, 0.5);
      color: white; }
      .dark-scheme .login-page-box__btn:hover {
        color: white; }
  .login-page-box__desc {
    font-size: 17px;
    line-height: 23px; }

@media (max-width: 767px) {
  .site-index-page.guest-role .content-part > .container {
    overflow: hidden; } }
/*
    Styles for Main menu
*/
.online_status.led-wrap,
.online_status .led-wrap {
  position: relative; }
.online_status__led {
  display: none;
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  box-sizing: content-box;
  border: 2px solid #f0f3f5;
  background-clip: padding-box; }
  .dark-scheme .online_status__led {
    border-color: #1d2226; }
  .online_status__led.x2 {
    bottom: 0;
    right: 0;
    width: 9px;
    height: 9px; }
.online_status.online .online_status__led {
  display: block; }

/*
    Styles for pages (welcome, reset-password, contacts, terms, privacy, help, sharing)
*/
/*
    Styles for explore-page
*/
.row .col-xxs-12 {
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .row .col-xxs-12 {
      margin-bottom: 0;
      padding-left: 0;
      padding-right: 0; } }
  @media (max-width: 520px) {
    .row .col-xxs-12 {
      width: 100%;
      float: none;
      margin: 0; } }
  @media (max-width: 991px) {
    .row .col-xxs-12:last-child .member-thumb {
      border-radius: 0 0 10px 10px; } }
  @media (max-width: 767px) {
    .row .col-xxs-12 {
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      padding: 0; }
      .row .col-xxs-12 .member-thumb {
        border-radius: 0; } }

.row-flex {
  display: flex;
  flex-wrap: wrap; }
  .row-flex .jscroll-inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
  .row-flex .col-xxs-12 .panel-blur {
    height: 100%; }

@media (max-width: 991px) {
  .subscriptions-list .row {
    margin: 0; } }
.dark-scheme .subscriptions-list .tabs-wrapper {
  background: none; }
@media (max-width: 767px) {
  .subscriptions-list .tabs-wrapper {
    margin: 0 0 10px;
    padding: 0 20px; } }
@media (min-width: 768px) {
  .subscriptions-list .tabs-wrapper {
    margin: 0 0 20px;
    padding: 0 25px; } }
.subscriptions-list .nav-tabs,
.subscriptions-list .tab-content {
  background: transparent; }
.subscriptions-list .nav-tabs {
  display: flex; }
  .subscriptions-list .nav-tabs > li {
    flex-basis: 100%;
    text-align: center;
    border-bottom: 1px solid rgba(124, 139, 150, 0.4);
    padding: 0 0 0 5px; }
    .subscriptions-list .nav-tabs > li:after {
      background: transparent;
      bottom: -1px;
      content: "";
      height: 3px;
      left: 5px;
      position: absolute;
      right: 0; }
    .subscriptions-list .nav-tabs > li:first-child {
      padding: 0 5px 0 0; }
      .subscriptions-list .nav-tabs > li:first-child:after {
        left: 0;
        right: 5px; }
    .subscriptions-list .nav-tabs > li a span.badge {
      color: rgba(0, 134, 230, 0.5);
      padding: 0 0 3px;
      background: none;
      font-size: 18px;
      font-weight: 600; }
    .subscriptions-list .nav-tabs > li.active {
      position: relative; }
      .subscriptions-list .nav-tabs > li.active:after {
        background: #0086e6; }
      .subscriptions-list .nav-tabs > li.active > a {
        border: 0;
        font-weight: 600;
        color: #263238; }
        .subscriptions-list .nav-tabs > li.active > a span.badge {
          color: #0086e6; }
        .subscriptions-list .nav-tabs > li.active > a:hover {
          border: 0; }
    .subscriptions-list .nav-tabs > li > a {
      border: 0;
      font-size: 18px;
      font-weight: 600;
      line-height: 21.6px;
      margin: 0;
      padding: 19px 0 11px;
      color: rgba(38, 50, 56, 0.4);
      transition: all 0.3s ease; }
      .subscriptions-list .nav-tabs > li > a:hover {
        background: transparent;
        color: #0086e6; }

.jscroll-added {
  width: 100%; }

.member-thumb {
  position: relative;
  padding: 15px;
  background-color: white;
  border: none;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  @media (min-width: 991px) {
    .member-thumb {
      min-height: 240px;
      height: 100%; } }
  @media (max-width: 991px) {
    .member-thumb {
      padding: 15px 25px 5px 75px;
      border-radius: 0;
      margin-bottom: 0;
      box-shadow: none;
      border-bottom: 1px solid rgba(38, 50, 56, 0.1); }
      .dark-scheme .member-thumb {
        border-color: rgba(255, 255, 255, 0.1); } }
  .dark-scheme .member-thumb {
    background-color: rgba(38, 50, 56, 0.8); }
  .member-thumb__bg {
    height: 80px;
    margin: -15px -15px 0 -15px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px 10px 0 0; }
    .dark-scheme .member-thumb__bg {
      background-color: rgba(38, 50, 56, 0.8); }
    @media (max-width: 991px) {
      .member-thumb__bg {
        display: none; } }
  .member-thumb__thumbnail {
    overflow: hidden;
    position: absolute;
    top: 47px;
    left: 15px;
    width: 83px;
    height: 83px;
    border: 2px solid white;
    z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    @media (max-width: 991px) {
      .member-thumb__thumbnail {
        width: 48px;
        height: 48px;
        border: none;
        top: 15px;
        left: 15px; } }
    .dark-scheme .member-thumb__thumbnail {
      border-color: #263238; }
  .member-thumb__dropdown {
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer;
    margin-left: 10px; }
    @media (max-width: 991px) {
      .member-thumb__dropdown {
        display: none; } }
    .member-thumb__dropdown.open .dropdown-menu {
      visibility: visible;
      opacity: 1; }
    .member-thumb__dropdown > .btn-icon {
      display: inline-block;
      color: #fefefe;
      border-radius: 50%;
      padding: 0;
      border: none;
      width: 24px;
      height: 24px;
      line-height: 24px;
      text-align: center;
      background-color: rgba(38, 50, 56, 0.2); }
      .member-thumb__dropdown > .btn-icon i:before {
        line-height: inherit; }
      .member-thumb__dropdown > .btn-icon:hover {
        color: #fefefe;
        background-color: rgba(38, 50, 56, 0.2); }
    @media (max-width: 767px) {
      .member-thumb__dropdown .dropdown-backdrop {
        background-color: #929fa9;
        z-index: 1500; } }
    .member-thumb__dropdown .dropdown-menu {
      right: -12px;
      top: calc(100% + 1rem); }
      @media (max-width: 767px) {
        .member-thumb__dropdown .dropdown-menu {
          padding: 5px 20px;
          margin-left: -258px; } }
  .member-thumb__caption {
    position: relative;
    padding-top: 13px; }
    @media (max-width: 991px) {
      .member-thumb__caption {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: calc(100% - 120px);
        padding-top: 3px; } }
    .member-thumb__caption .btn-link {
      position: absolute;
      right: 0;
      top: 11px; }
      @media (max-width: 991px) {
        .member-thumb__caption .btn-link {
          display: none; } }
  .member-thumb__caption-inner {
    padding-top: 15px; }
    @media (max-width: 991px) {
      .member-thumb__caption-inner {
        position: absolute;
        right: 15px;
        top: 15px;
        padding-top: 0; } }
    .member-thumb__caption-inner > .btn-follow {
      float: right;
      background-color: #929fa9;
      color: white;
      font-size: 15px;
      line-height: 20px;
      font-weight: 600;
      padding: 5px;
      min-width: 105px;
      transition: all 0.3s ease;
      border-radius: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      @media (max-width: 991px) {
        .member-thumb__caption-inner > .btn-follow {
          padding: 7px 5px 9px;
          margin: 3px 0 0 0; } }
      .member-thumb__caption-inner > .btn-follow:hover {
        background-color: #0086e6;
        color: white; }
      .member-thumb__caption-inner > .btn-follow.following {
        background-color: rgba(146, 159, 169, 0.6);
        color: white; }
        .member-thumb__caption-inner > .btn-follow.following:hover {
          background-color: #929fa9;
          color: white; }
  .member-thumb__title {
    font-size: 15px;
    line-height: 1.2em;
    margin: 3px 0 5px; }
    @media (max-width: 767px) {
      .member-thumb__title {
        margin: 0 0 16px; } }
    .member-thumb__title-link {
      display: inline-block;
      transition: all 0.3s ease;
      max-width: calc(100% - 30px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .member-thumb__title-link:hover {
        color: #0086e6;
        text-decoration: none; }
        .member-thumb__title-link:hover span {
          color: #0086e6; }
          .dark-scheme .member-thumb__title-link:hover span {
            color: white; }
    .member-thumb__title-name {
      position: relative;
      display: inline-block;
      font-weight: 600;
      padding-bottom: 0;
      padding-right: 20px;
      color: #263238;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .dark-scheme .member-thumb__title-name {
        color: white; }
      .member-thumb__title-name i {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 16px; }
        .member-thumb__title-name i:before {
          font-size: inherit; }
    .member-thumb__title-username {
      font-weight: normal;
      font-size: 13px;
      line-height: 1.2em;
      color: #929fa9;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      transition: all 0.3s ease; }
      .dark-scheme .member-thumb__title-username {
        color: #929fa9; }
  .member-thumb__flag {
    display: inline-block;
    font-size: 9px;
    line-height: 13px;
    padding: 1px 5px;
    margin-left: 5px;
    background-color: rgba(146, 159, 169, 0.08);
    color: rgba(146, 159, 169, 0.6);
    border-radius: 8px; }
  .member-thumb__description {
    font-size: 13px;
    line-height: 18px;
    padding: 5px 0 5px;
    flex: 1 1 auto; }
    @media (max-width: 767px) {
      .member-thumb__description {
        padding-top: 0; } }
    .member-thumb__description p {
      margin: 0;
      color: #263238; }
      .dark-scheme .member-thumb__description p {
        color: white; }

.followers-nav {
  background-color: white;
  position: relative;
  margin: -26px 0 20px; }
  .dark-scheme .followers-nav {
    background-color: #263238; }
  @media (max-width: 992px) {
    .followers-nav {
      margin-bottom: 3px; } }
  @media (max-width: 600px) {
    .followers-nav {
      overflow: hidden; } }
  .followers-nav > div {
    display: flex; }
  .followers-nav span {
    flex: 0 1 50%;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    font-weight: 600;
    color: #929fa9;
    position: relative; }
    .followers-nav span a {
      display: block;
      padding: 12px 0;
      color: #929fa9; }
    .followers-nav span.active a {
      color: #263238; }
      .dark-scheme .followers-nav span.active a {
        color: white; }
    .followers-nav span.active:after {
      visibility: visible;
      opacity: 1; }
    .followers-nav span:after {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 2px;
      background-color: #0086e6;
      content: "";
      visibility: hidden;
      opacity: 0;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
  .followers-nav:after {
    position: absolute;
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    left: -100%;
    right: -100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    content: ""; }
    .dark-scheme .followers-nav:after {
      background-color: #263238; }

.pagination {
  margin: 20px 0 20px 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
  .dark-scheme .pagination {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); }
  .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: rgba(255, 255, 255, 0.8); }
    .dark-scheme .pagination > .disabled > span,
    .dark-scheme .pagination > .disabled > span:hover,
    .dark-scheme .pagination > .disabled > span:focus,
    .dark-scheme .pagination > .disabled > a,
    .dark-scheme .pagination > .disabled > a:hover,
    .dark-scheme .pagination > .disabled > a:focus {
      background-color: rgba(38, 50, 56, 0.8); }
  .pagination > li.next a {
    background-color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s ease; }
    .dark-scheme .pagination > li.next a {
      background-color: rgba(38, 50, 56, 0.8); }
    .pagination > li.next a:hover {
      color: white;
      background-color: rgba(124, 139, 150, 0.5); }
      .dark-scheme .pagination > li.next a:hover {
        background-color: rgba(124, 139, 150, 0.5); }
  .pagination > li > a {
    border: none;
    color: #0086e6;
    background-color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s ease; }
    .dark-scheme .pagination > li > a {
      background-color: rgba(38, 50, 56, 0.8); }
    .pagination > li > a:hover {
      color: white;
      background-color: rgba(124, 139, 150, 0.5); }
      .dark-scheme .pagination > li > a:hover {
        background-color: rgba(124, 139, 150, 0.5); }
  .pagination > li > span {
    border: none; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    background-color: rgba(0, 134, 230, 0.8); }
    .dark-scheme .pagination > .active > a,
    .dark-scheme .pagination > .active > a:hover,
    .dark-scheme .pagination > .active > a:focus,
    .dark-scheme .pagination > .active > span,
    .dark-scheme .pagination > .active > span:hover,
    .dark-scheme .pagination > .active > span:focus {
      background-color: rgba(0, 134, 230, 0.8); }

.search-cancel-btn.btn-link {
  display: inline-block;
  background: rgba(146, 159, 169, 0.1);
  color: #929fa9;
  min-width: 70px;
  padding: 7px 15px 11px;
  border-radius: 30px;
  line-height: 15.6px;
  position: relative;
  width: auto;
  height: 30px;
  top: -2px;
  margin-left: 5px;
  font-size: 13px;
  font-weight: 600; }
  @media (min-width: 768px) {
    .search-cancel-btn.btn-link {
      top: 0; } }
  .search-cancel-btn.btn-link:hover {
    background: rgba(0, 134, 230, 0.8);
    color: white; }

/* Styles for statistics */
.amcharts-chart-div > a {
  display: none !important; }

.histogram_category_axis {
  display: flex;
  font-size: 9px;
  border-radius: 0 0 6px 6px;
  color: #fff;
  margin: -1px 0 0;
  font-weight: 600;
  padding: 10px 0 9px;
  position: relative;
  text-transform: uppercase; }
  .histogram_category_axis div {
    display: inline;
    flex: 0 1 100%;
    text-align: center;
    max-width: 100%;
    margin: 0;
    padding: 0; }
    .histogram_category_axis div.half {
      flex: 0 1 50%; }

.popover {
  width: 200px;
  padding: 15px;
  margin-left: 5px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(146, 159, 169, 0.15); }
  .popover.top > .arrow {
    margin-left: -40px; }
  .popover .popover-content {
    overflow: hidden;
    padding: 0; }
  .popover .payments-info-block {
    font-size: 15px;
    line-height: 18px; }
    .popover .payments-info-block span {
      display: block;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .popover .payments-info-block span.btn {
        top: -3px;
        color: #263238; }
        .dark-scheme .popover .payments-info-block span.btn {
          color: white; }
      .popover .payments-info-block span.payments-info-block__username {
        top: -3px;
        color: #929fa9; }
    .popover .payments-info-block span + span {
      font-size: 13px;
      line-height: 15px; }

.modal-title-earnings {
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 20px; }
  @media (min-width: 768px) {
    .modal-title-earnings {
      padding-bottom: 10px; } }

.histogram_category_axis_box {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .histogram_category_axis_box #earnings_histogram {
    flex: 1 1 auto; }

.stat-legend {
  padding: 21px 21px 0;
  font-size: 13px; }
  .panel-body + .stat-legend {
    padding-top: 0;
    padding-bottom: 30px; }
  .stat-legend__item {
    display: flex;
    align-items: center;
    margin: 0 0 14px; }
    .stat-legend__item:last-child {
      margin: 0; }
    .stat-legend__item:before {
      content: "";
      min-width: 16px;
      width: 16px;
      height: 16px;
      border-radius: 1000px;
      margin: 0 12px 0 0; }
    .stat-legend__item-title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .stat-legend__item-views:before {
      opacity: .2; }
    .stat-legend__item-followers:before {
      opacity: .4; }
    .stat-legend__item-links:before {
      opacity: .8; }
    .stat-legend__item .total {
      flex: 1;
      text-align: right;
      font-weight: 600; }
  .stat-legend__item-prevs:before {
    opacity: .3; }

.stats-index-page .panel,
.link-stats-index-page .panel {
  overflow: hidden; }
.stats-index-page .content-part .panel-blur,
.link-stats-index-page .content-part .panel-blur {
  position: fixed;
  left: 0;
  top: -10px;
  bottom: 0;
  right: 0;
  z-index: -1; }
@media (max-width: 1199px) {
  .stats-index-page .popover.top,
  .link-stats-index-page .popover.top {
    margin-top: -20px;
    margin-left: -60px; }
    .stats-index-page .popover.top > .arrow,
    .link-stats-index-page .popover.top > .arrow {
      margin-left: -70px; } }

#histogram {
  width: calc(100% + 1px); }

.pie-wrapper {
  display: flex;
  position: relative; }
  .pie-wrapper .btn-icon {
    position: absolute;
    background: none;
    padding: 0;
    width: 30px;
    height: 30px;
    margin: -5px -5px 0 0;
    text-align: center;
    right: 0;
    top: 0; }
  @media (min-width: 1200px) {
    [class*=col-] > .pie-wrapper {
      margin: 0 0 0 30px; } }
  .pie-wrapper .pie-left {
    width: 64px;
    height: 64px;
    margin: 0 17px 0 0;
    overflow: visible; }
    .pie-wrapper .pie-left:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 64px;
      height: 64px;
      border: 15px solid rgba(0, 134, 230, 0.2);
      border-radius: 50%;
      z-index: 1; }
      .blank .pie-wrapper .pie-left:after {
        content: ""; }
  .pie-wrapper .pie-legend {
    padding: 4px 0 0;
    font-size: 13px;
    font-weight: 600; }
    .pie-wrapper .pie-legend .total {
      display: block;
      font-size: 30px; }

@media (min-width: 1200px) {
  #map_tbl {
    padding: 21px 0 0 30px; } }

.equal-cols {
  display: flex;
  flex-wrap: wrap; }
  .equal-cols > [class*=col-] {
    display: flex; }
    .equal-cols > [class*=col-] > * {
      width: 100%; }

.panel-gray {
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
  @media (max-width: 1199px) {
    .panel-gray {
      border-radius: 10px; } }
  .dark-scheme .panel-gray {
    background-color: #263238; }
  .panel-gray.blank #map .amcharts-main-div {
    display: block; }
  .panel-gray.blank .amcharts-main-div {
    display: none; }

.stats-controls {
  position: absolute;
  left: 50%;
  display: flex;
  margin: 10px;
  border-radius: 30px; }
  @media (min-width: 991px) {
    .stats-controls {
      transform: translate(-50%, 0); } }
  @media (max-width: 991px) {
    .stats-controls {
      left: 0;
      right: 0;
      top: 94px;
      padding: 10px;
      transition: all 0.3s ease;
      margin: 0;
      visibility: visible;
      opacity: 1; }
      .under-navbar-scroll .stats-controls {
        opacity: 0;
        visibility: hidden;
        top: 0; }
      .stats-controls:after {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        background-color: #f0f3f5; }
        .dark-scheme .stats-controls:after {
          background-color: #1d2226; } }
  @media (max-width: 767px) {
    .stats-controls {
      width: 580px; } }
  @media (max-width: 600px) {
    .stats-controls {
      transform: translateX(0);
      left: 0;
      right: 0;
      width: auto; } }
  .stats-controls__inner {
    position: relative; }
    @media (max-width: 991px) {
      .stats-controls__inner {
        width: 680px;
        margin: 0 auto; } }
  .stats-controls input {
    position: relative;
    border: 0;
    box-shadow: none;
    color: #929fa9;
    font-size: 15px;
    line-height: 29px;
    height: 30px;
    padding-right: 15px;
    padding-left: 15px;
    z-index: 2;
    border-radius: 24px;
    text-align: center;
    min-width: 260px; }
    .dark-scheme .stats-controls input {
      color: rgba(255, 255, 255, 0.5); }
    @media (max-width: 991px) {
      .stats-controls input {
        margin-right: 40px; } }
    @media (max-width: 400px) {
      .stats-controls input {
        padding-right: 10px;
        padding-left: 20px; } }
    @media (min-width: 992px) {
      .stats-controls input {
        max-width: 650px; } }
  .stats-controls .input-group-addon {
    position: absolute;
    text-align: center;
    right: 0;
    top: 0;
    width: 40px;
    height: 30px;
    background-color: transparent;
    border: 0;
    padding: 0;
    box-shadow: none;
    font-size: 24px;
    line-height: 28px;
    z-index: 1;
    border-radius: 30px;
    color: rgba(146, 159, 169, 0.6); }
    @media (max-width: 991px) {
      .stats-controls .input-group-addon {
        width: 24px;
        height: 24px;
        line-height: 24px;
        right: 5px;
        top: 0; }
        .stats-controls .input-group-addon i:before {
          font-size: 20px; } }

.stats-index-page.dark-scheme .daterangepicker,
.link-stats-index-page.dark-scheme .daterangepicker {
  background-color: #263238; }
  .stats-index-page.dark-scheme .daterangepicker:before,
  .link-stats-index-page.dark-scheme .daterangepicker:before {
    background-color: #263238; }
.stats-index-page .daterangepicker,
.link-stats-index-page .daterangepicker {
  padding: 0;
  margin: 20px 0 0;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  background-color: white;
  width: 420px; }
  .stats-index-page .daterangepicker:before,
  .link-stats-index-page .daterangepicker:before {
    background-color: white;
    transform: rotate(45deg);
    content: "";
    height: 15px;
    border: none;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: -7px;
    width: 15px;
    visibility: visible;
    box-shadow: -1px -1px 0 0.5px rgba(146, 159, 169, 0.15); }
  @media (max-width: 480px) {
    .stats-index-page .daterangepicker,
    .link-stats-index-page .daterangepicker {
      width: 256px; } }
  .stats-index-page .daterangepicker th.available:hover,
  .link-stats-index-page .daterangepicker th.available:hover {
    background-color: transparent; }
  .stats-index-page .daterangepicker.openscenter:before,
  .link-stats-index-page .daterangepicker.openscenter:before {
    width: 15px;
    height: 15px;
    margin-left: -7px;
    border: none;
    left: 50%; }
  .stats-index-page .daterangepicker.openscenter:after,
  .link-stats-index-page .daterangepicker.openscenter:after {
    display: none; }

.daterangepicker-wrapper {
  display: flex;
  padding: 9px 10px 13px;
  border: none; }
  @media (max-width: 480px) {
    .daterangepicker-wrapper {
      flex-wrap: wrap; } }
  .daterangepicker-wrapper .calendar,
  .daterangepicker-wrapper .ranges {
    float: none; }
  .daterangepicker-wrapper .ranges {
    flex: 1 1 100%; }
    .daterangepicker-wrapper .ranges .range_inputs {
      display: flex;
      flex-wrap: wrap; }
    .daterangepicker-wrapper .ranges .daterangepicker_start_input {
      flex: 0 1 50%;
      text-align: center; }
  .daterangepicker-wrapper .calendar {
    position: relative;
    flex: 0 1 50%;
    margin: 0; }
    @media (max-width: 480px) {
      .daterangepicker-wrapper .calendar {
        flex: 0 1 100%; } }
    @media (min-width: 480px) {
      .daterangepicker-wrapper .calendar:first-child {
        padding-right: 10px; } }
    @media (min-width: 480px) {
      .daterangepicker-wrapper .calendar:last-child {
        padding-left: 10px; } }
    .daterangepicker-wrapper .calendar:last-child:after {
      position: absolute;
      top: 5px;
      bottom: 0;
      left: -4px;
      background-image: linear-gradient(to bottom, #7c8b96 10%, rgba(255, 255, 255, 0) 0%);
      background-position: left;
      background-size: 1px 5px;
      background-repeat: repeat-y;
      width: 2px;
      content: "";
      z-index: -1; }
      @media (max-width: 480px) {
        .daterangepicker-wrapper .calendar:last-child:after {
          display: none; } }
    .daterangepicker-wrapper .calendar .calendar-date {
      border: none;
      padding: 0;
      background-color: transparent; }
    .daterangepicker-wrapper .calendar .calendar-title {
      text-align: center;
      font-size: 11px;
      line-height: 20px;
      margin-bottom: 6px;
      font-weight: 600;
      color: #929fa9;
      z-index: 1; }
      .daterangepicker-wrapper .calendar .calendar-title span {
        background-color: transparent;
        overflow: hidden;
        z-index: 1;
        display: inline-block;
        padding: 0 3px; }
        .dark-scheme .daterangepicker-wrapper .calendar .calendar-title span {
          background-color: transparent; }

.daterangepicker .calendar-date .table-condensed th, .daterangepicker .calendar-date .table-condensed td {
  min-width: 0;
  border-radius: 0; }
.daterangepicker .calendar-date .table-condensed thead {
  display: block;
  margin-bottom: 3px;
  font-size: 11px;
  line-height: 23px; }
  .daterangepicker .calendar-date .table-condensed thead tr {
    display: flex; }
  .daterangepicker .calendar-date .table-condensed thead tr > th[colspan="5"] {
    flex: 1 1 auto; }
  .daterangepicker .calendar-date .table-condensed thead tr > th {
    padding: 2px 0 3px;
    margin: 0 2px;
    height: 25px; }
  .daterangepicker .calendar-date .table-condensed thead tr:first-child {
    background-color: rgba(0, 134, 230, 0.1);
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 10px; }
    .dark-scheme .daterangepicker .calendar-date .table-condensed thead tr:first-child {
      background-color: #1f3444; }
  .daterangepicker .calendar-date .table-condensed thead tr + tr {
    flex: 1 1 100%;
    background-color: transparent; }
    .daterangepicker .calendar-date .table-condensed thead tr + tr th {
      width: 22px;
      height: 20px;
      padding: 0;
      font-size: 9px;
      line-height: 20px;
      color: #bcbec0;
      text-transform: uppercase;
      font-weight: 400; }
      @media (max-width: 480px) {
        .daterangepicker .calendar-date .table-condensed thead tr + tr th {
          width: 28px;
          height: 26px;
          line-height: 26px; } }
      .dark-scheme .daterangepicker .calendar-date .table-condensed thead tr + tr th {
        color: white; }
  .daterangepicker .calendar-date .table-condensed thead th.prev, .daterangepicker .calendar-date .table-condensed thead th.next {
    overflow: hidden;
    position: relative;
    color: #e5f3fc; }
    .dark-scheme .daterangepicker .calendar-date .table-condensed thead th.prev,
    .dark-scheme .daterangepicker .calendar-date .table-condensed thead th.next {
      color: #1f3444; }
    .daterangepicker .calendar-date .table-condensed thead th.prev:after, .daterangepicker .calendar-date .table-condensed thead th.next:after {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      font-family: "all-my-links";
      font-size: 22px;
      line-height: 24px;
      color: #263238; }
      .dark-scheme .daterangepicker .calendar-date .table-condensed thead th.prev:after, .dark-scheme .daterangepicker .calendar-date .table-condensed thead th.next:after {
        color: white; }
  .daterangepicker .calendar-date .table-condensed thead th.next:after {
    content: "\e617"; }
  .daterangepicker .calendar-date .table-condensed thead th.prev:after {
    content: "\e616"; }
.daterangepicker .calendar-date .table-condensed tbody {
  display: block; }
  .daterangepicker .calendar-date .table-condensed tbody tr {
    width: 100%;
    height: auto;
    display: flex; }
    .daterangepicker .calendar-date .table-condensed tbody tr td {
      float: none;
      flex: 0 1 22px;
      max-width: 22px;
      height: 20px;
      font-size: 11px;
      line-height: 20px;
      border-radius: 50%;
      margin: 0 2px;
      padding: 0;
      background-color: transparent;
      transition: all 0.3s ease;
      justify-content: center;
      font-weight: 600; }
      @media (max-width: 480px) {
        .daterangepicker .calendar-date .table-condensed tbody tr td {
          flex: 0 1 28px;
          max-width: 28px;
          height: 26px;
          line-height: 26px; } }
      .daterangepicker .calendar-date .table-condensed tbody tr td.available.off, .daterangepicker .calendar-date .table-condensed tbody tr td.off.disabled {
        color: #777; }
      .daterangepicker .calendar-date .table-condensed tbody tr td.active {
        background-color: #0086e6;
        color: white; }
        .daterangepicker .calendar-date .table-condensed tbody tr td.active.start-date, .daterangepicker .calendar-date .table-condensed tbody tr td.active.end-date {
          position: relative;
          background-color: #0086e6;
          color: white;
          border-radius: 50%; }
        .daterangepicker .calendar-date .table-condensed tbody tr td.active.end-date:after {
          position: absolute;
          left: -2px;
          top: 0;
          bottom: 0;
          right: 50%;
          content: "";
          background-color: rgba(0, 134, 230, 0.1); }
      .daterangepicker .calendar-date .table-condensed tbody tr td.in-range {
        position: relative; }
        .daterangepicker .calendar-date .table-condensed tbody tr td.in-range.end-date:after {
          border-top-right-radius: 30px;
          border-bottom-right-radius: 30px; }
        .daterangepicker .calendar-date .table-condensed tbody tr td.in-range.start-date:after {
          border-top-left-radius: 30px;
          border-bottom-left-radius: 30px; }
        .daterangepicker .calendar-date .table-condensed tbody tr td.in-range:after {
          position: absolute;
          left: -2px;
          right: -2px;
          top: 0;
          bottom: 0;
          content: "";
          background-color: rgba(0, 134, 230, 0.1);
          color: #263238; }
          .dark-scheme .daterangepicker .calendar-date .table-condensed tbody tr td.in-range:after {
            color: white; }
.daterangepicker .second .calendar-date .table-condensed tbody tr .start-date + td.in-range:after {
  left: -10px; }
.daterangepicker .second .calendar-date .table-condensed tbody tr .in-range:first-child:after {
  left: -3px;
  border-radius: 30px 0 0 30px; }
.daterangepicker .second .calendar-date .table-condensed tbody tr .in-range:last-child:after {
  right: -3px;
  border-radius: 0 30px 30px 0; }
.daterangepicker .first .calendar-date .table-condensed tbody tr .in-range:last-child:after {
  right: -3px;
  border-radius: 0 30px 30px 0; }
.daterangepicker .first .calendar-date .table-condensed tbody tr .in-range:first-child:after {
  left: -3px;
  border-radius: 30px 0 0 30px; }

.statistics-box .header {
  text-align: center;
  padding-bottom: 16px;
  padding-top: 0;
  padding-left: 50px;
  padding-right: 50px; }
  @media (max-width: 767px) {
    .statistics-box .header {
      padding-bottom: 8px;
      padding-top: 8px;
      padding-left: 0;
      padding-right: 0; } }
  .statistics-box .header .logo-wrap {
    position: relative;
    display: inline-block;
    height: 48px;
    width: 48px; }
    .statistics-box .header .logo-wrap img.cover {
      border-radius: 100%;
      height: 48px;
      min-width: 48px;
      width: 48px; }
    .statistics-box .header .logo-wrap img.site {
      border-radius: 50%;
      bottom: 0;
      height: 20px;
      position: absolute;
      right: -5px;
      width: 20px; }
  .statistics-box .header .title {
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: inline-block;
    margin-left: 8px;
    max-width: 520px; }
    @media (max-width: 767px) {
      .statistics-box .header .title {
        display: block;
        margin-left: 0;
        margin-top: 8px; } }
  .statistics-box .header .back-btn {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: transparent; }
    @media (max-width: 767px) {
      .statistics-box .header .back-btn {
        display: none; } }
    @media (max-width: 1199px) {
      .statistics-box .header .back-btn {
        display: none; } }
@media (max-width: 1199px) {
  .statistics-box {
    display: flex;
    flex-direction: column;
    padding: 10px; }
    .statistics-box .statistics-block-1 {
      order: 0; }
    .statistics-box .statistics-block-2 {
      order: 1; }
    .statistics-box .statistics-block-3 {
      order: 2; }
    .statistics-box .statistics-block-4 {
      order: 3; }
    .statistics-box .statistics-block-5 {
      order: 4; }
    .statistics-box .statistics-block-6 {
      order: 5; }
    .statistics-box .statistics-block-7 {
      order: 6; }
    .statistics-box .statistics-block-8 {
      order: 7; }
    .statistics-box .statistics-block-9 {
      order: 8; }
    .statistics-box .pie-wrapper {
      padding: 0;
      flex-wrap: wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start; }
      .statistics-box .pie-wrapper > .pie-legend {
        flex: 0 1 100%;
        padding: 15px 0 0 7px; }
    .statistics-box button.btn-icon,
    .statistics-box button.btn-icon-nested,
    .statistics-box .btn.btn-icon,
    .statistics-box .btn.btn-icon-nested,
    .statistics-box input[type="button"].btn-icon,
    .statistics-box input[type="button"].btn-icon-nested,
    .statistics-box input[type="reset"].btn-icon,
    .statistics-box input[type="reset"].btn-icon-nested,
    .statistics-box input[type="submit"].btn-icon,
    .statistics-box input[type="submit"].btn-icon-nested {
      right: auto;
      left: 70px; } }
@media (max-width: 767px) {
  .statistics-box .col-xs-12 {
    margin-bottom: 10px; } }
.statistics-box .panel.unavailable {
  opacity: 0.5; }

@media (max-width: 1199px) {
  .statistics-block-5 .col-lg-4 {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0 -10px; }
    .statistics-block-5 .col-lg-4 .pie-wrapper {
      padding: 20px 0 0 20px; }
    .statistics-block-5 .col-lg-4 .stat-legend {
      flex: 1 1 auto;
      max-width: 70%;
      min-width: 70%;
      padding: 21px 21px 0; } }

.histogram-block {
  min-height: 155px; }

@media (max-width: 1199px) {
  .statistics-block-6 .panel-body,
  .statistics-block-7 .panel-body,
  .statistics-block-8 .panel-body,
  .statistics-block-9 .panel-body,
  .statistics-block-3 .panel-body,
  .statistics-block-2 .panel-body {
    padding-right: 0; }
  .statistics-block-6 .panel,
  .statistics-block-7 .panel,
  .statistics-block-8 .panel,
  .statistics-block-9 .panel,
  .statistics-block-3 .panel,
  .statistics-block-2 .panel {
    display: flex;
    justify-content: space-between; }
  .statistics-block-6 .stat-legend,
  .statistics-block-7 .stat-legend,
  .statistics-block-8 .stat-legend,
  .statistics-block-9 .stat-legend,
  .statistics-block-3 .stat-legend,
  .statistics-block-2 .stat-legend {
    flex: 1 1 auto;
    max-width: 70%;
    min-width: 70%;
    padding-top: 20px; } }

/* Styles for qr-code */
.parent-tab-content {
  min-height: 137px;
  max-height: 137px; }

.hidden-to-night {
  visibility: hidden;
  opacity: 0;
  height: 0;
  max-height: 0;
  overflow: hidden; }

.tab-pane-third-level {
  min-height: 38px; }

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

.switch-icon {
  cursor: pointer; }
  .switch-icon:hover {
    color: #0086e6; }

.colorpicker-blank {
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .colorpicker-blank:after {
    position: absolute;
    top: 16px;
    left: 0;
    width: 33px;
    height: 2px;
    background: #f44336;
    content: "";
    transform: rotate(-45deg);
    z-index: -1; }

.control-block {
  display: flex;
  padding: 3px 0; }
  .control-block label {
    padding-top: 4px;
    margin-right: 6px;
    font-size: 20px;
    color: rgba(38, 50, 56, 0.4); }
  .control-block .elem-control {
    margin-left: 6px; }
    .control-block .elem-control span {
      width: 32px;
      height: 32px;
      border-radius: 8px;
      padding: 0;
      border: 2px solid rgba(146, 159, 169, 0.1);
      box-shadow: 0 0 0 3px #0086e6;
      cursor: pointer; }
      .control-block .elem-control span i {
        width: auto;
        height: 28px;
        display: block;
        border-radius: 7px; }
  .control-block .indent-inner {
    margin: 0 4px 0 5px; }
  .control-block .btn-default {
    background: none;
    padding: 0;
    box-shadow: none; }
    .control-block .btn-default.active, .control-block .btn-default.focus, .control-block .btn-default:hover {
      background: none; }

.qr-code-wrap {
  position: relative; }
  .qr-code-wrap .panel-title {
    line-height: 25px;
    position: relative;
    margin-bottom: 1px; }
  .qr-code-wrap .panel-body {
    padding-top: 0; }

.image-position-arrow {
  position: fixed;
  width: 248px;
  height: 248px;
  top: 120px;
  left: 50%;
  transform: translateX(-50%); }
  @media (max-width: 400px) {
    .image-position-arrow {
      width: 211px;
      height: 211px; } }
  .active .image-position-arrow {
    opacity: 1;
    visibility: visible; }
  .image-position-arrow span {
    position: absolute;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    line-height: 25px;
    width: 30px;
    height: 30px;
    background: white;
    color: #0086e6;
    background-clip: padding-box;
    border-radius: 50%;
    transition: 0.3s ease all; }
    .image-position-arrow span i {
      display: block;
      line-height: 30px; }
      .image-position-arrow span i:before {
        line-height: 30px; }
    .image-position-arrow span:hover {
      background-color: rgba(255, 255, 255, 0.5); }
  .image-position-arrow .top-arrow {
    top: -13px;
    left: 50%;
    margin-left: -15px; }
  .image-position-arrow .bottom-arrow {
    bottom: -13px;
    left: 50%;
    margin-left: -15px; }
  .image-position-arrow .right-arrow {
    right: -13px;
    top: 50%;
    margin-top: -15px; }
  .image-position-arrow .left-arrow {
    left: -13px;
    top: 50%;
    margin-top: -15px; }

.modal-qr-code .modal-content {
  background-color: transparent; }
  @media (min-width: 480px) {
    .modal-qr-code .modal-content {
      background-color: white; } }
.modal-qr-code .modal-dialog .tab-content {
  margin: 0; }
.modal-qr-code .modal-dialog .close-qr-code {
  right: -5rem;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  color: white;
  transition: all 0.3s ease;
  width: 36px;
  height: 36px; }
  @media (max-width: 490px) {
    .modal-qr-code .modal-dialog .close-qr-code {
      right: auto;
      left: 15px;
      top: 15px;
      background-color: transparent;
      display: none; }
      .modal-qr-code .modal-dialog .close-qr-code .all-my-icon-i75:before {
        content: "\E64F"; } }
  .modal-qr-code .modal-dialog .close-qr-code i:before {
    font-size: 24px;
    line-height: 36px; }
  .modal-qr-code .modal-dialog .close-qr-code:hover {
    background-color: #263238; }
.modal-qr-code .panel-blur {
  display: block; }
  @media (min-width: 480px) {
    .modal-qr-code .panel-blur {
      display: none;
      position: absolute; } }

.box-qr-code {
  border-radius: 10px;
  background-color: rgba(254, 254, 254, 0.5);
  border: 2px solid white;
  position: absolute;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 44px 0 0;
  width: 364px;
  min-height: 600px; }
  @media (max-width: 490px) {
    .box-qr-code {
      border: none;
      width: 100%;
      height: 100%;
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: contain;
      border-radius: 0;
      left: 0;
      top: 0;
      transform: translate(0, 0);
      min-height: 0; } }
  .box-qr-code .unreadable-code-btn,
  .box-qr-code .unreadable-code-alert {
    position: absolute;
    left: 0; }
    @media (min-width: 420px) {
      .box-qr-code .unreadable-code-btn,
      .box-qr-code .unreadable-code-alert {
        left: 0; } }
    @media (max-width: 420px) {
      .box-qr-code .unreadable-code-btn,
      .box-qr-code .unreadable-code-alert {
        left: 50%; } }
  .box-qr-code__bottom-panel {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0 0 8px 8px;
    padding: 10px 0 0; }
    @media (max-width: 490px) {
      .box-qr-code__bottom-panel {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 0; } }
  .box-qr-code .unreadable-code-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    color: white;
    z-index: 100;
    top: 55px;
    left: 10px; }
    .box-qr-code .unreadable-code-btn:hover, .box-qr-code .unreadable-code-btn.show-alert {
      color: white;
      background-color: black; }
    .box-qr-code .unreadable-code-btn i:before {
      font-size: 20px;
      line-height: 36px; }
  .box-qr-code .unreadable-code-alert {
    top: 95px;
    right: 10px;
    left: 10px;
    padding: 10px 20px 20px;
    border-radius: 6px;
    background-color: white;
    color: #263238;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    z-index: 100; }
    @media (min-width: 480px) {
      .box-qr-code .unreadable-code-alert {
        top: 115px;
        right: 5px;
        left: 5px; } }
    @media (max-width: 420px) {
      .box-qr-code .unreadable-code-alert {
        top: 55px; } }
    .box-qr-code .unreadable-code-alert .close {
      right: 2rem;
      top: 1.9rem;
      color: #263238; }
      .dark-scheme .box-qr-code .unreadable-code-alert .close {
        color: #263238; }
      @media (min-width: 480px) {
        .box-qr-code .unreadable-code-alert .close {
          right: 2rem;
          top: 1.9rem; } }
    .box-qr-code .unreadable-code-alert .box-qr-code__title {
      display: block; }
      .dark-scheme .box-qr-code .unreadable-code-alert .box-qr-code__title {
        color: #263238; }
    .box-qr-code .unreadable-code-alert p {
      margin: 0; }
  .box-qr-code__title {
    display: none;
    padding-bottom: 14px;
    margin: 7px 0 19px;
    border-bottom: 1px solid rgba(124, 139, 150, 0.4); }
    @media (min-width: 480px) {
      .box-qr-code__title {
        display: block; } }
  .box-qr-code__subtitle {
    margin: 0 0 19px;
    padding-top: 5px; }
    .box-qr-code__subtitle.nav-title {
      font-size: 13px;
      padding-top: 0;
      margin-bottom: 5px;
      color: white; }
  .box-qr-code__title, .box-qr-code__subtitle {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-align: center; }
    .dark-scheme .box-qr-code__title, .dark-scheme .box-qr-code__subtitle {
      color: white; }
    .box-qr-code__nav-block .box-qr-code__title, .box-qr-code__nav-block .box-qr-code__subtitle {
      font-size: 15px;
      line-height: 24px;
      padding-top: 4px;
      margin-bottom: 4px; }
  .box-qr-code__thumbnail {
    position: relative;
    max-width: 248px;
    margin: 0 auto 35px;
    border: 5px solid white;
    background-color: white;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
    border-radius: 15px; }
    @media (max-width: 400px) {
      .box-qr-code__thumbnail {
        max-width: 208px; } }
    .box-qr-code__thumbnail > div:not(.image-position-arrow) {
      overflow: hidden;
      border-radius: 10px; }
    .box-qr-code__thumbnail img {
      border-radius: 10px; }
  .box-qr-code .panel-primary {
    border-radius: 0;
    border: none;
    background: none !important; }
  .box-qr-code .panel-default {
    background: none; }
    .dark-scheme .box-qr-code .panel-default {
      background: none; }
  .box-qr-code .panel {
    box-shadow: none;
    margin: 0; }
  .box-qr-code .panel-body {
    padding: 0;
    text-align: center; }
  .box-qr-code .panel-group {
    margin-bottom: 5px; }
    .box-qr-code .panel-group .panel + .panel {
      margin-top: 0; }
  .box-qr-code .eyes-box {
    padding-top: 2px; }
    .box-qr-code .eyes-box .form-group {
      display: flex;
      margin: 0 4px; }
      .box-qr-code .eyes-box .form-group:first-child {
        margin-left: 0; }
      .box-qr-code .eyes-box .form-group:last-child {
        margin-right: 0; }
      @media (min-width: 480px) {
        .box-qr-code .eyes-box .form-group {
          margin: 0 9px; }
          .box-qr-code .eyes-box .form-group:first-child {
            margin-left: 9px; }
          .box-qr-code .eyes-box .form-group:last-child {
            margin-right: 9px; } }
      .box-qr-code .eyes-box .form-group .single-icon {
        font-size: 17px;
        line-height: 30px;
        color: white; }
      .box-qr-code .eyes-box .form-group button {
        padding: 0;
        background: none;
        border: none;
        transition: all 0.3s ease; }
        .box-qr-code .eyes-box .form-group button:hover {
          color: #0086e6; }
          .dark-scheme .box-qr-code .eyes-box .form-group button:hover {
            color: white; }
        .box-qr-code .eyes-box .form-group button.active {
          color: #263238; }
          .dark-scheme .box-qr-code .eyes-box .form-group button.active {
            color: white; }
    .box-qr-code .eyes-box .input-group {
      margin-left: 5px; }
  .box-qr-code .body-bg-box.form-horizontal {
    padding: 3px 0 0 0; }
    .box-qr-code .body-bg-box.form-horizontal .form-group .single-icon {
      margin-right: 12px; }
      .box-qr-code .body-bg-box.form-horizontal .form-group .single-icon.dropper {
        color: white; }
    .box-qr-code .body-bg-box.form-horizontal .form-group .color-box {
      width: 24px;
      height: 24px;
      border-radius: 4px;
      border: 2px solid rgba(146, 159, 169, 0.5);
      box-shadow: 0 0 0 3px #0086e6; }
      .dark-scheme .box-qr-code .body-bg-box.form-horizontal .form-group .color-box {
        border-color: rgba(255, 255, 255, 0.1); }
      .box-qr-code .body-bg-box.form-horizontal .form-group .color-box i {
        height: 20px;
        border-radius: 2px; }
    .box-qr-code .body-bg-box.form-horizontal .input-group {
      position: relative;
      left: 6px; }
  .box-qr-code .btn-group {
    padding: 0; }
    .box-qr-code .btn-group > label.btn {
      width: 24px;
      text-align: center;
      line-height: 24px;
      padding: 0;
      margin: 0 1px;
      background: none;
      box-shadow: none;
      float: none;
      border: none;
      color: white; }
      .box-qr-code .btn-group > label.btn.active, .box-qr-code .btn-group > label.btn.focus {
        color: #0086e6; }
      .box-qr-code .btn-group > label.btn:hover {
        color: #0086e6;
        background: none;
        outline: none; }
    .box-qr-code .btn-group.gradient-group {
      padding: 0 0 0 10px; }
      .box-qr-code .btn-group.gradient-group > label.btn {
        font-size: 15px;
        min-width: 0;
        transition: all 0.3s ease; }
        .box-qr-code .btn-group.gradient-group > label.btn i {
          display: block;
          text-align: center; }
        .box-qr-code .btn-group.gradient-group > label.btn:last-child, .box-qr-code .btn-group.gradient-group > label.btn:first-child {
          font-size: 21px; }
        .box-qr-code .btn-group.gradient-group > label.btn:first-child {
          margin-right: 0; }
  .box-qr-code .form-horizontal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .box-qr-code .form-horizontal.gradient-form {
      padding-top: 2px; }
    .box-qr-code .form-horizontal .dropper {
      cursor: pointer; }
      .box-qr-code .form-horizontal .dropper.active {
        color: #0086e6; }
    .box-qr-code .form-horizontal .gradient-indent {
      padding: 0; }
      .box-qr-code .form-horizontal .gradient-indent .dropper.active {
        color: #0086e6; }
      .box-qr-code .form-horizontal .gradient-indent:first-child .single-icon {
        color: white;
        padding: 0 10px;
        margin-right: 10px; }
        .box-qr-code .form-horizontal .gradient-indent:first-child .single-icon.active {
          color: #0086e6; }
      .box-qr-code .form-horizontal .gradient-indent:last-child {
        padding-right: 10px; }
      .box-qr-code .form-horizontal .gradient-indent .single-icon {
        margin-right: 7px; }
    .box-qr-code .form-horizontal .control-label {
      padding-top: 0; }
  .box-qr-code .form-group {
    margin: 0; }
    .box-qr-code .form-group .single-icon {
      display: block;
      float: left;
      font-size: 18px;
      line-height: 1em;
      color: white;
      transition: all 0.3s ease;
      min-width: 0; }
      .box-qr-code .form-group .single-icon.excavate:hover, .box-qr-code .form-group .single-icon.round-square:hover {
        color: #0086e6; }
      .dark-scheme .box-qr-code .form-group .single-icon {
        color: white; }
      .box-qr-code .form-group .single-icon.reset-icon {
        cursor: pointer;
        color: white; }
        .box-qr-code .form-group .single-icon.reset-icon:hover {
          color: #0086e6; }
        .box-qr-code .form-group .single-icon.reset-icon.active {
          color: #263238; }
      .box-qr-code .form-group .single-icon.excavate:hover, .box-qr-code .form-group .single-icon.round-square:hover {
        color: rgba(38, 50, 56, 0.4); }
    .box-qr-code .form-group.ava-image-block {
      padding-top: 3px;
      display: flex; }
      .box-qr-code .form-group.ava-image-block .single-icon {
        text-align: center;
        width: 24px;
        height: 24px;
        margin: 0 10px;
        line-height: 24px;
        cursor: pointer;
        transition: all 0.3s ease; }
        .box-qr-code .form-group.ava-image-block .single-icon i:before {
          line-height: 24px; }
        .box-qr-code .form-group.ava-image-block .single-icon.reset-icon {
          margin: 0 32px; }
        .box-qr-code .form-group.ava-image-block .single-icon:first-child {
          margin-left: 0; }
        .box-qr-code .form-group.ava-image-block .single-icon:last-child {
          margin-right: 0; }
      .box-qr-code .form-group.ava-image-block .last-block-ava-image {
        background-color: rgba(38, 50, 56, 0.3);
        border-radius: 12px; }
    .box-qr-code .form-group .minus-plus {
      position: relative;
      color: white;
      font-size: 12px;
      border-radius: 24px; }
      .box-qr-code .form-group .minus-plus .all-my-icon-minus:after {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -1px 0 0 -6px;
        content: "";
        width: 12px;
        height: 2px;
        background: white;
        transition: all 0.3s ease; }
      .box-qr-code .form-group .minus-plus:hover {
        background: #0086e6;
        color: white; }
        .box-qr-code .form-group .minus-plus:hover .all-my-icon-minus:after {
          background: white; }
    .box-qr-code .form-group .middle-icon {
      margin: 0 4px;
      color: white; }
      .box-qr-code .form-group .middle-icon:hover {
        color: #0086e6; }
    .box-qr-code .form-group .color-box {
      display: inline-block;
      width: 24px;
      height: 24px;
      background-color: transparent;
      border-radius: 4px;
      padding: 0;
      border: 2px solid rgba(255, 255, 255, 0.5);
      cursor: pointer; }
      .box-qr-code .form-group .color-box i {
        height: 20px;
        display: block;
        width: auto;
        border-radius: 2px; }
    .box-qr-code .form-group.load-image {
      display: flex;
      padding-top: 3px; }
      .box-qr-code .form-group.load-image #c-fc-img-file,
      .box-qr-code .form-group.load-image .file-input {
        visibility: hidden;
        opacity: 0;
        width: 0;
        height: 0;
        padding: 0;
        margin: 0;
        overflow: hidden; }
      .box-qr-code .form-group.load-image .all-my-icon-minus:after {
        position: absolute;
        top: 50%;
        left: 15px;
        margin-top: -1px;
        content: "";
        width: 14px;
        height: 2px;
        background: white;
        transition: all 0.3s ease; }
      .box-qr-code .form-group.load-image .all-my-icon-minus:hover:after {
        background: white; }
      .box-qr-code .form-group.load-image .load-icon {
        font-size: 20px;
        line-height: 24px;
        padding: 0;
        cursor: pointer;
        color: rgba(146, 159, 169, 0.4);
        transition: all 0.3s ease; }
        .dark-scheme .box-qr-code .form-group.load-image .load-icon {
          color: rgba(255, 255, 255, 0.4); }
        .box-qr-code .form-group.load-image .load-icon:hover {
          color: #0086e6; }
      .box-qr-code .form-group.load-image > div {
        position: relative;
        margin-right: 10px; }
        .box-qr-code .form-group.load-image > div .btn-group .minus-plus-icon {
          display: block; }
          .box-qr-code .form-group.load-image > div .btn-group .minus-plus-icon i:before {
            line-height: 24px; }
        .box-qr-code .form-group.load-image > div .btn-group .all-my-icon-minus {
          display: block;
          position: relative;
          width: 24px;
          height: 24px;
          text-align: center; }
          .box-qr-code .form-group.load-image > div .btn-group .all-my-icon-minus:after {
            left: 50%;
            margin-left: -7px; }
        .box-qr-code .form-group.load-image > div .control-label {
          margin-right: 8px;
          margin-left: 10px; }
        .box-qr-code .form-group.load-image > div .progress {
          width: 100%;
          height: 24px;
          margin: 0;
          overflow: hidden;
          border-radius: 12px;
          transition: all 0.3s ease;
          background: rgba(0, 0, 0, 0.3); }
          .box-qr-code .form-group.load-image > div .progress .progress-bar {
            background: #0086e6;
            transition: all 0.3s ease; }
        .box-qr-code .form-group.load-image > div .btn-group {
          width: 98px;
          position: relative; }
          @media (max-width: 400px) {
            .box-qr-code .form-group.load-image > div .btn-group {
              width: 72px; } }
          .box-qr-code .form-group.load-image > div .btn-group label {
            position: absolute;
            top: 0;
            height: 24px;
            width: 24px; }
            .box-qr-code .form-group.load-image > div .btn-group label:first-child {
              left: 5px; }
              .box-qr-code .form-group.load-image > div .btn-group label:first-child .minus-plus-icon {
                display: block; }
              .box-qr-code .form-group.load-image > div .btn-group label:first-child .all-my-icon-minus {
                display: block;
                height: 24px; }
              .box-qr-code .form-group.load-image > div .btn-group label:first-child .all-my-icon-minus:after {
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -1px 0 0 -7px; }
            .box-qr-code .form-group.load-image > div .btn-group label:last-child {
              right: 5px; }
            .box-qr-code .form-group.load-image > div .btn-group label.single-icon {
              font-size: 12px;
              line-height: 24px; }
              .box-qr-code .form-group.load-image > div .btn-group label.single-icon:hover {
                color: #263238; }
            .box-qr-code .form-group.load-image > div .btn-group label.active, .box-qr-code .form-group.load-image > div .btn-group label:hover {
              color: #263238; }
              .box-qr-code .form-group.load-image > div .btn-group label.active .single-icon, .box-qr-code .form-group.load-image > div .btn-group label:hover .single-icon {
                color: #263238; }
            .box-qr-code .form-group.load-image > div .btn-group label .single-icon {
              padding-top: 5px;
              color: white; }
        .box-qr-code .form-group.load-image > div .single-icon {
          color: white;
          font-size: 24px;
          line-height: 24px;
          padding-top: 0; }
  .box-qr-code__nav-tabs.nav-tabs {
    display: block;
    margin: 0 -10px;
    padding: 0 0 6px;
    overflow: hidden; }
    .box-qr-code__nav-tabs.nav-tabs > li {
      border: none;
      float: left;
      width: 25%;
      margin: 0;
      padding: 0 10px;
      text-align: center;
      box-sizing: border-box; }
      .box-qr-code__nav-tabs.nav-tabs > li.active {
        border: none; }
      .box-qr-code__nav-tabs.nav-tabs > li > a {
        color: white; }
        .dark-scheme .box-qr-code__nav-tabs.nav-tabs > li > a {
          color: white; }
      .box-qr-code__nav-tabs.nav-tabs > li a {
        font-size: 28px;
        line-height: 1em;
        padding: 6px 15px;
        color: white;
        transition: 0.3s ease all; }
        .box-qr-code__nav-tabs.nav-tabs > li a i:before {
          font-size: 28px; }
        .dark-scheme .box-qr-code__nav-tabs.nav-tabs > li a {
          color: white; }
        .box-qr-code__nav-tabs.nav-tabs > li a:hover {
          color: #263238;
          background-color: transparent; }
          .dark-scheme .box-qr-code__nav-tabs.nav-tabs > li a:hover {
            color: white; }
        .box-qr-code__nav-tabs.nav-tabs > li a:focus, .box-qr-code__nav-tabs.nav-tabs > li a:visited {
          background-color: transparent; }
        .box-qr-code__nav-tabs.nav-tabs > li a.collapsed {
          color: rgba(38, 50, 56, 0.4); }
          .dark-scheme .box-qr-code__nav-tabs.nav-tabs > li a.collapsed {
            color: rgba(255, 255, 255, 0.4); }
          .box-qr-code__nav-tabs.nav-tabs > li a.collapsed:hover {
            color: #263238; }
            .dark-scheme .box-qr-code__nav-tabs.nav-tabs > li a.collapsed:hover {
              color: white; }
  .box-qr-code__carousel {
    position: relative;
    padding: 0;
    padding-bottom: 35px; }
    @media (min-width: 490px) {
      .box-qr-code__carousel {
        overflow: hidden; } }
    .box-qr-code__carousel .swiper-container {
      overflow: visible; }
    @media (max-width: 490px) {
      .box-qr-code__carousel {
        max-height: 245px; } }
    @media (max-width: 420px) {
      .box-qr-code__carousel {
        box-sizing: content-box; } }
    .box-qr-code__carousel.carousel-design {
      overflow: visible;
      padding-bottom: 0; }
      .box-qr-code__carousel.carousel-design .swiper-container {
        right: auto;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 5px;
        max-width: 300px;
        overflow: hidden; }
      .box-qr-code__carousel.carousel-design .swiper-wrapper {
        max-width: 300px;
        box-shadow: none;
        overflow: visible; }
      .box-qr-code__carousel.carousel-design .swiper-button-next {
        right: 0;
        margin-top: -14px; }
        @media (max-width: 490px) {
          .box-qr-code__carousel.carousel-design .swiper-button-next {
            right: 3px; } }
      .box-qr-code__carousel.carousel-design .swiper-button-prev {
        left: 0;
        margin-top: -14px; }
        @media (max-width: 490px) {
          .box-qr-code__carousel.carousel-design .swiper-button-prev {
            left: 3px; } }
    .box-qr-code__carousel .thumbnail {
      margin-bottom: 0;
      padding: 0;
      background: none; }
      .box-qr-code__carousel .thumbnail img {
        border-radius: 2px; }
    .box-qr-code__carousel a {
      border: 3px solid transparent;
      border-radius: 4px; }
    .box-qr-code__carousel.carousel-design a.thumbnail {
      background: none;
      border: 3px solid rgba(38, 50, 56, 0.1);
      transition: all 0.3s ease;
      border-radius: 6px; }
      .dark-scheme .box-qr-code__carousel.carousel-design a.thumbnail {
        border: 3px solid rgba(255, 255, 255, 0.1); }
      .box-qr-code__carousel.carousel-design a.thumbnail img {
        border-radius: 4px; }
      .box-qr-code__carousel.carousel-design a.thumbnail:hover {
        border-color: #0086e6; }
  .box-qr-code__name {
    display: block;
    padding-top: 15px;
    text-align: center;
    font-weight: 600;
    color: #263238;
    font-size: 21px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .black-theme .box-qr-code__name {
      color: #263238; }
    .white-theme .box-qr-code__name {
      color: white; }
  .box-qr-code__username {
    display: block;
    text-align: center;
    margin-bottom: 12px;
    color: #222b32;
    font-size: 17px;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .black-theme .box-qr-code__username {
      color: #263238; }
    .white-theme .box-qr-code__username {
      color: white; }
  .box-qr-code__header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px 10px 0 0;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, 0.3);
    height: 44px; }
    @media (max-width: 490px) {
      .box-qr-code__header {
        border-radius: 0; } }
    .box-qr-code__header > a.btn {
      background-color: transparent;
      padding: 9px 0;
      font-size: 17px;
      line-height: 23px;
      color: white; }
      .box-qr-code__header > a.btn:hover, .box-qr-code__header > a.btn:active, .box-qr-code__header > a.btn:focus {
        background-color: transparent;
        color: white; }
    .box-qr-code__header .swap-btn {
      color: rgba(255, 255, 255, 0.5);
      font-size: 13px;
      line-height: 20px;
      font-weight: 600;
      background: transparent;
      box-shadow: none;
      outline: none;
      border: none;
      transition: ease 0.3s all;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .box-qr-code__header .swap-btn.squaredOne {
        width: auto;
        height: auto; }
        .box-qr-code__header .swap-btn.squaredOne label {
          position: static;
          width: auto;
          height: auto; }
      .box-qr-code__header .swap-btn i {
        font-size: 22px;
        position: relative;
        top: 4px; }
      .box-qr-code__header .swap-btn.active {
        color: #263238; }
        .dark-scheme .box-qr-code__header .swap-btn.active {
          color: white; }
      .box-qr-code__header .swap-btn:hover {
        color: #0086e6; }
  .box-qr-code__tabs-block {
    padding: 0 20px;
    margin: 0 -20px;
    margin-bottom: 10px; }
    .box-qr-code__tabs-block .tab-pane {
      width: 100%;
      display: none;
      flex-wrap: wrap;
      justify-content: center; }
      .box-qr-code__tabs-block .tab-pane.active {
        display: flex; }
    .box-qr-code__tabs-block .tab-content {
      overflow: hidden;
      min-height: 146px;
      margin: 0 -15px;
      padding: 0 15px; }
  .box-qr-code .block-li-single {
    margin: 0 auto;
    display: block; }
  .box-qr-code .nav-block {
    display: inline-block;
    border-bottom: none;
    margin: 0 auto;
    padding: 0 10px;
    height: 97px; }
    .box-qr-code .nav-block:after, .box-qr-code .nav-block:before {
      display: none; }
    .box-qr-code .nav-block h6 {
      flex: 0 1 100%; }
    .box-qr-code .nav-block > li {
      flex-basis: auto;
      margin: 0;
      width: 50px;
      text-align: center;
      border-bottom: none;
      padding: 40px 5px 7px;
      box-sizing: content-box;
      position: relative;
      background-color: rgba(0, 0, 0, 0.3); }
      @media (max-width: 400px) {
        .box-qr-code .nav-block > li {
          width: 45px; } }
      .box-qr-code .nav-block > li .squaredOne {
        width: auto;
        height: auto; }
        .box-qr-code .nav-block > li .squaredOne label {
          width: auto;
          height: auto;
          position: static;
          color: rgba(255, 255, 255, 0.5);
          font-size: 11px;
          line-height: 1.2em;
          padding: 0;
          margin-bottom: 0; }
          .box-qr-code .nav-block > li .squaredOne label i {
            display: block;
            margin-bottom: 6px; }
      .box-qr-code .nav-block > li#logo-panel .file-input {
        visibility: hidden;
        opacity: 0;
        height: 0;
        width: 0; }
      .box-qr-code .nav-block > li.active label.nav-block-link, .box-qr-code .nav-block > li.active a,
      .box-qr-code .nav-block > li a:hover,
      .box-qr-code .nav-block > li a:focus {
        color: #0086e6;
        background-color: transparent; }
      .box-qr-code .nav-block > li.active a.selected {
        background-color: transparent; }
      .box-qr-code .nav-block > li a.selected {
        color: white; }
      .box-qr-code .nav-block > li a:visited,
      .box-qr-code .nav-block > li a:focus {
        background-color: transparent; }
      .box-qr-code .nav-block > li.active {
        border: none; }
      .box-qr-code .nav-block > li.single-li {
        margin-left: 10px;
        border-radius: 10px; }
      .box-qr-code .nav-block > li.first-single {
        margin-right: 10px;
        margin-left: 0; }
      .box-qr-code .nav-block > li.block-li__title .nav-title {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        top: 7px;
        z-index: 100; }
      .box-qr-code .nav-block > li.block-li__title.first-tab .nav-title {
        left: 100%; }
      .box-qr-code .nav-block > li.first {
        border-radius: 10px 0 0 10px; }
      .box-qr-code .nav-block > li.last {
        border-radius: 0 10px 10px 0; }
    .box-qr-code .nav-block .nav-block-link {
      display: block;
      cursor: pointer;
      font-weight: 600;
      font-size: 11px;
      line-height: 1.2em;
      padding: 0 0 5px;
      color: rgba(255, 255, 255, 0.5);
      transition: 0.3s ease all; }
      .box-qr-code .nav-block .nav-block-link:hover {
        color: #0086e6; }
        .dark-scheme .box-qr-code .nav-block .nav-block-link:hover {
          color: #0086e6; }
      .box-qr-code .nav-block .nav-block-link em {
        font-style: normal;
        white-space: nowrap; }
      .box-qr-code .nav-block .nav-block-link i {
        display: block;
        font-size: 18px;
        line-height: 1.2em;
        margin-bottom: 6px; }
    .box-qr-code .nav-block span.active a,
    .box-qr-code .nav-block span a:hover {
      color: #0086e6;
      text-decoration: none; }
  .box-qr-code .carousel-design {
    padding-bottom: 0; }
    .box-qr-code .carousel-design .swiper-container .swiper-slide {
      border: none;
      border-radius: 6px;
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); }
    .box-qr-code .carousel-design .swiper-wrapper {
      min-width: 240px;
      border-radius: 0; }
  .box-qr-code .swiper-wrapper {
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
    border-radius: 15px; }
  .box-qr-code .swiper-wrapper,
  .box-qr-code .swiper-container {
    min-width: 240px;
    max-width: 240px; }
    @media (max-width: 420px) {
      .box-qr-code .swiper-wrapper,
      .box-qr-code .swiper-container {
        min-width: 0;
        max-width: 237px; } }
    .box-qr-code .swiper-wrapper .swiper-slide,
    .box-qr-code .swiper-container .swiper-slide {
      border-radius: 15px;
      border: 5px solid white;
      background-color: white;
      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15); }
      .box-qr-code .swiper-wrapper .swiper-slide img,
      .box-qr-code .swiper-container .swiper-slide img {
        border-radius: 8px; }
  .box-qr-code .swiper-container {
    max-width: 360px;
    padding-right: 56px;
    padding-left: 56px;
    left: 0; }
    @media (max-width: 480px) {
      .box-qr-code .swiper-container {
        max-width: 248px;
        box-sizing: content-box;
        padding: 0 20%;
        min-width: auto; } }
  .box-qr-code .swiper-button-next, .box-qr-code .swiper-button-prev {
    display: block;
    width: 28px;
    height: 28px;
    margin-top: -30px;
    text-align: center;
    background-image: none;
    transition: 0.3s ease all;
    color: white; }
    @media (max-width: 480px) {
      .box-qr-code .swiper-button-next, .box-qr-code .swiper-button-prev {
        margin-top: -30px; } }
    .box-qr-code .swiper-button-next.swiper-button-disabled, .box-qr-code .swiper-button-prev.swiper-button-disabled {
      opacity: 0;
      visibility: hidden; }
    .box-qr-code .swiper-button-next i, .box-qr-code .swiper-button-prev i {
      display: block;
      position: relative;
      font-style: normal; }
      .box-qr-code .swiper-button-next i:before, .box-qr-code .swiper-button-prev i:before {
        line-height: 28px; }
  .box-qr-code .swiper-button-prev {
    left: 17px; }
    @media (max-width: 490px) {
      .box-qr-code .swiper-button-prev {
        left: 40px; } }
  .box-qr-code .swiper-button-next {
    right: 17px; }
    @media (max-width: 490px) {
      .box-qr-code .swiper-button-next {
        right: 40px; } }

.colorpicker:after,
.colorpicker:before {
  display: none; }

.colorpicker.dropdown-menu {
  min-width: 250px;
  min-height: 250px;
  padding: 15px;
  background-color: #929fa9;
  top: 50%;
  left: 50%;
  margin: -180px 0 0 -125px;
  box-sizing: border-box;
  border-radius: 10px; }
  @media (max-width: 490px) {
    .colorpicker.dropdown-menu {
      top: 113px;
      margin-top: 0; } }
  .colorpicker.dropdown-menu:before {
    display: none; }
  .colorpicker.dropdown-menu:after {
    display: none; }
  .colorpicker.dropdown-menu > div {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
  .colorpicker.dropdown-menu .colorpicker-saturation {
    min-width: 154px;
    min-height: 154px;
    height: 154px;
    margin-bottom: 9px;
    border: 2px solid rgba(38, 50, 56, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box; }
    .colorpicker.dropdown-menu .colorpicker-saturation i {
      width: 24px;
      height: 24px;
      border: 2px solid rgba(38, 50, 56, 0.2);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      margin: -12px 0 0 -12px; }
      .colorpicker.dropdown-menu .colorpicker-saturation i b {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 4px solid white; }
  .colorpicker.dropdown-menu .colorpicker-hue {
    width: 32px;
    min-height: 154px;
    height: 154px;
    margin-left: 15px;
    border: 2px solid rgba(38, 50, 56, 0.2);
    background-clip: padding-box; }
    .colorpicker.dropdown-menu .colorpicker-hue i {
      width: 24px;
      height: 24px;
      background-color: transparent;
      border: 2px solid rgba(38, 50, 56, 0.2);
      border-radius: 50%;
      left: 50% !important;
      margin: -12px 0 0 -12px; }
      .colorpicker.dropdown-menu .colorpicker-hue i:after {
        position: absolute;
        content: "";
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 4px solid white; }
  .colorpicker.dropdown-menu .colorpicker-color:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background: white;
    border-radius: 0;
    z-index: 1; }
  .colorpicker.dropdown-menu .colorpicker-color,
  .colorpicker.dropdown-menu i.colorpicker-selectors-color {
    width: 30px;
    height: 30px;
    background-color: rgba(146, 159, 169, 0.8);
    border-radius: 2px;
    border: 2px solid rgba(38, 50, 56, 0.2);
    background-clip: padding-box;
    transition: all 0.3s ease;
    cursor: pointer;
    margin: 0 0 0 1px; }
    .colorpicker.dropdown-menu .colorpicker-color > div,
    .colorpicker.dropdown-menu i.colorpicker-selectors-color > div {
      height: 26px;
      z-index: 2; }
    .colorpicker.dropdown-menu .colorpicker-color:hover,
    .colorpicker.dropdown-menu i.colorpicker-selectors-color:hover {
      border-color: white; }
  .colorpicker.dropdown-menu .colorpicker-selectors {
    position: absolute;
    left: 47px;
    bottom: 40px;
    height: 30px;
    display: flex; }
    .colorpicker.dropdown-menu .colorpicker-selectors i.colorpicker-selectors-color {
      display: block; }
  .colorpicker.dropdown-menu .btn.btn-save.btn-default {
    position: absolute;
    background: white;
    color: #0086e6;
    border: 2px solid rgba(38, 50, 56, 0.2);
    background-clip: padding-box;
    right: 31px;
    bottom: 38px;
    width: 30px;
    min-width: 0;
    height: 30px;
    padding: 0;
    line-height: 30px;
    border-radius: 50%;
    transition: all 0.3s ease; }
    .colorpicker.dropdown-menu .btn.btn-save.btn-default:hover {
      background: #0086e6;
      border-color: white;
      color: white; }
    .colorpicker.dropdown-menu .btn.btn-save.btn-default i:before {
      line-height: 30px; }

.box-qr-code__header .squaredOne input[type=checkbox] {
  visibility: hidden; }
  .box-qr-code__header .squaredOne input[type=checkbox]:checked + label:hover i, .box-qr-code__header .squaredOne input[type=checkbox]:checked + label:hover em {
    color: #0086e6; }

.thinking {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
  background-color: rgba(38, 50, 56, 0.3); }
  .thinking .loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.squaredOne {
  width: 24px;
  height: 24px;
  position: relative; }
  .squaredOne:hover label i,
  .squaredOne:hover label em {
    color: #0086e6; }
  .squaredOne label {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    transition: all 0.3s ease; }
    .squaredOne label i, .squaredOne label em {
      transition: all 0.3s ease;
      font-style: normal; }
    .squaredOne label:hover::after {
      opacity: 0.3; }
  .squaredOne input[type=checkbox] {
    visibility: hidden; }
    .squaredOne input[type=checkbox]:checked + label i, .squaredOne input[type=checkbox]:checked + label em {
      color: #263238; }
      .dark-scheme .squaredOne input[type=checkbox]:checked + label i, .dark-scheme .squaredOne input[type=checkbox]:checked + label em {
        color: white; }
    .squaredOne input[type=checkbox]:checked + label:hover i, .squaredOne input[type=checkbox]:checked + label:hover em {
      color: #0086e6; }

.dark-scheme .qr-code-style .modal-body {
  background-color: transparent; }

.qr-code-style.modal.fade .modal-dialog {
  transform: translate(0, 0); }

.business-card-wrapper {
  width: 100%;
  height: 100%;
  position: relative; }
  .business-card-wrapper.black-theme .scissors i:before {
    color: #263238; }
  .business-card-wrapper.black-theme .scissors:after, .business-card-wrapper.black-theme .scissors:before {
    background-color: #263238; }
  .business-card-wrapper .scissors i:before {
    color: white; }
  .business-card-wrapper .scissors:after, .business-card-wrapper .scissors:before {
    background-color: white; }
  .business-card-wrapper > * {
    z-index: 2; }

.scissors {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 1000; }
  .scissors-left-t {
    left: 0;
    top: 0; }
  .scissors-right-t {
    right: 0;
    top: 0;
    transform: rotate(90deg); }
  .scissors-left-b {
    left: 0;
    bottom: 0;
    transform: rotate(-90deg); }
  .scissors-right-b {
    right: 0;
    bottom: 0;
    transform: rotate(180deg); }
  .scissors i {
    position: absolute;
    left: 0;
    bottom: -17px;
    width: 30px;
    height: 30px; }
    .scissors i:before {
      font-size: 20px;
      line-height: 24px;
      color: white; }
      .black-theme .scissors i:before {
        color: #263238; }
  .scissors:after, .scissors:before {
    position: absolute;
    content: "";
    background-color: #263238; }
    .black-theme .scissors:after, .black-theme .scissors:before {
      background-color: white; }
  .scissors:before {
    width: 1px;
    height: 20px;
    right: 0;
    top: 0; }
  .scissors:after {
    height: 1px;
    left: 20px;
    right: 5px;
    bottom: 0; }

.qr-code-view {
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 2px solid white;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  position: absolute;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  width: 360px;
  min-height: 600px; }
  @media (max-width: 490px) {
    .qr-code-view {
      border: none;
      width: 100%;
      height: 100%;
      background-color: transparent;
      border-radius: 0;
      left: 0;
      top: 0;
      transform: translate(0, 0);
      min-height: 0; } }
  .qr-code-view.black-theme .qr-code-view__logo {
    background: url(/img/logo-black.svg) 0 0 no-repeat; }
  .qr-code-view.black-theme .qr-code-view__name,
  .qr-code-view.black-theme .qr-code-view__site-title {
    color: black; }
  .qr-code-view.business-card {
    border: none;
    background-color: transparent;
    width: 1060px;
    max-width: 860px;
    height: 1200px;
    max-height: 1200px;
    top: 40%;
    box-shadow: none; }
    .qr-code-view.business-card.black-theme:after {
      background-color: rgba(255, 255, 255, 0.5); }
    .qr-code-view.business-card .qr-code-view__logo {
      width: 66px;
      height: 66px;
      margin: 60px auto 140px; }
    .qr-code-view.business-card figure {
      width: 740px;
      border-width: 10px;
      border-radius: 35px;
      background-color: white;
      margin-bottom: 135px; }
      .qr-code-view.business-card figure img {
        border-radius: 25px; }
    .qr-code-view.business-card .qr-code-view__name {
      margin-bottom: 135px; }
      .qr-code-view.business-card .qr-code-view__name span {
        font-size: 91px;
        line-height: 108px; }
      .qr-code-view.business-card .qr-code-view__name em {
        font-size: 57px;
        line-height: 85px; }
    .qr-code-view.business-card .qr-code-view__site-title {
      font-size: 33px;
      line-height: 45px; }
  .qr-code-view figure {
    border: 5px solid white;
    background-color: white;
    border-radius: 15px;
    width: 240px;
    margin: 0 auto 30px;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15); }
    @media (max-height: 590px) {
      .qr-code-view figure {
        margin-bottom: 15px; } }
    .qr-code-view figure img {
      border-radius: 8px; }
  .qr-code-view__logo {
    display: block;
    width: 26px;
    height: 26px;
    margin: 60px auto 40px;
    background-size: 100%;
    background: url(/img/logo-white.svg) 0 0 no-repeat; }
    .black-theme .qr-code-view__logo {
      background: url(/img/logo-black.svg) 0 0 no-repeat; }
    @media (max-height: 590px) {
      .qr-code-view__logo {
        margin: 40px auto 30px; } }
  .qr-code-view__name {
    display: block;
    margin-bottom: 35px;
    text-align: center;
    color: black; }
    .black-theme .qr-code-view__name {
      color: black; }
    .white-theme .qr-code-view__name {
      color: white; }
    @media (max-height: 590px) {
      .qr-code-view__name {
        margin-bottom: 15px; } }
    .qr-code-view__name span {
      font-size: 21px;
      line-height: 28px;
      display: block;
      font-weight: 600;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .qr-code-view__name em {
      font-size: 17px;
      line-height: 23px;
      font-style: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .qr-code-view__site-title {
    display: block;
    margin: 0 0 38px;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    color: #222b32; }
    .black-theme .qr-code-view__site-title {
      color: black; }
    .white-theme .qr-code-view__site-title {
      color: white; }
  .qr-code-view .modal_btn-group {
    padding: 0;
    background-color: rgba(38, 50, 56, 0.15);
    border-radius: 0 0 10px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    @media (max-width: 480px) {
      .qr-code-view .modal_btn-group {
        border-radius: 0; } }
    .qr-code-view .modal_btn-group .btn {
      padding: 8px 17px;
      min-width: 110px;
      background-color: transparent;
      border-radius: 0;
      font-size: 13px;
      line-height: 18px;
      color: white; }
      @media (max-width: 400px) {
        .qr-code-view .modal_btn-group .btn {
          min-width: 90px; } }
      .qr-code-view .modal_btn-group .btn i {
        display: block; }
      .qr-code-view .modal_btn-group .btn:hover {
        color: white; }

/*
    Styles for messenger
*/
@media (max-width: 768px) {
  .message-index-page {
    overflow: hidden; }
    .message-index-page .wrap,
    .message-index-page .wrap-inner {
      overflow: hidden; } }

.fund-modal {
  text-align: center;
  padding: 20px 0 0; }
  .fund-modal__img {
    max-width: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto; }
    .fund-modal__img img {
      border-radius: 50%; }
  .fund-modal__name {
    font-size: 17px;
    line-height: 20px;
    padding: 10px 0 0; }
  .fund-modal__username {
    font-size: 13px;
    line-height: 20px;
    color: #929fa9;
    padding-bottom: 5px; }
  .fund-modal .amount-block {
    font-size: 25px;
    line-height: 30px; }
  .fund-modal .mops {
    padding-top: 10px; }
    .fund-modal .mops .pay-btn-group {
      padding-top: 8px; }

#modal-messages {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: calc(100vh - 108px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 10px; }
  @media (max-width: 991px) {
    #modal-messages {
      position: fixed;
      top: 95px;
      height: calc(100vh - 100px);
      height: 100vh;
      left: 0;
      right: 0; }
      .chats-tab.right-column #modal-messages {
        top: 0; } }
  @media (max-width: 991px) {
    .under-navbar-scroll #modal-messages {
      top: 50px; } }
  @media (max-width: 768px) {
    #modal-messages {
      height: auto; } }
  @media (max-width: 767px) {
    .contacts-tab #modal-messages {
      top: 0; } }
  #modal-messages .modal-dialog {
    margin: 70px auto 20px;
    position: fixed;
    z-index: 9991;
    overflow: hidden;
    width: auto;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    padding: 0;
    max-height: 844px; }
    @media (max-width: 991px) {
      #modal-messages .modal-dialog {
        right: 10px;
        left: 10px;
        margin: 0; } }
    @media (min-width: 991px) {
      #modal-messages .modal-dialog {
        left: 50%;
        top: 0;
        transform: translate(-50%, 0);
        width: 940px;
        bottom: 48px;
        height: calc(100% - 130px); } }
    @media (max-width: 767px) {
      #modal-messages .modal-dialog {
        left: 0;
        right: 0; } }
  #modal-messages .payment-added-card__delete:after {
    background: linear-gradient(to top, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .cm_set_message_price_block .cm_set_message_price_input {
    border-color: rgba(250, 73, 62, 0.2) !important; }
  #modal-messages .header-search #header-search-input:focus,
  #modal-messages .header-search.active #header-search-input,
  #modal-messages body#search_users_ .header-search #header-search-input {
    border-color: #fa493e !important; }
  #modal-messages .header_container .header-guest-btns .btn,
  #modal-messages .return-to-explore-btn:before,
  #modal-messages .notification_body a:not(.user_name),
  #modal-messages .form-title-button,
  #modal-messages .referral-url-wrapper a,
  #modal-messages .country-select-wrapper p a,
  #modal-messages .btn.btn-file,
  #modal-messages .input-help a,
  #modal-messages .profile_settings .field-wrapper .checkbox-wrapper label a,
  #modal-messages .chat_messages_list .cm_paid_message,
  #modal-messages .chat_messages_list .chat_message.paid__not_viewed .msg_body:before,
  #modal-messages .subscribe-popup__hint .subscription-price,
  #modal-messages #subscribe-popup .modal-close:before,
  #modal-messages #tip-popup .modal-close:before,
  #modal-messages .modal .need_to_connect a,
  #modal-messages .modal-btn-action,
  #modal-messages .settings-block-title .edit-btn,
  #modal-messages .title-btn__logout,
  #modal-messages .box-title .input-notice,
  #modal-messages .label-sub a,
  #modal-messages .input-notice a,
  #modal-messages .input-wrapper .new_email_state .icon-i04,
  #modal-messages #dialog .modal-footer > *:not(.dialog_cancel_button),
  #modal-messages #devices .popup-menu .popup-menu-item.selected:after,
  #modal-messages #change-audience-menu .popup-menu-item.selected:after,
  #modal-messages #bitrateset-menu .popup-menu-item.selected:after,
  #modal-messages #stream-popup-menu-viewer .popup-menu-item.selected:after,
  #modal-messages .stream-summary-viewers-count {
    color: #fa493e; }
  #modal-messages input[type=number].tips_amount_input {
    border-color: rgba(250, 73, 62, 0.2) !important; }
  #modal-messages .header-btn-left:before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .header-btn.settings-apply-btn {
    color: #fa493e; }
  #modal-messages .user-menu-wrapper .u-c .c {
    color: #ff691f; }
  #modal-messages .bottom-btns .global-skin-toggle:before,
  #modal-messages .bottom-btns .share-btn:before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .btn.btn-subscribe:not(.action_unsubscribe_button) {
    color: #fa493e; }
  #modal-messages .header_container .header-guest-btns .btn {
    border-color: #fa493e; }
  #modal-messages h1.logo a:before {
    color: #fa493e;
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages h1.logo a:after {
    color: #fa493e;
    border-color: #fa493e; }
  #modal-messages .chats-item .chat-avatar:not([style]):before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .chats-item.unread {
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px; }
  #modal-messages .comments-list .comment-item .comments_like_button.active:before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .comments-list .comment-item .comment-author-avatar:not([style]):before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .footer-nav > a.active:before, #modal-messages .footer-nav > a:hover:before,
  #modal-messages .footer-nav > span[role=button].active:before,
  #modal-messages .footer-nav > span[role=button]:hover:before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .footer-nav > a.unread,
  #modal-messages .footer-nav > span[role=button].unread {
    position: relative; }
    #modal-messages .footer-nav > a.unread:after,
    #modal-messages .footer-nav > span[role=button].unread:after {
      background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  body.focus-styles #modal-messages :focus {
    box-shadow: 0 0 5px #fa493e; }
  #modal-messages input[type=checkbox]:checked,
  #modal-messages input[type=radio]:checked {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .checkbox-label input[type=checkbox]:checked + span {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .radio-label input[type=radio]:checked + span {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .btn.signup-btn {
    border-color: #fa493e;
    color: #fa493e; }
  #modal-messages .new_post_text_input_wrapper {
    background: linear-gradient(-30deg, rgba(255, 77, 111, 0.2) 0%, rgba(255, 105, 31, 0.2) 100%); }
    #modal-messages .new_post_text_input_wrapper:after {
      background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .make_post_form {
    background-image: linear-gradient(-30deg, rgba(255, 77, 111, 0.2) 0%, rgba(255, 105, 31, 0.2) 100%); }
    #modal-messages .make_post_form:after {
      background: linear-gradient(-30deg, rgba(255, 77, 111, 0.1) 0%, rgba(255, 105, 31, 0.1) 100%); }
  #modal-messages .attach_file_photo:before,
  #modal-messages .new-post__stream:before,
  #modal-messages .new-post__voting:before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .make_post_error,
  #modal-messages .chat-message-price-apply {
    color: #fa493e; }
  .post_to_twitter:checked + #modal-messages label[for=post_to_twitter]:before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .progress .progress-bar {
    background: linear-gradient(to left, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .chat-form-wrapper .chat_input_wrapper .send__tips:hover:before {
    color: #0086e6; }
  #modal-messages .chat_send_button-wrapper #cm_progress .preloader {
    background: linear-gradient(to bottom, #fff 0%, #ff691f 100%); }
    body.dark #modal-messages .chat_send_button-wrapper #cm_progress .preloader {
      background: linear-gradient(to bottom, #000 0%, #ff691f 100%); }
  #modal-messages .notifications_filter a.current:after {
    background: #fa493e; }
  #modal-messages .notifications_filter a.current, #modal-messages .notifications_filter a:hover {
    color: #fa493e; }
  #modal-messages .notification .user_avatar:not([style]):before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .notification_unread:before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .post__likes.active {
    color: #fa493e; }
    #modal-messages .post__likes.active:before {
      background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .post__likes:hover:before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .post__comments:hover:before,
  #modal-messages .post__tips:hover:before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .profile__data li a.active {
    color: #fa493e; }
    #modal-messages .profile__data li a.active:before {
      background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .profile__user-twitter-link {
    color: #fa493e; }
  .unread #modal-messages .story-author__avatar-wrapper:before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  .own #modal-messages .story-author__name {
    color: #ff691f; }
  #modal-messages #svg-gradient .gradient-start {
    stop-color: #ff4d6f; }
  #modal-messages #svg-gradient .gradient-stop {
    stop-color: #ff691f; }
  #modal-messages .story-avatar:not([style]):before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .story-avatar .add-story {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .story-viewers-wrapper .story-viewers-close:before,
  #modal-messages .story-viewers-wrapper .story-settings-btn:before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages .story-slide-actions .story-slide-viewers-count:before,
  #modal-messages .story-slide-actions .story-slide-download-btn:before,
  #modal-messages .story-slide-actions .story-slide-share-btn:before,
  #modal-messages .story-slide-actions .story-slide-delete-btn:before {
    background: linear-gradient(-30deg, #ff4d6f 0%, #ff691f 100%); }
  #modal-messages body#page_404 .profile_avatar:after,
  #modal-messages body#page_404 #content a,
  #modal-messages .close_all_sessions_button,
  #modal-messages .session-online,
  #modal-messages label[for=tfv-code-input] {
    color: #fa493e; }
  #modal-messages .loader .circular .path,
  #modal-messages .global-preloader .circular .path {
    stroke: #fa493e; }
  #modal-messages #ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active, #modal-messages #ui-datepicker-div .ui-datepicker-calendar td a:hover {
    background-color: rgba(250, 73, 62, 0.1);
    border-color: rgba(250, 73, 62, 0.2); }
  #modal-messages .post_media.restricted a:empty:not([style]) {
    background: linear-gradient(-30deg, rgba(255, 77, 111, 0.6) 0%, rgba(255, 105, 31, 0.6) 100%); }
  #modal-messages input[type].field__need-to-change {
    background: linear-gradient(-30deg, rgba(255, 77, 111, 0.03) 0%, rgba(255, 105, 31, 0.03) 100%);
    border-color: rgba(250, 73, 62, 0.2) !important; }
  #modal-messages .modal {
    position: fixed;
    left: 50%;
    top: 72px;
    transform: translate(-50%, 0);
    display: none;
    z-index: 9991;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(124, 139, 150, 0.2);
    width: 700px;
    overflow: hidden; }
    #modal-messages .modal-overlay {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.6);
      display: none;
      z-index: 9990; }
      .modal-shown #modal-messages .modal-overlay {
        display: block; }
    #modal-messages .modal.shown {
      display: block; }
    #modal-messages .modal-title {
      font-weight: 600;
      font-size: 21px;
      padding: 17px 20px;
      text-transform: capitalize; }
    #modal-messages .modal-close {
      position: absolute;
      right: 0;
      top: 0;
      padding: 20px 22px;
      z-index: 10; }
      #modal-messages .modal-close:before {
        content: "\e605";
        color: #7c8b96;
        font-family: project; }
    #modal-messages .modal-body {
      padding: 0 20px 20px; }
      #modal-messages .modal-body .btns {
        padding: 20px 0 0; }
    body.dark #modal-messages .modal {
      background: #16181a; }
  #modal-messages body.modal-shown {
    overflow: hidden; }
  #modal-messages #dialog {
    min-width: 300px;
    max-width: 700px;
    width: auto;
    z-index: 9999; }
    #modal-messages #dialog .modal-body {
      padding: 20px; }
    #modal-messages #dialog .modal-footer {
      display: flex;
      position: relative;
      border-top: 1px solid rgba(124, 139, 150, 0.2); }
      #modal-messages #dialog .modal-footer > * {
        flex: 1;
        font-size: 18px;
        text-align: center;
        border: none;
        background: none;
        padding: 20px 0;
        color: inherit; }
        #modal-messages #dialog .modal-footer > *[disabled] {
          opacity: .3; }
        #modal-messages #dialog .modal-footer > * + * {
          border-left: 1px solid rgba(124, 139, 150, 0.2); }
    #modal-messages #dialog.shown ~ .modal-overlay {
      z-index: 9998; }
  #modal-messages .chats-item {
    position: relative;
    display: block;
    padding: 16px 11px 2px 75px;
    border-bottom: 1px solid rgba(146, 159, 169, 0.15); }
    #modal-messages .chats-item > * {
      position: relative;
      z-index: 3; }
    #modal-messages .chats-item .hov-blck {
      position: absolute;
      top: 3px;
      bottom: 2px;
      left: 8px;
      right: 8px;
      content: "";
      border-radius: 6px;
      z-index: 1;
      visibility: hidden;
      opacity: 0;
      transition: all 0.3s ease; }
    #modal-messages .chats-item:before {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      bottom: -1px;
      right: 0;
      background-color: white;
      opacity: 0;
      visibility: hidden;
      border-radius: 6px 0 0 6px;
      z-index: 2;
      transition: all 0.3s ease; }
      @media (max-width: 767px) {
        #modal-messages .chats-item:before {
          display: none; } }
      .dark-scheme #modal-messages .chats-item:before {
        background-color: #222b32; }
    @media (min-width: 767px) {
      #modal-messages .chats-item:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: -1px;
        width: 3px;
        z-index: 3;
        transition: all 0.3s ease;
        opacity: 0;
        visibility: hidden; } }
    #modal-messages .chats-item.online .chat-header .username span {
      position: relative;
      display: inline-block; }
    #modal-messages .chats-item.unread .chat-header .timestamp {
      color: inherit; }
    #modal-messages .chats-item.unread .chat-last-msg {
      color: inherit; }
    #modal-messages .chats-item:hover .hov-blck {
      visibility: visible;
      opacity: 1; }
    @media (min-width: 767px) {
      #modal-messages .chats-item.active {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } }
    #modal-messages .chats-item.active:before, #modal-messages .chats-item.active:after {
      visibility: visible;
      opacity: 1; }
    #modal-messages .chats-item .chat-avatar {
      position: absolute;
      left: 15px;
      top: 50%;
      width: 48px;
      height: 48px;
      margin-top: -24px;
      border-radius: 50%;
      background-size: cover;
      background-position: 50%; }
      #modal-messages .chats-item .chat-avatar img {
        position: relative;
        z-index: 1000;
        border-radius: 50%;
        overflow: hidden; }
    #modal-messages .chats-item .chat-header {
      position: relative;
      display: flex;
      margin: 0 0 5px;
      align-items: center; }
      #modal-messages .chats-item .chat-header .username {
        font-weight: 600;
        white-space: nowrap;
        margin: 0 5px 0 0;
        font-size: 15px; }
        #modal-messages .chats-item .chat-header .username i {
          margin-left: 2px; }
          #modal-messages .chats-item .chat-header .username i:before {
            font-size: 15px; }
      #modal-messages .chats-item .chat-header .chat-profile-link {
        font-size: 15px;
        color: #929fa9;
        min-width: 0;
        flex: 0 1 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .dark-scheme #modal-messages .chats-item .chat-header .chat-profile-link {
          color: white; }
      #modal-messages .chats-item .chat-header .timestamp {
        white-space: nowrap;
        margin-left: 5px;
        font-size: 11px;
        font-weight: 600;
        color: rgba(146, 159, 169, 0.6); }
    #modal-messages .chats-item .chat-last-msg {
      margin: 0;
      padding: 0 0 15px;
      min-height: 31px;
      color: #222b32;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: flex; }
      .dark-scheme #modal-messages .chats-item .chat-last-msg {
        color: white; }
    #modal-messages .chats-item .chat-last-msg-hidden {
      display: none; }
  #modal-messages .new-chat-btn:before {
    content: "\e626";
    font-size: 20px; }
  #modal-messages .new-chat-form {
    position: relative; }
    #modal-messages .new-chat-form .new-msg-recipients {
      flex: 0 1 100%; }
    @media (max-width: 767px) {
      .contacts-tab #modal-messages .new-chat-form .available-users-to-chat-wrap {
        max-height: 100vh; } }
    #modal-messages .new-chat-form .available-users-to-chat {
      position: relative;
      flex: 0 1 100%;
      list-style: none;
      padding: 0;
      margin-right: 0;
      overflow-y: scroll;
      max-height: calc(100vh - 210px);
      border-top: 1px solid rgba(146, 159, 169, 0.15);
      background-color: white; }
      .dark-scheme #modal-messages .new-chat-form .available-users-to-chat {
        background-color: #263238; }
      @media (max-width: 767px) {
        #modal-messages .new-chat-form .available-users-to-chat.selected {
          padding-bottom: 180px; } }
      @media (max-width: 767px) {
        #modal-messages .new-chat-form .available-users-to-chat {
          max-height: 100vh;
          padding-bottom: 120px; } }
    #modal-messages .new-chat-form .available-user {
      position: relative;
      padding: 7px 25px 7px 75px;
      margin: 0;
      cursor: pointer;
      border-bottom: 1px solid rgba(146, 159, 169, 0.15); }
      #modal-messages .new-chat-form .available-user.hidden {
        display: none; }
      #modal-messages .new-chat-form .available-user .user-avatar {
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -24px;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background-size: cover;
        background-position: 50%; }
        #modal-messages .new-chat-form .available-user .user-avatar img {
          overflow: hidden;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%; }
      #modal-messages .new-chat-form .available-user .user-name {
        font-weight: 600;
        white-space: nowrap;
        padding-bottom: 3px;
        font-size: 15px; }
        #modal-messages .new-chat-form .available-user .user-name i:before {
          font-size: 15px; }
      #modal-messages .new-chat-form .available-user .user-login {
        color: #929fa9;
        font-size: 15px; }
      #modal-messages .new-chat-form .available-user:after {
        position: absolute;
        content: "";
        width: 30px;
        height: 30px;
        right: 25px;
        top: 50%;
        margin-top: -15px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        font-family: "all-my-links"; }
        @media (max-width: 767px) {
          #modal-messages .new-chat-form .available-user:after {
            right: 34px; } }
      #modal-messages .new-chat-form .available-user.selected:after {
        content: "\e618"; }
  #modal-messages .new-msg-select-list-all {
    padding: 0;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      #modal-messages .new-msg-select-list-all {
        padding-top: 20px; } }
  #modal-messages .new-msg-select-list {
    list-style: none;
    display: flex;
    align-items: center;
    font-weight: 600;
    padding: 0;
    margin: 0;
    flex: 1 1 auto;
    flex-wrap: wrap;
    max-height: 100px;
    overflow: auto;
    z-index: 10; }
    #modal-messages .new-msg-select-list li {
      margin: 0; }
      #modal-messages .new-msg-select-list li.full-width {
        min-width: 100%; }
    #modal-messages .new-msg-select-list .btn-icon.clear-btn {
      position: absolute;
      top: 3px;
      right: 55px;
      color: rgba(146, 159, 169, 0.6); }
    #modal-messages .new-msg-select-list .new-msg-select-item {
      border-radius: 1000px;
      position: relative;
      white-space: nowrap;
      padding: 3px 30px 3px 13px;
      margin: 0 5px 5px 0; }
      #modal-messages .new-msg-select-list .new-msg-select-item span.text {
        position: relative; }
      #modal-messages .new-msg-select-list .new-msg-select-item .user-remove {
        position: absolute;
        border-radius: 1000px;
        width: 14px;
        height: 14px;
        right: 8px;
        top: 50%;
        margin-top: -8px;
        cursor: pointer; }
        #modal-messages .new-msg-select-list .new-msg-select-item .user-remove:after {
          font-family: "all-my-links";
          content: "\e607";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: rgba(34, 43, 50, 0.2);
          font-size: 16px; }
          .dark-scheme #modal-messages .new-msg-select-list .new-msg-select-item .user-remove:after {
            color: rgba(255, 255, 255, 0.2); }
    #modal-messages .new-msg-select-list .new-msg-search-user {
      order: 1;
      margin-right: 0;
      width: 100%;
      display: flex;
      align-items: center;
      position: relative; }
    #modal-messages .new-msg-select-list .new-msg-search-user-input {
      position: relative;
      min-width: 20px;
      white-space: nowrap;
      text-decoration: none;
      padding: 0 10px;
      font-weight: normal;
      border: none !important;
      margin: 0;
      text-overflow: ellipsis;
      font-size: 15px;
      background-color: transparent; }
      #modal-messages .new-msg-select-list .new-msg-search-user-input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: rgba(146, 159, 169, 0.4); }
      #modal-messages .new-msg-select-list .new-msg-search-user-input::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(146, 159, 169, 0.4); }
      #modal-messages .new-msg-select-list .new-msg-search-user-input:-ms-input-placeholder {
        /* IE 10+ */
        color: rgba(146, 159, 169, 0.4); }
      #modal-messages .new-msg-select-list .new-msg-search-user-input:-moz-placeholder {
        /* Firefox 18- */
        color: rgba(146, 159, 169, 0.4); }
  #modal-messages .new-chat-remove-selection-btn {
    display: none;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 22px;
    top: 15px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    text-indent: -150px;
    z-index: 10; }
    #modal-messages .new-chat-remove-selection-btn:after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      font-family: "all-my-links";
      font-size: 22px;
      line-height: 28px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: 1px solid rgba(34, 43, 50, 0.5);
      content: "\e64a";
      color: rgba(34, 43, 50, 0.5);
      text-indent: 0;
      transition: all 0.3s ease; }
      .dark-scheme #modal-messages .new-chat-remove-selection-btn:after {
        color: rgba(255, 255, 255, 0.5);
        border-color: rgba(255, 255, 255, 0.5); }
    #modal-messages .new-chat-remove-selection-btn:hover {
      color: #222b32; }
      #modal-messages .new-chat-remove-selection-btn:hover:after {
        color: #222b32;
        border-color: #222b32; }
        .dark-scheme #modal-messages .new-chat-remove-selection-btn:hover:after {
          color: white;
          border-color: white; }
      .dark-scheme #modal-messages .new-chat-remove-selection-btn:hover {
        color: white; }
  #modal-messages .new-msg-select-list-all {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 22px;
    bottom: 6px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    text-indent: -150px;
    z-index: 100;
    color: rgba(146, 159, 169, 0.6); }
    #modal-messages .new-msg-select-list-all:after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      font-family: "all-my-links";
      font-size: 22px;
      line-height: 28px;
      border-radius: 50%;
      content: "\e658";
      text-indent: 0;
      transition: all 0.3s ease; }
  #modal-messages .new-chat-select-all {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 42px;
    top: 15px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    text-indent: -150px; }
    #modal-messages .new-chat-select-all:after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      font-family: "all-my-links";
      font-size: 24px;
      line-height: 30px;
      content: "\e85c";
      color: rgba(34, 43, 50, 0.5);
      text-indent: 0; }
      .dark-scheme #modal-messages .new-chat-select-all:after {
        color: rgba(255, 255, 255, 0.5); }
    #modal-messages .new-chat-select-all:hover {
      color: #222b32; }
      #modal-messages .new-chat-select-all:hover:after {
        color: #222b32; }
        .dark-scheme #modal-messages .new-chat-select-all:hover:after {
          color: white; }
      .dark-scheme #modal-messages .new-chat-select-all:hover {
        color: white; }
  @media (max-width: 767px) {
    #modal-messages .chat-popup.have-not-chats .chat-popup-wrapper .chats-list_outer .chats-list {
      padding-bottom: 0; } }
  @media (max-width: 767px) {
    #modal-messages .chat-popup.have-not-contacts .new-chat-form .available-users-to-chat.selected {
      padding-bottom: 0;
      margin-bottom: 0; } }
  #modal-messages .chat-popup .chat-popup-wrapper {
    display: flex;
    height: 100%;
    border-radius: 10px;
    overflow: hidden; }
    @media (max-width: 991px) {
      #modal-messages .chat-popup .chat-popup-wrapper {
        border-radius: 0; } }
    #modal-messages .chat-popup .chat-popup-wrapper .chat-popup-wrapper-left-column {
      position: relative;
      flex: 0 1 40%;
      max-width: 40%;
      background-color: #fafbfc; }
      #modal-messages .chat-popup .chat-popup-wrapper .chat-popup-wrapper-left-column:after {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        width: 1px;
        background-color: rgba(146, 159, 169, 0.15);
        z-index: 1; }
      #modal-messages .chat-popup .chat-popup-wrapper .chat-popup-wrapper-left-column.active .close {
        display: none !important; }
      .dark-scheme #modal-messages .chat-popup .chat-popup-wrapper .chat-popup-wrapper-left-column {
        background-color: #263238; }
      @media (min-width: 768px) and (max-width: 991px) {
        #modal-messages .chat-popup .chat-popup-wrapper .chat-popup-wrapper-left-column.inactive .chats-list {
          padding-top: 46px;
          transition: all 0.6s ease; } }
      @media (max-width: 767px) {
        #modal-messages .chat-popup .chat-popup-wrapper .chat-popup-wrapper-left-column {
          flex: 0 1 100%;
          max-width: 100%;
          min-width: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          transition: all 0.3s ease; }
          #modal-messages .chat-popup .chat-popup-wrapper .chat-popup-wrapper-left-column.active {
            right: 0;
            left: 0;
            visibility: visible;
            opacity: 1; }
          #modal-messages .chat-popup .chat-popup-wrapper .chat-popup-wrapper-left-column.inactive {
            right: 100%;
            left: -100%;
            visibility: hidden;
            opacity: 0; } }
    #modal-messages .chat-popup .chat-popup-wrapper .chat-body {
      flex: 1 1 auto;
      transition: all 0.3s ease; }
      @media (max-width: 767px) {
        #modal-messages .chat-popup .chat-popup-wrapper .chat-body {
          position: absolute;
          min-width: 100%;
          max-width: 100%;
          top: 0;
          bottom: 0; }
          #modal-messages .chat-popup .chat-popup-wrapper .chat-body.active {
            left: 0;
            right: 0;
            visibility: visible;
            opacity: 1; }
          #modal-messages .chat-popup .chat-popup-wrapper .chat-body.inactive {
            left: 100%;
            right: -100%;
            opacity: 0;
            visibility: hidden; } }
    #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer.hidden .modal-title {
      display: block; }
    @media (max-width: 991px) {
      #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer {
        height: 100%; } }
    #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer {
      position: relative;
      display: flex;
      flex-direction: column; }
      @media (max-width: 767px) {
        #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer {
          padding: 0;
          background-color: white; }
          .dark-scheme #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer {
            background-color: #263238; } }
      #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-chat-form {
        flex: 0 1 100%;
        min-height: 0;
        overflow: hidden; }
        #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-chat-form .available-users-to-chat {
          flex: 0 1 100%;
          min-height: 0; }
        #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-chat-form__wrap-head {
          display: flex;
          position: relative;
          padding: 5px 0 6px 15px; }
          #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-chat-form__wrap-head:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            background-color: rgba(33, 150, 243, 0.02); }
      #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .chats-list-wrap {
        overflow: hidden;
        position: relative; }
        @media (max-width: 991px) {
          #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .chats-list-wrap {
            height: 100%; } }
        @media (max-width: 767px) {
          #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .chats-list-wrap {
            overflow-y: auto;
            max-height: calc(100vh - 60px); } }
      #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .chats-list {
        flex: 1;
        overflow-y: scroll;
        max-height: calc(100vh - 150px);
        padding-bottom: 1px; }
        @media (max-width: 991px) {
          #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .chats-list {
            max-height: calc(100vh - 55px); } }
        @media (max-width: 767px) {
          #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .chats-list {
            margin-right: 0;
            max-height: 100vh;
            padding-bottom: 50px; } }
      #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn {
        position: relative;
        line-height: 21px;
        font-size: 15px;
        padding: 14px 20px 14px 50px;
        border-radius: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.1);
        background-color: white;
        z-index: 10;
        text-align: left;
        cursor: default; }
        @media (min-width: 768px) and (max-width: 991px) {
          #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn {
            padding: 14px 20px 16px 50px; } }
        .dark-scheme #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn {
          background-color: #263238; }
        @media (max-width: 767px) {
          #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn {
            display: none;
            padding: 0;
            width: 30px;
            height: 30px; }
            #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn span {
              display: none; } }
        #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn span {
          position: relative;
          transition: color .3s;
          cursor: pointer; }
          #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn span:before {
            position: absolute;
            content: "\e659";
            font-family: "all-my-links";
            font-size: 24px;
            font-weight: normal;
            left: -35px;
            top: 1px; }
            @media (max-width: 767px) {
              #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn span:before {
                text-indent: 0;
                right: 0;
                top: 0;
                left: 0;
                line-height: 30px; } }
        #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn.cancel {
          width: 24px;
          height: 24px;
          top: 15px;
          left: 15px;
          position: absolute;
          padding: 0;
          background-color: transparent;
          box-shadow: none;
          border: 0;
          font-weight: normal;
          cursor: pointer; }
          @media (max-width: 767px) {
            #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn.cancel {
              right: auto;
              left: 15px;
              top: 14px;
              display: block; } }
          #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn.cancel:before {
            width: 24px;
            height: 24px;
            font-size: 22px;
            text-align: center;
            content: "\e64f";
            font-family: "all-my-links";
            transition: all 0.3s ease;
            top: 0;
            left: 0; }
            @media (max-width: 767px) {
              #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn.cancel:before {
                content: "\e64f";
                background-color: transparent;
                width: 30px;
                height: 30px;
                line-height: normal;
                font-size: 24px; }
                .dark-scheme #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn.cancel:before {
                  color: white; } }
          #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .new-message-btn.cancel span {
            position: relative; }
      #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .btn-text-mobile,
      #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .btn-text-desktop {
        display: block;
        position: absolute;
        right: 20px;
        top: 15px;
        font-size: 18px;
        line-height: 20px;
        font-weight: 600;
        z-index: 20;
        cursor: pointer;
        transition: all .3s; }
      #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .btn-text-desktop {
        color: rgba(146, 159, 169, 0.4); }
        @media (max-width: 767px) {
          #modal-messages .chat-popup .chat-popup-wrapper .chats-list_outer .btn-text-desktop {
            display: none; } }
    #modal-messages .chat-popup .chat-popup-wrapper .chat-body {
      display: flex;
      flex-direction: column; }
      #modal-messages .chat-popup .chat-popup-wrapper .chat-body > * {
        height: 100%;
        width: 100%;
        flex: 0 0 auto; }
      #modal-messages .chat-popup .chat-popup-wrapper .chat-body .chat_messages_wrapper {
        flex: 0 1 100%;
        height: calc(100% - 50px); }
        #modal-messages .chat-popup .chat-popup-wrapper .chat-body .chat_messages_wrapper .nobody-to-chat {
          font-size: 17px;
          color: rgba(146, 159, 169, 0.6); }
  #modal-messages .chat-popup .modal-title {
    position: relative;
    font-size: 17px;
    line-height: 21px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: white;
    z-index: 10;
    display: none; }
    .dark-scheme #modal-messages .chat-popup .modal-title {
      background-color: #263238; }
    #modal-messages .chat-popup .modal-title:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      width: 2px;
      background-color: white; }
      .dark-scheme #modal-messages .chat-popup .modal-title:before {
        background-color: transparent; }
    #modal-messages .chat-popup .modal-title:after {
      content: "";
      position: absolute;
      top: 10px;
      right: -1px;
      bottom: 10px;
      z-index: 3;
      width: 1px;
      background: rgba(146, 159, 169, 0.2); }
    @media (max-width: 767px) {
      #modal-messages .chat-popup .modal-title {
        margin: 0;
        text-align: center; } }
  #modal-messages .chat-popup .close-mobile {
    position: absolute;
    left: 25px;
    top: 15px;
    right: auto; }
  #modal-messages .chat-body.typing .chat-body-header:after {
    position: absolute;
    content: "typing...";
    left: 30px;
    bottom: 0;
    font-size: 11px;
    line-height: 16px;
    padding: 1px 5px 2px;
    color: #7c8b96;
    background-color: yellow;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  #modal-messages .chat-body-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: white;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    padding: 13px 15px 11px 53px;
    min-height: 50px;
    z-index: 1; }
    @media (max-width: 767px) {
      #modal-messages .chat-body-header {
        padding-left: 60px; } }
    .dark-scheme #modal-messages .chat-body-header {
      background-color: #263238; }
    #modal-messages .chat-body-header.online .chat-user_username {
      padding-right: 23px; }
      #modal-messages .chat-body-header.online .chat-user_username:after {
        content: "\e63b"; }
    #modal-messages .chat-body-header .btn-back {
      position: absolute;
      left: 15px;
      top: 14px;
      padding-left: 0;
      cursor: pointer;
      transition: all .3s; }
      #modal-messages .chat-body-header .btn-back:before {
        display: none; }
    #modal-messages .chat-body-header .chat-user_avatar {
      position: absolute;
      left: 19px;
      top: 13px;
      width: 24px;
      height: 24px;
      overflow: hidden;
      background-size: cover;
      background-position: 50%; }
      @media (max-width: 767px) {
        #modal-messages .chat-body-header .chat-user_avatar {
          display: none; } }
      #modal-messages .chat-body-header .chat-user_avatar img {
        width: 100%;
        border-radius: 50%;
        overflow: hidden; }
    #modal-messages .chat-body-header .chat-user_link {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 80%;
      display: inline-block; }
      #modal-messages .chat-body-header .chat-user_link .chat-user_username {
        color: #263238; }
        .dark-scheme #modal-messages .chat-body-header .chat-user_link .chat-user_username {
          color: white; }
      #modal-messages .chat-body-header .chat-user_link .chat-user_login {
        color: #929fa9; }
      #modal-messages .chat-body-header .chat-user_link:hover .chat-user_login {
        color: #263238; }
        .dark-scheme #modal-messages .chat-body-header .chat-user_link:hover .chat-user_login {
          color: white; }
    #modal-messages .chat-body-header .chat-user_username {
      float: left;
      margin-right: 5px;
      font-weight: 600;
      position: relative;
      font-size: 15px;
      transition: all 0.3s ease; }
      #modal-messages .chat-body-header .chat-user_username a {
        transition: color .3s;
        color: #263238; }
        .dark-scheme #modal-messages .chat-body-header .chat-user_username a {
          color: white; }
      #modal-messages .chat-body-header .chat-user_username:after {
        position: absolute;
        font-family: "all-my-links";
        font-size: 15px;
        line-height: inherit;
        top: 0;
        right: 0; }
    #modal-messages .chat-body-header .chat-user_login {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 15px;
      transition: all 0.3s ease; }
      #modal-messages .chat-body-header .chat-user_login a {
        transition: color .3s;
        color: #929fa9; }
    #modal-messages .chat-body-header .verified-user {
      margin: 0; }
    #modal-messages .chat-body-header .dropdown {
      position: absolute;
      right: 12px;
      top: 10px; }
      @media (max-width: 767px) {
        #modal-messages .chat-body-header .dropdown {
          right: 20px; } }
      #modal-messages .chat-body-header .dropdown > span {
        display: block;
        text-align: center;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        transition: all 0.3s ease;
        color: rgba(146, 159, 169, 0.6); }
        @media (max-width: 767px) {
          .dark-scheme #modal-messages .chat-body-header .dropdown > span {
            color: white; } }
        #modal-messages .chat-body-header .dropdown > span i {
          display: block;
          line-height: 30px; }
          #modal-messages .chat-body-header .dropdown > span i:before {
            line-height: 30px; }
        .dark-scheme #modal-messages .chat-body-header .dropdown > span {
          color: rgba(255, 255, 255, 0.2); }
  #modal-messages #cm_progress {
    position: absolute;
    left: 0;
    top: 5px;
    height: 3px;
    width: 100%; }
    #modal-messages #cm_progress .progress-bar {
      border-radius: 1000px;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
  #modal-messages .non-twosome .chat_messages_list {
    background-color: #fafbfc; }
    .dark-scheme #modal-messages .non-twosome .chat_messages_list {
      background-color: #222a30; }
  #modal-messages .chat_messages_list {
    list-style: none;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
    bottom: 0;
    overflow-y: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    padding: 0 15px; }
    .dark-scheme #modal-messages .chat_messages_list {
      background-color: #263238; }
    @media (max-width: 767px) {
      #modal-messages .chat_messages_list {
        margin-right: 0; } }
    #modal-messages .chat_messages_list .msg-day-timestamp:first-child {
      margin-top: 15px; }
    #modal-messages .chat_messages_list-wrapper {
      flex: 0 1 100%;
      position: relative;
      display: flex; }
    #modal-messages .chat_messages_list .chat_message {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start; }
      #modal-messages .chat_messages_list .chat_message.paid__not_viewed .msg_body {
        position: relative;
        color: rgba(124, 139, 150, 0.2); }
        #modal-messages .chat_messages_list .chat_message.paid__not_viewed .msg_body:before {
          font-size: 20px;
          content: "\e600";
          font-family: project;
          width: 1.1em;
          text-align: center;
          position: absolute;
          left: -28px;
          top: 7px; }
      #modal-messages .chat_messages_list .chat_message .msg_body_media.last {
        border-bottom-right-radius: 15px; }
      #modal-messages .chat_messages_list .chat_message .msg_body_media.type_video {
        border-radius: 10px 0 0 10px;
        overflow: hidden; }
    #modal-messages .chat_messages_list .msg_body {
      border-radius: 15px;
      font-size: 15px;
      line-height: 18px;
      padding: 5px 13px 7px;
      display: inline-block;
      max-width: 80%;
      margin: 0 0 1px;
      word-wrap: break-word; }
      #modal-messages .chat_messages_list .msg_body_media {
        margin: 0 0 1px; }
        #modal-messages .chat_messages_list .msg_body_media ins.play-gif {
          display: none !important; }
        #modal-messages .chat_messages_list .msg_body_media img {
          border-radius: 15px;
          vertical-align: top; }
        #modal-messages .chat_messages_list .msg_body_media a {
          display: block; }
        #modal-messages .chat_messages_list .msg_body_media .jwplayer {
          border-radius: 15px; }
        #modal-messages .chat_messages_list .msg_body_media .media_processing_chat_message .loader {
          padding: 0; }
        #modal-messages .chat_messages_list .msg_body_media.type_image img:not(.message-user-avatar), #modal-messages .chat_messages_list .msg_body_media.type_gif img:not(.message-user-avatar) {
          width: 270px;
          max-width: 270px !important;
          height: auto; }
          @media (max-width: 600px) {
            #modal-messages .chat_messages_list .msg_body_media.type_image img:not(.message-user-avatar), #modal-messages .chat_messages_list .msg_body_media.type_gif img:not(.message-user-avatar) {
              width: 100%; } }
        #modal-messages .chat_messages_list .msg_body_media.type_gif .gp-gif-element {
          left: auto !important;
          right: 0 !important; }
        #modal-messages .chat_messages_list .msg_body_media.type_gif .gifplayer-ready {
          position: absolute;
          right: 0; }
    #modal-messages .chat_messages_list .msg_story_media {
      margin: 0 0 1px;
      display: flex; }
      #modal-messages .chat_messages_list .msg_story_media img {
        max-height: 150px;
        border-radius: 15px;
        vertical-align: top; }
    #modal-messages .chat_messages_list .purchase_status {
      display: none;
      font-size: 11px;
      cursor: pointer;
      margin: 0 10px 0 0; }
    #modal-messages .chat_messages_list .msg_body + .msg_body_media img {
      border-bottom-right-radius: 0; }
    #modal-messages .chat_messages_list .msg_body_media.last {
      border-bottom-right-radius: 15px; }
    #modal-messages .chat_messages_list .chat_message_from_notme {
      justify-content: flex-start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
      #modal-messages .chat_messages_list .chat_message_from_notme.sale .msg_body {
        position: relative;
        font-weight: 600; }
        @media (max-width: 991px) {
          #modal-messages .chat_messages_list .chat_message_from_notme.sale .msg_body {
            padding: 16px 16px 16px 35px; } }
        #modal-messages .chat_messages_list .chat_message_from_notme.sale .msg_body:before {
          position: absolute;
          font-family: "all-my-links";
          content: "\e656";
          font-size: 24px;
          line-height: 1em;
          top: 50%;
          transform: translateY(-50%);
          right: -30px;
          color: rgba(146, 159, 169, 0.4); }
        #modal-messages .chat_messages_list .chat_message_from_notme.sale .msg_body.buy-btn {
          width: 227px;
          text-align: center;
          /*cursor: pointer; */
        }
      #modal-messages .chat_messages_list .chat_message_from_notme.sale .msg_body_media {
        position: relative; }
        #modal-messages .chat_messages_list .chat_message_from_notme.sale .msg_body_media:before {
          position: absolute;
          font-family: "all-my-links";
          content: "\e656";
          font-size: 24px;
          line-height: 1em;
          top: 50%;
          right: -30px;
          transform: translateY(-50%); }
      #modal-messages .chat_messages_list .chat_message_from_notme.sale.purchased .msg_body {
        padding: 9px 13px 10px 35px;
        font-weight: normal; }
        #modal-messages .chat_messages_list .chat_message_from_notme.sale.purchased .msg_body:before {
          content: "\e657";
          color: rgba(146, 159, 169, 0.4); }
      #modal-messages .chat_messages_list .chat_message_from_notme.sale.purchased .msg_body_media:before {
        content: "\e657";
        color: rgba(146, 159, 169, 0.4); }
      #modal-messages .chat_messages_list .chat_message_from_notme .msg_body {
        background: rgba(124, 139, 150, 0.2);
        color: #222b32;
        border-bottom-left-radius: 0;
        position: relative; }
        .dark-scheme #modal-messages .chat_messages_list .chat_message_from_notme .msg_body {
          color: white; }
        #modal-messages .chat_messages_list .chat_message_from_notme .msg_body_media {
          position: relative;
          max-width: 80%; }
          #modal-messages .chat_messages_list .chat_message_from_notme .msg_body_media * {
            max-width: 100%; }
          #modal-messages .chat_messages_list .chat_message_from_notme .msg_body_media .message-user-avatar {
            border-radius: 50%;
            top: auto;
            bottom: 2px; }
      #modal-messages .chat_messages_list .chat_message_from_notme .msg_story_media:after {
        content: "";
        width: 2px;
        background: rgba(124, 139, 150, 0.5);
        margin-left: 20px; }
      #modal-messages .chat_messages_list .chat_message_from_notme .msg_story_media img,
      #modal-messages .chat_messages_list .chat_message_from_notme .msg_story_media .jwplayer {
        border-top-left-radius: 0; }
      #modal-messages .chat_messages_list .chat_message_from_notme[data-squared="1"] .msg_body {
        border-bottom-left-radius: 0; }
        #modal-messages .chat_messages_list .chat_message_from_notme[data-squared="1"] .msg_body_media img,
        #modal-messages .chat_messages_list .chat_message_from_notme[data-squared="1"] .msg_body_media .jwplayer {
          border-bottom-left-radius: 0; }
    #modal-messages .chat_messages_list .chat_message_from_me + .chat_message_from_me .msg_body {
      border-top-right-radius: 0; }
    #modal-messages .chat_messages_list .chat_message_from_me + .chat_message_from_me.first.simple.last .msg_body {
      border-top-right-radius: 15px; }
    #modal-messages .chat_messages_list .chat_message_from_me {
      text-align: right;
      justify-content: flex-end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end; }
      #modal-messages .chat_messages_list .chat_message_from_me.sale .msg_body,
      #modal-messages .chat_messages_list .chat_message_from_me.sale .msg_body_media {
        position: relative; }
        #modal-messages .chat_messages_list .chat_message_from_me.sale .msg_body:before,
        #modal-messages .chat_messages_list .chat_message_from_me.sale .msg_body_media:before {
          position: absolute;
          font-family: "all-my-links";
          content: "\e656";
          font-size: 24px;
          line-height: 1em;
          top: 50%;
          transform: translateY(-50%);
          left: -30px; }
      #modal-messages .chat_messages_list .chat_message_from_me.sale.purchased .msg_body:before,
      #modal-messages .chat_messages_list .chat_message_from_me.sale.purchased .msg_body_media:before {
        content: "\e657"; }
      #modal-messages .chat_messages_list .chat_message_from_me .msg_body {
        color: white;
        border-bottom-right-radius: 0; }
        #modal-messages .chat_messages_list .chat_message_from_me .msg_body_media {
          margin-left: auto;
          max-width: 80%; }
          #modal-messages .chat_messages_list .chat_message_from_me .msg_body_media.type_audio {
            overflow: visible;
            padding-top: 6px; }
          #modal-messages .chat_messages_list .chat_message_from_me .msg_body_media * {
            max-width: 100%; }
          #modal-messages .chat_messages_list .chat_message_from_me .msg_body_media img,
          #modal-messages .chat_messages_list .chat_message_from_me .msg_body_media .jwplayer {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0; }
      #modal-messages .chat_messages_list .chat_message_from_me .msg_story_media {
        justify-content: flex-end; }
        #modal-messages .chat_messages_list .chat_message_from_me .msg_story_media:before {
          content: "";
          width: 2px;
          background: rgba(124, 139, 150, 0.5);
          margin-right: 20px; }
        #modal-messages .chat_messages_list .chat_message_from_me .msg_story_media img,
        #modal-messages .chat_messages_list .chat_message_from_me .msg_story_media .jwplayer {
          border-bottom-right-radius: 0; }
      #modal-messages .chat_messages_list .chat_message_from_me .msg_timestamp {
        text-align: right; }
      #modal-messages .chat_messages_list .chat_message_from_me[data-without-time="1"] + .chat_message_from_me .msg_body {
        border-top-right-radius: 0; }
        #modal-messages .chat_messages_list .chat_message_from_me[data-without-time="1"] + .chat_message_from_me .msg_body_media img,
        #modal-messages .chat_messages_list .chat_message_from_me[data-without-time="1"] + .chat_message_from_me .msg_body_media .jwplayer {
          border-top-right-radius: 0; }
    #modal-messages .chat_messages_list .msg_timestamp {
      font-size: 11px;
      display: block;
      padding: 1px 0 10px;
      color: #929fa9; }
      #modal-messages .chat_messages_list .msg_timestamp strong {
        font-weight: normal; }
      .dark-scheme #modal-messages .chat_messages_list .msg_timestamp {
        color: rgba(255, 255, 255, 0.5); }
    #modal-messages .chat_messages_list .msg-day-timestamp, #modal-messages .chat_messages_list .unread_label {
      text-align: center;
      color: #929fa9;
      font-size: 11px;
      margin: 0 0 10px;
      position: relative; }
      #modal-messages .chat_messages_list .msg-day-timestamp:before,
      #modal-messages .chat_messages_list .unread_label:before {
        content: "";
        position: absolute;
        left: 0;
        right: calc(50% + 30px);
        top: 50%;
        height: 1px;
        background-color: rgba(146, 159, 169, 0.4); }
      #modal-messages .chat_messages_list .msg-day-timestamp:after,
      #modal-messages .chat_messages_list .unread_label:after {
        content: "";
        position: absolute;
        left: calc(50% + 30px);
        right: 0;
        top: 50%;
        height: 1px;
        background-color: rgba(146, 159, 169, 0.4); }
      .dark-scheme #modal-messages .chat_messages_list .msg-day-timestamp,
      .dark-scheme #modal-messages .chat_messages_list .unread_label {
        color: rgba(255, 255, 255, 0.5); }
    #modal-messages .chat_messages_list .unread_label:before {
      right: calc(50% + 50px); }
    #modal-messages .chat_messages_list .unread_label:after {
      left: calc(50% + 50px); }
    #modal-messages .chat_messages_list .cm_paid_message {
      font-size: 18px;
      padding: 7px 23px 7px 6px;
      position: relative; }
      #modal-messages .chat_messages_list .cm_paid_message:before {
        font-size: 20px;
        content: "\e600";
        font-family: project;
        margin: 0 4px 0 0;
        width: 1.1em;
        text-align: center; }
  #modal-messages .chat_messages_wrapper {
    display: flex;
    flex-direction: column;
    position: relative; }
  #modal-messages .chat-form {
    position: relative;
    padding-top: 1px; }
    #modal-messages .chat-form_inner {
      background-color: white; }
      .dark-scheme #modal-messages .chat-form_inner {
        background-color: #222b32; }
  #modal-messages .me-has-not-payouts .chat-form-wrapper .chat_input_wrapper {
    padding-right: 0; }
  #modal-messages .chat-form-wrapper .chat-form-wrapper-inner {
    display: flex;
    padding: 9px 15px;
    width: 100%;
    order: 1; }
    @media (max-width: 991px) {
      #modal-messages .chat-form-wrapper .chat-form-wrapper-inner {
        flex-wrap: wrap; } }
    #modal-messages .chat-form-wrapper .chat-form-wrapper-inner .send__tips {
      position: relative;
      top: -1px;
      cursor: pointer;
      width: 30px;
      height: 30px;
      margin: 0 8px 0 5px;
      border-radius: 1000px;
      font-size: 24px;
      line-height: 30px;
      color: rgba(146, 159, 169, 0.4);
      transition: all 0.3s ease; }
      #modal-messages .chat-form-wrapper .chat-form-wrapper-inner .send__tips:before {
        content: "\e655";
        font-family: "all-my-links";
        position: absolute;
        text-align: center;
        left: 0;
        width: 100%;
        top: 0;
        transition: all 0.3s ease; }
  #modal-messages .chat-form-wrapper .chat_input_wrapper {
    flex: 1;
    margin-right: 6px;
    /*padding-right: 42px;*/
    position: relative;
    top: 0; }
    @media (min-width: 992px) {
      #modal-messages .chat-form-wrapper .chat_input_wrapper {
        order: 2; } }
    #modal-messages .chat-form-wrapper .chat_input_wrapper .chat_message_text_input {
      border: none;
      border-radius: 10px;
      overflow: hidden !important;
      word-wrap: break-word;
      height: 30px;
      font-size: 15px;
      margin: 0;
      resize: none;
      padding: 4px 39px 4px 19px;
      background-color: rgba(146, 159, 169, 0.08);
      max-height: 200px;
      display: block;
      width: 100%;
      transition: none; }
    #modal-messages .chat-form-wrapper .chat_input_wrapper #new_chat_message_media_files.shown + .chat_message_text_input {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
    #modal-messages .chat-form-wrapper .chat_input_wrapper .cm_set_message_price_button {
      position: absolute;
      cursor: pointer;
      right: 0;
      top: 2px;
      width: 30px;
      height: 30px;
      border-radius: 1000px;
      font-size: 24px;
      color: rgba(146, 159, 169, 0.4);
      transition: all 0.3s ease; }
      #modal-messages .chat-form-wrapper .chat_input_wrapper .cm_set_message_price_button:before {
        content: "\e65c";
        font-family: "all-my-links";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease; }
      #modal-messages .chat-form-wrapper .chat_input_wrapper .cm_set_message_price_button + .send__tips {
        right: 30px; }
    #modal-messages .chat-form-wrapper .chat_input_wrapper .indicated-price {
      position: absolute;
      right: 52px;
      top: 7px;
      color: rgba(34, 43, 50, 0.3); }
      .dark-scheme #modal-messages .chat-form-wrapper .chat_input_wrapper .indicated-price {
        color: rgba(255, 255, 255, 0.3); }
  #modal-messages .chat-form-wrapper .chat_send_button {
    position: relative;
    top: 1px;
    background-color: transparent;
    padding: 0;
    width: 30px;
    height: 30px;
    min-width: 0;
    color: rgba(124, 139, 150, 0.4); }
    @media (min-width: 992px) {
      #modal-messages .chat-form-wrapper .chat_send_button {
        order: 3; } }
  #modal-messages .cm_set_message_price_block {
    display: flex;
    align-items: center;
    width: 100%; }
    @media (max-width: 991px) {
      #modal-messages .cm_set_message_price_block {
        margin-top: 10px; } }
    .dark-scheme #modal-messages .cm_set_message_price_block {
      background-color: #222b32; }
    #modal-messages .cm_set_message_price_block > * {
      z-index: 3;
      position: relative; }
    #modal-messages .cm_set_message_price_block:after {
      content: "";
      position: absolute;
      right: 18px;
      bottom: -8px;
      background: inherit;
      border-right: 1px solid rgba(255, 255, 255, 0.2);
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      width: 16px;
      height: 16px;
      transform: rotate(45deg);
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); }
      .dark-scheme #modal-messages .cm_set_message_price_block:after {
        border-right-color: #222b32;
        border-bottom-color: #222b32; }
    .price-shown #modal-messages .cm_set_message_price_block {
      display: block; }
    #modal-messages .cm_set_message_price_block .cm_set_message_price_input {
      margin: 0 15px;
      width: calc(100% - 30px);
      border-radius: 14px;
      padding: 0 15px;
      height: 30px; }
    #modal-messages .cm_set_message_price_block__title {
      font-size: 16px;
      font-weight: 600;
      text-align: center;
      padding: 17px 0; }
    #modal-messages .cm_set_message_price_block__btns-wrapper {
      display: flex; }
      #modal-messages .cm_set_message_price_block__btns-wrapper:before {
        content: "";
        position: absolute;
        width: 1px;
        left: 50%;
        top: 17px;
        bottom: 15px;
        background: rgba(124, 139, 150, 0.2); }
      #modal-messages .cm_set_message_price_block__btns-wrapper > * {
        font-size: 18px;
        flex: 1;
        text-align: center;
        padding: 25px 0; }
    #modal-messages .cm_set_message_price_block__close {
      position: absolute;
      right: 20px;
      top: 14px;
      z-index: 4;
      font-size: 20px;
      color: rgba(34, 43, 50, 0.4);
      transition: all 0.3s ease; }
      #modal-messages .cm_set_message_price_block__close:hover {
        color: #222b32; }
        .dark-scheme #modal-messages .cm_set_message_price_block__close:hover {
          color: white; }
      .dark-scheme #modal-messages .cm_set_message_price_block__close {
        color: rgba(255, 255, 255, 0.4); }
      #modal-messages .cm_set_message_price_block__close:before {
        content: "\e64a";
        font-family: "all-my-links";
        width: 1.1em;
        text-align: center; }
  #modal-messages .chat-message-price-apply {
    border: none;
    background: none; }
    #modal-messages .chat-message-price-apply[disabled] {
      opacity: .6; }
  #modal-messages .cm_attach_file_photo {
    position: relative;
    margin: -3px 5px 0 0;
    padding: 0;
    cursor: pointer;
    font-weight: normal; }
    #modal-messages .cm_attach_file_photo:before {
      content: "\e606";
      font-family: "all-my-links";
      display: block;
      font-size: 24px;
      width: 30px;
      height: 30px;
      text-align: center;
      color: rgba(146, 159, 169, 0.4);
      transition: all 0.3s ease; }
    input[disabled] + #modal-messages .cm_attach_file_photo, input.blueimp-fileupload-disabled + #modal-messages .cm_attach_file_photo {
      pointer-events: none;
      opacity: .2; }
  #modal-messages #new_chat_message_media_files {
    padding: 15px 15px 0 18px;
    margin-bottom: -15px; }
    #modal-messages #new_chat_message_media_files.shown {
      display: block; }
    #modal-messages #new_chat_message_media_files .make_post_thumb {
      display: inline-block;
      position: relative;
      vertical-align: top;
      max-width: 96px;
      max-height: 96px;
      min-height: 96px;
      border-radius: 10px;
      overflow: hidden;
      width: 96px;
      margin-right: 11px;
      margin-bottom: 17px; }
      #modal-messages #new_chat_message_media_files .make_post_thumb .loader {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -12px 0 0 -12px; }
      #modal-messages #new_chat_message_media_files .make_post_thumb.tpl {
        display: none; }
      #modal-messages #new_chat_message_media_files .make_post_thumb .thumb_del {
        position: absolute;
        right: 5px;
        top: 5px;
        background: #7c8b96;
        border-radius: 1000px;
        width: 14px;
        height: 14px;
        cursor: pointer; }
        #modal-messages #new_chat_message_media_files .make_post_thumb .thumb_del:before, #modal-messages #new_chat_message_media_files .make_post_thumb .thumb_del:after {
          content: "";
          background: #fff;
          border-radius: 1000px;
          height: 1.5px;
          width: 8px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%) rotate(45deg); }
        #modal-messages #new_chat_message_media_files .make_post_thumb .thumb_del:after {
          transform: translate(-50%, -50%) rotate(135deg); }
    #modal-messages #new_chat_message_media_files img {
      border-radius: 5px;
      vertical-align: top;
      width: 96px;
      height: 96px;
      object-fit: cover; }
  #modal-messages #cm_fileupload_photo {
    display: none; }
  #modal-messages .gifplayer-wrapper {
    height: auto;
    vertical-align: top; }
  #modal-messages .chat_message_media_video {
    height: 270px; }
  #modal-messages .nobody-to-chat {
    position: absolute;
    top: 46%;
    left: 20px;
    right: 20px;
    transform: translate(0, -50%);
    color: #263238;
    text-align: center;
    width: auto !important;
    max-width: 330px;
    font-size: 15px;
    font-weight: 600;
    margin: 0 auto;
    line-height: 30px; }
    .dark-scheme #modal-messages .nobody-to-chat {
      color: white; }
  #modal-messages .popup-menu {
    position: absolute;
    display: none !important;
    background: #fff;
    border-radius: 6px;
    z-index: 1001;
    color: #7c8b96;
    min-width: 160px;
    box-shadow: 0 0 0 1px rgba(124, 139, 150, 0.2), 0 10px 30px rgba(0, 0, 0, 0.15);
    max-width: none;
    text-align: left; }
    body.dark #modal-messages .popup-menu {
      background: gray; }
    #modal-messages .popup-menu-item {
      display: block;
      padding: 16px 20px;
      cursor: pointer;
      position: relative;
      transition: color .3s ease; }
      #modal-messages .popup-menu-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 20px;
        height: 1px;
        background: rgba(124, 139, 150, 0.2); }
      #modal-messages .popup-menu-item:first-child {
        padding-top: 15px; }
        #modal-messages .popup-menu-item:first-child:before {
          content: none; }
      #modal-messages .popup-menu-item:hover {
        color: #000; }
        body.dark #modal-messages .popup-menu-item:hover {
          color: #fff; }
      #modal-messages .popup-menu-item.has-children {
        display: flex;
        justify-content: space-between;
        align-items: center;
        white-space: nowrap;
        padding-right: 30px; }
        #modal-messages .popup-menu-item.has-children:after {
          position: absolute;
          right: 10px;
          top: 50%;
          line-height: 0;
          font-family: project;
          content: "\E613";
          font-size: 12px; }
      #modal-messages .popup-menu-item__value {
        margin-left: 30px;
        color: #000; }
        body.dark #modal-messages .popup-menu-item__value {
          color: #fff; }
      #modal-messages .popup-menu-item__sub-title {
        position: relative;
        display: block;
        padding: 16px 20px 16px 30px; }
        #modal-messages .popup-menu-item__sub-title:before {
          content: "";
          position: absolute;
          bottom: -1px;
          width: 20px;
          right: 0;
          height: 1px;
          background: rgba(124, 139, 150, 0.2); }
        #modal-messages .popup-menu-item__sub-title:after {
          position: absolute;
          left: 10px;
          top: 50%;
          line-height: 0;
          font-family: project;
          content: "\E612";
          font-size: 12px; }
    #modal-messages .popup-menu.shown {
      display: block !important; }
    #modal-messages .popup-menu:before {
      content: "";
      position: absolute;
      left: 18px;
      top: -8px;
      width: 16px;
      height: 16px;
      background: inherit;
      border-left: 1px solid rgba(124, 139, 150, 0.2);
      border-top: 1px solid rgba(124, 139, 150, 0.2);
      transform: rotate(45deg); }
    #modal-messages .popup-menu.right:before {
      left: auto;
      right: 18px; }
    #modal-messages .popup-menu.bottom:before {
      top: auto;
      bottom: -8px;
      transform: rotate(-135deg); }
    #modal-messages .popup-menu__sub {
      display: none;
      position: absolute;
      top: 0;
      left: 100%;
      min-width: 100%;
      overflow: hidden; }
    #modal-messages .popup-menu__inner {
      overflow: hidden;
      position: relative; }
  .dark-scheme #modal-messages .chat-body-header .dropdown-menu .dropdown-menu-item:hover {
    color: white; }
  #modal-messages .dropdown-menu {
    position: absolute;
    left: -205px;
    top: 40px;
    margin-right: -20px;
    z-index: 1001; }
    #modal-messages .dropdown-menu .dropdown i {
      position: relative;
      left: -8px; }
    .dark-scheme #modal-messages .dropdown-menu-item:hover {
      color: white; }
    #modal-messages .dropdown-menu-item.has-children {
      display: flex;
      justify-content: space-between;
      align-items: center;
      white-space: nowrap;
      padding-right: 30px; }
      #modal-messages .dropdown-menu-item.has-children:after {
        position: absolute;
        right: 10px;
        top: 50%;
        line-height: 0;
        font-family: project;
        content: "\E613";
        font-size: 12px; }
    #modal-messages .dropdown-menu-item__value {
      margin-left: 30px;
      color: #000; }
      body.dark #modal-messages .dropdown-menu-item__value {
        color: #fff; }
    #modal-messages .dropdown-menu-item__sub-title {
      position: relative;
      display: block;
      padding: 16px 20px 16px 30px; }
      #modal-messages .dropdown-menu-item__sub-title:before {
        content: "";
        position: absolute;
        bottom: -1px;
        width: 20px;
        right: 0;
        height: 1px;
        background: rgba(124, 139, 150, 0.2); }
      #modal-messages .dropdown-menu-item__sub-title:after {
        position: absolute;
        left: 10px;
        top: 50%;
        line-height: 0;
        font-family: project;
        content: "\E612";
        font-size: 12px; }
    #modal-messages .dropdown-menu.shown {
      display: block !important; }
    #modal-messages .dropdown-menu:before {
      content: "";
      position: absolute;
      left: 212px;
      top: -8px;
      width: 16px;
      height: 16px;
      background: inherit;
      border: none;
      transform: rotate(45deg); }
    #modal-messages .dropdown-menu.right:before {
      left: auto;
      right: 18px; }
    #modal-messages .dropdown-menu.bottom:before {
      top: auto;
      bottom: -8px;
      transform: rotate(-135deg); }
    #modal-messages .dropdown-menu__sub {
      display: none;
      position: absolute;
      top: 0;
      left: 100%;
      min-width: 100%;
      overflow: hidden; }
    #modal-messages .dropdown-menu__inner {
      overflow: hidden;
      position: relative; }

.nicescroll-cursors {
  cursor: pointer;
  background-color: rgba(124, 139, 150, 0.5) !important; }
  .nicescroll-cursors:hover {
    background-color: rgba(124, 139, 150, 0.7) !important; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }
.featherlight.featherlight-loading .featherlight-close-icon {
  left: 50%;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0; }
  .featherlight.featherlight-loading .featherlight-close-icon:before {
    content: "\e663";
    animation: rotate 2s linear infinite; }
.featherlight .featherlight-close-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  min-width: 0;
  text-indent: 100px;
  overflow: hidden;
  width: 25px;
  height: 25px;
  background-color: transparent !important; }
  .featherlight .featherlight-close-icon:hover:before {
    color: #222b32; }
    .dark-scheme .featherlight .featherlight-close-icon:hover:before {
      color: white; }
  .featherlight .featherlight-close-icon:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 24px;
    line-height: 25px;
    text-indent: 0;
    font-family: "all-my-links";
    content: "\e64a";
    color: rgba(34, 43, 50, 0.4); }
    .dark-scheme .featherlight .featherlight-close-icon:before {
      color: rgba(255, 255, 255, 0.4); }
.featherlight .featherlight-content {
  border-radius: 6px;
  background-color: white;
  overflow: hidden;
  padding: 25px !important;
  border-bottom: none !important; }
  .dark-scheme .featherlight .featherlight-content {
    background-color: #222b32; }

.message-index-page .row-main-content {
  position: relative; }
.message-index-page .main-content {
  width: 100%; }

.list-tab {
  height: 100%; }

.chat-unread-msg {
  margin-left: auto;
  border-radius: 50%;
  padding: 2px 4px;
  font-size: 11px;
  color: white;
  text-align: center;
  min-width: 18px; }

.nobody-to-chat-header {
  font-size: 15px;
  font-weight: 600;
  color: #263238;
  position: relative;
  top: 2px;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center; }

.new-message-btn-chat {
  display: block;
  padding: 8px 15px;
  max-width: 140px;
  border-radius: 18px;
  margin: 20px auto 0;
  border-width: 2px;
  border-style: solid; }

.chat-online-indicator {
  display: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  z-index: 9999;
  box-sizing: content-box;
  border: 2px solid white;
  background-clip: padding-box;
  right: 2px; }

.online_status.online .chat-online-indicator {
  display: block; }

#modal-messages .new-chat-tab h3.modal-title {
  padding: 14px 20px 14px 59px;
  display: block; }
  @media (max-width: 768px) {
    #modal-messages .new-chat-tab h3.modal-title {
      text-align: left; } }
@media (max-width: 991px) {
  #modal-messages .cm_message_block.hidden {
    display: block !important; } }
#modal-messages .cm_send_tip_block {
  display: flex;
  align-items: center;
  width: 100%; }
  @media (max-width: 991px) {
    #modal-messages .cm_send_tip_block {
      margin-top: 10px; } }
  #modal-messages .cm_send_tip_block__cancel {
    height: 30px;
    background-color: rgba(146, 159, 169, 0.6);
    font-size: 15px;
    color: white;
    max-width: 90px;
    width: 100%;
    padding: 0;
    text-align: center; }
    @media (max-width: 768px) {
      #modal-messages .cm_send_tip_block__cancel {
        max-width: 80px; } }
    #modal-messages .cm_send_tip_block__cancel:hover {
      background-color: #929fa9; }
  #modal-messages .cm_send_tip_block__amount {
    width: 100%;
    margin: 0 15px;
    border-radius: 1000px;
    padding: 0 15px;
    height: 30px; }
  #modal-messages .cm_send_tip_block__endorse {
    opacity: 1;
    height: 30px;
    font-size: 15px;
    color: white;
    max-width: 90px;
    width: 100%;
    padding: 0;
    text-align: center;
    transition: all .3s;
    cursor: pointer; }
    #modal-messages .cm_send_tip_block__endorse[disabled] {
      opacity: .6; }
    @media (max-width: 768px) {
      #modal-messages .cm_send_tip_block__endorse {
        max-width: 80px; } }
#modal-messages .chat-message-price-cancel {
  height: 30px;
  background-color: rgba(146, 159, 169, 0.6);
  font-size: 15px;
  color: white;
  max-width: 90px;
  width: 100%;
  padding: 0;
  text-align: center; }
  #modal-messages .chat-message-price-cancel:hover {
    background-color: #929fa9; }
  @media (max-width: 768px) {
    #modal-messages .chat-message-price-cancel {
      max-width: 80px; } }
#modal-messages .chat-message-price-apply {
  opacity: 1;
  height: 30px;
  font-size: 15px;
  color: white;
  max-width: 90px;
  width: 100%;
  padding: 0;
  text-align: center;
  transition: all .3s;
  cursor: pointer; }
  @media (max-width: 768px) {
    #modal-messages .chat-message-price-apply {
      max-width: 80px; } }

.timestamp-wrapper {
  display: flex;
  align-items: center;
  position: relative; }
  .timestamp-wrapper .purchase_status {
    position: absolute;
    top: 1px;
    left: calc(100% + 5px);
    white-space: nowrap; }
    .chat_message_from_me .timestamp-wrapper .purchase_status {
      left: auto;
      right: 100%; }

.new-msg__search-icon {
  color: rgba(146, 159, 169, 0.3); }

.chat_message img {
  border-radius: 50%; }
.chat_message a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.chat_message.chat_message_from_me a {
  color: white; }
.chat_message.chat_message_from_me.type-link-message .msg_body {
  position: relative; }
  .chat_message.chat_message_from_me.type-link-message .msg_body:before {
    content: "\e647";
    font-family: "all-my-links";
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%); }
.chat_message.chat_message_from_me.type-tip .msg_body {
  position: relative; }
  .chat_message.chat_message_from_me.type-tip .msg_body:after {
    position: absolute;
    font-family: "all-my-links";
    content: "\e655";
    font-size: 24px;
    line-height: 1em;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    color: rgba(146, 159, 169, 0.4); }
.chat_message.chat_message_from_notme {
  padding-left: 34px; }
  .chat_message.chat_message_from_notme .chat_message_price {
    color: rgba(146, 159, 169, 0.6); }
  .chat_message.chat_message_from_notme .purchase_status {
    order: 2;
    margin-right: 0;
    margin-left: 10px; }
  .chat_message.chat_message_from_notme.type-tip .msg_body:after {
    position: absolute;
    font-family: "all-my-links";
    content: "\e655";
    font-size: 24px;
    line-height: 1em;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
    color: rgba(146, 159, 169, 0.4); }
  .chat_message.chat_message_from_notme a {
    color: #263238; }
    .dark-scheme .chat_message.chat_message_from_notme a {
      color: white; }
  .chat_message.chat_message_from_notme.type-link-message .msg_body {
    position: relative; }
    .chat_message.chat_message_from_notme.type-link-message .msg_body:before {
      content: "\e647";
      font-family: "all-my-links";
      font-size: 24px;
      position: absolute;
      top: 50%;
      right: -30px;
      transform: translateY(-50%);
      color: rgba(146, 159, 169, 0.4); }
.chat_message__body-wrapper {
  width: 270px;
  text-align: left; }
  @media (max-width: 479px) {
    .chat_message__body-wrapper {
      width: 200px; } }
.chat_message_link {
  display: flex;
  align-items: center;
  font-weight: 600;
  margin-bottom: 10px; }
  .chat_message_link > img {
    margin-right: 10px; }
.chat_message_price {
  margin-left: auto; }
.chat_message.type-link-message .purchase_status {
  font-weight: 600; }
.chat_message_text {
  line-height: 20px; }

.message-user-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: absolute;
  left: -34px;
  top: 50%;
  transform: translateY(-50%); }

#modal-messages .chat_messages_list .chat_message_from_notme.first .msg_body_main .avatar-msg {
  display: block; }
#modal-messages .chat_messages_list .chat_message_from_notme.simple .msg_body_main .avatar-msg {
  display: block; }
#modal-messages .chat_messages_list .chat_message_from_notme.first.last.simple .msg_body_main .avatar-msg {
  display: block; }
#modal-messages .chat_messages_list .chat_message_from_notme.last.simple .msg_body_main .avatar-msg {
  display: block; }
#modal-messages .chat_messages_list .chat_message_from_notme.first.simple .msg_body_main .avatar-msg {
  display: none; }
#modal-messages .chat_messages_list .chat_message_from_notme.first ~ .simple .msg_body_main .avatar-msg {
  display: none; }
#modal-messages .chat_messages_list .chat_message_from_notme.first ~ .simple.last .msg_body_main .avatar-msg {
  display: block; }
#modal-messages .chat_messages_list .chat_message_from_notme.not-simple .msg_body_main .avatar-msg {
  display: none; }
#modal-messages .chat_messages_list .chat_message_from_notme.not-simple .msg_body_main:last-child .avatar-msg {
  display: block; }
#modal-messages .chat_messages_list .chat_message_from_notme.first.simple .msg_body_main {
  border-top-left-radius: 15px; }
#modal-messages .chat_messages_list .chat_message_from_notme .msg_body_media img,
#modal-messages .chat_messages_list .chat_message_from_notme .msg_body_media .jwplayer {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
#modal-messages .chat_messages_list .chat_message_from_notme + .chat_message_from_notme .msg_body {
  border-top-left-radius: 0; }
#modal-messages .chat_messages_list .chat_message_from_notme + .chat_message_from_notme .msg_body_media.first.last .img-message img,
#modal-messages .chat_messages_list .chat_message_from_notme + .chat_message_from_notme .msg_body_media.first.last .jwplayer {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
#modal-messages .chat_messages_list .chat_message_from_notme .msg_body_media ~ .msg_body_media .avatar-msg {
  display: none; }
#modal-messages .chat_messages_list .chat_message_from_notme.first.not-simple .msg_body_media.last .avatar-msg {
  display: none; }
#modal-messages .chat_messages_list .chat_message_from_notme.first.last.not-simple .msg_body_media.last .avatar-msg {
  display: block; }
#modal-messages .chat_messages_list .chat_message_from_notme .msg_body + .msg_body_media.first .img-message img,
#modal-messages .chat_messages_list .chat_message_from_notme .msg_body + .msg_body_media.first .jwplayer {
  border-top-left-radius: 0;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px; }
#modal-messages .chat_messages_list .chat_message_from_notme .msg_body_media.first .avatar-msg {
  display: none; }
#modal-messages .chat_messages_list .chat_message_from_notme .msg_body_media.first .img-message img,
#modal-messages .chat_messages_list .chat_message_from_notme .msg_body_media.first .jwplayer {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 0; }
#modal-messages .chat_messages_list .chat_message_from_notme .msg_body_media.last .avatar-msg {
  display: block; }
#modal-messages .chat_messages_list .chat_message_from_notme .msg_body_media.last .img-message img,
#modal-messages .chat_messages_list .chat_message_from_notme .msg_body_media.last .jwplayer {
  border-top-left-radius: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 0; }
#modal-messages .chat_messages_list .chat_message_from_notme .msg_body_media.first.last .img-message img,
#modal-messages .chat_messages_list .chat_message_from_notme .msg_body_media.first.last .jwplayer {
  border-bottom-left-radius: 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px; }
#modal-messages .chat_messages_list .msg_body_media ~ .msg_body_media .avatar-msg {
  display: none; }
#modal-messages .chat_messages_list .chat_message_from_me + .chat_message_from_me .msg_body_media.first.last .img-message img,
#modal-messages .chat_messages_list .chat_message_from_me + .chat_message_from_me .msg_body_media.first.last .jwplayer {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
#modal-messages .chat_messages_list .chat_message_from_me.last + .chat_message_from_me.first .msg_body {
  border-top-right-radius: 15px; }
#modal-messages .chat_messages_list .chat_message_from_me.last + .chat_message_from_me.first .msg_body_media.first.last .img-message img,
#modal-messages .chat_messages_list .chat_message_from_me.last + .chat_message_from_me.first .msg_body_media.first.last .jwplayer {
  border-top-right-radius: 15px; }
#modal-messages .chat_messages_list .chat_message_from_me.not-simple .msg_body + .msg_body_media.first .img-message img,
#modal-messages .chat_messages_list .chat_message_from_me.not-simple .msg_body + .msg_body_media.first .jwplayer {
  border-top-right-radius: 0; }
#modal-messages .chat_messages_list .chat_message_from_me .msg_body + .msg_body .avatar-msg {
  display: none; }
#modal-messages .chat_messages_list .chat_message_from_me .msg_body:last-child .avatar-msg {
  display: block; }
#modal-messages .chat_messages_list .chat_message_from_me .msg_body_media.first .avatar-msg {
  display: none; }
#modal-messages .chat_messages_list .chat_message_from_me .msg_body_media.first .img-message img,
#modal-messages .chat_messages_list .chat_message_from_me .msg_body_media.first .jwplayer {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 0; }
#modal-messages .chat_messages_list .chat_message_from_me .msg_body_media.last .avatar-msg {
  display: block; }
#modal-messages .chat_messages_list .chat_message_from_me .msg_body_media.last .img-message img,
#modal-messages .chat_messages_list .chat_message_from_me .msg_body_media.last .jwplayer {
  border-top-right-radius: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 0; }
#modal-messages .chat_messages_list .chat_message_from_me .msg_body_media.first.last .img-message img,
#modal-messages .chat_messages_list .chat_message_from_me .msg_body_media.first.last .jwplayer {
  border-bottom-right-radius: 0;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px; }

@keyframes fadeInBox {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.nobody-following-mob,
.nobody-following {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
  font-size: 17px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  color: rgba(146, 159, 169, 0.6);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInBox;
  animation-name: fadeInBox;
  display: none; }

@media (min-width: 767px) {
  .have-not-chats .nobody-following {
    display: block; } }
@media (max-width: 767px) {
  .contacts-tab .have-not-chats .nobody-following {
    display: block; } }

@media (max-width: 767px) {
  .have-not-chats .nobody-following-mob {
    display: block; } }
@media (max-width: 767px) {
  .contacts-tab .have-not-chats .nobody-following-mob {
    display: none; } }

/*
* Profile page styles
*/
.profile-index-page .profile-info.profile-page br {
  display: none; }

@media (max-width: 991px) {
  .under-navbar-scroll .profile-username a,
  .under-navbar-scroll .profile-usertag a {
    color: #fefefe; }
    .under-navbar-scroll .profile-username a i,
    .under-navbar-scroll .profile-usertag a i {
      position: static; }
  .under-navbar-scroll .profile-username btn.btn-link.modal-trigger,
  .under-navbar-scroll .profile-usertag btn.btn-link.modal-trigger {
    display: none; } }
@media (max-width: 767px) {
  .under-navbar-scroll .profile-username, .under-navbar-scroll .profile-usertag {
    color: #263238; } }
@media (max-width: 767px) {
  .under-navbar-scroll.dark-scheme .profile-username, .under-navbar-scroll.dark-scheme .profile-usertag {
    color: white; } }

.profile-panel {
  margin-top: -70px; }
  @media (max-width: 767px) {
    .profile-panel {
      margin-top: -37px;
      margin-left: 10px;
      margin-right: 10px;
      background-color: white; }
      .dark-scheme .profile-panel {
        background-color: #263238; }
      .site-index-page .profile-panel {
        margin-top: -15px; } }
  @media (max-width: 600px) {
    .profile-panel {
      margin-left: 0;
      margin-right: 0; } }
  @media (max-width: 991px) {
    .profile-panel .container {
      padding: 0;
      width: auto; } }
  .profile-panel__fixed-panel {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: -44px;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 99;
    padding: 10px 50px 10px 40px;
    transition: all 0.3s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
    @media (min-width: 991px) {
      .profile-panel__fixed-panel {
        display: none; } }
    .profile-panel__fixed-panel .profile-info {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .profile-panel__fixed-panel .profile-info a {
        display: contents;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .profile-index-page.under-navbar-scroll .profile-panel__fixed-panel {
      visibility: visible;
      opacity: 1;
      top: 0; }
    .profile-index-page.under-navbar-scroll.dark-scheme .profile-panel__fixed-panel {
      background-color: #263238; }
    .profile-panel__fixed-panel .profile-info a .all-my-icon-i60:before {
      font-size: 15px;
      line-height: 20px; }
      .under-navbar-scroll .profile-panel__fixed-panel .profile-info a .all-my-icon-i60:before {
        font-size: 15px;
        line-height: 20px; }
    @media (max-width: 991px) {
      .profile-panel__fixed-panel .profile-info .profile-username, .profile-panel__fixed-panel .profile-info .profile-usertag {
        display: inline-block; }
        .guest-role .profile-panel__fixed-panel .profile-info .profile-username,
        .guest-role .profile-panel__fixed-panel .profile-info .profile-usertag {
          display: inline-block; } }
    .profile-panel__fixed-panel .profile-username,
    .profile-panel__fixed-panel .profile-usertag {
      color: #263238;
      font-size: 15px;
      line-height: 20px; }
      @media (max-width: 991px) {
        .profile-panel__fixed-panel .profile-username,
        .profile-panel__fixed-panel .profile-usertag {
          display: inline-block;
          color: #fefefe;
          max-width: calc(50% - 5px);
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; } }
      @media (max-width: 767px) {
        .profile-panel__fixed-panel .profile-username,
        .profile-panel__fixed-panel .profile-usertag {
          color: #263238; } }
    .profile-panel__fixed-panel br {
      display: none; }
  .profile-panel__bg {
    height: 200px; }
    @media (max-width: 991px) {
      .profile-panel__bg {
        height: 100px; } }
    @media (max-width: 767px) {
      .profile-panel__bg {
        background-color: white;
        position: relative; }
        .dark-scheme .profile-panel__bg {
          background-color: #263238; }
        .profile-panel__bg:after {
          display: none; } }
    .profile-scroll .profile-panel__bg {
      z-index: 11; }
    .profile-panel__bg:after {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      top: 0;
      height: 200px;
      z-index: -1; }
      @media (max-width: 991px) {
        .profile-panel__bg:after {
          height: 100px;
          display: block; } }
      @media (max-width: 767px) {
        .profile-panel__bg:after {
          z-index: 1; } }
      .profile-scroll .profile-panel__bg:after {
        position: fixed;
        top: -150px;
        left: 0;
        right: 0;
        z-index: 12; }
      .ready.guest-role .profile-panel__bg:after {
        left: 0;
        right: 0;
        margin-left: -25vw;
        margin-right: -25vw; }
    .profile-panel__bg:before {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      height: 100px;
      z-index: 0;
      content: "";
      background: linear-gradient(rgba(38, 50, 56, 0.4) 0%, transparent 90%) no-repeat; }
      @media (max-width: 991px) {
        .profile-panel__bg:before {
          height: 70px; } }
      @media (max-width: 767px) {
        .profile-panel__bg:before {
          display: none; } }
      @media (max-width: 991px) {
        .profile-panel__bg:before {
          position: absolute; } }
      .profile-scroll .profile-panel__bg:before {
        position: fixed;
        display: block;
        z-index: 13; }
  .profile-panel__inner-panel {
    position: relative;
    height: 60px;
    margin-bottom: 20px;
    padding: 12px 15px 12px 19px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    z-index: 12; }
    @media (max-width: 991px) {
      .profile-panel__inner-panel {
        padding: 12px 0; } }
    @media (max-width: 767px) {
      .profile-panel__inner-panel {
        height: auto;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 0;
        padding: 0 20px; }
        .guest .profile-panel__inner-panel {
          padding: 0 20px; } }
    @media (max-width: 600px) {
      .profile-panel__inner-panel {
        margin-bottom: 0; } }
    @media (min-width: 991px) {
      .profile-scroll .profile-panel__inner-panel {
        position: fixed;
        top: 50px;
        width: 960px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 100; } }
    @media (max-width: 991px) {
      .under-navbar-scroll .profile-panel__inner-panel {
        z-index: 100; } }
    .profile-panel__inner-panel .online_status {
      position: absolute;
      bottom: 70px;
      right: 10px;
      background-color: rgba(0, 0, 0, 0.15);
      border-radius: 15px;
      color: #fefefe;
      font-size: 13px;
      line-height: 18px;
      font-weight: 600;
      padding: 5px 15px;
      display: flex;
      transition: all 0.3s ease;
      visibility: visible;
      opacity: 1;
      z-index: 2; }
      .profile-panel__inner-panel .online_status > div:first-child {
        margin-right: 5px; }
      .profile-scroll .profile-panel__inner-panel .online_status {
        visibility: hidden;
        opacity: 0; }
      @media (max-width: 991px) {
        .under-navbar-scroll .profile-panel__inner-panel .online_status {
          bottom: 8px;
          right: 60px; } }
      @media (max-width: 600px) {
        .under-navbar-scroll .profile-panel__inner-panel .online_status {
          display: none; } }
      @media (max-width: 767px) {
        .profile-panel__inner-panel .online_status {
          bottom: auto;
          top: -40px;
          right: 15px; } }
      .profile-panel__inner-panel .online_status + .online_status {
        bottom: 70px; }
        .guest .profile-panel__inner-panel .online_status + .online_status {
          bottom: 105px; }
          @media (max-width: 767px) {
            .guest .profile-panel__inner-panel .online_status + .online_status {
              bottom: auto; } }
        @media (max-width: 767px) {
          .profile-panel__inner-panel .online_status + .online_status {
            bottom: auto;
            top: -88px;
            right: 50px; }
            .guest-role .profile-panel__inner-panel .online_status + .online_status {
              right: 15px; } }
    .profile-panel__inner-panel:after {
      position: absolute;
      content: "";
      right: -100%;
      left: -100%;
      top: 0;
      bottom: 0;
      background-color: white;
      z-index: -1; }
      .dark-scheme .profile-panel__inner-panel:after {
        background-color: #263238; }
      @media (max-width: 767px) {
        .profile-panel__inner-panel:after {
          bottom: -18px;
          top: 0;
          left: 0;
          right: 0; } }
    .profile-panel__inner-panel .profile-avatar {
      position: absolute;
      left: -4px;
      bottom: -4px;
      width: 166px;
      height: 166px;
      border: 4px solid white;
      border-radius: 50%;
      transition: all 0.3s ease; }
      @media (max-width: 991px) {
        .profile-panel__inner-panel .profile-avatar {
          width: 120px;
          height: 120px;
          border-width: 3px;
          left: 10px; } }
      @media (max-width: 767px) {
        .profile-panel__inner-panel .profile-avatar {
          bottom: auto;
          left: 20px;
          width: 84px;
          height: 84px;
          top: -44px;
          z-index: 100; }
          .guest .profile-panel__inner-panel .profile-avatar {
            left: 20px;
            width: 84px;
            height: 84px;
            top: -44px; } }
      .profile-panel__inner-panel .profile-avatar i {
        border-radius: 50%; }
      .dark-scheme .profile-panel__inner-panel .profile-avatar {
        border-color: #263238; }
      .profile-scroll .profile-panel__inner-panel .profile-avatar {
        border-width: 2px;
        width: 36px;
        height: 36px;
        bottom: 10px;
        left: 20px; }
    .profile-panel__inner-panel .edit-btn,
    .profile-panel__inner-panel .btn-follow {
      background-color: rgba(146, 159, 169, 0.6);
      color: white;
      font-weight: 600;
      font-size: 15px;
      line-height: 20px;
      min-height: 36px;
      min-width: 115px;
      border-radius: 18px;
      padding: 8px 13px 8px;
      margin-right: 19px; }
      @media (max-width: 767px) {
        .profile-panel__inner-panel .edit-btn,
        .profile-panel__inner-panel .btn-follow {
          margin-left: 51px;
          min-width: 152px;
          max-width: 250px;
          flex: 1 1 auto; } }
      @media (max-width: 480px) {
        .profile-panel__inner-panel .edit-btn,
        .profile-panel__inner-panel .btn-follow {
          margin-right: 0;
          min-width: 0;
          flex: 1 1 auto; } }
      .profile-panel__inner-panel .edit-btn:hover,
      .profile-panel__inner-panel .btn-follow:hover {
        color: white;
        background-color: #0086e6; }
      @media (max-width: 767px) {
        .profile-panel__inner-panel .edit-btn,
        .profile-panel__inner-panel .btn-follow {
          position: absolute;
          right: -5px;
          top: 15px;
          min-width: 100px; } }
      @media (max-width: 480px) {
        .profile-panel__inner-panel .edit-btn,
        .profile-panel__inner-panel .btn-follow {
          right: 15px; } }
    .profile-panel__inner-panel .edit-btn:hover {
      background-color: #929fa9; }
    .profile-panel__inner-panel .btn-follow {
      position: relative;
      background-color: transparent; }
      @media (max-width: 767px) {
        .profile-panel__inner-panel .btn-follow {
          position: absolute;
          right: 105px;
          top: 15px;
          min-width: 100px; } }
      @media (max-width: 480px) {
        .profile-panel__inner-panel .btn-follow {
          right: 125px; } }
      .profile-panel__inner-panel .btn-follow:hover {
        background-color: transparent; }
      .profile-panel__inner-panel .btn-follow.following {
        min-width: 36px; }
      .profile-panel__inner-panel .btn-follow .follow,
      .profile-panel__inner-panel .btn-follow .following {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 8px 13px 8px;
        border-radius: 18px;
        transition: all 0.3s ease; }
      .profile-panel__inner-panel .btn-follow .following {
        background-color: rgba(146, 159, 169, 0.6);
        width: 36px;
        min-width: 36px;
        height: 36px;
        text-indent: -110px;
        overflow: hidden;
        border-radius: 50%; }
        .profile-panel__inner-panel .btn-follow .following:after {
          position: absolute;
          font-family: "all-my-links";
          font-size: 24px;
          line-height: 35px;
          left: 0;
          top: 0;
          right: 2px;
          content: "\e883";
          text-indent: 0;
          color: white; }
        .profile-panel__inner-panel .btn-follow .following:hover {
          background-color: #929fa9; }
    .profile-panel__inner-panel .btn-follow + .btn-link + .btn-message {
      display: none; }
    .profile-panel__inner-panel .btn-follow.following + .btn-link + .btn-message {
      display: inline; }
    .profile-panel__inner-panel .btn-link {
      width: 36px;
      min-width: 36px;
      height: 36px;
      border-radius: 50%;
      padding: 0;
      background-color: #0086e6;
      color: white;
      text-align: center;
      margin-right: 20px; }
      .profile-panel__inner-panel .btn-link i, .profile-panel__inner-panel .btn-link i:before {
        line-height: 36px; }
      @media (max-width: 480px) {
        .profile-panel__inner-panel .btn-link {
          margin-right: 0;
          margin-left: 15px; } }
      .profile-panel__inner-panel .btn-link.active {
        background-color: rgba(146, 159, 169, 0.6); }
        .profile-panel__inner-panel .btn-link.active:hover {
          background-color: #929fa9; }
      .no-links .profile-panel__inner-panel .btn-link.toggle-btn {
        background-color: rgba(146, 159, 169, 0.2); }
      @media (max-width: 767px) {
        .profile-panel__inner-panel .btn-link.toggle-btn {
          position: absolute;
          top: 15px;
          right: 50px; } }
      @media (max-width: 480px) {
        .profile-panel__inner-panel .btn-link.toggle-btn {
          right: 70px; } }
      .profile-panel__inner-panel .btn-link.btn-message {
        width: auto;
        border-radius: 18px;
        font-weight: 600;
        padding: 0 15px;
        line-height: 34px; }
        .profile-panel__inner-panel .btn-link.btn-message i {
          display: none; }
        .no-links .profile-panel__inner-panel .btn-link.btn-message {
          background-color: rgba(146, 159, 169, 0.2); }
        @media (max-width: 767px) {
          .profile-panel__inner-panel .btn-link.btn-message {
            position: absolute;
            right: -5px;
            top: 15px;
            width: 36px;
            padding: 0; } }
        @media (max-width: 480px) {
          .profile-panel__inner-panel .btn-link.btn-message {
            right: 15px; } }
      .profile-panel__inner-panel .btn-link.btn-qr {
        background-color: transparent; }
        .profile-panel__inner-panel .btn-link.btn-qr i {
          position: relative;
          top: -2px; }
        @media (max-width: 767px) {
          .quest .profile-panel__inner-panel .btn-link.btn-qr {
            display: none; } }
        @media (max-width: 767px) {
          .profile-panel__inner-panel .btn-link.btn-qr {
            position: absolute;
            top: 60px;
            right: -5px; } }
        @media (max-width: 480px) {
          .profile-panel__inner-panel .btn-link.btn-qr {
            right: 15px; } }
      .profile-panel__inner-panel .btn-link.dropdown-toggle {
        margin-right: 0;
        min-width: 0; }
        .profile-panel__inner-panel .btn-link.dropdown-toggle:hover {
          color: #929fa9;
          background-color: transparent; }
      .profile-panel__inner-panel .btn-link.modal-trigger i.all-my-icon-i20:before {
        font-size: 28px;
        font-weight: 600; }
      .profile-panel__inner-panel .btn-link:hover {
        color: white;
        background-color: rgba(0, 134, 230, 0.6); }
    .profile-panel__inner-panel .back-btn {
      display: none;
      width: 24px;
      height: 24px;
      line-height: 24px;
      padding: 0;
      position: absolute;
      top: -90px;
      left: 15px;
      color: white;
      border-radius: 50%; }
      @media (max-width: 991px) {
        .profile-panel__inner-panel .back-btn {
          display: block;
          background-color: rgba(34, 42, 48, 0.2);
          border-radius: 50%;
          z-index: 1000; }
          .site-index-page.guest-role .profile-panel__inner-panel .back-btn {
            display: none; }
          .under-navbar-scroll .profile-panel__inner-panel .back-btn {
            background-color: transparent; } }
      @media (max-width: 767px) {
        .profile-panel__inner-panel .back-btn {
          top: -85px;
          left: 15px; } }
      @media (max-width: 767px) {
        .profile-panel__inner-panel .back-btn.external {
          height: 33px;
          background: url(/img/logo.svg) 0 0 no-repeat;
          background-size: 100%; }
          .profile-panel__inner-panel .back-btn.external i {
            display: none; } }
      @media (max-width: 991px) {
        .under-navbar-scroll .profile-panel__inner-panel .back-btn {
          position: fixed;
          left: 10px;
          top: 9px;
          z-index: 101;
          white-space: nowrap; } }
    @media (max-width: 991px) {
      .under-navbar-scroll .profile-panel__inner-panel .dropdown {
        position: fixed;
        right: 15px;
        top: 10px;
        z-index: 100; }
      .under-navbar-scroll .profile-panel__inner-panel .dropdown.open .dropdown-menu {
        right: 0; } }
    @media (max-width: 767px) {
      .under-navbar-scroll .profile-panel__inner-panel .dropdown.open .dropdown-menu {
        right: -7px; } }
    @media (min-width: 767px) {
      .profile-panel__inner-panel .dropdown.open button.btn-icon {
        color: #929fa9; } }
    .profile-panel__inner-panel button.btn-icon {
      position: relative;
      background-color: transparent;
      color: rgba(146, 159, 169, 0.6); }
      @media (max-width: 767px) {
        .profile-panel__inner-panel button.btn-icon {
          color: white; } }
      .profile-panel__inner-panel button.btn-icon i {
        line-height: 32px; }
    @media (max-width: 767px) {
      .profile-panel__inner-panel .dropdown {
        position: absolute;
        top: -86px;
        right: 15px;
        background-color: rgba(34, 42, 48, 0.2);
        width: 24px;
        height: 24px;
        border-radius: 50%;
        z-index: 1000; }
        .profile-panel__inner-panel .dropdown .btn-link {
          width: 24px;
          height: 24px;
          margin-left: 0; }
          .profile-panel__inner-panel .dropdown .btn-link i {
            line-height: 24px; }
            .profile-panel__inner-panel .dropdown .btn-link i:before {
              line-height: 24px; }
        .under-navbar-scroll .profile-panel__inner-panel .dropdown {
          position: fixed;
          right: 20px;
          top: 10px;
          z-index: 101;
          background-color: transparent; }
        /*.site-index-page.guest-role .profile-panel__inner-panel .dropdown, .guest-role .profile-panel__inner-panel .dropdown {
          display: none; }*/ }
    .profile-panel__inner-panel .dropdown-menu {
      margin: 0 -4px 0 0;
      left: auto;
      right: -2px; }
      @media (max-width: 767px) {
        .profile-panel__inner-panel .dropdown-menu {
          margin-right: -9px; }
          .under-navbar-scroll .profile-panel__inner-panel .dropdown-menu {
            right: 14px;
            margin-top: 0; } }
    @media (max-width: 767px) {
      .profile-panel__inner-panel .btn-follow + .btn-link {
        right: 0; } }
    @media (max-width: 480px) {
      .profile-panel__inner-panel .btn-follow + .btn-link {
        right: 15px; } }
    @media (max-width: 767px) {
      .profile-panel__inner-panel .btn-follow {
        right: 50px; }
        .guest-role .profile-panel__inner-panel .btn-follow {
          right: 0; } }
    @media (max-width: 480px) {
      .profile-panel__inner-panel .btn-follow {
        right: 65px; }
        .guest-role .profile-panel__inner-panel .btn-follow {
          right: 16px; } }
    @media (max-width: 767px) {
      .profile-panel__inner-panel .btn-follow.following {
        right: 97px; } }
    @media (max-width: 480px) {
      .profile-panel__inner-panel .btn-follow.following {
        right: 117px; } }
    @media (max-width: 767px) {
      .profile-panel__inner-panel .btn-follow.following + .btn-link {
        right: 45px; } }
    @media (max-width: 480px) {
      .profile-panel__inner-panel .btn-follow.following + .btn-link {
        right: 65px; } }
  .profile-panel__qr-btn {
    display: none;
    position: absolute;
    right: 10px; }
    @media (max-width: 767px) {
      .profile-panel__qr-btn {
        display: block; } }
  .profile-panel__ava-name {
    display: flex;
    flex: 1 1 auto;
    padding-left: 46px; }
    @media (max-width: 991px) {
      .profile-panel__ava-name {
        flex: 0 1 auto;
        padding-left: 0; } }
    @media (max-width: 767px) {
      .profile-panel__ava-name {
        flex: 1 1 100%;
        min-width: 100%;
        padding-bottom: 8px;
        padding-top: 40px; } }
    .profile-panel__ava-name .profile-info {
      flex: 1 1 auto;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
      text-align: left; }
      @media (max-width: 767px) {
        .profile-panel__ava-name .profile-info {
          opacity: 1;
          visibility: visible;
          padding: 4px 0 0;
          max-width: calc(100% - 100px); }
          .guest .profile-panel__ava-name .profile-info {
            max-width: calc(100% - 100px); }
          .profile-panel__ava-name .profile-info .profile-usertag {
            display: block; } }
      .profile-scroll .profile-panel__ava-name .profile-info {
        opacity: 1;
        visibility: visible; }

.profile-info .profile-usertag {
  display: block; }
  @media (min-width: 991px) {
    .under-navbar-scroll .profile-info .profile-usertag {
      display: block; } }

.wrap-inner + .container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  min-width: 480px; }
  .site-guest-checkout-page.guest-role .wrap-inner + .container, .site-start-sharing-page.guest-role .wrap-inner + .container, .site-start-sharing-page .wrap-inner + .container, .site-terms-page .wrap-inner + .container, .site-privacy-page .wrap-inner + .container, .subscription-following-page .wrap-inner + .container, .subscription-followers-page .wrap-inner + .container, .site-faq-page .wrap-inner + .container {
    position: static;
    transform: translateX(0); }
  @media (max-width: 600px) {
    .wrap-inner + .container {
      min-width: 100%;
      left: 0;
      right: 0;
      transform: translateX(0); } }

.site-guest-checkout-page .wrap {
  height: auto;
  min-height: 0; }

.site-guest-checkout-page.guest-role .wrap-inner {
  padding-bottom: 0;
  padding-top: 72px; }
  @media (max-width: 767px) {
    .site-guest-checkout-page.guest-role .wrap-inner {
      padding-top: 52px; } }
.site-start-sharing-page .wrap-inner {
  padding-bottom: 0;
  background-color: white; }
.site-start-sharing-page.dark-scheme .wrap-inner {
  background-color: #263238; }
.site-index-page.guest-role .wrap-inner {
  background-color: white; }
.site-index-page.guest-role.dark-scheme .wrap-inner {
  background-color: #222a30; }

body.site-terms-page, body.site-contact-page, body.site-privacy-page, body.site-request-password-reset-page, body.site-reset-password, body.site-error-page, body.site-start-sharing-page, body.site-welcome-page, body.site-reset-password-page, body.site-faq-page {
  background-color: white !important;
  background-image: none;
  font-size: 13px;
  line-height: 18px; }
  @media (max-width: 767px) {
    body.site-terms-page .content-part .container, body.site-contact-page .content-part .container, body.site-privacy-page .content-part .container, body.site-request-password-reset-page .content-part .container, body.site-reset-password .content-part .container, body.site-error-page .content-part .container, body.site-start-sharing-page .content-part .container, body.site-welcome-page .content-part .container, body.site-reset-password-page .content-part .container, body.site-faq-page .content-part .container {
      padding: 0 20px; } }
  @media (max-width: 767px) {
    body.site-terms-page .panel-body, body.site-contact-page .panel-body, body.site-privacy-page .panel-body, body.site-request-password-reset-page .panel-body, body.site-reset-password .panel-body, body.site-error-page .panel-body, body.site-start-sharing-page .panel-body, body.site-welcome-page .panel-body, body.site-reset-password-page .panel-body, body.site-faq-page .panel-body {
      padding: 0; } }
  body.site-terms-page:before, body.site-contact-page:before, body.site-privacy-page:before, body.site-request-password-reset-page:before, body.site-reset-password:before, body.site-error-page:before, body.site-start-sharing-page:before, body.site-welcome-page:before, body.site-reset-password-page:before, body.site-faq-page:before {
    filter: opacity(0%) blur(20px);
    background: white; }
  body.site-terms-page .navbar-default, body.site-contact-page .navbar-default, body.site-privacy-page .navbar-default, body.site-request-password-reset-page .navbar-default, body.site-reset-password .navbar-default, body.site-error-page .navbar-default, body.site-start-sharing-page .navbar-default, body.site-welcome-page .navbar-default, body.site-reset-password-page .navbar-default, body.site-faq-page .navbar-default {
    background-color: white; }
  body.site-terms-page.dark-scheme, body.site-contact-page.dark-scheme, body.site-privacy-page.dark-scheme, body.site-request-password-reset-page.dark-scheme, body.site-reset-password.dark-scheme, body.site-error-page.dark-scheme, body.site-start-sharing-page.dark-scheme, body.site-welcome-page.dark-scheme, body.site-reset-password-page.dark-scheme, body.site-faq-page.dark-scheme {
    background-color: #263238 !important; }
    body.site-terms-page.dark-scheme .navbar-default, body.site-contact-page.dark-scheme .navbar-default, body.site-privacy-page.dark-scheme .navbar-default, body.site-request-password-reset-page.dark-scheme .navbar-default, body.site-reset-password.dark-scheme .navbar-default, body.site-error-page.dark-scheme .navbar-default, body.site-start-sharing-page.dark-scheme .navbar-default, body.site-welcome-page.dark-scheme .navbar-default, body.site-reset-password-page.dark-scheme .navbar-default, body.site-faq-page.dark-scheme .navbar-default {
      background-color: #263238; }
    body.site-terms-page.dark-scheme:before, body.site-contact-page.dark-scheme:before, body.site-privacy-page.dark-scheme:before, body.site-request-password-reset-page.dark-scheme:before, body.site-reset-password.dark-scheme:before, body.site-error-page.dark-scheme:before, body.site-start-sharing-page.dark-scheme:before, body.site-welcome-page.dark-scheme:before, body.site-reset-password-page.dark-scheme:before, body.site-faq-page.dark-scheme:before {
      filter: opacity(0%) blur(20px);
      background: #263238; }
  body.site-terms-page .panel, body.site-contact-page .panel, body.site-privacy-page .panel, body.site-request-password-reset-page .panel, body.site-reset-password .panel, body.site-error-page .panel, body.site-start-sharing-page .panel, body.site-welcome-page .panel, body.site-reset-password-page .panel, body.site-faq-page .panel {
    overflow: hidden;
    box-shadow: none; }
  body.site-terms-page .panel-default, body.site-contact-page .panel-default, body.site-privacy-page .panel-default, body.site-request-password-reset-page .panel-default, body.site-reset-password .panel-default, body.site-error-page .panel-default, body.site-start-sharing-page .panel-default, body.site-welcome-page .panel-default, body.site-reset-password-page .panel-default, body.site-faq-page .panel-default {
    background: none; }
    .dark-scheme body.site-terms-page .panel-default, .dark-scheme body.site-contact-page .panel-default, .dark-scheme body.site-privacy-page .panel-default, .dark-scheme body.site-request-password-reset-page .panel-default, .dark-scheme body.site-reset-password .panel-default, .dark-scheme body.site-error-page .panel-default, .dark-scheme body.site-start-sharing-page .panel-default, .dark-scheme body.site-welcome-page .panel-default, .dark-scheme body.site-reset-password-page .panel-default, .dark-scheme body.site-faq-page .panel-default {
      background: none; }
body.site-terms-page h2, body.site-privacy-page h2 {
  margin-top: 0; }
body.site-terms-page h6, body.site-privacy-page h6 {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  padding-top: 26px; }
body.site-terms-page p, body.site-privacy-page p {
  text-align: justify; }
@media (min-width: 768px) {
  body.site-terms-page .panel-body {
    padding: 0 60px; } }
body.site-terms-page .panel-body .terms__text-wrap {
  padding-top: 30px; }
body.site-terms-page .panel-body .terms__secondary-list {
  margin-top: 10px; }
body.site-terms-page h6.h6 {
  margin-bottom: 12px; }
body.site-terms-page ol {
  -webkit-padding-start: 15px; }
  body.site-terms-page ol li {
    padding-left: 3px;
    margin-bottom: 10px; }
body.site-contact-page .wrap, body.site-privacy-page .wrap, body.site-terms-page .wrap {
  padding: 110px 0 0; }
  @media (min-width: 992px) {
    body.site-contact-page .wrap, body.site-privacy-page .wrap, body.site-terms-page .wrap {
      padding: 90px 0 0; } }
  body.site-contact-page .wrap-inner, body.site-privacy-page .wrap-inner, body.site-terms-page .wrap-inner {
    padding-top: 0; }
    @media (max-width: 992px) {
      body.site-contact-page .wrap-inner, body.site-privacy-page .wrap-inner, body.site-terms-page .wrap-inner {
        padding-top: 40px; } }
    @media (max-width: 600px) {
      body.site-contact-page .wrap-inner, body.site-privacy-page .wrap-inner, body.site-terms-page .wrap-inner {
        padding-top: 0; } }
@media (max-width: 991px) {
  body.site-contact-page.guest-role .wrap, body.site-privacy-page.guest-role .wrap, body.site-terms-page.guest-role .wrap {
    padding-top: 70px; } }
@media (min-width: 768px) {
  body.site-privacy-page .panel-body {
    padding: 0 60px; } }
body.site-privacy-page h2 {
  padding-bottom: 30px; }

.content-part {
  padding-bottom: 20px; }
  @media (max-width: 767px) and (min-width: 991px) {
    .content-part {
      padding: 20px 0; } }
  .site-guest-checkout-page .content-part {
    padding-bottom: 0; }
  @media (max-width: 768px) {
    .content-part.index-high {
      z-index: 1071; } }
  @media (max-width: 767px) {
    .content-part .container {
      margin: 0 auto;
      padding: 0;
      max-width: 600px; }
      .site-index-page .content-part .container {
        max-width: 100%; } }

@media (min-width: 768px) {
  .site-contact,
  .site-request-password-reset,
  .site-reset-password {
    padding-left: 0;
    padding-right: 0; } }
.site-contact h2,
.site-request-password-reset h2,
.site-reset-password h2 {
  line-height: 1;
  margin-top: 0;
  padding-left: 0; }
  @media (min-width: 768px) {
    .site-contact h2,
    .site-request-password-reset h2,
    .site-reset-password h2 {
      margin-left: 38px;
      padding-left: 2px; } }
.site-contact__title-text,
.site-request-password-reset__title-text,
.site-reset-password__title-text {
  font-size: 15px;
  line-height: 28px;
  margin-top: 13px; }
  @media (min-width: 768px) {
    .site-contact__title-text,
    .site-request-password-reset__title-text,
    .site-reset-password__title-text {
      margin-left: 41px;
      margin-right: 50px;
      margin-top: 33px; } }
.site-contact input.form-control,
.site-request-password-reset input.form-control,
.site-reset-password input.form-control {
  height: 40px; }
  @media (min-width: 768px) {
    .site-contact input.form-control,
    .site-request-password-reset input.form-control,
    .site-reset-password input.form-control {
      width: 80%; } }
.site-contact .control-label,
.site-request-password-reset .control-label,
.site-reset-password .control-label {
  font-size: 15px;
  font-weight: 600; }
  @media (min-width: 768px) {
    .site-contact .control-label,
    .site-request-password-reset .control-label,
    .site-reset-password .control-label {
      float: left;
      width: 20%;
      padding-right: 20px;
      padding-top: 9px;
      text-align: right; } }
.site-contact .btn-primary,
.site-request-password-reset .btn-primary,
.site-reset-password .btn-primary {
  width: 100%;
  max-width: 260px;
  padding: 11px 0;
  margin-top: 15px;
  border-radius: 20px; }
  @media (min-width: 768px) {
    .site-contact .btn-primary,
    .site-request-password-reset .btn-primary,
    .site-reset-password .btn-primary {
      margin-left: 20%;
      width: 40%;
      margin-top: 0; } }
.site-contact .help-block,
.site-request-password-reset .help-block,
.site-reset-password .help-block {
  display: none; }
.site-contact #contact-form .help-block,
.site-contact #reset-password-form .help-block,
.site-contact #request-password-reset-form .help-block,
.site-request-password-reset #contact-form .help-block,
.site-request-password-reset #reset-password-form .help-block,
.site-request-password-reset #request-password-reset-form .help-block,
.site-reset-password #contact-form .help-block,
.site-reset-password #reset-password-form .help-block,
.site-reset-password #request-password-reset-form .help-block {
  position: absolute;
  left: 0;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 5px 3px;
  color: white;
  background: #263238;
  border-radius: 2px; }
  .site-contact #contact-form .help-block.help-block-error,
  .site-contact #reset-password-form .help-block.help-block-error,
  .site-contact #request-password-reset-form .help-block.help-block-error,
  .site-request-password-reset #contact-form .help-block.help-block-error,
  .site-request-password-reset #reset-password-form .help-block.help-block-error,
  .site-request-password-reset #request-password-reset-form .help-block.help-block-error,
  .site-reset-password #contact-form .help-block.help-block-error,
  .site-reset-password #reset-password-form .help-block.help-block-error,
  .site-reset-password #request-password-reset-form .help-block.help-block-error {
    background: #f44336; }
    .site-contact #contact-form .help-block.help-block-error:after,
    .site-contact #reset-password-form .help-block.help-block-error:after,
    .site-contact #request-password-reset-form .help-block.help-block-error:after,
    .site-request-password-reset #contact-form .help-block.help-block-error:after,
    .site-request-password-reset #reset-password-form .help-block.help-block-error:after,
    .site-request-password-reset #request-password-reset-form .help-block.help-block-error:after,
    .site-reset-password #contact-form .help-block.help-block-error:after,
    .site-reset-password #reset-password-form .help-block.help-block-error:after,
    .site-reset-password #request-password-reset-form .help-block.help-block-error:after {
      border-top-color: #f44336; }
  .site-contact #contact-form .help-block:after,
  .site-contact #reset-password-form .help-block:after,
  .site-contact #request-password-reset-form .help-block:after,
  .site-request-password-reset #contact-form .help-block:after,
  .site-request-password-reset #reset-password-form .help-block:after,
  .site-request-password-reset #request-password-reset-form .help-block:after,
  .site-reset-password #contact-form .help-block:after,
  .site-reset-password #reset-password-form .help-block:after,
  .site-reset-password #request-password-reset-form .help-block:after {
    position: absolute;
    bottom: -4px;
    left: auto;
    right: 10px;
    margin-left: 6px;
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #263238; }
    @media (min-width: 768px) {
      .site-contact #contact-form .help-block:after,
      .site-contact #reset-password-form .help-block:after,
      .site-contact #request-password-reset-form .help-block:after,
      .site-request-password-reset #contact-form .help-block:after,
      .site-request-password-reset #reset-password-form .help-block:after,
      .site-request-password-reset #request-password-reset-form .help-block:after,
      .site-reset-password #contact-form .help-block:after,
      .site-reset-password #reset-password-form .help-block:after,
      .site-reset-password #request-password-reset-form .help-block:after {
        left: 0;
        right: auto; } }
.site-contact #contact-form .form-group,
.site-contact #reset-password-form .form-group,
.site-contact #request-password-reset-form .form-group,
.site-request-password-reset #contact-form .form-group,
.site-request-password-reset #reset-password-form .form-group,
.site-request-password-reset #request-password-reset-form .form-group,
.site-reset-password #contact-form .form-group,
.site-reset-password #reset-password-form .form-group,
.site-reset-password #request-password-reset-form .form-group {
  position: relative; }
  .site-contact #contact-form .form-group .help-block.help-block-error,
  .site-contact #reset-password-form .form-group .help-block.help-block-error,
  .site-contact #request-password-reset-form .form-group .help-block.help-block-error,
  .site-request-password-reset #contact-form .form-group .help-block.help-block-error,
  .site-request-password-reset #reset-password-form .form-group .help-block.help-block-error,
  .site-request-password-reset #request-password-reset-form .form-group .help-block.help-block-error,
  .site-reset-password #contact-form .form-group .help-block.help-block-error,
  .site-reset-password #reset-password-form .form-group .help-block.help-block-error,
  .site-reset-password #request-password-reset-form .form-group .help-block.help-block-error {
    font-size: 11px;
    line-height: 16px; }
.site-contact #contact-form .has-error .help-block.help-block-error,
.site-contact #reset-password-form .has-error .help-block.help-block-error,
.site-contact #request-password-reset-form .has-error .help-block.help-block-error,
.site-request-password-reset #contact-form .has-error .help-block.help-block-error,
.site-request-password-reset #reset-password-form .has-error .help-block.help-block-error,
.site-request-password-reset #request-password-reset-form .has-error .help-block.help-block-error,
.site-reset-password #contact-form .has-error .help-block.help-block-error,
.site-reset-password #reset-password-form .has-error .help-block.help-block-error,
.site-reset-password #request-password-reset-form .has-error .help-block.help-block-error {
  display: block;
  top: -10px;
  left: auto;
  right: 6px; }
  @media (min-width: 768px) {
    .site-contact #contact-form .has-error .help-block.help-block-error,
    .site-contact #reset-password-form .has-error .help-block.help-block-error,
    .site-contact #request-password-reset-form .has-error .help-block.help-block-error,
    .site-request-password-reset #contact-form .has-error .help-block.help-block-error,
    .site-request-password-reset #reset-password-form .has-error .help-block.help-block-error,
    .site-request-password-reset #request-password-reset-form .has-error .help-block.help-block-error,
    .site-reset-password #contact-form .has-error .help-block.help-block-error,
    .site-reset-password #reset-password-form .has-error .help-block.help-block-error,
    .site-reset-password #request-password-reset-form .has-error .help-block.help-block-error {
      top: -35px;
      left: 22%;
      right: auto; } }

.site-contact .contact-form__wrap {
  margin-top: 21px; }
  @media (min-width: 768px) {
    .site-contact .contact-form__wrap {
      width: 453px;
      margin-left: 70px; } }
  @media (min-width: 992px) {
    .site-contact .contact-form__wrap {
      margin-left: 39px; } }
  @media (max-width: 1199px) {
    .site-contact .contact-form__wrap {
      padding-bottom: 50px; } }
.site-contact .form-group {
  margin-bottom: 10px; }
.site-contact textarea {
  resize: none; }
  .site-contact textarea.form-control {
    height: 160px; }
    @media (min-width: 768px) {
      .site-contact textarea.form-control {
        width: 80%; } }
.site-contact-page .wrap {
  padding-bottom: 65px;
  position: relative;
  height: auto; }
.site-contact-page .wrap-inner {
  min-height: auto;
  padding-bottom: 0; }
.site-contact-page .footer-wrapper__navbar {
  padding: 0 5px; }
  @media (max-width: 767px) {
    .site-contact-page .footer-wrapper__navbar {
      padding: 0 20px; } }
  .site-contact-page .footer-wrapper__navbar ul {
    width: 100%;
    justify-content: space-between;
    display: flex;
    margin: 0; }
    .site-contact-page .footer-wrapper__navbar ul > a {
      display: none; }
    .site-contact-page .footer-wrapper__navbar ul li a {
      padding: 10px 0; }

.cancel-search-btn {
  display: none; }

.title-page {
  font-size: 31px;
  line-height: 1.2em;
  font-weight: 400;
  color: rgba(146, 159, 169, 0.5); }

.additional-text {
  font-size: 21px;
  color: #263238; }
  .dark-scheme .additional-text {
    color: white; }
  .additional-text .btn {
    margin-left: 30px; }

.site-welcome {
  padding-top: 40px; }

.site-welcome-page .navbar-fixed-top {
  min-height: 50px;
  z-index: 999; }
.site-welcome-page .form-wrap {
  max-width: 400px;
  margin: 0 auto;
  text-align: center; }
  .site-welcome-page .form-wrap .form-group {
    position: relative; }
    .site-welcome-page .form-wrap .form-group .control-label {
      padding: 0;
      margin-bottom: 20px; }
    .site-welcome-page .form-wrap .form-group.field-user-username {
      padding-bottom: 28px; }
    .site-welcome-page .form-wrap .form-group .form-control {
      border-radius: 20px;
      padding: 5px 20px; }
      .site-welcome-page .form-wrap .form-group .form-control::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #929fa9; }
      .site-welcome-page .form-wrap .form-group .form-control::-moz-placeholder {
        /* Firefox 19+ */
        color: #929fa9; }
      .site-welcome-page .form-wrap .form-group .form-control:-ms-input-placeholder {
        /* IE 10+ */
        color: #929fa9; }
      .site-welcome-page .form-wrap .form-group .form-control:-moz-placeholder {
        /* Firefox 18- */
        color: #929fa9; }
.site-welcome-page #welcome-form .help-block {
  display: none;
  position: absolute;
  left: -100%;
  font-size: 11px;
  font-weight: 600;
  visibility: hidden;
  opacity: 0;
  padding: 2px 4px;
  color: white;
  background: #263238;
  border-radius: 2px; }
  .site-welcome-page #welcome-form .help-block.help-block-error {
    background: #f44336; }
    .site-welcome-page #welcome-form .help-block.help-block-error:after {
      border-top-color: #f44336; }
  .site-welcome-page #welcome-form .help-block:after {
    position: absolute;
    bottom: -4px;
    left: auto;
    right: 10px;
    margin-left: 6px;
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #263238; }
    @media (min-width: 768px) {
      .site-welcome-page #welcome-form .help-block:after {
        left: 0;
        right: auto; } }
.site-welcome-page #welcome-form .form-group {
  position: relative; }
  .site-welcome-page #welcome-form .form-group .help-block.help-block-error {
    font-size: 11px;
    line-height: 16px;
    visibility: visible;
    opacity: 1; }
  .site-welcome-page #welcome-form .form-group .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    font-size: 15px; }
.site-welcome-page #welcome-form .has-error .help-block.help-block-error {
  display: block;
  top: -10px;
  left: auto;
  right: 6px;
  visibility: visible;
  opacity: 1; }
  @media (min-width: 768px) {
    .site-welcome-page #welcome-form .has-error .help-block.help-block-error {
      top: -32px;
      left: 10px;
      right: auto; } }
.site-welcome-page .control-label + div {
  position: relative; }
.site-welcome-page .profile-page-url {
  position: absolute;
  bottom: 4px;
  left: 50%;
  white-space: nowrap;
  transform: translate(-50%, 0);
  color: rgba(146, 159, 169, 0.6); }

.about-section {
  text-align: left;
  font-size: 13px;
  line-height: 1.5em;
  padding: 10px 0; }
  .dark-scheme .about-section {
    color: white; }
  .qr-code-box .about-section {
    text-align: center;
    padding: 0;
    margin-top: -5px; }
  .about-section p {
    margin: 0; }
    .about-section p ~ p {
      margin: 12px 0 0; }
  .about-section__wrap-bot {
    display: flex;
    justify-content: space-between; }
    .about-section__wrap-bot > * {
      flex: 0 1 50%; }
    @media (max-width: 991px) {
      .about-section__wrap-bot .clearfix {
        display: none; } }
  .about-section__icon {
    line-height: 24px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .about-section__icon i {
      position: relative;
      color: rgba(38, 50, 56, 0.4);
      top: -2px;
      display: inline-block;
      margin: 0 6px 0 0;
      vertical-align: middle; }
      .dark-scheme .about-section__icon i {
        color: rgba(255, 255, 255, 0.4); }
  .about-section__birthday {
    padding-right: 5px; }
  .about-section__location {
    padding-left: 5px; }
  .about-section__birthday, .about-section__location {
    margin: 0;
    padding-top: 5px; }

.form-wrap .title-page {
  margin: 0 0 12px;
  font-size: 31px;
  margin-bottom: 30px;
  color: rgba(146, 159, 169, 0.6); }
  @media (max-width: 768px) {
    .form-wrap .title-page {
      font-size: 21px; } }
  @media (min-width: 768px) {
    .form-wrap .title-page {
      padding-left: 150px; }
      .site-welcome-page .form-wrap .title-page {
        padding-left: 0; } }
  .site-start-sharing .form-wrap .title-page {
    margin: 0 0 20px; }
.form-wrap .additional-text {
  margin-bottom: 18px; }
  .site-start-sharing-page .form-wrap .additional-text {
    margin-bottom: 30px; }
  @media (min-width: 768px) {
    .form-wrap .additional-text {
      padding-left: 150px; } }
.form-wrap .form-group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px; }
  .site-start-sharing-page .form-wrap .form-group {
    align-items: center;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .site-start-sharing-page .form-wrap .form-group {
        margin-bottom: 15px; } }
  .site-welcome-page .form-wrap .form-group {
    display: block; }
  .form-wrap .form-group.btn-block {
    flex-wrap: nowrap; }
  .form-wrap .form-group .control-label {
    flex: 0 1 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    padding-right: 20px;
    color: #263238; }
    .site-welcome-page .form-wrap .form-group .control-label {
      margin-bottom: 40px;
      font-size: 17px;
      text-align: center;
      line-height: 23px;
      max-width: 300px; }
    .site-start-sharing-page .form-wrap .form-group .control-label {
      margin-bottom: 0;
      font-size: 15px;
      font-weight: 600; }
      @media (max-width: 767px) {
        .site-start-sharing-page .form-wrap .form-group .control-label {
          margin-left: 10px; } }
    @media (min-width: 768px) {
      .form-wrap .form-group .control-label {
        flex: 0 1 150px;
        max-width: 150px;
        text-align: right; }
        .site-welcome-page .form-wrap .form-group .control-label {
          flex: 0 1 100%;
          padding: 0; } }
    .dark-scheme .form-wrap .form-group .control-label {
      color: white; }
  .form-wrap .form-group .form-control {
    flex: 1 1 100%;
    max-width: 100%;
    padding: 5px 20px; }
    .site-start-sharing-page .form-wrap .form-group .form-control {
      padding: 3px 20px; }
      @media (min-width: 768px) {
        .site-start-sharing-page .form-wrap .form-group .form-control {
          flex: 1 1 auto;
          max-width: 380px; } }
    @media (min-width: 768px) {
      .form-wrap .form-group .form-control {
        flex: 1 1 auto;
        max-width: 400px; } }
.form-wrap__button {
  padding-top: 12px; }
  @media (min-width: 768px) {
    .form-wrap__button {
      padding-left: 150px; }
      .site-welcome-page .form-wrap__button {
        padding-left: 0; } }

@media (max-width: 767px) {
  .site-request-password-reset,
  .site-reset-password {
    padding: 0 10px; } }
.site-request-password-reset__wrap,
.site-reset-password__wrap {
  margin-top: 10px; }
  @media (min-width: 768px) {
    .site-request-password-reset__wrap,
    .site-reset-password__wrap {
      width: 453px;
      margin-left: 12px;
      margin-top: 50px; } }
.site-request-password-reset .form-group,
.site-reset-password .form-group {
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .site-request-password-reset .form-group,
    .site-reset-password .form-group {
      margin-bottom: 25px; } }
.site-request-password-reset .row > div,
.site-reset-password .row > div {
  padding: 0; }

.site-error-page .wrap-inner {
  padding-top: 84px; }
@media (max-width: 991px) {
  .site-error-page.user-role .site-error__content {
    margin-top: 50px; } }
.site-error__content {
  padding: 0 20px;
  text-align: center; }
  .site-error__content h1 {
    font-size: 31px;
    margin: 10px 0; }
  .site-error__content h2 {
    font-size: 21px;
    margin-top: 17px;
    margin-bottom: 38px; }
    .site-error__content h2 + p {
      margin-bottom: 2px; }
.site-error .alert {
  padding: 10px 15px;
  margin-top: 25px;
  font-size: 15px;
  line-height: 28px; }
.site-error p {
  font-size: 15px;
  line-height: 28px; }
.site-error-page .wrap {
  min-height: calc(100vh - 65px);
  height: auto; }
.site-error-page .wrap-inner {
  min-height: auto;
  padding-bottom: 0; }
.site-error-page .footer-wrapper {
  max-width: 480px;
  margin: 0 auto; }
.site-error-page .footer-wrapper__navbar {
  padding: 0 5px; }
  @media (max-width: 768px) {
    .site-error-page .footer-wrapper__navbar {
      padding: 0 20px; } }
  .site-error-page .footer-wrapper__navbar ul {
    width: 100%;
    justify-content: space-between;
    display: flex;
    margin: 0; }
    .site-error-page .footer-wrapper__navbar ul > a {
      display: none; }
    .site-error-page .footer-wrapper__navbar ul li a {
      font-size: 11px;
      padding: 10px 0; }

.subscriptions-advanced-search-wrapper {
  padding: 7px 0 25px; }
  @media (max-width: 520px) {
    .subscriptions-advanced-search-wrapper {
      padding-bottom: 0; } }

.subscriptions-list .panel {
  margin-bottom: 0; }
.subscriptions-list__advanced-search {
  margin: 0 25px;
  position: relative; }
  @media (max-width: 520px) {
    .subscriptions-list__advanced-search {
      margin: 0 20px; } }
  @media (max-width: 520px) {
    .subscriptions-list__advanced-search.advanced-wrap {
      position: absolute;
      top: -80px;
      left: -21px;
      right: -21px;
      padding: 0 30px;
      background: white; }
      .dark-scheme .subscriptions-list__advanced-search.advanced-wrap {
        background: #263238; }
      .subscriptions-list__advanced-search.advanced-wrap .subscription-search {
        display: block;
        width: auto;
        padding-top: 15px; }
        .subscriptions-list__advanced-search.advanced-wrap .subscription-search .form-group {
          margin-right: 35px; } }
  @media (max-width: 520px) {
    .subscriptions-list__advanced-search.advanced-wrap > button {
      top: 13px;
      left: 25px; } }
  .subscriptions-list__advanced-search > button {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    transition: 0.3s ease color; }
    .subscriptions-list__advanced-search > button.btn {
      padding: 3px 2px 2px 12px;
      z-index: 1;
      min-width: 0;
      color: rgba(38, 50, 56, 0.2);
      border-radius: 30px;
      overflow: visible; }
      .dark-scheme .subscriptions-list__advanced-search > button.btn {
        color: rgba(255, 255, 255, 0.2); }
      .subscriptions-list__advanced-search > button.btn:hover {
        color: #0086e6; }
        .dark-scheme .subscriptions-list__advanced-search > button.btn:hover {
          color: #0086e6; }
    @media (max-width: 520px) {
      .subscriptions-list__advanced-search > button.btn[aria-expanded="true"] {
        padding-top: 5px; } }
    .subscriptions-list__advanced-search > button.btn[aria-expanded="true"]:after {
      content: " ";
      position: absolute;
      top: 10px;
      left: 9px;
      border: 15px solid transparent;
      border-bottom: 15px solid white;
      visibility: visible;
      pointer-events: none; }
      .dark-scheme .subscriptions-list__advanced-search > button.btn[aria-expanded="true"]:after {
        border-bottom-color: #263238; }
      @media (max-width: 520px) {
        .subscriptions-list__advanced-search > button.btn[aria-expanded="true"]:after {
          visibility: hidden; } }
  .subscriptions-list__advanced-search:hover > button.btn {
    color: #263238; }
    .dark-scheme .subscriptions-list__advanced-search:hover > button.btn {
      color: white; }
    .subscriptions-list__advanced-search:hover > button.btn:hover {
      color: #0086e6; }
      .dark-scheme .subscriptions-list__advanced-search:hover > button.btn:hover {
        color: #0086e6; }
  .subscriptions-list__advanced-search:hover .subscription-search .form-group button.btn-icon {
    color: #263238; }
    .dark-scheme .subscriptions-list__advanced-search:hover .subscription-search .form-group button.btn-icon {
      color: white; }
    .subscriptions-list__advanced-search:hover .subscription-search .form-group button.btn-icon:hover {
      color: #0086e6; }
      .dark-scheme .subscriptions-list__advanced-search:hover .subscription-search .form-group button.btn-icon:hover {
        color: #0086e6; }
  .subscriptions-list__advanced-search:hover .subscription-search .close-form {
    min-width: 0; }
    @media (max-width: 520px) {
      .subscriptions-list__advanced-search:hover .subscription-search .close-form {
        position: absolute;
        right: 10px;
        top: 8px; } }
  .subscriptions-list__advanced-search .subscription-search {
    border: 0;
    box-shadow: none;
    display: inline-block;
    margin: 0;
    width: 100%; }
    @media (min-width: 520px) {
      .subscriptions-list__advanced-search .subscription-search > span {
        display: none !important; } }
    .subscriptions-list__advanced-search .subscription-search > .form-group {
      position: relative;
      margin-bottom: 0; }
      .subscriptions-list__advanced-search .subscription-search > .form-group input[type="text"] {
        padding-right: 50px;
        padding-left: 45px;
        border-radius: 30px; }
        @media (min-width: 992px) {
          .subscriptions-list__advanced-search .subscription-search > .form-group input[type="text"] {
            max-width: 650px; } }
        .subscriptions-list__advanced-search .subscription-search > .form-group input[type="text"]::-moz-placeholder {
          color: rgba(0, 134, 230, 0.1);
          opacity: 1; }
        .subscriptions-list__advanced-search .subscription-search > .form-group input[type="text"]:-ms-input-placeholder {
          color: rgba(0, 134, 230, 0.1); }
        .subscriptions-list__advanced-search .subscription-search > .form-group input[type="text"]::-webkit-input-placeholder {
          color: rgba(0, 134, 230, 0.1); }
      .subscriptions-list__advanced-search .subscription-search > .form-group .btn-icon {
        padding: 0;
        position: absolute;
        top: 3px;
        right: 16px;
        font-size: 17px;
        line-height: 24px;
        width: 24px;
        height: 24px;
        color: rgba(38, 50, 56, 0.2);
        transition: all 0.3s ease; }
        .dark-scheme .subscriptions-list__advanced-search .subscription-search > .form-group .btn-icon {
          color: rgba(255, 255, 255, 0.2); }
.subscriptions-list .tab-content {
  margin-top: 20px; }

.subtitle-page {
  font-size: 18px;
  line-height: 25px;
  color: rgba(38, 50, 56, 0.3); }
  .dark-scheme .subtitle-page {
    color: rgba(255, 255, 255, 0.3); }
  @media (min-width: 767px) {
    .subtitle-page {
      line-height: 1.2em; } }

.btn-back {
  color: #929fa9;
  display: inline-block;
  position: relative;
  font-weight: 600;
  padding-left: 18px; }
  .btn-back:before {
    position: absolute;
    font-family: "all-my-links";
    font-size: 20px;
    line-height: 24px;
    left: 0;
    top: 50%;
    margin-top: -12px;
    content: "\e616";
    transition: all 0.3s ease; }

.site-faq-page.dark-scheme .tabs-wrapper-content__title,
.site-faq-page.dark-scheme .tabs-wrapper-faq .tabs-wrapper-faq__nav-block .nav-tabs li a {
  color: white; }
.site-faq-page .faq-titles {
  padding-top: 20px; }
.site-faq-page .title-page {
  color: #263238;
  font-weight: 400;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 18px; }
  @media (min-width: 992px) {
    .site-faq-page .title-page {
      margin-top: -4px; } }
@media (max-width: 767px) {
  .site-faq-page .faq-titles {
    margin-bottom: 28px; } }
.site-faq-page.dark-scheme .title-page {
  color: white; }
.site-faq-page .subtitle-page {
  margin: 0; }

.tabs-wrapper-faq {
  margin-top: 48px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 767px) {
    .tabs-wrapper-faq {
      display: flex;
      flex-direction: column;
      margin-top: 0;
      padding-bottom: 30px; } }
  .tabs-wrapper-faq .bottom-btn {
    position: absolute;
    bottom: 0;
    left: 0; }
  .tabs-wrapper-faq__title {
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 300;
    color: #263238; }
    .dark-scheme .tabs-wrapper-faq__title {
      color: white; }
  .tabs-wrapper-faq__text-box {
    display: flex;
    flex-direction: column;
    order: 3;
    padding-top: 40px; }
    @media (min-width: 767px) {
      .tabs-wrapper-faq__text-box {
        display: block;
        float: left;
        clear: left;
        padding-right: 5%;
        padding-top: 0;
        width: 310px; } }
    .tabs-wrapper-faq__text-box .subtitle-page {
      padding-bottom: 18px; }
      @media (max-width: 767px) {
        .tabs-wrapper-faq__text-box .subtitle-page {
          padding-bottom: 15px;
          padding-top: 5px; } }
  .tabs-wrapper-faq__text-block.is-guest {
    padding-bottom: 1.5em; }
    @media (min-width: 992px) {
      .tabs-wrapper-faq__text-block.is-guest {
        padding-bottom: 3.4em; } }
  .tabs-wrapper-faq__text-block p {
    font-size: 13px;
    line-height: 21px; }
    .tabs-wrapper-faq__text-block p a {
      font-weight: 600; }
  .tabs-wrapper-faq__text-block .btn-back {
    margin-top: 20px; }
  .tabs-wrapper-faq-content {
    flex: 1 1 auto;
    order: 2; }
    @media (min-width: 767px) {
      .tabs-wrapper-faq-content {
        overflow: hidden;
        padding-left: 8.2%; } }
  .tabs-wrapper-faq-content__title {
    font-size: 30px;
    line-height: 1.2em;
    color: #263238;
    margin: 0 0 30px; }
  .tabs-wrapper-faq__nav-block {
    order: 1; }
    @media (min-width: 767px) {
      .tabs-wrapper-faq__nav-block {
        float: left;
        width: 310px;
        margin-bottom: 45px; }
        .tabs-wrapper-faq__nav-block:after {
          position: absolute;
          top: 0;
          left: 310px;
          bottom: 0;
          content: "";
          width: 1px;
          background-color: rgba(146, 159, 169, 0.2); } }
    .tabs-wrapper-faq__nav-block .nav-tabs {
      border: none; }
      .tabs-wrapper-faq__nav-block .nav-tabs li {
        display: block;
        float: none;
        padding: 6px 0 5px; }
        .tabs-wrapper-faq__nav-block .nav-tabs li:first-child {
          padding-top: 0; }
        .tabs-wrapper-faq__nav-block .nav-tabs li.active a {
          font-weight: 600;
          color: #263238; }
          .dark-scheme .tabs-wrapper-faq__nav-block .nav-tabs li.active a {
            color: white; }
        .tabs-wrapper-faq__nav-block .nav-tabs li > a {
          padding: 6px 0;
          font-size: 15px;
          line-height: 18px;
          color: #263238;
          border: none;
          text-overflow: ellipsis;
          overflow: hidden; }
          .dark-scheme .tabs-wrapper-faq__nav-block .nav-tabs li > a {
            color: white; }
          @media (max-width: 767px) {
            .tabs-wrapper-faq__nav-block .nav-tabs li > a {
              font-size: 13px;
              font-weight: 600;
              border-bottom: 1px solid rgba(124, 139, 150, 0.4); }
              .tabs-wrapper-faq__nav-block .nav-tabs li > a:after {
                position: absolute;
                font-family: "all-my-links";
                font-size: 20px;
                line-height: 24px;
                right: 10px;
                top: 50%;
                margin-top: -12px;
                content: "\e617";
                transition: all 0.3s ease; } }
          .tabs-wrapper-faq__nav-block .nav-tabs li > a:hover, .tabs-wrapper-faq__nav-block .nav-tabs li > a:focus {
            background-color: transparent;
            border: none;
            color: #263238; }

.accordion-wrap {
  margin-top: -5px; }
  @media (max-width: 767px) {
    .accordion-wrap {
      margin-top: 0;
      padding-top: 20px; } }
  .accordion-wrap .card {
    padding-bottom: 20px; }
  .accordion-wrap .card-header h5 {
    position: relative;
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    padding-left: 22px;
    cursor: pointer;
    margin-bottom: 12px; }
    .accordion-wrap .card-header h5 span {
      display: block; }
      .accordion-wrap .card-header h5 span.collapsed:before {
        opacity: 1;
        visibility: visible; }
      .accordion-wrap .card-header h5 span.collapsed:after {
        visibility: hidden;
        opacity: 0; }
      .accordion-wrap .card-header h5 span:before, .accordion-wrap .card-header h5 span:after {
        position: absolute;
        font-family: "all-my-links";
        font-size: 20px;
        line-height: 24px;
        left: 0;
        top: -2px;
        transition: all 0.3s ease; }
      .accordion-wrap .card-header h5 span:after {
        content: "\e615";
        visibility: visible;
        opacity: 1; }
      .accordion-wrap .card-header h5 span:before {
        content: "\e614";
        opacity: 0;
        visibility: hidden; }
  .accordion-wrap .collapse.show[aria-expanded="false"] {
    display: none !important; }
  .accordion-wrap .card-body {
    font-size: 13px;
    line-height: 21px;
    color: #929fa9; }

@media (max-width: 991px) {
  .profile-bookmarks {
    margin-top: -27px; } }

.site-start-sharing-page .wrap {
  padding-bottom: 0; }
  @media (min-width: 1199px) {
    .site-start-sharing-page .wrap {
      padding-bottom: 65px; } }
@media (max-width: 767px) {
  .site-start-sharing-page form {
    padding: 0 5px; } }

.site-request-password-reset-page .wrap,
.site-privacy-page .wrap,
.site-contact-page .wrap,
.site-error-page .wrap,
.site-terms-page .wrap,
.subscription-following-page .wrap,
.subscription-followers-page .wrap,
.site-welcome-page .wrap {
  position: relative;
  padding-bottom: 65px;
  height: auto;
  overflow-x: hidden !important; }
.site-request-password-reset-page .wrap-inner,
.site-privacy-page .wrap-inner,
.site-contact-page .wrap-inner,
.site-error-page .wrap-inner,
.site-terms-page .wrap-inner,
.subscription-following-page .wrap-inner,
.subscription-followers-page .wrap-inner,
.site-welcome-page .wrap-inner {
  min-height: auto;
  padding-bottom: 0; }

.site-faq-page .wrap {
  display: flex;
  flex-direction: column;
  padding-bottom: 0; }
.site-faq-page .wrap-inner {
  flex-grow: 1;
  min-height: auto;
  overflow: visible; }
  @media (max-width: 767px) {
    .site-faq-page .wrap-inner {
      padding-bottom: 0; } }
.site-faq-page .footer-wrapper__navbar {
  padding: 0 5px; }
  @media (max-width: 767px) {
    .site-faq-page .footer-wrapper__navbar {
      padding: 0 10px; } }
  .site-faq-page .footer-wrapper__navbar ul {
    width: 100%;
    justify-content: space-between;
    display: flex;
    margin: 0; }
    .site-faq-page .footer-wrapper__navbar ul > a {
      display: none; }
    .site-faq-page .footer-wrapper__navbar ul li a {
      padding: 10px 0; }

.site-privacy-page .wrap {
  padding-bottom: 0; }

.subscription-following-page .wrap,
.subscription-followers-page .wrap {
  display: flex;
  flex-direction: column;
  padding-bottom: 0; }

.site-request-password-reset-page .wrap-inner {
  padding-top: 96px; }
.site-request-password-reset-page .content-part {
  max-width: 620px;
  margin: 0 auto; }
.site-request-password-reset-page h2,
.site-request-password-reset-page .site-request-password-reset__title-text {
  margin: 0;
  padding: 0; }
.site-request-password-reset-page h2 {
  margin-bottom: 32px;
  font-size: 31px; }
.site-request-password-reset-page #request-password-reset-form .has-error .help-block.help-block-error {
  left: 15px; }
  @media (max-width: 991px) {
    .site-request-password-reset-page #request-password-reset-form .has-error .help-block.help-block-error {
      left: auto;
      top: -32px; } }
.site-request-password-reset-page .btn-primary {
  margin-left: 0;
  border-radius: 20px;
  font-size: 15px;
  padding: 10px 0;
  max-width: 190px;
  width: 100%; }
.site-request-password-reset-page label {
  display: none; }
.site-request-password-reset-page .site-request-password-reset__wrap {
  margin: 0;
  max-width: 400px;
  width: 100%;
  margin-top: 42px; }
  @media (max-width: 991px) {
    .site-request-password-reset-page .site-request-password-reset__wrap {
      margin-top: 25px; } }
  .site-request-password-reset-page .site-request-password-reset__wrap .form-control {
    border-radius: 20px;
    width: 100%;
    padding: 0 20px;
    font-size: 15px; }
    .site-request-password-reset-page .site-request-password-reset__wrap .form-control::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #929fa9, 1; }
    .site-request-password-reset-page .site-request-password-reset__wrap .form-control::-moz-placeholder {
      /* Firefox 19+ */
      color: #929fa9, 1; }
    .site-request-password-reset-page .site-request-password-reset__wrap .form-control:-ms-input-placeholder {
      /* IE 10+ */
      color: #929fa9, 1; }
    .site-request-password-reset-page .site-request-password-reset__wrap .form-control:-moz-placeholder {
      /* Firefox 18- */
      color: #929fa9, 1; }

.site-faq-page .footer-wrapper,
.site-terms-page .footer-wrapper {
  max-width: 480px;
  width: 100%;
  margin: 0 auto; }
  .site-faq-page .footer-wrapper .navbar-nav > li > a,
  .site-terms-page .footer-wrapper .navbar-nav > li > a {
    font-size: 11px;
    font-weight: 600; }

@media (min-width: 767px) {
  .sharing-block {
    padding-left: 152px;
    position: static; } }
.sharing-block__inner {
  display: flex;
  width: 100%; }
  @media (max-width: 767px) {
    .sharing-block__inner .btn-primary {
      position: fixed;
      top: 3px;
      left: 50%;
      margin-left: 260px;
      z-index: 1001; } }
  @media (max-width: 600px) {
    .sharing-block__inner .btn-primary {
      margin-left: auto;
      left: auto;
      right: 10px; } }
  @media (max-width: 767px) {
    .sharing-block__inner .btn-cancel {
      position: fixed;
      top: 3px;
      right: 50%;
      margin-right: 270px;
      z-index: 1001; } }
  @media (max-width: 600px) {
    .sharing-block__inner .btn-cancel {
      right: auto;
      left: 10px;
      margin-right: auto; } }

.site-start-sharing-page .navbar-fixed-top {
  min-height: 50px;
  z-index: 999; }
@media (min-width: 767px) {
  .site-start-sharing-page .footer-wrapper {
    display: none; } }
@media (max-width: 767px) {
  .site-start-sharing-page .form-wrap .title-page,
  .site-start-sharing-page .form-wrap .additional-text {
    text-align: center; } }

@media (max-width: 767px) {
  .site-welcome-page #welcome-form .form-group.form-wrap__button {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: 225px;
    z-index: 1000;
    padding-top: 5px; } }
@media (max-width: 600px) {
  .site-welcome-page #welcome-form .form-group.form-wrap__button {
    margin-left: 0;
    left: auto;
    right: 15px; } }
.site-welcome-page #welcome-form .form-group.form-wrap__button .form-wrap__button-wrapper {
  max-width: 767px;
  margin: 0 auto; }
@media (max-width: 767px) {
  .site-welcome-page #welcome-form .form-group.form-wrap__button .btn-primary {
    float: right; } }
@media (max-width: 767px) {
  .site-welcome-page #welcome-form .form-group.form-wrap__button .btn {
    background-color: transparent;
    padding: 0;
    max-width: none;
    width: auto;
    border-radius: 0;
    margin: 0;
    flex: 0 1 auto;
    color: #2196f3; } }
@media (max-width: 767px) {
  .site-welcome-page #welcome-form .form-group.form-wrap__button .btn.btn-cancel {
    width: 30px;
    height: 30px;
    margin-top: 5px;
    text-indent: 100px;
    overflow: hidden;
    position: relative;
    font-weight: 400; }
    .site-welcome-page #welcome-form .form-group.form-wrap__button .btn.btn-cancel:after {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      text-indent: 0;
      font-family: "all-my-links";
      content: "\e64f";
      color: #2196f3;
      font-size: 24px;
      line-height: 30px;
      text-align: center; } }

.unknown-name .btn {
  max-width: 190px; }
  .unknown-name .btn-cancel {
    color: white;
    background-color: rgba(146, 159, 169, 0.6); }
.unknown-name .form-group .form-wrap__button-wrapper {
  display: flex;
  justify-content: space-between; }
.unknown-name .btn-primary {
  background-color: #2196f3; }
  .unknown-name .btn-primary:hover {
    background-color: rgba(33, 150, 243, 0.6); }
  .unknown-name .btn-primary[disabled] {
    background-color: rgba(33, 150, 243, 0.8); }

.known-name .btn-cancel {
  display: none !important; }
.known-name .btn-primary {
  max-width: 300px;
  margin: 0 auto; }

@media (min-width: 991px) {
  .profile-sidebar-collapse {
    display: block; } }

.dropdown-submenu {
  position: relative;
}
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
  min-width: 200px;
}
.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}
.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}



@media screen and (min-width: 992px) {

  .b-user-menu .dropdown-submenu .dropdown-menu {
    right: -32px;
    left: auto;
    bottom: 33px;
    top: auto;
    padding: 10px;
    width: 220px;
  }

  .b-user-menu .dropdown-submenu .dropdown-menu:before {
    top: auto;
    width: 8px;
    height: 8px;
    right: 40px;
    bottom: -3px;
    transform: rotate(-135deg);
  }

  .b-user-menu .dropdown-submenu .dropdown-menu span {
    margin-left: -10px;
    margin-right: -10px;
  }

  .b-user-menu .dropdown-submenu .dropdown-menu span a {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
  }

  .b-user-menu__item-wrap .dropdown-submenu > a:after {
    margin-right: 11px;
    transition: transform .3s;
  }

  .b-user-menu__item-wrap .dropdown-submenu:hover > a:after {
    border-left-color: #ccc;
    transform: rotate(-90deg);
  }

}

*/

.btn--paypal .paypal-button-logo-paypal {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 8px;
}

.btn--paypal {
  background-color: #009cde;
  color: #fff;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 288px;
  height: 56px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.btn--paypal:hover {
  background-color: #009cde;
  -webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2);
}

.btn--paypal .paypal-button-extra {
  transform: translateY(-2px);
}

.btn--paypal .paypal-button-buy-now {
  font-style: italic;
  font-weight: 300;
  font-size: 12px;
  line-height: 13px;
  margin-bottom: 4px;
}

.btn--paypal .paypal-button-price {
  font-style: italic;
  font-size: 24px;
}

.btn--paypal .paypal-button-extra {
  text-align: right;
}
.btn--paypal .paypal-button-extra {
  text-align: right;
}

.direct-link-form {
  padding: 4px 0 0;
}

@media (min-width: 768px) {

  .direct-link-form {
    padding-left: 45px;
    padding-right: 45px;
  }

  .direct-link-form .popup-header {
    text-align: center;
  }

  .direct-link-form .popup-header__save-btn.m-desk button {
    display: block;
  }

  .direct-link-form .popup-header__save-btn.m-mob button {
    display: none;
  }

}

.direct-link-form .popup-header {
  margin-bottom: 14px;
}

@media (max-width: 768px) {

  .direct-link-form .popup-header {
    min-height: 48px;
  }

  .direct-link-form .popup-header__save-btn.m-desk button {
    display: none;
  }

  .direct-link-form .popup-header__save-btn.m-mob button {
    font-size: 14px;
    display: block;
  }

}

.direct-link-group__field {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  border-left: 1px solid rgba(0,0,0,.1);
  flex: 1;
}

.direct-link-group__field .form-group {
  flex: 1;
  margin-bottom: 0;
}

.direct-link-group__field .form-control {
  border-radius: 0;
}

.direct-link-group__field .btn {
  border-radius: 0 10px 10px 0;
  height: 36px;
  padding: 5px 10px;
}

.direct-link-group__field .btn svg {
  width: 25px;
  height: 25px;
  fill: #fff;
}


.direct-link-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 10px;
}

.direct-link-group .input-group-text {
  font-size: 15px;
  padding: 0 15px;
}
.b-redirect-timer {
  padding: 12px 10px;
  background-color: #fafbfc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid rgba(33, 150, 243, 0.5);
  margin-bottom: 15px;
  font-size: 14px;
  position: relative;
}

.b-redirect-timer__counter {
  font-weight: 600;
  font-size: 20px;
}

.b-redirect-timer__btn-close {
  font-size: 18px;
  position: absolute;
  right: 12px;
  top: 15px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background-color: rgba(33, 150, 243, 0.5);
  color: #fff;
  border-radius: 1000px;
}

.b-redirect-timer .progress {
  margin-bottom: 0;
  margin-top: 12px;
}
.form-control__widget-settings {
  margin-bottom: 10px;
  margin-top: 10px;
}

.btn-lg {
  padding: 8px 23px 10px;
}

.btn-centered {
  margin: 0 auto;
  display: inherit;
}.wrapper-fields-group {
  display: flex;
}

.wrapper-fields-group .control-label {
  width: 188px;
  text-align: right;
}

.settings-box .row-settings .group-fields-column .control-label {
  display: none;
}

.settings-box .row-settings .group-fields-column .form-control {
  width: 100%;
  flex: 0 0 100%;
}

.group-fields-column {
  flex: 1;
}

.hint-fields-text {
  display: block;
  text-align: center;
}

.control-upload {
  position: relative;
  flex: 1;
  width: 100%;
  overflow: hidden;
}

.control-upload input[type="file"] {
  position: absolute;
  cursor: pointer;
  font-size: 100px;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
}

.control-upload .form-control {
  padding-right: 86px;
}

.control-upload__btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  width: 80px;
}

.control-upload__btn:hover {
  color: #000;
}


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

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}


.iframe-widget {
    display: flex;
    justify-content: center;
}

.iframe-widget iframe {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}


.group-fields-column .make_post_thumb {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 96px;
    height: 96px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 11px;
    margin-bottom: 17px;
}

.group-fields-column .make_post_thumb img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    object-position: center;
}

.group-fields-column .thumb_del {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #7c8b96;
    border-radius: 1000px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.group-fields-column .thumb_del:before,
.group-fields-column .thumb_del:after {
    content: "";
    background: #fff;
    border-radius: 1000px;
    height: 1.5px;
    width: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
}

.group-fields-column .thumb_del:after {
    transform: translate(-50%,-50%) rotate(135deg);
}

.label-text-field {
  margin-bottom: 10px;
}

.m-inflex-aligned {
  display: inline-flex;
  padding-bottom: 4px;
}

.background-form h3 {
  font-size: 19px;
}

.background-form .note ul {
  padding-left: 0;
}

.form-group.has-error {
  position: relative;
}

.form-group.has-error .help-block.help-block-error {
  position: absolute;
  left: calc(146px + 6px);
  background: #f44336;
  top: -34px;
  font-size: 11px;
  padding: 2px 5px 3px;
  color: white;
  border-radius: 2px;
  right: auto;
  font-weight: bold;
}

.form-group.has-error .help-block.help-block-error:after {
  position: absolute;
  bottom: -4px;
  left: 10px;
  margin-left: 6px;
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #f44336;
}

.modal-links .modal-dialog .add-new-link__content {
  padding: 14px;
}

@media (min-width: 768px) {

  .modal-links .modal-dialog .add-new-link__content {
    margin-left: -70px;
    margin-right: -70px;
    padding-left: 34px;
    padding-right: 34px;
  }

}


@import url("message-settings.css");
@import url("paysystem.css");

.settings-box .field-user-showviewscount .form-group {
  margin-bottom: 0;
}

.field-user-showviewscount .bootstrap-switch {
  width: 48px;
  height: 22px;
  border: 2px solid #929fa9;
  border-radius: 22px;
}

.field-user-showviewscount .bootstrap-switch.bootstrap-switch-on {
  border-color: #2196F3;
  background-color: #2196F3;
}

.field-user-showviewscount .bootstrap-switch .bootstrap-switch-handle-on,
.field-user-showviewscount .bootstrap-switch .bootstrap-switch-handle-off,
.field-user-showviewscount .bootstrap-switch .bootstrap-switch-label {
  padding: 0;
  width: 22px;
  height: 18px;
  font-size: 0;
  background: none;
}

.field-user-showviewscount .bootstrap-switch .bootstrap-switch-handle-off {
  background-color: transparent;
}

.field-user-showviewscount .bootstrap-switch .bootstrap-switch-label:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-8px, -50%);
  transition: transform .2s;
  width: 14px;
  height: 14px;
  border-radius: 1000px;
  background-color: #929fa9;
}

.field-user-showviewscount .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label:after {
  background-color: #fff;
  transform: translate(-4px, -50%);
}

.field-user-showviewscount .bootstrap-switch.bootstrap-switch-focused {
  box-shadow: none;
}

.form-wrap.m-section {
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.wrapper-2fa {
  position: relative;
}

.wrapper-2fa.m-loading .wrapper-2fa__inside {
  opacity: .4;
  pointer-events: none;
}

.wrapper-2fa #ts-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
  width: 52px;
  height: 52px;
  background-color: #fff;
}

.dark-scheme .wrapper-2fa #ts-loading {
  background-color: #000;
}

.wrapper-2fa__title {
  font-size: 17px;
  margin-bottom: 12px;
}

.wrapper-2fa__hint {
  font-size: 12px;
  margin-bottom: 12px;
}

.wrapper-2fa__form {
  display: flex;
  margin: 0 0 8px;
  width: 100%;
}

.wrapper-2fa__form .g-btn {
  margin-left: 12px;
}

.wrapper-2fa__form .g-btn[disabled] {
  pointer-events: none;
  opacity: .7;
}

.wrapper-2fa__form__field {
  flex: 1;
}

.wrapper-2fa ol li {
  margin-bottom: 15px;
}

.wrapper-2fa .code-wrapper {
  text-align: center;
  margin-top: 12px;
}

.wrapper-2fa .code-text {
  margin-bottom: 10px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.wrapper-2fa .code-text .code {
  font-size: 20px;
  margin-right: 15px;
}

.wrapper-2fa .code-text .g-btn:hover {
  color: #000;
  transform: scale(1.1);
}

.dark-scheme .wrapper-2fa .code-text .g-btn {
  color: #000;
}

.loader-section {
  text-align: center;
  padding: 20px 0;
}

@media screen and (min-width: 640px) {
  .form-wrap.m-section {
    max-width: 560px;
  }
}

.subscription-followers .user.blocked .member-thumb__thumbnail::before {
  position: absolute;
  content: 'x';
  color: red;
  font-size: 128px;
  top: -66px;
  left: 7px;
}

#nft-images-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
#nft-images-list li {
  display: inline-block;
  box-sizing: border-box;
  padding: 0;
  margin-left: 10px;
  width: 128px;
  margin-bottom: 10px;
}
#nft-images-list .image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 128px;
  height: 128px;
  border: 1px solid #c8c5c5;
}
#nft-images-list li:nth-child(3n+1) {
  margin-left: 0;
}
#nft-images-list li a .resize-box img {
  margin: auto;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
#nft-images-list li a .resize-box  {
  transition: all 0.3s ease;
  width: 100px;
  height: 100px;
}
#nft-images-list li:hover a .resize-box {
  width: 128px;
  height: 128px;
}
#nft-images-list .name, #nft-images-list .collection {
  text-align: center;
}
#nft-images-list li:hover .name, #nft-images-list li:hover .collection {
  text-decoration: underline;
  font-weight: bold;
}

#upload-controls {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
#upload-controls li a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #c8c5c5;
}
#upload-controls li:hover {
  background: #fbfafa;
}
#upload-controls li .column {
  display: inline-block;
  vertical-align: top;
}
#upload-controls li .text {
  margin-left: 15px;
}
#upload-controls li .avatar {
  width: 77px;
  height: 77px;
}

.nft-avatar {
  border: none !important;
}
.nft-avatar img {
  display: block;
  /*-webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);*/
  /*clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);*/
  -webkit-: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
  clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
}

.croppie {
  margin-top: 30px;
  max-height: 370px;
}
.croppie .cr-boundary {
  border-radius: 6px;
  border: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.croppie .cr-slider {
  background-color: transparent;
}
.croppie .cr-slider:focus {
  background-color: transparent;
}
.crop-buttons {
  display: -ms-flexbox;
  display: flex;
  max-width: 300px;
  margin: 0 auto;
  justify-content: space-between;
  margin-bottom: 15px;
}
.crop-buttons .btn {
  -ms-flex: 1;
  flex: 1;
  margin: 0 10px;
  line-height: 30px;
}
.crop-title {
  text-align: center;
}

.settings-panel {
  padding-top: 0 !important;
}
.inline-blocks {
  display: flex;
  align-items: center;
}
.inline-blocks > * {
  display: inline-block;
  margin-right: 10px;
}


.bell-button {
  position: relative;
}
.bell-check {
  position: absolute;
  width: 3px;
  left: 4px;
  top: -1px;
}
.bell-check::before {
  font-size: 9px;
  font-weight: bold;
}
.fa-bell::before {
  font-size: 20px;
}