.tb-whatsapp-standard {
  display: flex;
  flex-direction: column;
  row-gap: 2em; }
  .tb-whatsapp-standard__main {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 2em; }
  .tb-whatsapp-standard__title {
    display: flex;
    flex-direction: row;
    column-gap: 1em;
    align-content: center; }
    .tb-whatsapp-standard__title i {
      height: max-content;
      margin-bottom: 4px; }
  .tb-whatsapp-standard__title-text {
    font-size: 2em;
    margin: 0; }
  .tb-whatsapp-standard__register-button {
    display: flex;
    flex-direction: row;
    column-gap: 1em; }
  .tb-whatsapp-standard__validation-error {
    display: flex;
    align-items: center; }
  .tb-whatsapp-standard__categories-container {
    display: grid;
    row-gap: 2em; }
  .tb-whatsapp-standard__template-category {
    display: grid;
    grid-template-columns: 100%;
    justify-content: center; }
  .tb-whatsapp-standard__templates-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 1em;
    column-gap: 1em;
    justify-content: left; }
  .tb-whatsapp-standard__template {
    width: calc(33% - 0.4em);
    background-color: #fff;
    box-shadow: 0 0 2px #000;
    border-radius: 10px;
    min-height: 200px; }
  .tb-whatsapp-standard__inner-container {
    display: grid;
    padding: 1em;
    box-shadow: 0 0 1px  #6f7b8a;
    row-gap: 1em;
    grid-template-columns: 100%; }
  .tb-whatsapp-standard__template-name {
    text-align: center;
    box-shadow: 0 0 1px #6f7b8a;
    padding: 0.5em;
    font-size: 1.2em;
    font-weight: 500; }
  .tb-whatsapp-standard__template-text span {
    white-space: break-spaces; }
  .tb-whatsapp-standard__card-checkbox:checked + .tb-whatsapp-standard__label-container {
    box-shadow: 0 0 3px 3px #0aa699;
    border-radius: 10px; }
  .tb-whatsapp-standard__label-container {
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
    cursor: pointer; }
  .tb-whatsapp-standard__image-placeholder {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    font-size: 3em;
    padding: 0.3em 0 0.5em 0;
    text-align: center; }
    .tb-whatsapp-standard__image-placeholder i {
      font-size: 2em;
      width: max-content;
      color: #8b91a0; }
  .tb-whatsapp-standard__template-container-empty {
    width: 100%;
    text-align: center;
    padding: 2em;
    font-size: 16px;
    background-color: #fff;
    border-radius: 10px; }
  .tb-whatsapp-standard__template-buttons-container {
    display: grid;
    outline: none;
    grid-template-columns: 1fr 1fr;
    column-gap: 1em;
    row-gap: 1em; }
  .tb-whatsapp-standard__template-button {
    display: flex;
    padding: 0.5em 1em;
    border: 1px dashed #d5d8da;
    border-radius: 8px;
    flex-direction: column;
    text-align: center;
    color: #45b9d8;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    row-gap: 1em;
    outline: none; }
  .tb-whatsapp-standard__template-button:only-child {
    grid-column: 1 / 3; }
  .tb-whatsapp-standard__template-button:nth-child(3), .tb-whatsapp-standard__template-button_cta {
    grid-column: 1 / 3; }
  .tb-whatsapp-standard__template-button-icon {
    margin-right: 0.2em;
    font-size: 1.2em; }
  .tb-whatsapp-standard__input-container {
    display: flex;
    flex-direction: column;
    column-gap: 1em; }
  .tb-whatsapp-standard__input {
    width: 100%;
    min-height: 25px !important; }
    .tb-whatsapp-standard__input::placeholder {
      color: #d5d8da; }
  .tb-whatsapp-standard__templates-count {
    display: block;
    border-radius: 50%;
    background-color: #c2c2c2;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 3px;
    color: #fff; }
  .tb-whatsapp-standard__selected-templates-count {
    display: block;
    border-radius: 50%;
    background-color: #0aa699;
    text-align: center;
    width: 25px;
    height: 25px;
    padding: 3px;
    color: #fff; }
  .tb-whatsapp-standard__heading-container {
    display: grid;
    grid-template-columns: 1fr 25px 25px;
    align-items: center;
    justify-content: center;
    column-gap: 1em; }
  .tb-whatsapp-standard__tab-name {
    display: block;
    font-weight: 500;
    font-style: normal;
    font-size: 1.3em; }

@media (max-width: 1376px) {
  .tb-whatsapp-standard__template {
    width: calc(49% - 0.4em); } }

@media (max-width: 910px) {
  .tb-whatsapp-standard__template {
    width: 100%; } }
@media only screen and (min-width: 1023px) {
  #tb-header {
    grid-template-columns: auto auto; }
  .tb-header_search_wrapper {
    display: grid; }
  .tb-header_state-switcher {
    display: none; }
  #tb-header_mobile_menu {
    display: none;
    align-items: center; } }

.fa-times,
.fa-times::after {
  font-weight: 900; }

#tb-header {
  display: grid;
  position: relative;
  z-index: 1;
  padding: 0 1em;
  grid-template-rows: 60px;
  grid-template-columns: 10fr 1fr;
  background: white;
  grid-column-gap: 1em;
  justify-content: space-between;
  align-items: center; }

#tb-header.logout-only {
  grid-template-columns: 1fr; }

#tb-header.banner-stock {
  padding: 0; }

.tb-header_search_wrapper {
  grid-template-columns: max-content auto;
  grid-column-gap: 1em;
  align-items: center; }

.tb-header_search {
  display: grid;
  grid-template-columns: max-content;
  cursor: pointer; }

.tb-header_logout {
  display: grid;
  grid-column-end: -1;
  justify-items: end; }

.tb-header_search_dropdown-menu_item {
  padding: 0.5em;
  transition: all 0.2s; }

.tb-header_search_dropdown-menu_item:hover {
  color: #3b3b3b; }

.tb-header_logout_link {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  grid-column-gap: 0.85em;
  align-items: center; }

.tb-header_logout_link i {
  margin-top: 2px; }

.tb-header_alert {
  display: grid;
  align-items: center;
  min-height: 3.25em;
  padding: 0.2em 1.25em;
  grid-template-columns: 1fr auto;
  grid-column-gap: 1.4em;
  border-radius: 4px;
  border: 1px solid;
  position: absolute;
  align-content: center; }

.tb-header_banner {
  display: grid;
  width: 100%;
  align-items: center;
  justify-self: center; }

.tb-header_alert.warning {
  background: #fffcee;
  color: #ff5e00;
  border-color: #ff5e00;
  box-shadow: 0 1px 1px #ff5e00; }

.tb-header_alert.danger {
  background: #fff6f4;
  color: #f74343;
  border-color: #f74343;
  box-shadow: 0 1px 1px #f74343; }

.tb-header_alert a {
  text-decoration: underline; }

.tb-header_alert_close i {
  outline: none;
  margin-top: 6px; }

@media only screen and (max-width: 1024px) {
  #tb-header {
    grid-template-columns: max-content 1fr max-content; }
  #tb-header.logout-only {
    grid-template-columns: auto auto;
    justify-content: space-between; }
  .tb-header_search_wrapper {
    display: none; }
  .tb-header_alert {
    position: absolute;
    left: -1em;
    top: 0;
    grid-area: 2 / 1 / -1 / -1;
    width: calc(100% + 2em);
    padding: 0.6em 0.6em;
    margin: 0;
    grid-column-gap: 1em;
    opacity: 0.8;
    border-radius: 2px 2px 15px 15px;
    width: 95%;
    margin: 0 20px;
    position: absolute; }
  .tb-header_alert_close {
    align-self: start; }
  .tb-header_state-switcher {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center; }
  .tb-header_state-switcher > div {
    text-align: center;
    padding: 1em 0;
    text-transform: uppercase;
    box-shadow: 0 1px 1px #d8d8d8;
    border: 1px solid #eaeaea; }
  .tb-header_state-switcher > div.active {
    background: #eaeaea;
    color: #2c2c2c;
    box-shadow: 0 1px 1px #d4d0d0;
    outline: none;
    border: none; }
  #tb-header_mobile_menu {
    display: grid;
    align-items: center; } }

@media screen and (max-width: 980px) {
  .tb-header_banner {
    display: none; } }

.stock-banner {
  width: 100%;
  display: grid;
  grid-template-columns: 90% calc(10% - 1em);
  column-gap: 1em;
  background: #28d067;
  padding: 1em;
  z-index: 100; }
  .stock-banner__container {
    display: grid;
    grid-template-columns: max-content max-content;
    column-gap: 1.5em;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: #28d067; }
  .stock-banner__text-container {
    text-align: center;
    display: grid; }
  .stock-banner__text {
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    color: #fff;
    font-weight: 600;
    margin: 0; }
    .stock-banner__text_bold {
      font-weight: 700; }
  .stock-banner__button-container {
    width: 100%;
    height: 100%;
    display: grid;
    justify-items: center;
    align-items: center; }
  .stock-banner__button {
    display: grid;
    align-items: center;
    padding: 8px 20px;
    border: none;
    border-radius: 50px;
    background-color: #fff;
    color: #28d067;
    margin: 0;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.12s linear 0s !important; }
    .stock-banner__button:hover {
      border: none; }
  .stock-banner__button-close {
    align-self: center;
    justify-self: end;
    color: #fff; }
    .stock-banner__button-close i {
      font-size: 20px;
      margin: 0; }
  .stock-banner__button-link {
    font-size: 11px;
    color: #28d067;
    font-weight: 700; }
    .stock-banner__button-link:hover {
      color: #000; }

.header__container {
  position: relative;
  width: 100%;
  height: 50px; }

.header__alerts-container {
  position: absolute;
  z-index: 100;
  width: 100%; }
@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.templates-counter__container {
  align-items: center;
  display: grid;
  font-size: 12pt;
  font-weight: bold;
  grid-template-columns: repeat(3, max-content);
  justify-content: end;
  grid-column-gap: 1em;
  align-items: center; }

.templates-counter_count.loading {
  opacity: 0.5;
  transform: scale(0.8); }

.templates-counter_error {
  color: #f35958;
  grid-column: 1; }

.templates-counter_balance {
  color: #f35958;
  grid-column: 1; }

.templates-counter_refresh > button.btn {
  padding: 5px; }

.templates-counter_refresh > button.btn-warning > i {
  animation: rotate 1s infinite; }

.templates-counter_refresh > button > i {
  font-size: 1em; }

.waba-tempaltes-count-zero {
  margin-top: 0.5em;
  display: grid;
  justify-content: end; }
  .waba-tempaltes-count-zero__message {
    color: #6f7b8a; }
@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.spin-refresh-button > button.btn {
  padding: 5px; }

.spin-refresh-button > button.btn-warning > i {
  animation: rotate 1s infinite; }

.spin-refresh-button > button > i {
  font-size: 1em; }
.header-search {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  align-items: center;
  grid-column-gap: 1em; }

.header-search_input {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  align-items: center;
  grid-column-gap: 1em; }

.header-search_input > #header-search_input_input {
  border: none;
  height: unset !important;
  min-height: unset;
  box-shadow: 0 1px 2px #d4d4d4 !important;
  border-radius: 0; }

.header-search_settings > i {
  transition: all 2s linear inf; }

.header-search_settings > i::hover {
  transform: rotate(180deg); }

.header-search_input_settings_element {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  align-items: center;
  font-size: 10px;
  grid-column-gap: 1em; }

.header-search_input_settings_element > label input.tinyswitch + div {
  margin: 0; }

.header-search_input_settings_element > label {
  margin: 0; }

.header-search_input_settings_element_info {
  outline: none; }

.header-search-helper-popover > .arrow {
  display: none; }
.chats-search {
  max-height: 100%;
  display: grid;
  overflow-y: auto; }

.chats-search_list_chat {
  display: grid; }

.chat-item {
  display: grid;
  grid-template-columns: 50px auto;
  padding-bottom: 5px; }

.chats-search_list_chat:not(:last-child) .chat-item {
  border-bottom: 1px solid #b4b5b6; }

.chats-search_load-more {
  display: grid;
  padding: 10px; }

.chats-search_new-messages-alert {
  display: grid;
  padding: 10px;
  background: #0aa699;
  color: white;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s ease-in-out; }

.chats-search_new-messages-alert:hover {
  filter: brightness(120%); }

.chats-search_new-messages-alert > .title {
  font-weight: bold; }

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

.settings-payments_faq {
  padding: 1em;
  background: white; }
.chat-item {
  display: grid;
  grid-template-columns: 15% 85%;
  color: #414243;
  margin: 0;
  border-radius: 0;
  background: #E2E2E0;
  padding: 12px 15px 0; }

.chat-item_data {
  display: grid; }

.chats-search_list_chat_data_message {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: grid;
  grid-template-columns: 90% 10%; }

.chats-search_list_chat_data_message_text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.chats-search_list_chat_data_name {
  display: grid;
  grid-template-columns: 80% 20%;
  color: #23527c; }

.chats-search_list_chat_data_name .date {
  text-align: right; }

.chats-search_list_chat_data_name .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chat-item.selected {
  background: #8bbbcf; }

.chat-item.unreaded:not(.selected) {
  background: white; }

.chats-search_list_chat_data_unread {
  margin-left: auto; }

.chats-search_list_chat_data_unread span {
  background: #f35958;
  color: white; }

@media (max-width: 480px) {
  .chats-search_list_chat_data_name {
    grid-template-columns: 75% 25%; } }
@charset "UTF-8";
.setting-counters {
  padding-right: 25px; }

.settings-payments__header {
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: space-between;
  align-items: center; }

@media only screen and (min-width: 980px) {
  .settings-payments_offers {
    grid-template-columns: repeat(4, 1fr); }
  .settings-payments_offers_offer {
    grid-template-areas: "tariff-name tariff-price"
 "tariff-description tariff-description"
 "tariff-description tariff-description"
 "tariff-description tariff-description"
 "tariff-description tariff-description"
 "tariff-trigger tariff-trigger"
 "tariff-button tariff-button"; }
  .settings-payments_header {
    display: flex;
    grid-template-columns: 100%;
    grid-template-rows: 1fr;
    column-gap: 10px; }
  .settings-payments_header-card {
    height: 100%;
    width: 100%;
    background-color: #fff;
    padding: 25px;
    border: 1px solid #dddddd;
    color: #6f7b8a; } }

@media only screen and (max-width: 980px) {
  .settings-payments_offers {
    grid-template-columns: repeat(3, 1fr); }
  .settings-payments_offers_offer {
    grid-template-areas: "tariff-name tariff-price"
 "tariff-description tariff-description"
 "tariff-description tariff-description"
 "tariff-description tariff-description"
 "tariff-description tariff-description"
 "tariff-trigger tariff-trigger"
 "tariff-button tariff-button"; }
  .settings-payments_header {
    display: grid;
    grid-template-columns: repeat(2, auto); } }

@media only screen and (max-width: 760px) {
  .settings-payments_offers {
    grid-template-columns: repeat(2, 1fr); }
  .settings-payments_offers_offer {
    grid-template-areas: "tariff-name"
 "tariff-price"
 "tariff-description"
 "tariff-trigger"
 "tariff-button"; } }

@media only screen and (max-width: 430px) {
  .settings-payments_offers {
    grid-template-columns: 1fr; }
  .settings-payments_offers_offer {
    grid-template-areas: "tariff-name"
 "tariff-price"
 "tariff-description"
 "tariff-trigger"
 "tariff-button"; }
  .settings-payments_header {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-template-columns: 1fr;
    justify-items: start;
    grid-row-gap: 1em; }
  .settings-payments_currentOffers_offer_data_title {
    align-items: start; } }

.settings-payments > h1,
.settings-payments > h2,
.settings-payments > h3,
.settings-payments > h4 {
  margin: 0; }

.settings-payments {
  font-size: 10pt;
  display: grid;
  grid-row-gap: 1em; }

.settings-payments_currentOffers_offer,
.settings-payments_nextOffers_offer {
  background: white;
  box-shadow: 1px 1px 2px #bfbfbf; }

.settings-payments_header h3,
.settings-payments_currentOffers h4,
.settings-payments_nextOffers h4,
.settings-payments_consumerOffers h4 {
  margin-top: 0; }

.settings-payments_currentOffers,
.settings-payments_nextOffers,
.settings-payments_consumerOffers,
.settings-payments_referral {
  background: white;
  display: grid;
  padding: 20px;
  margin-bottom: 10px;
  box-shadow: 1px 1px 2px #bfbfbf; }

.settings-payments_currentOffers_offer,
.settings-payments_nextOffers_offer,
.settings-payments_consumerOffers_offer {
  display: grid;
  padding: 10px;
  grid-row-gap: 1em; }

.settings-payments_offers_offer {
  grid-template-rows: min-content; }

.settings-payments_currentOffers_offer_data_title {
  display: grid;
  grid-template-columns: 80% 20%;
  align-items: center; }

.settings-payments_currentOffers_offer_data_title_additional {
  justify-self: end; }

.settings-payments_currentOffers_offer_data_title .date {
  justify-self: end; }

.cancel-auto-recurring {
  align-items: center;
  justify-items: start; }

.cancel-auto-recurring > input[type="checkbox"] {
  opacity: 1;
  position: static; }

.settings-payments_currentOffers_offer_data_title .name,
.settings-payments_nextOffers_offer_data_title .name,
.settings-payments_consumerOffers_offer_data_title .name,
.settings-payments_consumerOffers_offer_data_name {
  color: #0aa699;
  font-weight: bold;
  font-size: 1.25em; }

span.datestring {
  font-weight: bold; }

.settings-payments_currentOffers_offer_data {
  display: grid; }

.settings-payments_currentOffer_body {
  padding: 10px;
  border: 1px solid #e5e9ec; }

.settings-payments_consumerOffers_offer {
  grid-template-columns: 90% 10%; }

.settings-payments_consumerOffers_offer_button {
  justify-self: end; }

.settings-payments_currentOffers_offer_data_options_additional {
  margin-top: 5px;
  border-top: 1px solid #d5d5d5;
  padding-top: 5px; }

.settings-payments_currentOffers_offer_data_description.ng-binding {
  border-top: 1px solid #d5d5d5;
  padding-top: 5px; }

.settings-payments_referral_form {
  display: grid;
  grid-template-columns: 4fr 1fr; }

.settings-payments_referral_form > pre {
  margin: 0 10px 0 0; }

.settings-payments_referral_form > button::after {
  content: "\421\43A\43E\43F\438\440\43E\432\430\442\44C";
  display: inline-block;
  padding-left: 0.25em; }

@media only screen and (max-width: 760px) {
  .settings-payments_referral_form > button::after {
    display: none; }
  .settings-payments_referral_form > button > i {
    font-size: 1.2em;
    vertical-align: inherit; } }

.settings-payments_nextOffers_offer_data {
  display: grid;
  grid-template-columns: 80% 20%; }

.settings-payments_nextOffers_offer_data_name {
  color: #0aa699;
  font-weight: bold;
  font-size: 1.25em; }

.settings-payments_nextOffers_offer_data_price {
  justify-self: end; }

.settings-payments_offers {
  display: grid;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  align-items: start;
  padding-top: 20px; }

.settings-payments_offers_offer_name {
  grid-area: tariff-name;
  font-size: 1.25em;
  font-weight: bold; }

.settings-payments_offers_offer_price {
  grid-area: tariff-price;
  justify-self: end; }

.settings-payments_offers_offer_description {
  grid-area: tariff-description; }

.settings-payments_offers_offer_description.closed {
  max-height: 100px;
  overflow: hidden; }

.settings-payments_offers_offer_description_trigger {
  grid-area: tariff-trigger;
  display: grid;
  justify-items: center;
  transition: all 0.2s; }

.settings-payments_offers_offer_description_trigger:hover i {
  color: #5c5c5c;
  transform: scale(1.1); }

.settings-payments_offers_offer_button {
  display: grid;
  grid-area: tariff-button; }

.settings-payments_offers_offer {
  display: grid;
  grid-row-gap: 1em;
  grid-column-gap: 1em;
  padding: 1em;
  background: white;
  box-shadow: 1px 1px 2px #bfbfbf;
  transition: all 0.1s;
  cursor: pointer; }

.settings-payments_offers_offer:hover {
  transform: scale(1.025); }

.setting-counters {
  display: grid;
  grid-row-gap: 1em; }

.settings-payments__referral_form > pre {
  white-space: normal; }
@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.active-users-counter {
  align-items: center;
  display: grid;
  font-size: 12pt;
  font-weight: bold;
  grid-template-columns: repeat(4, max-content);
  justify-content: end;
  grid-column-gap: 7px;
  align-items: center; }

.active-users-counter_count.loading {
  opacity: 0.5;
  transform: scale(0.8); }

.active-users-counter_error {
  color: #f35958;
  grid-column: 1/3; }

.active-users-counter_refresh > button.btn {
  padding: 5px; }

.active-users-counter_refresh > button.btn-warning > i {
  animation: rotate 1s infinite; }

.active-users-counter_refresh > button > i {
  font-size: 1em; }

.active-users-info-tooltip {
  margin-right: -2px;
  font-size: 13px !important; }

.active-users-counter-success {
  margin-right: -7px; }

.active-users-tooltip .tooltip-inner {
  max-width: 370px;
  margin-bottom: 70px; }
.custom-fields__header {
  display: flex;
  justify-content: space-between; }

.custom-fields__counter {
  font-weight: bold; }

.custom-fields__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 18px;
  position: relative;
  gap: 16px; }
  .custom-fields__body:hover .custom-fields__edit-icon {
    opacity: 1; }

.custom-fields__display-name {
  white-space: nowrap;
  color: #999;
  font-size: 12px; }
  .custom-fields__display-name--ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 29%; }
  .custom-fields__display-name--empty {
    color: #757575;
    cursor: default; }

.custom-fields__user-value {
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  margin-left: -3px;
  position: relative;
  cursor: pointer; }

.custom-fields__edit-icon-block {
  width: 13px;
  display: inline-block;
  padding-right: 4px;
  margin-right: -8px;
  margin-left: auto; }

.custom-fields__edit-container {
  display: flex;
  align-items: center;
  gap: 4px; }

.custom-fields .custom-fields__edit-icon {
  font-size: 12px;
  cursor: pointer;
  color: #adadad;
  opacity: 0; }

.custom-fields__input-container {
  position: relative;
  display: flex;
  align-items: center; }

.custom-fields__input {
  width: 170px !important;
  min-width: 170px !important;
  border-radius: 4px;
  height: 28px;
  padding: 5px 11px 6px 11px; }

.custom-fields__display-value {
  cursor: pointer; }

.custom-fields__user-value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px; }

.custom-fields__button-show-all {
  padding: 0;
  border: none;
  background: none;
  color: #0aa699;
  font-family: 'Open Sans';
  font-size: 13px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.13px; }

.custom-fields__tooltip {
  overflow-wrap: break-word; }
  .custom-fields__tooltip .tooltip-inner {
    max-width: 230px; }
  .custom-fields__tooltip .tooltip-arrow {
    display: none; }

.custom-fields__tooltip-eye {
  overflow-wrap: break-word; }
  .custom-fields__tooltip-eye .tooltip-inner {
    min-width: 100%;
    text-wrap: nowrap; }
  .custom-fields__tooltip-eye .tooltip-arrow {
    display: none; }

.custom-fields__empty-text {
  color: #757575;
  margin-top: 10px; }

.custom-fields__error-icon {
  color: #ff5f61;
  font-size: 15px;
  padding-right: 3px;
  align-content: center; }

.custom-fields__input--error {
  border-color: #ff5f61 !important; }

.custom-fields__icon-container {
  position: absolute;
  right: 0;
  display: flex;
  gap: 2px;
  width: 80px;
  z-index: 10;
  top: -34px;
  border-radius: 2px;
  border: 1px solid #f1f1f1;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); }

.custom-fields__icon-block {
  display: flex;
  padding: 4.8px;
  flex-direction: column;
  justify-content: center; }
  .custom-fields__icon-block:hover {
    background: #f5f5f5; }

.custom-fields__icon {
  display: flex;
  width: 14.4px;
  height: 14.4px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #424242; }

.custom-fields__date-selectors {
  display: flex;
  gap: 4px; }

.custom-fields__date-select-day {
  border-radius: 4px;
  height: 28px !important;
  min-height: 28px !important;
  width: 45px; }
  .custom-fields__date-select-day:has(option:disabled) {
    color: #757575; }

.custom-fields__date-select-month {
  border-radius: 4px;
  height: 28px !important;
  min-height: 28px !important;
  width: 55px; }
  .custom-fields__date-select-month:has(option:disabled) {
    color: #757575; }

.custom-fields__date-select-year {
  border-radius: 4px;
  height: 28px !important;
  min-height: 28px !important;
  width: 80px; }
  .custom-fields__date-select-year:has(option:disabled) {
    color: #757575; }
@keyframes faq_in {
  from {
    transform: scale(1, 0.1); }
  to {
    transform: scale(1, 1); } }

@keyframes faq_out {
  from {
    transform: scale(1, 1); }
  to {
    transform: scale(1, 0.1); } }

.faq {
  display: grid; }

.faq_item {
  display: grid;
  grid-row-gap: 1em; }

.faq_item_header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 1em;
  font-size: 1.2em;
  border-bottom: 1px solid #f5f5f5;
  transition: all 0.25s;
  cursor: pointer; }

.faq_item_header:hover {
  background: #f5f5f5; }

.faq_item_header_icon {
  justify-self: end; }

.faq_item_answer {
  padding: 0 1em; }

.faq_item_answer.ng-enter {
  animation: faq_in 0.25s linear; }

.faq_item_answer.ng-leave {
  animation: faq_out 0.25s linear; }
@keyframes history-payment_in {
  from {
    transform: scale(1, 0.1); }
  to {
    transform: scale(1, 1); } }

@keyframes history-payment_out {
  from {
    transform: scale(1, 1); }
  to {
    transform: scale(1, 0.1); } }

.history-payment_list {
  display: grid;
  background-color: white; }

.history-payment_item {
  display: grid; }

.history-payment_header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 1em;
  border-bottom: 1px solid #f5f5f5;
  transition: all 0.25s;
  cursor: pointer;
  outline: none;
  align-items: baseline; }

.history-payment_header_title {
  color: #64686c;
  font-weight: bold;
  font-size: 1.25em; }

.history-payment_header:hover {
  background: #f5f5f5; }

.history-payment_header_icon {
  justify-self: end; }

.history-payment_content, .history-payment_data {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  border-bottom: 1px solid #f5f5f5;
  align-items: center; }

.history-payment_data, .history-payment_no_payments, .history-payment_content {
  padding: 1em; }

.history-payment_description.ng-enter {
  animation: history-payment_in 0.25s linear; }

.history-payment_description.ng-leave {
  animation: history-payment_out 0.25s linear; }
.container {
  padding: 2em;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }

.container > div {
  width: 100%; }

.finolog-widget {
  width: 100%; }
.whatsapp-wallet {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: 20px; }
  .whatsapp-wallet .waba-tooltip .tooltip-inner {
    max-width: 100%; }
  .whatsapp-wallet .waba-tooltip-service {
    max-width: max-content;
    min-width: max-content; }
    .whatsapp-wallet .waba-tooltip-service .tooltip-inner {
      max-width: max-content;
      min-width: max-content; }
  .whatsapp-wallet .waba-infobox-free {
    font-size: 13px;
    display: block;
    line-height: 240%;
    margin-left: 6px; }
  .whatsapp-wallet .waba-infobox-cost {
    cursor: pointer; }
    .whatsapp-wallet .waba-infobox-cost .waba-tooltip-cost {
      margin-top: -13px; }
    .whatsapp-wallet .waba-infobox-cost .tooltip-inner {
      max-width: 100%;
      text-align: left; }
      .whatsapp-wallet .waba-infobox-cost .tooltip-inner a {
        color: #79bbf8; }
        .whatsapp-wallet .waba-infobox-cost .tooltip-inner a:hover {
          text-decoration: underline; }
  .whatsapp-wallet__header {
    display: flex;
    column-gap: 10px;
    align-items: center;
    justify-content: end;
    padding: 0 25px 0 0;
    font-weight: bold;
    font-size: 16px; }
  .whatsapp-wallet__item-free {
    display: flex;
    flex-direction: row;
    align-items: baseline; }
  .whatsapp-wallet__items {
    display: grid;
    grid-template-columns: min-content min-content;
    background-color: #fff;
    margin-bottom: 2px;
    box-shadow: 1px 1px 2px #bfbfbf;
    padding: 6px 40px 20px;
    gap: 5vw; }
    .whatsapp-wallet__items > .whatsapp-wallet__item {
      margin-top: 38px;
      width: 270px; }
    .whatsapp-wallet__items > .whatsapp-wallet__item-group {
      margin-top: 38px; }
    @media screen and (max-width: 850px) {
      .whatsapp-wallet__items {
        grid-template-columns: 1fr;
        padding: 20px; }
        .whatsapp-wallet__items > .whatsapp-wallet__item {
          width: 100%;
          margin-top: 0; } }
    @media screen and (min-width: 1920px) {
      .whatsapp-wallet__items > .whatsapp-wallet__item {
        padding-right: 170px; } }
    @media screen and (min-width: 1024px) and (max-width: 1140px) {
      .whatsapp-wallet__items > .whatsapp-wallet__item {
        width: auto; } }
    @media screen and (min-width: 1330px) and (max-width: 1440px) {
      .whatsapp-wallet__items > .whatsapp-wallet__item {
        width: auto; } }
  .whatsapp-wallet__costs-items {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    border-left: 1px solid #cbcccd;
    padding: 30px 30px 46px; }
    @media screen and (max-width: 850px) {
      .whatsapp-wallet__costs-items {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 0 20px 20px; } }
  .whatsapp-wallet__costs-sub-items {
    display: flex;
    gap: 30px;
    align-items: center; }
    @media screen and (min-width: 1920px) {
      .whatsapp-wallet__costs-sub-items {
        gap: 80px; } }
    @media screen and (max-width: 1330px) {
      .whatsapp-wallet__costs-sub-items {
        flex-direction: column;
        align-items: flex-start; } }
    @media screen and (max-width: 850px) {
      .whatsapp-wallet__costs-sub-items {
        width: 100%; } }
  .whatsapp-wallet__costs-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 15px;
    white-space: nowrap; }
    .whatsapp-wallet__costs-item__primary {
      padding: 0 20px; }
      @media screen and (max-width: 1330px) {
        .whatsapp-wallet__costs-item__primary {
          padding: 0 10px; } }
      @media screen and (max-width: 850px) {
        .whatsapp-wallet__costs-item__primary {
          padding: 0; } }
      @media screen and (min-width: 1440px) {
        .whatsapp-wallet__costs-item__primary {
          padding-right: 30px; } }
      @media screen and (min-width: 1500px) {
        .whatsapp-wallet__costs-item__primary {
          padding-right: 80px; } }
    .whatsapp-wallet__costs-item-name {
      line-height: 150%; }
    .whatsapp-wallet__costs-item-value {
      font-weight: 600;
      line-height: 140%;
      letter-spacing: -0.15px;
      color: #424242; }
    @media screen and (max-width: 850px) {
      .whatsapp-wallet__costs-item {
        flex-direction: row;
        width: 100%;
        align-items: center;
        justify-content: space-between; } }
  .whatsapp-wallet__item {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    min-width: max-content; }
    .whatsapp-wallet__item-costs {
      width: 100%; }
    @media screen and (max-width: 850px) {
      .whatsapp-wallet__item {
        flex-direction: row;
        justify-content: space-between;
        align-items: center; } }
  .whatsapp-wallet__item-label {
    font-size: 15px;
    line-height: 150%; }
    .whatsapp-wallet__item-label_with-tooltip {
      display: flex;
      align-items: baseline;
      column-gap: 6px; }
      .whatsapp-wallet__item-label_with-tooltip-background {
        background-color: #6f7b8a;
        width: 210px;
        padding: 4px 12px 4px 20px;
        color: #ffffff; }
  .whatsapp-wallet__item-value {
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #424242; }
  .whatsapp-wallet__item-deposit-value {
    color: #424242;
    font-family: "Open Sans";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 50.4px */
    letter-spacing: -0.36px; }
    @media screen and (max-width: 850px) {
      .whatsapp-wallet__item-deposit-value {
        font-size: 18px; } }
  .whatsapp-wallet__item-group {
    display: flex;
    flex-direction: column;
    row-gap: 24px; }
.settings_tabs {
  display: flex;
  justify-content: space-around;
  font-size: 15px; }

.settings_tabs_tab {
  display: flex;
  flex-grow: 1;
  flex-basis: 50%;
  justify-content: center;
  cursor: pointer;
  outline: none;
  padding: 10px; }

.settings_tabs_tab.active {
  border-bottom: 2px solid #099a8c; }

.settings_content_channels {
  margin-top: 10px; }

.settings_content_channels_channel {
  display: flex;
  cursor: pointer;
  transition: all 0.5s;
  padding: 10px;
  justify-content: space-between;
  border-bottom: 1px solid #e8edf1; }

.settings_content_channels_channel:last-child {
  border-bottom: none;
  padding-bottom: 0; }

.settings_content_channels_channel:hover {
  background: #e8edf1; }

.settings_content_channels_channel_info {
  display: flex;
  align-items: center;
  padding-right: 1em; }

.settings_content_channels_channel_info_icon {
  min-width: 40px; }

.settings_content_channels_channel_info_icon i {
  font-size: 20px; }

.settings_content_notifications_notification {
  display: grid;
  grid-template-columns: 15em 2.5em 1fr 17em;
  grid-column-gap: 1em;
  align-items: center; }

.settings_content_notifications_notification > :first-child {
  min-width: 6em; }

.settings_content_notifications_notification > :nth-child(2),
.settings_content_notifications_notification > :nth-child(3) {
  justify-self: center; }

.settings_content_notifications_notification_checkbox > input[type="checkbox"] {
  opacity: 1;
  position: static;
  margin-top: unset;
  transition: all 0.5s;
  vertical-align: middle; }

.settings_content_notifications {
  display: grid;
  grid-row-gap: 1em;
  margin-top: 1em; }

.settings_content_channels_channel_button {
  min-width: 11.5em; }

.settings_content_channels_channel_button a {
  font-size: unset;
  width: 100%; }

.user_name {
  display: grid;
  grid-template-columns: max-content min-content min-content;
  align-items: center;
  grid-column-gap: 1em;
  justify-content: start;
  padding: 1em 0; }

@media (max-width: 767px) {
  .settings_content_notifications {
    grid-row-gap: 2.5em; }
  .settings_content_notifications_notification {
    grid-template-columns: 14em 2.5em 1fr; }
  .settings_content_notifications_notification:first-child {
    grid-template-rows: auto auto;
    grid-row-gap: 1em; }
  .settings_content_notifications_notification > :nth-child(3) {
    text-align: end;
    justify-self: end; }
  .settings_content_notifications_notification:first-child button {
    grid-column: 1 / -1;
    justify-self: end; } }

@media (max-width: 480px) {
  .settings_tabs {
    margin: 0; }
  .settings_content_channels_channel_info_icon {
    min-width: 30px; }
  .settings_content_channels_channel {
    padding: 1em 0; }
  .settings_content_notifications_notification {
    grid-template-columns: 1fr 2.5em 1fr; }
  .settings_content_notifications_notification:first-child button {
    width: 100%; } }

@media (max-width: 360px) {
  .settings_content_channels_channel {
    flex-wrap: wrap; }
  .settings_content_channels_channel_info {
    padding-bottom: 0.5em; }
  .settings_content_channels_channel_button {
    width: 100%; } }
.notifications-report_table {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  grid-auto-rows: minmax(30px, auto);
  overflow-x: auto; }

.notifications-report_table_body {
  max-height: 210px;
  overflow-y: auto;
  overflow-x: hidden; }

.notifications-report_table_element,
.notifications-report_table_header {
  display: grid;
  grid-template-columns: 0.8fr repeat(2, 0.5fr) 1fr repeat(3, 0.5fr);
  grid-column-gap: 0.5em;
  text-align: center; }

.notifications-report_table_header {
  border-bottom: 1px solid #505458;
  font-size: 14px;
  color: #505458; }

.notifications-report_table_element {
  border-bottom: 1px solid #e6e6e6;
  max-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: unset;
  line-height: 30px; }

.social-icons {
  display: block !important; }

.notifications-report_table_element_text {
  cursor: default; }

.notifications-report_table_element_text:first-child {
  text-align: left; }

.notifications-report_table_element_text,
.notifications-report_table_element_timestamp {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.bar {
  fill: #009b8f; }

.bar_bottom-axis_text,
.bar_data_text {
  text-anchor: middle; }

.avaible_data {
  font-size: 15px;
  fill: black;
  text-anchor: middle; }

.null {
  fill: #505458;
  text-anchor: middle; }

.bar_bottom-axis_text {
  font-size: 10px;
  fill: #505458; }

.notifications-report_table_more-button {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 50px; }

.notifications-report_chart {
  overflow-x: auto; }

#notifications-report_chart .x-axis,
#notifications-report_chart .y-axis {
  font-size: 1em;
  font-family: "Open Sans"; }

#notifications-report_chart .x-axis text,
#notifications-report_chart .y-axis .tick text,
.barGroup text {
  fill: #505458; }

#notifications-report_chart .x-axis > .tick line {
  display: none; }

#notifications-report_chart .x-axis path {
  stroke: #505458; }

#notifications-report_chart .y-axis line {
  stroke: #ddd; }

.barGroup text {
  text-anchor: middle; }

@media (max-width: 1280px) {
  .notifications-report_table_header > [class*="notifications-report_table_"] i {
    display: block; } }

@media (max-width: 1024px) {
  .notifications-report_table_element,
  .notifications-report_table_header {
    grid-template-columns: minmax(120px, 0.5fr) minmax(120px, 0.5fr) repeat(5, 0.5fr);
    min-width: 750px; } }

@media (max-width: 400px) {
  .notifications-report_table_more-button button {
    width: 100%; } }
.hidable-notification {
  display: grid;
  grid-row-gap: 1em; }

.hidable-notification_title {
  display: grid;
  grid-template-columns: auto max-content;
  align-items: center;
  padding: 1em;
  background: #f9ba46; }

.hidable-notification_title > h4 {
  font-weight: bold;
  color: white; }

.hidable-notification_title > i {
  color: black;
  opacity: 0.2;
  transition: all 0.25 ease-in-out; }

.hidable-notification_title > i:hover,
.hidable-notification_title > i:active {
  opacity: 0.5; }

.hidable-notification_body {
  padding: 0 1em;
  hyphens: auto;
  text-align: justify; }

.hidable-notification_body > p > .warning {
  color: #f14d4d; }

.hidable-notification_body > p > a {
  text-decoration: underline; }

.hidable-notification_buttons {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 1em;
  padding: 0 1em 1em;
  transition: all 0.25 ease-in-out; }

.hidable-notification_buttons > button {
  color: white;
  border-radius: 3px;
  padding: 9px 12px;
  border: none; }

.hidable-notification_buttons > button.close-notification {
  background: #0aa699; }

.hidable-notification_buttons > button.close-notification:hover,
.hidable-notification_buttons > button.close-notification:active {
  background: #0082d4; }

.hidable-notification_buttons > button.dimiss-notification {
  background: #0aa699; }

.hidable-notification_buttons > button.dimiss-notification:hover,
.hidable-notification_buttons > button.dimiss-notification:active {
  background: #099a8c; }
@keyframes blink {
  from {
    opacity: 0.2; }
  to {
    opacity: 1; } }

.step-counter {
  display: grid; }

.step-counter_empty {
  font-weight: bold;
  display: grid;
  justify-items: center;
  animation: blink 1s ease-in-out 1s infinite alternate; }

.step-counter_steps {
  display: grid;
  grid-auto-flow: column;
  justify-items: center;
  justify-self: center;
  grid-column-gap: 4em;
  position: relative; }

.step-counter_steps_step {
  display: grid;
  align-items: center;
  justify-items: center;
  outline: none;
  cursor: default; }

.step-counter_steps_step_counter {
  background: #d1dade;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  display: grid;
  height: 2em;
  width: 2em;
  justify-content: center;
  align-content: center;
  font-size: 1.25em;
  transition: all 0.25s ease-in-out;
  cursor: pointer; }

.step-counter_steps_step_title {
  color: #d1dade;
  font-size: 0.75em;
  text-align: center;
  align-self: start;
  cursor: pointer; }

.step-counter_steps_step_counter.active {
  background: #0aa699;
  height: 2.5em;
  width: 2.5em; }

.step-counter_steps_step_title.active {
  color: #2B3D53; }

.step-counter_steps_step_counter.disabled {
  cursor: default; }

.step-counter_steps_step_title.disabled {
  color: #d1dade;
  cursor: default; }
@font-face {
  font-family: 'Noto Sans Emoji';
  src: url(./NotoColorEmoji.ttf); }

@keyframes fade_animation {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes show_animation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.tb-emoji-picker {
  margin-left: auto;
  font-size: 1.8em; }

.tb-emoji-picker-popover {
  padding: 0;
  position: absolute;
  width: 400px;
  background: #fff;
  margin-left: 7px;
  right: 0;
  z-index: 1050;
  top: 40px; }
  .tb-emoji-picker-popover__container {
    position: relative;
    text-align: center; }
  .tb-emoji-picker-popover_header {
    display: flex;
    background: #f0f2f5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 0.5em; }
  .tb-emoji-picker-popover_header_item {
    flex-basis: 20%;
    display: flex;
    justify-content: center;
    height: auto;
    padding: 0.8em 0;
    align-items: center;
    cursor: pointer;
    color: #abb0bb;
    transition: color 0.1s ease-out; }
  .tb-emoji-picker-popover_header_item:hover {
    color: #0aa699; }
  .tb-emoji-picker-popover_header_item > i {
    font-size: 1.8em; }
  .tb-emoji-picker-popover.bottom > .arrow:after {
    border-bottom-color: #f0f2f5; }
  .tb-emoji-picker-popover .popover-content {
    padding: 0;
    padding-bottom: 0.5em; }
  .tb-emoji-picker-popover_body {
    width: 100%;
    padding: 0;
    overflow-y: auto; }
  .tb-emoji-picker-popover_body_item {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2px;
    font-size: 15px;
    justify-content: center;
    font-family: "Noto Sans Emoji"; }
  .tb-emoji-picker-popover_body_item > span {
    padding: 2px 4px;
    font-size: 20px; }
    .tb-emoji-picker-popover_body_item > span:hover {
      background: #f0f2f5; }
  .tb-emoji-picker-popover_header_item.ng-enter {
    animation: show_animation 0.2s linear; }
  .tb-emoji-picker-popover_header_item.ng-leave {
    animation: fade_animation 0.2s linear; }
  .tb-emoji-picker-popover_header_item_active {
    color: #0aa699; }
#vk-landings {
  display: grid;
  grid-row-gap: 1em; }

.vk-landings_list {
  background: white;
  padding: 26px;
  display: grid;
  grid-row-gap: 1em; }

a.vk-landings_list_no-landings {
  color: white;
  border-radius: 3px;
  background-color: #0aa699;
  border: 0;
  outline: none;
  padding: 9px 12px;
  transition: all 0.25s ease-in-out;
  display: grid;
  justify-self: start; }

a.vk-landings_list_no-landings:hover,
a.vk-landings_list_no-landings:active {
  background-color: #099a8c; }

.vk-landings_list_items {
  display: grid; }

.vk-landings_list_items_item {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  grid-column-gap: 5px;
  outline: none;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  border-bottom: 1px solid #e8edf1;
  padding: 1em 0 1em 0; }

.vk-landings_list_items_item:first-of-type {
  border-top: 1px solid #e8edf1; }

.vk-landings_list_title {
  font-size: 1.25em;
  font-weight: bold;
  text-align: left; }

.vk_landings_field,
.vk-landings_list_title_group {
  display: grid;
  grid-template-columns: 1fr 10% 10% 10% 300px;
  grid-template-rows: 1fr;
  grid-auto-flow: row; }

.vk-landings_list_group_button {
  justify-self: end; }

.vk_landings_field > div {
  display: flex;
  align-items: center; }

.statistics_name_landings {
  padding-left: 2em;
  justify-self: stretch;
  text-align: left; }

.title_center {
  text-align: center; }

.statistics_count_views,
.statistics_count_subscriptions,
.statistics_conversion {
  justify-content: center; }

.default-landing {
  color: #eebd01; }
#mini-landings {
  display: grid;
  grid-row-gap: 1em; }

.mini-landings_list {
  background: white;
  padding: 26px;
  display: grid;
  grid-row-gap: 1em; }

a.mini-landings_list_no-landings {
  color: white;
  border-radius: 3px;
  background-color: #0aa699;
  border: 0;
  outline: none;
  padding: 9px 12px;
  transition: all 0.25s ease-in-out;
  display: grid;
  justify-self: start; }

a.mini-landings_list_no-landings:hover,
a.mini-landings_list_no-landings:active {
  background-color: #099a8c; }

.mini-landings_list_items {
  display: grid; }

.mini-landings_list_items_item {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  grid-column-gap: 5px;
  outline: none;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  border-bottom: 1px solid #e8edf1;
  padding: 1em 0 1em 0; }

.mini-landings_list_items_item:first-of-type {
  border-top: 1px solid #e8edf1; }

.mini-landings_list_items_item .landing-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.mini-landings_list_title {
  font-size: 1.25em;
  font-weight: bold;
  text-align: left; }

.mini-landings_list_title_group {
  display: grid;
  grid-template-columns: 0.3fr repeat(4, 0.2fr);
  grid-template-rows: 1fr;
  grid-auto-flow: row; }

.mini-landings_list_group_button {
  justify-self: end; }

.mini_landing_name {
  justify-self: start;
  overflow: hidden;
  text-overflow: ellipsis; }

.mini_landings_field {
  display: grid;
  grid-template-columns: 0.7fr repeat(3, 0.4fr) 0.5fr;
  grid-auto-flow: row;
  align-content: center; }

.statistics_name_landings {
  padding-left: 2em;
  justify-self: stretch;
  text-align: left; }

.title_center {
  text-align: center; }

.statistics_count_views,
.statistics_count_subscriptions,
.statistics_conversion {
  text-align: center; }
.multiple-checkboxes {
  display: grid;
  grid-template-columns: repeat(3, min-content);
  grid-column-gap: 1em; }

.multiple-checkbox_item {
  align-items: center;
  display: grid;
  grid-column-gap: 0.25em;
  grid-template-columns: repeat(2, min-content); }

.multiple-checkbox_item > input[type="checkbox"] {
  opacity: 1;
  position: unset;
  margin: unset; }
.analytics {
  position: relative; }
  .analytics__csv-save-dropdown-wrapper {
    position: absolute;
    right: 0;
    top: 0; }
    .analytics__csv-save-dropdown-wrapper .fa-download {
      margin-left: 5px;
      vertical-align: middle; }
  .analytics__filter-form-wrapper {
    margin-top: 30px;
    margin-bottom: 5em; }
  .analytics__header-name {
    color: #0aa699;
    font-weight: bold;
    font-size: 15px;
    padding-left: 10px; }
  .analytics__separator {
    height: 10px;
    border-bottom: 1px solid #e5e9ec; }
  .analytics__output {
    display: grid;
    row-gap: 4.5em; }
  .analytics__output-section-headline {
    margin-bottom: 0.7em;
    font-weight: 400;
    font-size: 1.5em; }
  .analytics .nav-tabs {
    background: none; }
    .analytics .nav-tabs li {
      margin-bottom: -3px; }
    .analytics .nav-tabs a {
      border-width: 1px;
      font-weight: bold;
      border-color: transparent; }
      .analytics .nav-tabs a:hover {
        border-color: transparent;
        color: #0aa699; }
    .analytics .nav-tabs li.active a,
    .analytics .nav-tabs li.active a:hover,
    .analytics .nav-tabs li.active a:focus {
      border-width: 1px;
      color: #0aa699; }
  .analytics .tab-content .tab-pane {
    padding: 0;
    padding-top: 2em; }

.dropdown-menu__analytics {
  left: -50px !important; }
@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.mau-component {
  display: grid;
  row-gap: 10px; }

.mau-counter {
  align-items: center;
  display: grid;
  font-size: 12pt;
  font-weight: bold;
  grid-template-columns: repeat(3, max-content);
  justify-content: end;
  grid-column-gap: 1em;
  align-items: center; }

.mau_count.loading {
  opacity: 0.5;
  transform: scale(0.8); }

.mau_count_black-text {
  color: #000; }

.mau_error {
  color: #f35958;
  grid-column: 1/3; }

.mau_refresh > button.btn {
  padding: 5px; }

.mau_refresh > button.btn-warning > i {
  animation: rotate 1s infinite; }

.mau_refresh > button > i {
  font-size: 1em; }
.waba-template-select-modal-window .modal-dialog {
  max-width: 460px; }

.waba-substitutions-error {
  text-align: left; }

.waba-attachments-error {
  text-align: start; }

.modal-footer {
  display: flex;
  gap: 15px;
  padding: 15px 0; }
  .modal-footer .btn {
    margin-left: auto; }

.waba-template-select-modal__body {
  overflow-y: auto;
  min-height: 300px;
  height: 100%;
  max-height: 80vh; }
.waba-template-select-form {
  height: 100%; }
  .waba-template-select-form__form {
    display: flex;
    flex-direction: column;
    gap: 1em;
    word-break: break-all; }
  .waba-template-select-form__select {
    background: #fff; }
  .waba-template-select-form__title {
    background: #e5e9ec !important;
    margin-top: 10px; }
    .waba-template-select-form__title i {
      margin-right: 4px; }
  .waba-template-select-form__template-text {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding-left: 12px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: 10em;
    padding-right: 11px !important;
    line-height: 15px;
    font-size: 13px;
    font-weight: normal;
    width: 100%;
    resize: none;
    background: #fff;
    color: #000;
    border-radius: 2px; }
    .waba-template-select-form__template-text-header {
      color: #282323;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 120%; }
    .waba-template-select-form__template-text-body {
      color: #282323;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      white-space: pre-line; }
    .waba-template-select-form__template-text-footer {
      margin-top: 15px;
      font-size: 12px;
      color: #6f7b8a; }
  .waba-template-select-form__waba-buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75em;
    padding: 1em;
    border: 1px solid #e5e9ec;
    border-radius: 2px;
    border-top: none; }
  .waba-template-select-form__waba-button:last-child:nth-child(odd), .waba-template-select-form__waba-button_cta {
    grid-column: 1 / 3; }
  .waba-template-select-form__waba-button {
    position: relative;
    padding: 0.5em 1em;
    border: 1px dashed #d5d8da;
    border-radius: 8px;
    text-align: center; }
  .waba-template-select-form__attachment-upload-container {
    display: flex;
    justify-content: center;
    padding: 1em 0; }
  .waba-template-select-form__attachment-upload-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    outline: none;
    font-size: inherit;
    cursor: pointer; }
    .waba-template-select-form__attachment-upload-button:hover .wa-templates__attachment-upload-icon.fa {
      color: #8f95a4; }
  .waba-template-select-form__attachment-upload-icon.fa {
    font-size: 6em;
    color: #abb0bb;
    margin-bottom: 0.15em; }
  .waba-template-select-form .thumb {
    height: auto;
    width: auto; }
    .waba-template-select-form .thumb__image {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 150px; }
    .waba-template-select-form .thumb__filename {
      white-space: break-spaces;
      word-break: break-word; }
  .waba-template-select-form__textarea_with-buttons {
    border-bottom: none; }
  .waba-template-select-form__waba-buttons {
    background: #fff;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75em;
    padding: 1em;
    border: 1px solid #e5e9ec;
    border-radius: 2px;
    border-top: none; }
    .waba-template-select-form__waba-buttons__quick-reply {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px; }
      .waba-template-select-form__waba-buttons__quick-reply > *:nth-last-child(1):nth-child(odd) {
        grid-column: span 2; }
  .waba-template-select-form__waba-button {
    position: relative;
    padding: 0.5em 1em;
    border: 1px dashed #d5d8da;
    border-radius: 8px;
    text-align: center;
    color: #45b9d8; }
  .waba-template-select-form__waba-button-icon {
    margin-right: 0.2em;
    font-size: 1.2em; }
  .waba-template-select-form__substitutions {
    display: grid;
    grid-template-columns: 100%;
    row-gap: 4px;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px; }
  .waba-template-select-form__substitution {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    align-items: center;
    border-radius: 2px;
    border: 1px solid #e5e9ec;
    padding-left: 10px;
    margin: -1px 0;
    background: #ffffff; }
  .waba-template-select-form__substitution-label {
    padding-right: 10px;
    margin: 0 !important; }
  .waba-template-select-form__substitution-input {
    display: block;
    border: none !important; }
  .waba-template-select-form__have-no-templates-text {
    display: inline;
    height: 100%;
    align-items: center;
    text-align: center;
    font-size: 1.2em; }
  .waba-template-select-form__have-no-diposit-templates {
    display: grid;
    grid-template-rows: max-content max-content;
    align-items: center;
    align-content: center;
    justify-items: center;
    row-gap: 30px;
    text-align: center; }
  .waba-template-select-form__substitution-link {
    display: grid;
    row-gap: 4px; }
  .waba-template-select-form__param-code {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    border-radius: 2px;
    border: 1px solid #e5e9ec;
    margin: -1px 0; }
  .waba-template-select-form__hint {
    display: flex;
    justify-content: space-between; }
    .waba-template-select-form__hint-text {
      font-size: 12px;
      color: #9e9e9e; }

.link-substitution {
  background: #ab9ff9;
  padding: 2px 4px;
  display: inline-block;
  border-radius: 2px; }
.chat-message__details {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 11px;
  padding-top: 0.4em;
  padding-right: 3px; }

.chat-message__message-sender {
  text-align: left; }

@media screen and (max-width: 450px) {
  .chat-message__details {
    flex-direction: column-reverse;
    justify-content: left; }
  .chat-message__message-sender {
    margin-left: 0 !important; } }
.chat-message-statuses {
  display: flex;
  justify-content: left;
  width: 100%;
  outline: none; }
  .chat-message-statuses__status-container {
    width: 100%; }
  .chat-message-statuses__last-status {
    display: flex; }
  .chat-message-statuses__collapse-icon {
    width: max-content;
    margin-left: 5px; }
  .chat-message-statuses__status_read {
    font-size: 12px; }
  .chat-message-statuses__status_send {
    font-size: 12px; }
.subs-count {
  font-size: 3em;
  font-weight: bold;
  color: #475f93;
  width: 2em; }

.sub-header {
  font-size: 1.2em; }
.social-icons {
  display: flex; }
.tg-redirector {
  display: grid; }

.tg-redirector_helper {
  margin-top: 10px; }

.tg-redirector_main {
  display: grid;
  grid-template-columns: 90% 10%;
  align-items: center; }

.tg-redirector_main > i {
  margin-left: 10px;
  font-size: 20px; }
.web-hooks_list, .web-hooks_list_not_items {
  display: grid;
  grid-template-columns: 1fr;
  padding: 26px;
  margin-bottom: 25px;
  background-color: #ffffff; }

.web-hooks_list_headers, .web-hooks_list_items {
  display: grid;
  grid-template-columns: 1fr 1fr; }

.web-hooks_list_eventNames_scroll {
  overflow-y: auto;
  max-height: 15em; }

.web-hooks_list_eventNames_names {
  border-bottom: 1px solid rgba(229, 233, 236, 0.75);
  padding: 0.35em; }

@media (max-width: 520px) {
  .web-hooks_list_headers, .web-hooks_list_items {
    grid-template-columns: 1fr 36vw; }
  .web-hooks_list_adress {
    word-break: break-all; }
  .web-hooks_list_eventNames_scroll,
  .web-hooks_list_header_eventName {
    padding-left: 0.6em; }
  .web-hooks_list_eventNames_names {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; } }
.link-color {
  color: #3182e2; }

.token-copy-button::after {
  padding-left: 0.3em; }

.amo-title {
  letter-spacing: -1px;
  display: block;
  color: #666;
  margin: 0 0 10px;
  font-family: 'Open Sans'; }

.amo-title h3 {
  font-weight: normal;
  align-items: center;
  display: grid;
  grid-template-columns: max-content max-content;
  justify-items: left;
  column-gap: 10px; }

.amo-title i {
  font-size: 20px;
  width: max-content;
  height: max-content; }

@media only screen and (max-width: 767px) {
  .token-copy-button {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .token-copy-button::after {
    display: none; }
  .token-copy-button > i {
    font-size: 1.2em;
    vertical-align: inherit; } }

@media only screen and (max-width: 413px) {
  .token-generate-button {
    width: 100%; } }
span.ui-select-match-text.pull-left.ui-select-allow-clear {
  display: grid;
  grid-template-columns: auto min-content;
  align-items: center;
  width: 98%; }

.facebook-tags__header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  column-gap: 5px; }

.facebook-tags__list-item {
  display: flex;
  flex-direction: column;
  row-gap: 5px; }

.facebookTagsSelector {
  width: 340px; }

@media (min-width: 800px) and (max-width: 1024px) {
  .facebookTagsSelector {
    width: 100%; } }
.settings-payment-form {
  font-size: 10pt;
  display: grid;
  grid-row-gap: 1em; }

.settings-payment-form_title {
  display: grid;
  grid-template-columns: min-content auto;
  align-items: center;
  grid-column-gap: 1em; }

.settings-payment-form_title h3 {
  margin-top: 0; }

.settings-payment-form_title a i {
  display: grid; }

.settings-payment-form_title a i {
  font-size: 20px; }

.settings-payment-form_body {
  display: grid;
  background: white;
  padding: 20px;
  grid-row-gap: 1em; }

.settings-payment-form_form {
  display: grid;
  grid-row-gap: 1em;
  align-items: center; }

.settings-payment-form_form_item > select {
  background: none; }

.settings-payment-form_form_item_checkboxes_item {
  display: grid;
  grid-template-columns: min-content auto;
  grid-column-gap: 1em; }

.settings-payment-form_buttons {
  display: grid;
  grid-template-columns: repeat(2, min-content);
  grid-column-gap: 1em; }

.settings-payment-form_helper {
  color: #b0b0b0; }

.settings-payment-form_form_item_checkboxes_item > input[type="checkbox"] {
  position: static;
  opacity: 1;
  align-self: center; }

#subscriptionPeriod {
  width: 100%; }
.settings-payment-stats {
  margin-top: 20px;
  display: flex;
  padding: 12px 24px 24px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  background: var(--White, #fff);
  max-width: calc(100vw - 40px - 250px);
  overflow-x: auto; }
  @media screen and (max-width: 767px) {
    .settings-payment-stats {
      max-width: calc(100vw - 16px); } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .settings-payment-stats {
      max-width: calc(100vw - 40px); } }
  .settings-payment-stats-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
  .settings-payment-stats-filters {
    display: flex;
    align-items: center;
    gap: 16px; }
  .settings-payment-stats-total {
    margin-left: 8px; }
    .settings-payment-stats-total-label {
      color: #263238;
      font-size: 11px;
      font-weight: 400;
      line-height: 150%;
      /* 16.5px */
      letter-spacing: -0.11px; }
    .settings-payment-stats-total-value {
      color: #424242;
      font-size: 15px;
      font-weight: 600;
      line-height: 140%;
      /* 21px */
      letter-spacing: -0.15px; }
  .settings-payment-stats .settings_tabs_tab {
    min-width: 250px; }
  .settings-payment-stats .data-range-picker__control {
    height: 42px;
    min-width: 180px; }
  .settings-payment-stats .ui-select-match-text {
    display: flex !important;
    align-items: center; }
.onboarding {
  display: grid;
  grid-template-rows: repeat(3, max-content);
  justify-items: center;
  row-gap: 0.65em;
  width: 100%;
  padding: 4vh 0.75em;
  font-size: 14px;
  color: #4a4d53; }
  .onboarding a, .onboarding a:hover, .onboarding a:visited {
    text-decoration: underline;
    word-break: break-all; }
  .onboarding p {
    margin: 0; }
  .onboarding label {
    font-size: 1em; }
  .onboarding__steps-heading {
    font-size: 1.75em;
    margin: 0; }
  .onboarding__steps-wrapper {
    display: flex;
    justify-content: space-around;
    width: 14em;
    padding-bottom: 0.65em;
    border-bottom: 1px solid #afafaf; }
  .onboarding__step {
    display: flex;
    justify-content: center;
    height: 2.4em;
    width: 2.4em;
    align-items: center;
    font-size: 1em;
    border: 1px solid #9c9c9c;
    border-radius: 50%;
    transition: all 0.5s; }
  .onboarding__step_active {
    border-color: #099a8c;
    background: #099a8c;
    color: #fff; }
  .onboarding__content {
    display: grid;
    width: 100%;
    max-width: 72.5em;
    min-height: 39em;
    padding: 3em 10em;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  .onboarding__page {
    display: grid;
    height: 100%;
    grid-template-rows: max-content 1fr max-content;
    row-gap: 2em; }
  .onboarding__page-heading {
    text-align: center;
    font-size: 1.7em;
    font-weight: bold; }
  .onboarding__page-body {
    display: grid;
    row-gap: 1.5em; }
  @media (max-width: 991px) {
    .onboarding {
      font-size: 13px; }
      .onboarding__content {
        padding: 2em 6em; } }
  @media (max-width: 767px) {
    .onboarding__content {
      padding: 2em 2.5em;
      min-height: 0; } }
  @media (max-width: 480px) {
    .onboarding {
      padding-top: 2vh;
      padding-bottom: 1vh; }
      .onboarding__content {
        padding: 2em 1.5em; }
      .onboarding__page-heading {
        font-size: 1.6em; } }

.onboarding-start {
  align-content: start;
  font-size: 1.25em;
  text-align: center; }
  .onboarding-start__channels-list {
    text-align: left;
    list-style-type: none;
    padding: 0;
    margin: 0 auto 0 auto;
    width: max-content; }
  .onboarding-start__channels-list-item {
    padding-left: 0;
    display: grid;
    grid-template-columns: 1em 1fr;
    column-gap: 0.35em;
    align-items: center; }
    .onboarding-start__channels-list-item input[type="radio"] {
      transform: scale(1.25); }
    .onboarding-start__channels-list-item label {
      margin-bottom: 0;
      cursor: pointer;
      transition: all 0.1s; }
      .onboarding-start__channels-list-item label:hover {
        color: black; }
        .onboarding-start__channels-list-item label:hover .onboarding-start__tag {
          background: #41c74e; }
    .onboarding-start__channels-list-item:not(:last-child) {
      margin-bottom: 0.3em; }
  .onboarding-start__channel-text {
    grid-column-start: 2; }
  .onboarding-start__tag {
    display: inline-block;
    height: 90%;
    background: #61d36c;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 0.2em 0.85em;
    font-size: 0.85em;
    font-weight: bold;
    margin-left: 0.25em;
    transition: all 0.2s; }
  .onboarding-start__social-icon {
    width: 1.8em; }
  @media (max-width: 540px) {
    .onboarding-start__tag {
      display: none; } }
  @media (max-width: 480px) {
    .onboarding-start__channels-list {
      font-size: 0.9em; }
    .onboarding-start__channels-list-item:not(:last-child) {
      margin-bottom: 0.6em; }
    .onboarding-start input[type="radio"] {
      transform: scale(1); } }

.onboarding-vk {
  grid-template-columns: 1.2fr 1fr;
  grid-template-rows: max-content 1fr;
  column-gap: 2.5em;
  align-content: start;
  grid-template-areas: "select video"
 "text video"; }
  .onboarding-vk input[type="checkbox"] {
    opacity: 1;
    position: static; }
  .onboarding-vk__instruction-text {
    position: relative;
    grid-area: text;
    grid-template-rows: auto auto 1fr; }
    .onboarding-vk__instruction-text b {
      color: #df4035; }
  .onboarding-vk__instruction-video-wrapper {
    grid-area: video;
    position: relative;
    padding-top: 75%;
    height: min-content;
    width: 100%; }
  .onboarding-vk__instruction-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .onboarding-vk__group-select {
    grid-area: select; }
  .onboarding-vk__instruction-list {
    list-style-type: decimal;
    margin: 0.5em 0 0.75em 15px;
    padding: 0;
    font-weight: bold;
    color: #df4035; }
  .onboarding-vk__instruction-arrow {
    position: absolute;
    top: 2.2em;
    left: 8em; }
  @media (max-width: 767px) {
    .onboarding-vk__content {
      padding: 2em 2.5em;
      min-height: 0; }
    .onboarding-vk__howto-group {
      display: none; } }
  @media (max-width: 600px) {
    .onboarding-vk {
      grid-template-columns: 1fr;
      grid-template-areas: "text"
 "video"
 "select"; } }

.onboarding-facebook {
  align-content: start;
  justify-items: center; }
  .onboarding-facebook__channel-select {
    width: 100%;
    max-width: 28em; }

.onboarding-channel-select__label {
  font-weight: bold; }

.onboarding-channel-select__import-checkbox {
  margin-top: 1em;
  display: grid;
  grid-template-columns: repeat(3, max-content);
  align-items: center;
  column-gap: 0.75em;
  cursor: pointer; }
  .onboarding-channel-select__import-checkbox label {
    margin: 0; }

.onboarding-token-channel {
  grid-template-columns: 1.2fr 1fr;
  column-gap: 2.5em;
  align-content: start;
  grid-template-areas: "text video"
 "token token"; }
  .onboarding-token-channel__instruction-text {
    grid-area: text; }
    .onboarding-token-channel__instruction-text a {
      display: inline-block; }
  .onboarding-token-channel__token-input {
    grid-area: token; }
  .onboarding-token-channel__instruction-video-wrapper {
    grid-area: video;
    position: relative;
    padding-top: 70%;
    height: min-content;
    width: 100%; }
  .onboarding-token-channel__instruction-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .onboarding-token-channel__instruction-list {
    list-style-type: decimal;
    margin: 1em 0 1em 15px;
    padding: 0; }
  .onboarding-token-channel__token-input-label {
    font-weight: bold; }
  @media (max-width: 540px) {
    .onboarding-token-channel {
      grid-template-columns: 1fr;
      grid-template-areas: "text"
 "video"
 "token"; }
      .onboarding-token-channel__instruction-video-wrapper {
        padding-top: 53%; } }

.onboarding-final {
  align-content: space-between;
  font-size: 1.25em;
  text-align: center; }
  .onboarding-final__text-row {
    margin-bottom: 0; }
  .onboarding-final__feature-list {
    padding: 0;
    margin: 0 auto;
    text-align: left;
    list-style-type: none; }
  .onboarding-final__feature-list-item {
    display: flex;
    line-height: 1.5em;
    padding: 0; }
  .onboarding-final__feature-list-item:not(:last-child) {
    margin-bottom: 0.5em; }
  .onboarding-final__backhand-icons {
    font-size: 1.25em; }
  .onboarding-final__feature-list-bullet {
    margin-right: 0.5em; }
  @media (max-width: 480px) {
    .onboarding-final__feature-list {
      width: 14em; } }

.onboarding-warnings {
  font-size: 1.25em;
  text-align: center; }
  .onboarding-warnings__warning:not(:last-child) {
    margin-bottom: 1.5em; }
  .onboarding-warnings__warning_error {
    color: #df4035; }

.onboarding-control-panel {
  display: flex;
  justify-content: center; }
  .onboarding-control-panel__skip-button, .onboarding-control-panel__back-button {
    margin-right: 1em; }
  .onboarding-control-panel .btn {
    min-width: 12em; }
  @media (max-width: 400px) {
    .onboarding-control-panel {
      flex-wrap: wrap; }
      .onboarding-control-panel .btn {
        width: 100%; }
      .onboarding-control-panel__skip-button, .onboarding-control-panel__back-button {
        order: 1;
        margin-right: 0;
        margin-top: 0.75em; } }
  @media (min-width: 401px) {
    .onboarding-control-panel__skip-button.btn {
      border: 1px solid transparent; }
    .onboarding-control-panel__skip-button.btn:hover {
      border: 1px solid #b4b9be; } }
.payment-gateways.ng-scope {
  display: grid;
  grid-row-gap: 1em; }

.payment-gateway_header h3 {
  margin-top: 0; }

.payment-gateways_header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid #e8edf1;
  grid-column-gap: 1em; }

.payment-gateways_accounts-list_account_info {
  align-items: center;
  display: grid;
  outline: none;
  padding: 5px 0;
  transition: all 0.3s ease-in-out;
  grid-template-columns: repeat(2, 1fr); }

.payment-gateways_accounts-list_account {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1em; }

.payment-gateways_accounts-list_account_info_element {
  display: flex; }

.payment-gateways_accounts-list_account_body {
  border: 1px solid #e7e7e7;
  margin-bottom: 5px;
  padding: 5px; }

.payment-gateways_accounts-list_account_body_label {
  color: #505458; }

.payment-gateways_accounts-list_account_body span {
  margin-right: 10px; }

.payment-gateways_accounts-list_account_info_name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.payment-gateways_accounts-list_account_info > div {
  flex-basis: 30%; }

.payment-gateways_accounts-list_account_info:hover {
  background: #efefef; }

.payment-gateways_accounts-list_account_info_buttons {
  margin: 0 0 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 0.5em; }

.payment-gateways_add-button {
  margin-top: 10px; }
@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.offers.ng-enter,
.offers_list_item.ng-enter {
  animation: fadein 0.5s; }

.offers_header {
  display: grid;
  border-bottom: 1px solid #e8edf1;
  text-transform: uppercase;
  font-weight: bold;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1em; }

.offers_list {
  max-height: 300px;
  overflow-y: auto;
  display: grid; }

.offers_list_item {
  display: grid;
  padding: 10px 0;
  border-bottom: 1px solid #e8edf1;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  grid-column-gap: 1em; }

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

.offers_list_item_buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-self: end;
  grid-column-gap: 0.5em; }

.offers_create-button {
  margin-top: 1em; }
.paginator {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  padding: 5px; }

.paginator-page {
  justify-self: center;
  color: #8a8a8a;
  padding: 5px;
  outline: none; }

.paginator-page.active {
  border-bottom: 2px solid #29AF8E;
  font-weight: bold; }

.paginator-controls {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  padding: 10px 5px; }

.paginator-controls > div {
  cursor: pointer;
  transition: all 0.5s ease-in-out; }

.paginator-controls > div.disabled {
  opacity: 0.5; }

.paginator-controls > div {
  outline: none; }

.paginator-controls > div:hover i {
  cursor: pointer;
  color: #0aa699;
  transform: scale(1.1); }

.paginator-controls_start,
.paginator-controls_prev {
  transform: rotate(180deg); }
#landing-edit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1em; }

#landing-edit button,
a.vk-connect-button {
  border: none;
  border-radius: 3px;
  padding: 9px 12px; }

#landing-edit button:disabled {
  opacity: 0.5; }

.landing-edit_form, .landing-edit_preview {
  padding: 1em;
  background: white;
  display: grid;
  grid-row-gap: 1em;
  grid-auto-rows: max-content; }

.landing-edit_preview {
  align-items: start;
  justify-items: start;
  grid-auto-rows: max-content; }
  .landing-edit_preview img {
    width: 100%;
    height: auto; }
  .landing-edit_preview h3 {
    align-self: center;
    justify-self: center;
    word-break: break-word; }

.landing-edit_form_steps_step {
  display: grid;
  grid-row-gap: 2em; }

.landing-edit_form_steps_step_input {
  display: grid;
  grid-row-gap: 0.25em; }
  .landing-edit_form_steps_step_input label {
    font-weight: bold; }
  .landing-edit_form_steps_step_input textarea {
    resize: none;
    background-color: #fff; }

.landing-edit_form_steps_step_buttons {
  display: grid;
  grid-column-gap: 1em;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between; }
  .landing-edit_form_steps_step_buttons .goback {
    justify-self: start; }
  .landing-edit_form_steps_step_buttons .save-button {
    justify-self: center; }
  .landing-edit_form_steps_step_buttons button.next,
  .landing-edit_form_steps_step_buttons .creating-landing {
    justify-self: end;
    grid-template-columns: unset !important; }
  .landing-edit_form_steps_step_buttons button.goback,
  .landing-edit_form_steps_step_buttons button.goback > a,
  .landing-edit_form_steps_step_buttons button.next {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: baseline; }

.landing-edit_form_steps_step_input_radio-button-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr); }

.landing-edit_form_steps_step_input_radio-button-group_item {
  display: grid;
  grid-template-columns: max-content auto;
  align-items: center;
  grid-column-gap: 1em; }
  .landing-edit_form_steps_step_input_radio-button-group_item label {
    font-size: 1em;
    margin: 0; }

.landing-edit_form_steps_step_textarea {
  min-height: 160px; }

.landing-edit_form_steps_step_input_youtube_controls {
  display: grid;
  grid-row-gap: 0.25em; }

.landing-edit_form_steps_step_input_youtube_controls_control {
  display: grid;
  grid-template-columns: min-content max-content;
  align-items: center;
  grid-column-gap: 1em; }
  .landing-edit_form_steps_step_input_youtube_controls_control label {
    font-size: 0.9em;
    margin: 0; }
  .landing-edit_form_steps_step_input_youtube_controls_control input[type="checkbox"] {
    opacity: 1;
    display: grid;
    position: initial; }

.landing-edit_form_steps {
  display: grid;
  grid-row-gap: 1em; }

.landing-edit_preview_link,
.landing-edit_preview_link > label {
  font-size: 1.05em; }

.landing-edit_preview_link {
  border-top: 1px solid #e7e7e7;
  padding-top: 1em; }
  .landing-edit_preview_link p {
    white-space: pre-wrap;
    word-break: break-word; }

.landing-edit__analytics-container {
  row-gap: 1em; }

.landing-edit__analytic-script-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2em; }

.landing-edit__analytic-script {
  display: grid;
  row-gap: 0.5em; }

.vk-connect {
  display: grid;
  grid-column-gap: 1em;
  grid-template-columns: max-content; }

.vk-connect button.btn,
.vk-auth button.btn,
a.vk-connect-button.btn,
button.next.btn {
  color: white;
  background: #0aa699; }

button.goback {
  color: #5e5e5e;
  background-color: #d1dade; }

.vk-connect_helper-text,
.vk-auth-error,
.vk-groups-error {
  color: #f14d4d; }

#groups {
  padding: 6px 11px;
  width: unset; }

.youTubeFrame {
  width: 100%;
  height: 100%;
  min-height: 300px; }

.youTubeFrame > iframe {
  width: 100%;
  height: 100%; }

#landing-edit .landing-edit_preview > .notification-button {
  background-color: #5181b8;
  border-radius: 4px;
  border: 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 12.5px;
  line-height: 15px;
  margin: 0;
  outline: none;
  padding-left: 16px;
  padding-right: 16px;
  padding: 7px 16px 8px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  align-self: center;
  display: grid;
  justify-self: center; }

.save-button {
  background: #0aa699;
  color: white; }

.checkbox-input > input[type="checkbox"] {
  display: initial;
  opacity: 1;
  position: initial;
  outline: none; }

.checkbox-input > input[type="checkbox"]:focus {
  outline: none; }

.checkbox-input {
  display: grid;
  grid-template-columns: max-content auto;
  grid-column-gap: 1em;
  font-size: 0.8em; }

@keyframes blink {
  from {
    opacity: 0.2; }
  to {
    opacity: 1; } }

.creating-landing {
  display: grid;
  align-content: center;
  animation: blink 1s ease-in-out 1s infinite alternate; }

.landing-edit_form_steps_step.ng-enter
.save-button.ng-enter {
  transition: 0.5s linear all;
  opacity: 0; }

.landing-edit_form_steps_step.ng-enter.ng-enter-active,
.save-button.ng-enter.ng-enter-active {
  opacity: 1; }

.next-inner,
.prev-inner {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  grid-column-gap: 1em; }

.file-form {
  display: grid; }
#mini-landing-edit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1em; }

#mini-landing-edit button {
  border: none;
  border-radius: 3px;
  padding: 9px 12px; }

#mini-landing-edit button:disabled {
  opacity: 0.5; }

.mini-landing-edit_form,
.mini-landing-edit_preview {
  padding: 1em;
  background: white;
  display: grid;
  grid-row-gap: 1em;
  grid-auto-rows: max-content; }

.mini-landing-edit_preview {
  align-items: center;
  justify-items: center;
  grid-auto-rows: max-content; }

.mini-landing-edit_preview > img {
  width: 100%;
  height: auto; }

.mini-landing-edit_preview > h3 {
  align-self: center;
  justify-self: center;
  word-break: break-word; }

.mini-landing-edit_form_steps_step {
  display: grid;
  grid-row-gap: 2em; }

.mini-landing-edit_form_steps_step_input {
  display: grid;
  grid-row-gap: 0.25em; }

.mini-landing-edit_form_steps_step_textarea {
  min-height: 140px; }

.mini-landing-edit_form_steps_step_input > label {
  font-weight: bold; }

button.goback {
  color: #5e5e5e;
  background-color: #d1dade; }

.mini-landing-edit_form_steps_step_buttons {
  display: grid;
  grid-column-gap: 1em;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between; }

.mini-landing-edit_form_steps_step_buttons > .goback {
  justify-self: start; }

.mini-landing-edit_form_steps_step_buttons > .save-button {
  justify-self: center; }

.mini-landing-edit_form_steps_step_buttons > button.next,
.creating-landing {
  justify-self: end;
  grid-template-columns: unset !important; }

.mini-landing-edit_form_steps_step_buttons > button.goback,
.mini-landing-edit_form_steps_step_buttons > button.goback > a,
.mini-landing-edit_form_steps_step_buttons > button.next {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: baseline; }

.mini-landing-edit_form_steps_step_input_radio-button-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr); }

.mini-landing-edit_form_steps_step_input_radio-button-group_item {
  display: grid;
  grid-template-columns: max-content auto;
  align-items: center;
  grid-column-gap: 1em; }

.mini-landing-edit_form_steps_step_input_radio-button-group_item > label {
  font-size: 1em;
  margin: 0; }

.mini-landing-edit_form_steps_step_input > textarea {
  resize: none; }

#groups {
  padding: 6px 11px;
  width: unset; }

.mini-landing-edit_form_steps_step_input_youtube_controls {
  display: grid;
  grid-row-gap: 0.25em; }

.mini-landing-edit_form_steps_step_input_youtube_controls_control {
  display: grid;
  grid-template-columns: min-content max-content;
  align-items: center;
  grid-column-gap: 1em; }

.mini-landing-edit_form_steps_step_input_youtube_controls_control > label {
  font-size: 0.9em;
  margin: 0; }

.mini-landing-edit_form_steps_step_input_youtube_controls_control > input[type="checkbox"] {
  opacity: 1;
  display: grid;
  position: initial; }

.youTubeFrame {
  width: 100%;
  height: 100%;
  min-height: 300px; }

.youTubeFrame > iframe {
  width: 100%;
  height: 100%; }

#mini-landing-edit .mini-landing-edit_preview > .widget {
  cursor: pointer;
  font-size: 12.5px;
  line-height: 15px;
  margin: 10px 0;
  outline: none;
  padding-left: 16px;
  padding-right: 16px;
  padding: 7px 16px 8px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  align-self: center;
  display: grid;
  justify-self: center; }

.mini-landing-edit_form_steps {
  display: grid;
  grid-row-gap: 1em; }

.save-button {
  background: #0aa699;
  color: white; }

.checkbox-input > input[type="checkbox"] {
  display: initial;
  opacity: 1;
  position: initial;
  outline: none; }

.checkbox-input > input[type="checkbox"]:focus {
  outline: none; }

.checkbox-input {
  display: grid;
  grid-template-columns: max-content auto;
  grid-column-gap: 1em;
  font-size: 0.8em; }

@keyframes blink {
  from {
    opacity: 0.2; }
  to {
    opacity: 1; } }

.creating-mini-landing {
  display: grid;
  align-content: center;
  animation: blink 1s ease-in-out 1s infinite alternate; }

.mini-landing-edit_form_steps_step.ng-enter
.save-button.ng-enter {
  transition: 0.5s linear all;
  opacity: 0; }

.mini-landing-edit_form_steps_step.ng-enter.ng-enter-active,
.save-button.ng-enter.ng-enter-active {
  opacity: 1; }

.mini-landing-edit_preview_link,
.mini-landing-edit_preview_link > label {
  font-size: 1.05em; }

.mini-landing-edit_preview_link {
  border-top: 1px solid #e7e7e7;
  padding-top: 1em; }

.mini-landing-edit_preview > p {
  white-space: pre-wrap;
  word-break: break-word; }

.next-inner,
.prev-inner {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  grid-column-gap: 1em; }

.file-form {
  display: grid; }

.input_url_invalid {
  border-color: #f14d4d !important; }

.image-input {
  width: 180px;
  height: 30px;
  margin: 0;
  text-align: center; }

.image-input::before {
  content: 'Upload image';
  text-align: center;
  display: block;
  border: 1px solid #e5e9ec;
  border-radius: 3px;
  width: 180px;
  height: 30px;
  cursor: pointer;
  padding: 3px; }

.image-input:hover::before {
  outline: 2px solid #e5e9ec; }

.mini-landing-edit__preview-html-text {
  display: grid;
  justify-items: center; }

.tooltip-wraper {
  display: grid;
  grid-auto-rows: max-content;
  width: 100%;
  text-align: left;
  row-gap: 10px;
  justify-self: center; }

.mini-landing__copy-button {
  width: max-content;
  height: max-content;
  align-self: center; }

.mini-landing__code-wraper {
  display: grid;
  row-gap: 10px; }

.mini-landing__code {
  display: grid;
  grid-template-columns: 85% 10%;
  column-gap: 10px; }

.widget-checkbox {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-content: center;
  margin: 0 0 10px 0; }

.widget-checkbox > span {
  margin-bottom: 5px;
  display: block; }

.widget-checkbox > label {
  margin: 0; }

.mini-landing-edit__widget-input-wraper {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 30px;
  align-items: center;
  justify-items: start; }

.create-widget-button {
  display: block;
  cursor: pointer;
  align-self: end;
  margin-bottom: 10px; }

.widgets-input {
  display: grid;
  row-gap: 10px; }
.analytics-filter-form {
  display: grid;
  min-height: 15em;
  row-gap: 2em;
  grid-template-areas: "conditions period" "conditions control-buttons"; }
  .analytics-filter-form .btn {
    width: 10em; }
    .analytics-filter-form .btn i {
      font-size: 0.8em; }
  .analytics-filter-form__conditions {
    grid-area: conditions; }
  .analytics-filter-form__period {
    grid-area: period;
    text-align: right; }
    .analytics-filter-form__period input {
      display: inline-block;
      max-width: 14em; }
  .analytics-filter-form__control-buttons {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 1em;
    grid-area: control-buttons;
    justify-self: end;
    align-self: end; }
  .analytics-filter-form__section-headline {
    margin-bottom: 1em;
    margin-top: 0; }
  .analytics-filter-form__conditions-list {
    list-style-type: none;
    padding: 0;
    margin: 1em 0; }
  .analytics-filter-form__conditions-list-item {
    display: grid;
    grid-template-columns: 15em minmax(15em, 1fr) auto;
    column-gap: 1em;
    width: 45em;
    padding-left: 0; }
    .analytics-filter-form__conditions-list-item:not(:last-child) {
      margin-bottom: 1em; }
  .analytics-filter-form__condition-remove-button {
    background: none;
    outline: none;
    border: none;
    padding: 0;
    font-size: 1.5em;
    transition: color 0.1s ease; }
    .analytics-filter-form__condition-remove-button:hover {
      color: #000; }
  .analytics-filter-form__additional-options {
    display: grid;
    grid-template-columns: max-content max-content max-content;
    column-gap: 5px; }
  .analytics-filter-form__additional-option-item {
    display: grid;
    grid-template-columns: max-content max-content;
    column-gap: 5px; }
  .analytics-filter-form__additional-option {
    color: #0aa699;
    font-weight: bold;
    cursor: pointer; }
  .analytics-filter-form .ui-select-textback .channel-icon {
    vertical-align: sub;
    width: 18px;
    height: 18px; }
.image-preview__container {
  position: relative;
  width: max-content;
  margin: 10px 0; }

.image-preview__delete-button {
  opacity: 0.7;
  transition: opacity 0.15s;
  position: absolute;
  top: 3px;
  right: 3px;
  background: #FFF;
  color: #333;
  line-height: 16px;
  font-size: 14px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  cursor: pointer;
  text-align: center; }
  .image-preview__delete-button:hover, .image-preview__delete-button.tb-active {
    opacity: 1;
    color: inherit; }

.image-preview__image-link {
  width: max-content; }

.image-preview__image {
  width: 70px; }
.ranges li {
  font-size: 13px;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  color: #000;
  padding: 3px 12px;
  margin-bottom: 8px;
  cursor: pointer; }

.ranges li:hover {
  background-color: #0aa699;
  border: 1px solid #0aa699;
  color: #fff; }

.ranges li.active {
  background-color: #0aa699;
  border: 1px solid #0aa699;
  color: #fff; }

.daterangepicker td.active {
  background-color: #0aa699; }

.daterangepicker td.active:hover {
  background-color: #0aa699;
  opacity: 0.65; }

.daterangepicker thead th.prev,
.daterangepicker thead th.next {
  color: #0aa699; }

.daterangepicker thead tr:last-child th {
  text-transform: uppercase;
  color: #0aa699;
  font-size: 11px; }

.daterangepicker.input-mini.active {
  border: 1px solid #0aa699;
  border-radius: 4px; }

.daterangepicker.dropdown-menu {
  width: max-content; }
  .daterangepicker.dropdown-menu li {
    padding: 3px 12px; }

.daterangepicker .input-mini.active {
  border: 1px solid #0aa699;
  border-radius: 4px; }
.subscriptions-report__counters-container {
  display: flex;
  justify-content: space-between; }

.subscriptions-report__counter {
  position: relative;
  width: 24%;
  padding: 0.65em;
  border: 1px solid #bebebe;
  border-radius: 2px;
  text-align: center; }
  .subscriptions-report__counter .fa-users {
    font-size: 2.5em; }

.subscriptions-report__counter-result-container {
  text-align: left; }

.subscriptions-report__counter-icon {
  font-size: 2.5em; }

.subscriptions-report__counter-result {
  font-weight: normal;
  margin: 0; }
  .subscriptions-report__counter-result_color_green {
    color: #099a8c; }
  .subscriptions-report__counter-result_color_purple {
    color: #674885; }
  .subscriptions-report__counter-result_color_red {
    color: #f35958; }

.subscriptions-report__counter-caption {
  text-transform: uppercase; }

.subscriptions-report .fa-info-circle {
  position: absolute;
  right: 0.6em;
  top: 0.6em;
  font-size: 1.2em; }
.subscribers-report_buttons {
  display: flex;
  justify-content: flex-end; }
  .subscribers-report_buttons button {
    cursor: pointer; }
    .subscribers-report_buttons button .csv-button-icon {
      font-size: 12px;
      color: #fff;
      background-color: #0aa699; }

.grid-table-container {
  display: grid;
  grid-template-rows: max-content max-content;
  margin-bottom: 1em;
  color: #6f7b8a;
  font-size: 1em; }
  .grid-table-container .grid-table-head {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    text-transform: uppercase; }
    .grid-table-container .grid-table-head .table-head-text {
      text-align: center;
      border-left: 1px solid #dddddd;
      line-height: 3em;
      font-size: 1.075em;
      color: #6f7b8a;
      font-weight: bold; }
      .grid-table-container .grid-table-head .table-head-text:first-child {
        text-align: left;
        padding-left: 5em; }
      .grid-table-container .grid-table-head .table-head-text:last-child {
        border-right: 1px solid #dddddd; }
  .grid-table-container .grid-table-body {
    display: grid;
    grid-template-rows: max-content max-content; }
    .grid-table-container .grid-table-body .table-body-row {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr 1fr;
      border-bottom: 1px solid #dddddd; }
      .grid-table-container .grid-table-body .table-body-row:hover {
        background-color: #f5f5f5; }
      .grid-table-container .grid-table-body .table-body-row .table-body-column {
        text-align: center;
        border-left: 1px solid #dddddd;
        font-weight: 400;
        line-height: 3em; }
        .grid-table-container .grid-table-body .table-body-row .table-body-column:last-child {
          border-right: 1px solid #dddddd; }
        .grid-table-container .grid-table-body .table-body-row .table-body-column.utm-wrap-angle {
          margin-right: 1em; }
        .grid-table-container .grid-table-body .table-body-row .table-body-column i {
          width: 1em;
          height: 1em;
          font-weight: bold; }
      .grid-table-container .grid-table-body .table-body-row .first-column {
        padding-left: 6em;
        text-align: left; }
      .grid-table-container .grid-table-body .table-body-row__head .table-body-column {
        color: #6f7b8a;
        font-weight: bold; }
      .grid-table-container .grid-table-body .table-body-row__parent .table-body-column {
        color: #6f7b8a;
        font-weight: bold; }
      .grid-table-container .grid-table-body .table-body-row__child {
        color: #6f7b8a; }
.widget-list__head-container {
  display: grid;
  margin-bottom: 1em; }

.widget-list__head-group {
  display: grid;
  grid-template-columns: 0.5fr 1fr 1fr 1fr 0.5fr;
  grid-template-rows: 1fr;
  justify-items: center;
  grid-auto-flow: row;
  margin-bottom: 1em; }

.widget-list__head-title:first-child {
  justify-self: start !important; }

.widget-list__head-title {
  font-size: 1.25em;
  font-weight: bold; }

.widget-list__item {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  grid-column-gap: 5px;
  transition: all 0.25s ease-in-out;
  outline: none;
  border-bottom: 1px solid #e8edf1;
  padding: 1em 0 1em 0; }

.widget-list__item:first-of-type {
  border-top: 1px solid #e8edf1; }

.widget__name {
  justify-self: start; }

.widget__field {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 0.5fr 1fr 1fr 1fr 0.5fr;
  overflow: hidden;
  align-content: center; }

.widget__total-count {
  justify-self: center; }

.widget__button {
  justify-self: end; }

.button-new-widget {
  padding: 10px 20px;
  margin-left: 1em; }

.statistics_count {
  justify-self: stretch; }
.widget-links-table {
  display: grid;
  grid-row-gap: 1em;
  margin-bottom: 1em;
  font-size: 9pt; }

.widget-links-heading {
  font-size: 1.25em;
  font-weight: bold;
  display: grid;
  grid-template-columns: 20px 200px 100px auto;
  grid-column-gap: 20px;
  border-bottom: 1px solid #e8edf1;
  padding-bottom: 1em;
  color: #6f7b8a; }

.widget-links-heading_first {
  grid-column: 2/3; }

.widget-notifications {
  display: grid;
  grid-template-columns: max-content min-content;
  grid-column-gap: 1em;
  align-items: baseline; }

.device-type-select {
  margin-bottom: 1em; }

.device-type-select label {
  color: #55606e; }

@media (max-width: 767px) {
  .widget-links-heading {
    grid-template-columns: 20px 180px 80px 1fr;
    grid-column-gap: 10px;
    font-size: 1em; } }

@media (max-width: 570px) {
  .widget-links-heading {
    display: none; }
  .widget-links-table {
    grid-row-gap: 1.25em; } }

.channel-picker {
  width: 20%; }
  .channel-picker__container {
    min-height: 42px; }

.button-with-info {
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: left;
  align-content: center;
  column-gap: 20px; }

.view-settings__container {
  display: grid;
  grid-template-columns: 50% 45%;
  grid-template-rows: auto;
  column-gap: 20px;
  justify-content: space-between; }

.view-settings__options {
  display: grid;
  grid-auto-rows: max-content;
  row-gap: 15px; }

.view-settings__item {
  display: grid;
  grid-template-columns: 1fr; }

.view-settings__button-with-color {
  display: grid;
  grid-template-columns: 2fr max-content max-content;
  column-gap: 10px;
  justify-content: space-between;
  grid-template-rows: max-content; }

.view-settings__item-with-color {
  display: grid;
  grid-template-columns: 2fr max-content;
  column-gap: 10px;
  justify-content: space-between;
  grid-template-rows: max-content; }

.view-settings__textarea {
  width: 100%; }

.view-settings__options-container {
  display: grid;
  row-gap: 15px;
  padding-bottom: 100px; }

.view-settings__item-inputs {
  display: grid; }

.view-settings tb-notification-widget-corner-popup {
  position: absolute !important; }

.checkbox-default {
  display: block;
  opacity: 1; }

@media (max-width: 1300px) {
  .view-settings__container {
    display: grid;
    row-gap: 20px;
    grid-template-columns: 1fr;
    justify-content: center; } }

.file-input {
  height: auto;
  opacity: 0;
  display: none; }

.image-input {
  width: 180px;
  height: 30px;
  margin: 0;
  text-align: center; }

.image-input::before {
  content: "Upload image";
  text-align: center;
  display: block;
  border: 1px solid #e5e9ec;
  border-radius: 3px;
  width: 180px;
  height: 30px;
  cursor: pointer;
  padding: 3px; }

.image-input:hover::before {
  outline: 2px solid #e5e9ec; }

.display-delay-option {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: auto;
  column-gap: 10px;
  margin: 0;
  align-items: center; }

.display-delay-wraper {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 10px;
  align-items: center; }

.link-error-message {
  color: var(--error-500-main, #ff5f61);
  font-size: var(--Font-size-Error-input-text, 12px);
  font-style: normal;
  font-weight: var(--Font-weight-Error-input-text, 400);
  line-height: var(--Line-height-Error-input-text, 14px);
  /* 116.667% */
  margin-top: 2px; }
.roistat__container {
  display: grid;
  grid-template-columns: 50%;
  justify-content: left; }

.roistat__content {
  width: 100%;
  height: max-content; }

.roistat__inputs-container {
  display: grid;
  grid-template-rows: max-content max-content;
  row-gap: 10px;
  margin-bottom: 20px; }

.roistat__buttons {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  justify-content: left;
  column-gap: 20px; }

.roistat__message_error {
  font-size: 14px;
  color: red; }
.tb-whatsapp-templates__main {
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 2em;
  padding: 2em 2em 4em 2em; }

.tb-whatsapp-templates__search-container {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 1em;
  align-items: center; }
  .tb-whatsapp-templates__search-container i {
    font-size: 1.5em; }

.tb-whatsapp-templates__enterprise-buttons {
  display: flex;
  flex-direction: column;
  row-gap: 1em; }

.tb-whatsapp-templates__image-placeholder {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  font-size: 3em;
  padding: 0.3em 0 0.5em 0; }
  .tb-whatsapp-templates__image-placeholder i {
    font-size: 2em;
    color: #8b91a0; }

.tb-whatsapp-templates__open-register-button-container {
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: space-between; }

.tb-whatsapp-templates__template-text {
  display: block;
  width: 100%;
  text-overflow: clip;
  text-align: left; }

.tb-whatsapp-templates__template-buttons-container {
  width: max-content;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75em;
  margin-top: 1em; }

.tb-whatsapp-templates__inner-container {
  padding: 1em;
  border: 1px solid #e5e9ec;
  display: grid;
  grid-template-columns: 100%;
  width: 100%;
  text-align: left;
  align-items: center;
  justify-content: center;
  justify-items: center;
  box-shadow: 0px 0px 4px #e5e9ec; }

.tb-whatsapp-templates__name-edit-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  column-gap: 0.75em;
  row-gap: 1em;
  align-items: center; }
  .tb-whatsapp-templates__name-edit-container_error {
    padding: 1em; }

.tb-whatsapp-templates__name-edit-button-container {
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: center;
  column-gap: 0.75em;
  row-gap: 1em;
  align-items: center; }

.tb-whatsapp-templates__name-edit-textarea {
  height: 7em;
  resize: vertical; }

.tb-whatsapp-templates__name-edit-save-button {
  background: none !important;
  border: none !important;
  width: 21px !important;
  height: 21px !important;
  padding: 0 !important;
  outline: none !important;
  border-radius: 50% !important; }
  .tb-whatsapp-templates__name-edit-save-button i {
    font-size: 1.5em; }
  .tb-whatsapp-templates__name-edit-save-button_green i {
    color: #0aa699; }

.tb-whatsapp-templates__template-text span {
  white-space: break-spaces; }

.tb-whatsapp-templates__template-button {
  display: flex;
  padding: 0.5em 1em;
  border: 1px dashed #d5d8da;
  border-radius: 8px;
  text-align: center;
  color: #45b9d8;
  cursor: default;
  align-items: center;
  justify-content: center; }

.tb-whatsapp-templates__template-button:only-child {
  grid-column: 1 / 3; }

.tb-whatsapp-templates__template-button:nth-child(3), .tb-whatsapp-templates__template-button_cta {
  grid-column: 1 / 3; }

.tb-whatsapp-templates__template-button-icon {
  margin-right: 0.2em;
  font-size: 1.2em; }

.tb-whatsapp-templates__templates-list-row {
  display: grid;
  grid-template-columns: 3fr 5fr  2fr 2fr; }

.tb-whatsapp-templates__filtration-empty {
  display: grid;
  row-gap: 1em; }

.tb-whatsapp-templates__templates-list-columns {
  white-space: wrap;
  overflow: hidden;
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  text-align: center;
  align-items: center;
  justify-content: center;
  justify-items: center;
  text-overflow: hidden;
  outline: none; }
  .tb-whatsapp-templates__templates-list-columns i {
    outline: none; }
  .tb-whatsapp-templates__templates-list-columns_status {
    display: grid;
    grid-template-columns: max-content max-content max-content;
    column-gap: 0.5em; }
  .tb-whatsapp-templates__templates-list-columns_statuses-text {
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: start;
    text-align: left;
    width: max-content; }
    .tb-whatsapp-templates__templates-list-columns_statuses-text i {
      padding: 3px 5px 0 0; }

.tb-whatsapp-templates__name {
  overflow: visible;
  text-overflow: clip;
  width: 100%;
  justify-content: left;
  display: grid;
  text-align: center;
  grid-template-columns: 50% max-content;
  justify-content: center;
  column-gap: 1em;
  align-items: center;
  outline: none; }
  .tb-whatsapp-templates__name span {
    display: inline;
    overflow: hidden;
    margin: 0;
    text-overflow: clip;
    overflow-wrap: anywhere;
    width: 100%;
    text-align: center; }
  .tb-whatsapp-templates__name i {
    display: block;
    margin: 0;
    text-align: left; }

.tb-status_red {
  color: #fc2e2e; }

.tb-status_green {
  color: #25D366; }

.tb-status_yellow {
  color: #ff8100; }

.tb-status_blue {
  color: #3636df; }

.waba-templates-popover {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1em;
  row-gap: 1em; }
  .waba-templates-popover__button {
    font-size: 1em; }

.urls-list {
  display: grid;
  grid-template-columns: max-content;
  row-gap: 1em; }

@media screen and (max-width: 1372px) {
  .tb-whatsapp-templates__name-edit-button-container {
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: right;
    column-gap: 0.75em;
    row-gap: 0;
    align-items: center; } }

@media screen and (max-width: 760px) {
  .tb-whatsapp-templates__template-buttons-container {
    width: max-content;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75em;
    padding: 1em; } }
.tb-whatsapp-templates-registration__faq {
  background-color: #fff;
  padding: 2em; }

.tb-whatsapp-templates-registration__form-container {
  display: grid;
  grid-template-columns: 70%;
  width: 100%;
  justify-content: center;
  background-color: #fff;
  column-gap: 2em;
  row-gap: 2em; }

.tb-whatsapp-templates-registration__form-input::placeholder {
  color: #d5d8da; }

.tb-whatsapp-templates-registration__form-enterprise {
  background: #fff;
  display: grid;
  grid-template-columns: 100%;
  width: 100%;
  row-gap: 2em;
  justify-content: center;
  justify-items: center;
  padding: 2em 2em 4em 2em; }

.tb-whatsapp-templates-registration__form-card {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  border: 1px solid #bebebe;
  box-shadow: 0 0 2px 1px #bebebe;
  padding: 2em;
  align-items: flex-start;
  align-content: flex-start;
  row-gap: 1em; }
  .tb-whatsapp-templates-registration__form-card_name {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 1em; }
  .tb-whatsapp-templates-registration__form-card_media {
    display: grid;
    grid-template-columns: 100%;
    column-gap: 2em;
    row-gap: 1em; }
  .tb-whatsapp-templates-registration__form-card_buttons {
    row-gap: 1em;
    display: flex;
    flex-direction: column; }

.tb-whatsapp-templates-registration__form-footer {
  width: 100%;
  display: grid;
  grid-template-rows: max-content;
  row-gap: 1em;
  justify-content: center;
  column-gap: 2em; }

.tb-whatsapp-templates-registration__textarea-tools {
  display: grid;
  width: 100%;
  grid-template-columns: max-content max-content;
  justify-content: space-between;
  align-items: center; }

.tb-whatsapp-templates-registration__textarea-tools-text-styles {
  display: grid;
  grid-template-columns: repeat(5, max-content);
  column-gap: 1em; }
  .tb-whatsapp-templates-registration__textarea-tools-text-styles:first-child i {
    font-weight: 100; }

.tb-whatsapp-templates-registration__textarea-tools-button {
  width: 100%;
  background: none;
  outline: none;
  border: none; }

.tb-whatsapp-templates-registration__buttons-add-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2em;
  justify-content: space-around;
  row-gap: 1em; }

.tb-whatsapp-templates-registration__button-add {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center; }
  .tb-whatsapp-templates-registration__button-add button {
    width: 100%; }

.tb-whatsapp-templates-registration__added-button-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 2em;
  align-items: center;
  text-align: center; }

.tb-whatsapp-templates-registration__template-card {
  background: #fff;
  display: grid;
  grid-template-columns: 2fr 3fr 1fr; }

.tb-whatsapp-templates-registration__textarea-wrapper {
  margin: 0 auto;
  width: 100%; }

.tb-whatsapp-templates-registration__textarea {
  width: 100%;
  height: 300px;
  resize: none; }
  .tb-whatsapp-templates-registration__textarea::placeholder {
    color: #d5d8da; }

.tb-whatsapp-templates-registration__slider-container {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 2em;
  justify-content: left; }

.tb-whatsapp-templates-registration__radio-buttons-container-collapse {
  width: 100%; }

.tb-whatsapp-templates-registration__radio-buttons-container {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  column-gap: 1em;
  width: 100%;
  justify-content: center;
  justify-items: center; }

.tb-whatsapp-templates-registration__radio-card {
  display: grid;
  box-shadow: 0 0 1px  #6f7b8a;
  width: 50%;
  row-gap: 1em;
  padding: 1em; }

.tb-whatsapp-templates-registration__radio-container {
  display: grid;
  position: relative;
  grid-template-columns: 1fr;
  width: 100%;
  height: 100%; }

.tb-whatsapp-templates-registration__radio-icon-container {
  display: grid;
  row-gap: 1em;
  justify-content: center;
  text-align: center; }
  .tb-whatsapp-templates-registration__radio-icon-container i {
    font-size: 6em;
    display: block; }

.tb-whatsapp-templates-registration__button {
  display: flex;
  padding: 0.5em 1em;
  border: 3px dashed #45b9d8;
  border-radius: 8px;
  text-align: center;
  color: #45b9d8;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  cursor: pointer;
  outline: none; }
  .tb-whatsapp-templates-registration__button:disabled {
    cursor: not-allowed;
    color: #b1b1b1;
    border: 3px dashed #b1b1b1; }
  .tb-whatsapp-templates-registration__button_delete {
    border: none;
    background-color: #fff;
    outline: none;
    border-radius: 50%;
    width: max-content;
    padding: 5px 7.625px; }
    .tb-whatsapp-templates-registration__button_delete:hover {
      background-color: #f8f8f8; }
    .tb-whatsapp-templates-registration__button_delete i {
      font-size: 1.5em;
      color: red; }

.tb-whatsapp-templates-registration__flag {
  background-size: cover !important; }

.tb-whatsapp-templates-registration__validation-error {
  display: flex;
  align-items: center; }

.tb-whatsapp-templates-registration__infobox {
  outline: none; }
  .tb-whatsapp-templates-registration__infobox:before {
    top: 0 !important; }

.tb-whatsapp-templates-registration__double-column-cards-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2em; }

.bordered {
  border-bottom: 1px solid #0aa699;
  padding-bottom: 5px; }

.text-padding-20 {
  padding-left: 20px; }

.text-pading-1em {
  padding: 1em; }
  .text-pading-1em li {
    list-style: none; }

@media (max-width: 1200px) {
  .tb-whatsapp-templates-registration__form-container {
    grid-template-columns: 100%; } }

@media (max-width: 750px) {
  .tb-whatsapp-templates-registration__double-column-cards-row {
    grid-template-columns: 1fr;
    row-gap: 2em; } }
/*!
 * Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa, .fab, .fal, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-ul > li {
  position: relative; }

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

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

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

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

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

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

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

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

@keyframes a {
  0% {
    transform: rotate(0deg); }
  to {
    transform: rotate(1turn); } }

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

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

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

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

.fa-flip-vertical {
  transform: scaleY(-1); }

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

.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1); }

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
  -webkit-filter: none;
  filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em; }

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

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

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

.fa-inverse {
  color: #fff; }

.fa-500px:before {
  content: "\F26E"; }

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

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

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

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

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

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

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

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

.fa-air-freshener:before {
  content: "\F5D0"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-angry:before {
  content: "\F556"; }

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

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

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

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

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

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

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

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

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

.fa-archway:before {
  content: "\F557"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-atlas:before {
  content: "\F558"; }

.fa-atom:before {
  content: "\F5D2"; }

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

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

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

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

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

.fa-award:before {
  content: "\F559"; }

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

.fa-backspace:before {
  content: "\F55A"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-bezier-curve:before {
  content: "\F55B"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-bone:before {
  content: "\F5D7"; }

.fa-bong:before {
  content: "\F55C"; }

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

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

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

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

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

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

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

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

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

.fa-brain:before {
  content: "\F5DC"; }

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

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

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

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

.fa-brush:before {
  content: "\F55D"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-cannabis:before {
  content: "\F55F"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-charging-station:before {
  content: "\F5E7"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-cocktail:before {
  content: "\F561"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-cookie:before {
  content: "\F563"; }

.fa-cookie-bite:before {
  content: "\F564"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-digital-tachograph:before {
  content: "\F566"; }

.fa-directions:before {
  content: "\F5EB"; }

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

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

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

.fa-dizzy:before {
  content: "\F567"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-draw-polygon:before {
  content: "\F5EE"; }

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

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

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

.fa-drum:before {
  content: "\F569"; }

.fa-drum-steelpan:before {
  content: "\F56A"; }

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

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

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

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

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

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

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

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

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

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

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

.fa-ello:before {
  content: "\F5F1"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-file-invoice-dollar:before {
  content: "\F571"; }

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

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

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

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

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

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

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

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

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

.fa-fill:before {
  content: "\F575"; }

.fa-fill-drip:before {
  content: "\F576"; }

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

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

.fa-fingerprint:before {
  content: "\F577"; }

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

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

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

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

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

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

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

.fa-fish:before {
  content: "\F578"; }

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

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

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

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

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

.fa-flushed:before {
  content: "\F579"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-grimace:before {
  content: "\F57F"; }

.fa-grin:before {
  content: "\F580"; }

.fa-grin-alt:before {
  content: "\F581"; }

.fa-grin-beam:before {
  content: "\F582"; }

.fa-grin-beam-sweat:before {
  content: "\F583"; }

.fa-grin-hearts:before {
  content: "\F584"; }

.fa-grin-squint:before {
  content: "\F585"; }

.fa-grin-squint-tears:before {
  content: "\F586"; }

.fa-grin-stars:before {
  content: "\F587"; }

.fa-grin-tears:before {
  content: "\F588"; }

.fa-grin-tongue:before {
  content: "\F589"; }

.fa-grin-tongue-squint:before {
  content: "\F58A"; }

.fa-grin-tongue-wink:before {
  content: "\F58B"; }

.fa-grin-wink:before {
  content: "\F58C"; }

.fa-grip-horizontal:before {
  content: "\F58D"; }

.fa-grip-vertical:before {
  content: "\F58E"; }

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

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

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

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

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

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

.fa-hackerrank:before {
  content: "\F5F7"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-headset:before {
  content: "\F590"; }

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

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

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

.fa-highlighter:before {
  content: "\F591"; }

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

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

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

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

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

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

.fa-hornbill:before {
  content: "\F592"; }

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

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

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

.fa-hot-tub:before {
  content: "\F593"; }

.fa-hotel:before {
  content: "\F594"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-italic:before {
  content: "\F033"; }

.fa-itunes:before {
  content: "\F3B4"; }

.fa-itunes-note:before {
  content: "\F3B5"; }

.fa-java:before {
  content: "\F4E4"; }

.fa-jedi-order:before {
  content: "\F50E"; }

.fa-jenkins:before {
  content: "\F3B6"; }

.fa-joget:before {
  content: "\F3B7"; }

.fa-joint:before {
  content: "\F595"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-js:before {
  content: "\F3B8"; }

.fa-js-square:before {
  content: "\F3B9"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

.fa-kaggle:before {
  content: "\F5FA"; }

.fa-key:before {
  content: "\F084"; }

.fa-keybase:before {
  content: "\F4F5"; }

.fa-keyboard:before {
  content: "\F11C"; }

.fa-keycdn:before {
  content: "\F3BA"; }

.fa-kickstarter:before {
  content: "\F3BB"; }

.fa-kickstarter-k:before {
  content: "\F3BC"; }

.fa-kiss:before {
  content: "\F596"; }

.fa-kiss-beam:before {
  content: "\F597"; }

.fa-kiss-wink-heart:before {
  content: "\F598"; }

.fa-kiwi-bird:before {
  content: "\F535"; }

.fa-korvue:before {
  content: "\F42F"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-laptop:before {
  content: "\F109"; }

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

.fa-laravel:before {
  content: "\F3BD"; }

.fa-lastfm:before {
  content: "\F202"; }

.fa-lastfm-square:before {
  content: "\F203"; }

.fa-laugh:before {
  content: "\F599"; }

.fa-laugh-beam:before {
  content: "\F59A"; }

.fa-laugh-squint:before {
  content: "\F59B"; }

.fa-laugh-wink:before {
  content: "\F59C"; }

.fa-layer-group:before {
  content: "\F5FD"; }

.fa-leaf:before {
  content: "\F06C"; }

.fa-leanpub:before {
  content: "\F212"; }

.fa-lemon:before {
  content: "\F094"; }

.fa-less:before {
  content: "\F41D"; }

.fa-less-than:before {
  content: "\F536"; }

.fa-less-than-equal:before {
  content: "\F537"; }

.fa-level-down-alt:before {
  content: "\F3BE"; }

.fa-level-up-alt:before {
  content: "\F3BF"; }

.fa-life-ring:before {
  content: "\F1CD"; }

.fa-lightbulb:before {
  content: "\F0EB"; }

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

.fa-link:before {
  content: "\F0C1"; }

.fa-linkedin:before {
  content: "\F08C"; }

.fa-linkedin-in:before {
  content: "\F0E1"; }

.fa-linode:before {
  content: "\F2B8"; }

.fa-linux:before {
  content: "\F17C"; }

.fa-lira-sign:before {
  content: "\F195"; }

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

.fa-list-alt:before {
  content: "\F022"; }

.fa-list-ol:before {
  content: "\F0CB"; }

.fa-list-ul:before {
  content: "\F0CA"; }

.fa-location-arrow:before {
  content: "\F124"; }

.fa-lock:before {
  content: "\F023"; }

.fa-lock-open:before {
  content: "\F3C1"; }

.fa-long-arrow-alt-down:before {
  content: "\F309"; }

.fa-long-arrow-alt-left:before {
  content: "\F30A"; }

.fa-long-arrow-alt-right:before {
  content: "\F30B"; }

.fa-long-arrow-alt-up:before {
  content: "\F30C"; }

.fa-low-vision:before {
  content: "\F2A8"; }

.fa-luggage-cart:before {
  content: "\F59D"; }

.fa-lyft:before {
  content: "\F3C3"; }

.fa-magento:before {
  content: "\F3C4"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-magnet:before {
  content: "\F076"; }

.fa-mailchimp:before {
  content: "\F59E"; }

.fa-male:before {
  content: "\F183"; }

.fa-mandalorian:before {
  content: "\F50F"; }

.fa-map:before {
  content: "\F279"; }

.fa-map-marked:before {
  content: "\F59F"; }

.fa-map-marked-alt:before {
  content: "\F5A0"; }

.fa-map-marker:before {
  content: "\F041"; }

.fa-map-marker-alt:before {
  content: "\F3C5"; }

.fa-map-pin:before {
  content: "\F276"; }

.fa-map-signs:before {
  content: "\F277"; }

.fa-markdown:before {
  content: "\F60F"; }

.fa-marker:before {
  content: "\F5A1"; }

.fa-mars:before {
  content: "\F222"; }

.fa-mars-double:before {
  content: "\F227"; }

.fa-mars-stroke:before {
  content: "\F229"; }

.fa-mars-stroke-h:before {
  content: "\F22B"; }

.fa-mars-stroke-v:before {
  content: "\F22A"; }

.fa-mastodon:before {
  content: "\F4F6"; }

.fa-maxcdn:before {
  content: "\F136"; }

.fa-medal:before {
  content: "\F5A2"; }

.fa-medapps:before {
  content: "\F3C6"; }

.fa-medium:before {
  content: "\F23A"; }

.fa-medium-m:before {
  content: "\F3C7"; }

.fa-medkit:before {
  content: "\F0FA"; }

.fa-medrt:before {
  content: "\F3C8"; }

.fa-meetup:before {
  content: "\F2E0"; }

.fa-megaport:before {
  content: "\F5A3"; }

.fa-meh:before {
  content: "\F11A"; }

.fa-meh-blank:before {
  content: "\F5A4"; }

.fa-meh-rolling-eyes:before {
  content: "\F5A5"; }

.fa-memory:before {
  content: "\F538"; }

.fa-mercury:before {
  content: "\F223"; }

.fa-microchip:before {
  content: "\F2DB"; }

.fa-microphone:before {
  content: "\F130"; }

.fa-microphone-alt:before {
  content: "\F3C9"; }

.fa-microphone-alt-slash:before {
  content: "\F539"; }

.fa-microphone-slash:before {
  content: "\F131"; }

.fa-microscope:before {
  content: "\F610"; }

.fa-microsoft:before {
  content: "\F3CA"; }

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

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

.fa-minus-square:before {
  content: "\F146"; }

.fa-mix:before {
  content: "\F3CB"; }

.fa-mixcloud:before {
  content: "\F289"; }

.fa-mizuni:before {
  content: "\F3CC"; }

.fa-mobile:before {
  content: "\F10B"; }

.fa-mobile-alt:before {
  content: "\F3CD"; }

.fa-modx:before {
  content: "\F285"; }

.fa-monero:before {
  content: "\F3D0"; }

.fa-money-bill:before {
  content: "\F0D6"; }

.fa-money-bill-alt:before {
  content: "\F3D1"; }

.fa-money-bill-wave:before {
  content: "\F53A"; }

.fa-money-bill-wave-alt:before {
  content: "\F53B"; }

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

.fa-money-check-alt:before {
  content: "\F53D"; }

.fa-monument:before {
  content: "\F5A6"; }

.fa-moon:before {
  content: "\F186"; }

.fa-mortar-pestle:before {
  content: "\F5A7"; }

.fa-motorcycle:before {
  content: "\F21C"; }

.fa-mouse-pointer:before {
  content: "\F245"; }

.fa-music:before {
  content: "\F001"; }

.fa-napster:before {
  content: "\F3D2"; }

.fa-neos:before {
  content: "\F612"; }

.fa-neuter:before {
  content: "\F22C"; }

.fa-newspaper:before {
  content: "\F1EA"; }

.fa-nimblr:before {
  content: "\F5A8"; }

.fa-nintendo-switch:before {
  content: "\F418"; }

.fa-node:before {
  content: "\F419"; }

.fa-node-js:before {
  content: "\F3D3"; }

.fa-not-equal:before {
  content: "\F53E"; }

.fa-notes-medical:before {
  content: "\F481"; }

.fa-npm:before {
  content: "\F3D4"; }

.fa-ns8:before {
  content: "\F3D5"; }

.fa-nutritionix:before {
  content: "\F3D6"; }

.fa-object-group:before {
  content: "\F247"; }

.fa-object-ungroup:before {
  content: "\F248"; }

.fa-odnoklassniki:before {
  content: "\F263"; }

.fa-odnoklassniki-square:before {
  content: "\F264"; }

.fa-oil-can:before {
  content: "\F613"; }

.fa-old-republic:before {
  content: "\F510"; }

.fa-opencart:before {
  content: "\F23D"; }

.fa-openid:before {
  content: "\F19B"; }

.fa-opera:before {
  content: "\F26A"; }

.fa-optin-monster:before {
  content: "\F23C"; }

.fa-osi:before {
  content: "\F41A"; }

.fa-outdent:before {
  content: "\F03B"; }

.fa-page4:before {
  content: "\F3D7"; }

.fa-pagelines:before {
  content: "\F18C"; }

.fa-paint-brush:before {
  content: "\F1FC"; }

.fa-paint-roller:before {
  content: "\F5AA"; }

.fa-palette:before {
  content: "\F53F"; }

.fa-palfed:before {
  content: "\F3D8"; }

.fa-pallet:before {
  content: "\F482"; }

.fa-paper-plane:before {
  content: "\F1D8"; }

.fa-paperclip:before {
  content: "\F0C6"; }

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

.fa-paragraph:before {
  content: "\F1DD"; }

.fa-parking:before {
  content: "\F540"; }

.fa-passport:before {
  content: "\F5AB"; }

.fa-paste:before {
  content: "\F0EA"; }

.fa-patreon:before {
  content: "\F3D9"; }

.fa-pause:before {
  content: "\F04C"; }

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

.fa-paw:before {
  content: "\F1B0"; }

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

.fa-pen:before {
  content: "\F304"; }

.fa-pen-alt:before {
  content: "\F305"; }

.fa-pen-fancy:before {
  content: "\F5AC"; }

.fa-pen-nib:before {
  content: "\F5AD"; }

.fa-pen-square:before {
  content: "\F14B"; }

.fa-pencil-alt:before {
  content: "\F303"; }

.fa-pencil-ruler:before {
  content: "\F5AE"; }

.fa-people-carry:before {
  content: "\F4CE"; }

.fa-percent:before {
  content: "\F295"; }

.fa-percentage:before {
  content: "\F541"; }

.fa-periscope:before {
  content: "\F3DA"; }

.fa-phabricator:before {
  content: "\F3DB"; }

.fa-phoenix-framework:before {
  content: "\F3DC"; }

.fa-phoenix-squadron:before {
  content: "\F511"; }

.fa-phone:before {
  content: "\F095"; }

.fa-phone-slash:before {
  content: "\F3DD"; }

.fa-phone-square:before {
  content: "\F098"; }

.fa-phone-volume:before {
  content: "\F2A0"; }

.fa-php:before {
  content: "\F457"; }

.fa-pied-piper:before {
  content: "\F2AE"; }

.fa-pied-piper-alt:before {
  content: "\F1A8"; }

.fa-pied-piper-hat:before {
  content: "\F4E5"; }

.fa-pied-piper-pp:before {
  content: "\F1A7"; }

.fa-piggy-bank:before {
  content: "\F4D3"; }

.fa-pills:before {
  content: "\F484"; }

.fa-pinterest:before {
  content: "\F0D2"; }

.fa-pinterest-p:before {
  content: "\F231"; }

.fa-pinterest-square:before {
  content: "\F0D3"; }

.fa-plane:before {
  content: "\F072"; }

.fa-plane-arrival:before {
  content: "\F5AF"; }

.fa-plane-departure:before {
  content: "\F5B0"; }

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

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

.fa-playstation:before {
  content: "\F3DF"; }

.fa-plug:before {
  content: "\F1E6"; }

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

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

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

.fa-podcast:before {
  content: "\F2CE"; }

.fa-poo:before {
  content: "\F2FE"; }

.fa-poop:before {
  content: "\F619"; }

.fa-portrait:before {
  content: "\F3E0"; }

.fa-pound-sign:before {
  content: "\F154"; }

.fa-power-off:before {
  content: "\F011"; }

.fa-prescription:before {
  content: "\F5B1"; }

.fa-prescription-bottle:before {
  content: "\F485"; }

.fa-prescription-bottle-alt:before {
  content: "\F486"; }

.fa-print:before {
  content: "\F02F"; }

.fa-procedures:before {
  content: "\F487"; }

.fa-product-hunt:before {
  content: "\F288"; }

.fa-project-diagram:before {
  content: "\F542"; }

.fa-pushed:before {
  content: "\F3E1"; }

.fa-puzzle-piece:before {
  content: "\F12E"; }

.fa-python:before {
  content: "\F3E2"; }

.fa-qq:before {
  content: "\F1D6"; }

.fa-qrcode:before {
  content: "\F029"; }

.fa-question:before {
  content: "\F128"; }

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

.fa-quidditch:before {
  content: "\F458"; }

.fa-quinscape:before {
  content: "\F459"; }

.fa-quora:before {
  content: "\F2C4"; }

.fa-quote-left:before {
  content: "\F10D"; }

.fa-quote-right:before {
  content: "\F10E"; }

.fa-r-project:before {
  content: "\F4F7"; }

.fa-random:before {
  content: "\F074"; }

.fa-ravelry:before {
  content: "\F2D9"; }

.fa-react:before {
  content: "\F41B"; }

.fa-readme:before {
  content: "\F4D5"; }

.fa-rebel:before {
  content: "\F1D0"; }

.fa-receipt:before {
  content: "\F543"; }

.fa-recycle:before {
  content: "\F1B8"; }

.fa-red-river:before {
  content: "\F3E3"; }

.fa-reddit:before {
  content: "\F1A1"; }

.fa-reddit-alien:before {
  content: "\F281"; }

.fa-reddit-square:before {
  content: "\F1A2"; }

.fa-redo:before {
  content: "\F01E"; }

.fa-redo-alt:before {
  content: "\F2F9"; }

.fa-registered:before {
  content: "\F25D"; }

.fa-rendact:before {
  content: "\F3E4"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-reply:before {
  content: "\F3E5"; }

.fa-reply-all:before {
  content: "\F122"; }

.fa-replyd:before {
  content: "\F3E6"; }

.fa-researchgate:before {
  content: "\F4F8"; }

.fa-resolving:before {
  content: "\F3E7"; }

.fa-retweet:before {
  content: "\F079"; }

.fa-rev:before {
  content: "\F5B2"; }

.fa-ribbon:before {
  content: "\F4D6"; }

.fa-road:before {
  content: "\F018"; }

.fa-robot:before {
  content: "\F544"; }

.fa-rocket:before {
  content: "\F135"; }

.fa-rocketchat:before {
  content: "\F3E8"; }

.fa-rockrms:before {
  content: "\F3E9"; }

.fa-route:before {
  content: "\F4D7"; }

.fa-rss:before {
  content: "\F09E"; }

.fa-rss-square:before {
  content: "\F143"; }

.fa-ruble-sign:before {
  content: "\F158"; }

.fa-ruler:before {
  content: "\F545"; }

.fa-ruler-combined:before {
  content: "\F546"; }

.fa-ruler-horizontal:before {
  content: "\F547"; }

.fa-ruler-vertical:before {
  content: "\F548"; }

.fa-rupee-sign:before {
  content: "\F156"; }

.fa-sad-cry:before {
  content: "\F5B3"; }

.fa-sad-tear:before {
  content: "\F5B4"; }

.fa-safari:before {
  content: "\F267"; }

.fa-sass:before {
  content: "\F41E"; }

.fa-save:before {
  content: "\F0C7"; }

.fa-schlix:before {
  content: "\F3EA"; }

.fa-school:before {
  content: "\F549"; }

.fa-screwdriver:before {
  content: "\F54A"; }

.fa-scribd:before {
  content: "\F28A"; }

.fa-search:before {
  content: "\F002"; }

.fa-search-minus:before {
  content: "\F010"; }

.fa-search-plus:before {
  content: "\F00E"; }

.fa-searchengin:before {
  content: "\F3EB"; }

.fa-seedling:before {
  content: "\F4D8"; }

.fa-sellcast:before {
  content: "\F2DA"; }

.fa-sellsy:before {
  content: "\F213"; }

.fa-server:before {
  content: "\F233"; }

.fa-servicestack:before {
  content: "\F3EC"; }

.fa-shapes:before {
  content: "\F61F"; }

.fa-share:before {
  content: "\F064"; }

.fa-share-alt:before {
  content: "\F1E0"; }

.fa-share-alt-square:before {
  content: "\F1E1"; }

.fa-share-square:before {
  content: "\F14D"; }

.fa-shekel-sign:before {
  content: "\F20B"; }

.fa-shield-alt:before {
  content: "\F3ED"; }

.fa-ship:before {
  content: "\F21A"; }

.fa-shipping-fast:before {
  content: "\F48B"; }

.fa-shirtsinbulk:before {
  content: "\F214"; }

.fa-shoe-prints:before {
  content: "\F54B"; }

.fa-shopping-bag:before {
  content: "\F290"; }

.fa-shopping-basket:before {
  content: "\F291"; }

.fa-shopping-cart:before {
  content: "\F07A"; }

.fa-shopware:before {
  content: "\F5B5"; }

.fa-shower:before {
  content: "\F2CC"; }

.fa-shuttle-van:before {
  content: "\F5B6"; }

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

.fa-sign-in-alt:before {
  content: "\F2F6"; }

.fa-sign-language:before {
  content: "\F2A7"; }

.fa-sign-out-alt:before {
  content: "\F2F5"; }

.fa-signal:before {
  content: "\F012"; }

.fa-signature:before {
  content: "\F5B7"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-sistrix:before {
  content: "\F3EE"; }

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-sith:before {
  content: "\F512"; }

.fa-skull:before {
  content: "\F54C"; }

.fa-skyatlas:before {
  content: "\F216"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-slack:before {
  content: "\F198"; }

.fa-slack-hash:before {
  content: "\F3EF"; }

.fa-sliders-h:before {
  content: "\F1DE"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-smile:before {
  content: "\F118"; }

.fa-smile-beam:before {
  content: "\F5B8"; }

.fa-smile-wink:before {
  content: "\F4DA"; }

.fa-smoking:before {
  content: "\F48D"; }

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

.fa-snapchat:before {
  content: "\F2AB"; }

.fa-snapchat-ghost:before {
  content: "\F2AC"; }

.fa-snapchat-square:before {
  content: "\F2AD"; }

.fa-snowflake:before {
  content: "\F2DC"; }

.fa-solar-panel:before {
  content: "\F5BA"; }

.fa-sort:before {
  content: "\F0DC"; }

.fa-sort-alpha-down:before {
  content: "\F15D"; }

.fa-sort-alpha-up:before {
  content: "\F15E"; }

.fa-sort-amount-down:before {
  content: "\F160"; }

.fa-sort-amount-up:before {
  content: "\F161"; }

.fa-sort-down:before {
  content: "\F0DD"; }

.fa-sort-numeric-down:before {
  content: "\F162"; }

.fa-sort-numeric-up:before {
  content: "\F163"; }

.fa-sort-up:before {
  content: "\F0DE"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-spa:before {
  content: "\F5BB"; }

.fa-space-shuttle:before {
  content: "\F197"; }

.fa-speakap:before {
  content: "\F3F3"; }

.fa-spinner:before {
  content: "\F110"; }

.fa-splotch:before {
  content: "\F5BC"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-spray-can:before {
  content: "\F5BD"; }

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

.fa-square-full:before {
  content: "\F45C"; }

.fa-squarespace:before {
  content: "\F5BE"; }

.fa-stack-exchange:before {
  content: "\F18D"; }

.fa-stack-overflow:before {
  content: "\F16C"; }

.fa-stamp:before {
  content: "\F5BF"; }

.fa-star:before {
  content: "\F005"; }

.fa-star-half:before {
  content: "\F089"; }

.fa-star-half-alt:before {
  content: "\F5C0"; }

.fa-star-of-life:before {
  content: "\F621"; }

.fa-staylinked:before {
  content: "\F3F5"; }

.fa-steam:before {
  content: "\F1B6"; }

.fa-steam-square:before {
  content: "\F1B7"; }

.fa-steam-symbol:before {
  content: "\F3F6"; }

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

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

.fa-stethoscope:before {
  content: "\F0F1"; }

.fa-sticker-mule:before {
  content: "\F3F7"; }

.fa-sticky-note:before {
  content: "\F249"; }

.fa-stop:before {
  content: "\F04D"; }

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

.fa-stopwatch:before {
  content: "\F2F2"; }

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

.fa-store-alt:before {
  content: "\F54F"; }

.fa-strava:before {
  content: "\F428"; }

.fa-stream:before {
  content: "\F550"; }

.fa-street-view:before {
  content: "\F21D"; }

.fa-strikethrough:before {
  content: "\F0CC"; }

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

.fa-stripe-s:before {
  content: "\F42A"; }

.fa-stroopwafel:before {
  content: "\F551"; }

.fa-studiovinari:before {
  content: "\F3F8"; }

.fa-stumbleupon:before {
  content: "\F1A4"; }

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

.fa-subscript:before {
  content: "\F12C"; }

.fa-subway:before {
  content: "\F239"; }

.fa-suitcase:before {
  content: "\F0F2"; }

.fa-suitcase-rolling:before {
  content: "\F5C1"; }

.fa-sun:before {
  content: "\F185"; }

.fa-superpowers:before {
  content: "\F2DD"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-supple:before {
  content: "\F3F9"; }

.fa-surprise:before {
  content: "\F5C2"; }

.fa-swatchbook:before {
  content: "\F5C3"; }

.fa-swimmer:before {
  content: "\F5C4"; }

.fa-swimming-pool:before {
  content: "\F5C5"; }

.fa-sync:before {
  content: "\F021"; }

.fa-sync-alt:before {
  content: "\F2F1"; }

.fa-syringe:before {
  content: "\F48E"; }

.fa-table:before {
  content: "\F0CE"; }

.fa-table-tennis:before {
  content: "\F45D"; }

.fa-tablet:before {
  content: "\F10A"; }

.fa-tablet-alt:before {
  content: "\F3FA"; }

.fa-tablets:before {
  content: "\F490"; }

.fa-tachometer-alt:before {
  content: "\F3FD"; }

.fa-tag:before {
  content: "\F02B"; }

.fa-tags:before {
  content: "\F02C"; }

.fa-tape:before {
  content: "\F4DB"; }

.fa-tasks:before {
  content: "\F0AE"; }

.fa-taxi:before {
  content: "\F1BA"; }

.fa-teamspeak:before {
  content: "\F4F9"; }

.fa-teeth:before {
  content: "\F62E"; }

.fa-teeth-open:before {
  content: "\F62F"; }

.fa-telegram:before {
  content: "\F2C6"; }

.fa-telegram-plane:before {
  content: "\F3FE"; }

.fa-tencent-weibo:before {
  content: "\F1D5"; }

.fa-terminal:before {
  content: "\F120"; }

.fa-text-height:before {
  content: "\F034"; }

.fa-text-width:before {
  content: "\F035"; }

.fa-th:before {
  content: "\F00A"; }

.fa-th-large:before {
  content: "\F009"; }

.fa-th-list:before {
  content: "\F00B"; }

.fa-theater-masks:before {
  content: "\F630"; }

.fa-themeco:before {
  content: "\F5C6"; }

.fa-themeisle:before {
  content: "\F2B2"; }

.fa-thermometer:before {
  content: "\F491"; }

.fa-thermometer-empty:before {
  content: "\F2CB"; }

.fa-thermometer-full:before {
  content: "\F2C7"; }

.fa-thermometer-half:before {
  content: "\F2C9"; }

.fa-thermometer-quarter:before {
  content: "\F2CA"; }

.fa-thermometer-three-quarters:before {
  content: "\F2C8"; }

.fa-thumbs-down:before {
  content: "\F165"; }

.fa-thumbs-up:before {
  content: "\F164"; }

.fa-thumbtack:before {
  content: "\F08D"; }

.fa-ticket-alt:before {
  content: "\F3FF"; }

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

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

.fa-tint:before {
  content: "\F043"; }

.fa-tint-slash:before {
  content: "\F5C7"; }

.fa-tired:before {
  content: "\F5C8"; }

.fa-toggle-off:before {
  content: "\F204"; }

.fa-toggle-on:before {
  content: "\F205"; }

.fa-toolbox:before {
  content: "\F552"; }

.fa-tooth:before {
  content: "\F5C9"; }

.fa-trade-federation:before {
  content: "\F513"; }

.fa-trademark:before {
  content: "\F25C"; }

.fa-traffic-light:before {
  content: "\F637"; }

.fa-train:before {
  content: "\F238"; }

.fa-transgender:before {
  content: "\F224"; }

.fa-transgender-alt:before {
  content: "\F225"; }

.fa-trash:before {
  content: "\F1F8"; }

.fa-trash-alt:before {
  content: "\F2ED"; }

.fa-tree:before {
  content: "\F1BB"; }

.fa-trello:before {
  content: "\F181"; }

.fa-tripadvisor:before {
  content: "\F262"; }

.fa-trophy:before {
  content: "\F091"; }

.fa-truck:before {
  content: "\F0D1"; }

.fa-truck-loading:before {
  content: "\F4DE"; }

.fa-truck-monster:before {
  content: "\F63B"; }

.fa-truck-moving:before {
  content: "\F4DF"; }

.fa-truck-pickup:before {
  content: "\F63C"; }

.fa-tshirt:before {
  content: "\F553"; }

.fa-tty:before {
  content: "\F1E4"; }

.fa-tumblr:before {
  content: "\F173"; }

.fa-tumblr-square:before {
  content: "\F174"; }

.fa-tv:before {
  content: "\F26C"; }

.fa-twitch:before {
  content: "\F1E8"; }

.fa-twitter:before {
  content: "\F099"; }

.fa-twitter-square:before {
  content: "\F081"; }

.fa-typo3:before {
  content: "\F42B"; }

.fa-uber:before {
  content: "\F402"; }

.fa-uikit:before {
  content: "\F403"; }

.fa-umbrella:before {
  content: "\F0E9"; }

.fa-umbrella-beach:before {
  content: "\F5CA"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-undo:before {
  content: "\F0E2"; }

.fa-undo-alt:before {
  content: "\F2EA"; }

.fa-uniregistry:before {
  content: "\F404"; }

.fa-universal-access:before {
  content: "\F29A"; }

.fa-university:before {
  content: "\F19C"; }

.fa-unlink:before {
  content: "\F127"; }

.fa-unlock:before {
  content: "\F09C"; }

.fa-unlock-alt:before {
  content: "\F13E"; }

.fa-untappd:before {
  content: "\F405"; }

.fa-upload:before {
  content: "\F093"; }

.fa-usb:before {
  content: "\F287"; }

.fa-user:before {
  content: "\F007"; }

.fa-user-alt:before {
  content: "\F406"; }

.fa-user-alt-slash:before {
  content: "\F4FA"; }

.fa-user-astronaut:before {
  content: "\F4FB"; }

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

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

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

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

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

.fa-user-friends:before {
  content: "\F500"; }

.fa-user-graduate:before {
  content: "\F501"; }

.fa-user-lock:before {
  content: "\F502"; }

.fa-user-md:before {
  content: "\F0F0"; }

.fa-user-minus:before {
  content: "\F503"; }

.fa-user-ninja:before {
  content: "\F504"; }

.fa-user-plus:before {
  content: "\F234"; }

.fa-user-secret:before {
  content: "\F21B"; }

.fa-user-shield:before {
  content: "\F505"; }

.fa-user-slash:before {
  content: "\F506"; }

.fa-user-tag:before {
  content: "\F507"; }

.fa-user-tie:before {
  content: "\F508"; }

.fa-user-times:before {
  content: "\F235"; }

.fa-users:before {
  content: "\F0C0"; }

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

.fa-ussunnah:before {
  content: "\F407"; }

.fa-utensil-spoon:before {
  content: "\F2E5"; }

.fa-utensils:before {
  content: "\F2E7"; }

.fa-vaadin:before {
  content: "\F408"; }

.fa-vector-square:before {
  content: "\F5CB"; }

.fa-venus:before {
  content: "\F221"; }

.fa-venus-double:before {
  content: "\F226"; }

.fa-venus-mars:before {
  content: "\F228"; }

.fa-viacoin:before {
  content: "\F237"; }

.fa-viadeo:before {
  content: "\F2A9"; }

.fa-viadeo-square:before {
  content: "\F2AA"; }

.fa-vial:before {
  content: "\F492"; }

.fa-vials:before {
  content: "\F493"; }

.fa-viber:before {
  content: "\F409"; }

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

.fa-video-slash:before {
  content: "\F4E2"; }

.fa-vimeo:before {
  content: "\F40A"; }

.fa-vimeo-square:before {
  content: "\F194"; }

.fa-vimeo-v:before {
  content: "\F27D"; }

.fa-vine:before {
  content: "\F1CA"; }

.fa-vk:before {
  content: "\F189"; }

.fa-vnv:before {
  content: "\F40B"; }

.fa-volleyball-ball:before {
  content: "\F45F"; }

.fa-volume-down:before {
  content: "\F027"; }

.fa-volume-off:before {
  content: "\F026"; }

.fa-volume-up:before {
  content: "\F028"; }

.fa-vuejs:before {
  content: "\F41F"; }

.fa-walking:before {
  content: "\F554"; }

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

.fa-warehouse:before {
  content: "\F494"; }

.fa-weebly:before {
  content: "\F5CC"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-weight:before {
  content: "\F496"; }

.fa-weight-hanging:before {
  content: "\F5CD"; }

.fa-weixin:before {
  content: "\F1D7"; }

.fa-whatsapp:before {
  content: "\F232"; }

.fa-whatsapp-square:before {
  content: "\F40C"; }

.fa-wheelchair:before {
  content: "\F193"; }

.fa-whmcs:before {
  content: "\F40D"; }

.fa-wifi:before {
  content: "\F1EB"; }

.fa-wikipedia-w:before {
  content: "\F266"; }

.fa-window-close:before {
  content: "\F410"; }

.fa-window-maximize:before {
  content: "\F2D0"; }

.fa-window-minimize:before {
  content: "\F2D1"; }

.fa-window-restore:before {
  content: "\F2D2"; }

.fa-windows:before {
  content: "\F17A"; }

.fa-wine-glass:before {
  content: "\F4E3"; }

.fa-wine-glass-alt:before {
  content: "\F5CE"; }

.fa-wix:before {
  content: "\F5CF"; }

.fa-wolf-pack-battalion:before {
  content: "\F514"; }

.fa-won-sign:before {
  content: "\F159"; }

.fa-wordpress:before {
  content: "\F19A"; }

.fa-wordpress-simple:before {
  content: "\F411"; }

.fa-wpbeginner:before {
  content: "\F297"; }

.fa-wpexplorer:before {
  content: "\F2DE"; }

.fa-wpforms:before {
  content: "\F298"; }

.fa-wrench:before {
  content: "\F0AD"; }

.fa-x-ray:before {
  content: "\F497"; }

.fa-xbox:before {
  content: "\F412"; }

.fa-xing:before {
  content: "\F168"; }

.fa-xing-square:before {
  content: "\F169"; }

.fa-y-combinator:before {
  content: "\F23B"; }

.fa-yahoo:before {
  content: "\F19E"; }

.fa-yandex:before {
  content: "\F413"; }

.fa-yandex-international:before {
  content: "\F414"; }

.fa-yelp:before {
  content: "\F1E9"; }

.fa-yen-sign:before {
  content: "\F157"; }

.fa-yoast:before {
  content: "\F2B1"; }

.fa-youtube:before {
  content: "\F167"; }

.fa-youtube-square:before {
  content: "\F431"; }

.fa-zhihu:before {
  content: "\F63F"; }

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

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

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: normal;
  src: url(./fa-brands-400.eot);
  src: url(./fa-brands-400.eot?#iefix) format("embedded-opentype"), url(./fa-brands-400.woff2) format("woff2"), url(./fa-brands-400.woff) format("woff"), url(./fa-brands-400.ttf) format("truetype"), url(./fa-brands-400.svg#fontawesome) format("svg"); }

.fab {
  font-family: "Font Awesome 5 Brands"; }

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  src: url(./fa-regular-400.eot);
  src: url(./fa-regular-400.eot?#iefix) format("embedded-opentype"), url(./fa-regular-400.woff2) format("woff2"), url(./fa-regular-400.woff) format("woff"), url(./fa-regular-400.ttf) format("truetype"), url(./fa-regular-400.svg#fontawesome) format("svg"); }

.far {
  font-weight: 400; }

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  src: url(./fa-solid-900.eot);
  src: url(./fa-solid-900.eot?#iefix) format("embedded-opentype"), url(./fa-solid-900.woff2) format("woff2"), url(./fa-solid-900.woff) format("woff"), url(./fa-solid-900.ttf) format("truetype"), url(./fa-solid-900.svg#fontawesome) format("svg"); }

.fa, .far, .fas {
  font-family: "Font Awesome 5 Free"; }

.fa, .fas {
  font-weight: 900; }
.chat-channel {
  display: grid;
  grid-auto-flow: column;
  font-size: 1em;
  grid-template-columns: 20px 200px 100px auto;
  align-items: center;
  grid-column-gap: 20px;
  border-bottom: 1px solid #e8edf1;
  padding-bottom: 1em; }

chat-channel:last-child .chat-channel {
  border-bottom: none; }

.chat-channel_channel-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.chat-channel_slider {
  justify-self: center; }

.chat-channel .ui-select-match-text.pull-left.ui-select-allow-clear {
  display: grid;
  grid-template-columns: calc(95% - 1em) max-content;
  align-items: center;
  grid-column-gap: 1em;
  color: #5a5a5a;
  justify-self: stretch;
  width: 97%; }

.chat-channel .ui-select-match-text.pull-left.ui-select-allow-clear > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.chat-channel_landing-settings.ng-scope {
  display: grid;
  grid-row-gap: 1em; }

.chat-channel_landing-settings_selector,
.chat-channel_wa-custom-text_selector {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  grid-column-gap: 1em;
  grid-template-columns: minmax(200px, 250px) 20px; }

.chat-channel_landing-settings_checkbox input[type="checkbox"] {
  opacity: 1;
  margin: 0;
  position: unset; }

.chat-channel_landing-settings_checkbox {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  grid-column-gap: 1em; }

.chat-channel_wa-custom-text {
  display: grid;
  grid-row-gap: 1em; }

.chat-channel_wa-custom-text > textarea {
  resize: none; }

.chat-channel_wa-custom-text_selector > textarea {
  resize: none; }

.chat-channel_landing-settings i,
.chat-channel_wa-custom-text i {
  cursor: pointer; }

.chat-channel_wa-custom-text_disable {
  display: grid;
  grid-template-columns: min-content auto min-content;
  align-items: center;
  grid-column-gap: 1em; }

.chat-channel_wa-custom-text_disable > input[type="checkbox"] {
  display: block;
  opacity: 1;
  position: initial; }

chat-channel_wa-custom-text_disable > i {
  cursor: pointer; }

@media (max-width: 767px) {
  .chat-channel {
    grid-template-columns: 20px 180px 80px 1fr;
    grid-column-gap: 10px; }
  .chat-channel_landing-settings_selector,
  .chat-channel_wa-custom-text_selector {
    grid-template-columns: 1fr auto; } }

@media (max-width: 570px) {
  .chat-channel {
    grid-template-columns: 20px 1fr 35px;
    grid-column-gap: 1em;
    grid-row-gap: 0.75em;
    padding-bottom: 1.25em; }
  .chat-channel_landing-settings_selector,
  .chat-channel_wa-custom-text_selector {
    grid-template-columns: 1fr 35px; }
  .chat-channel_landing-settings,
  .chat-channel_wa-custom-text {
    grid-column: 1 / -1;
    grid-row-start: 2; }
  .chat-channel_landing-settings .fa-info-circle,
  .chat-channel_wa-custom-text .fa-info-circle {
    justify-self: center; } }
.amo-integration a {
  text-decoration: underline; }

.amo-integration .ui-select-textback {
  max-width: 300px;
  width: 100%; }

.amo-integration .form-label {
  font-weight: bold; }

.amo-integration .checkbox {
  display: flex;
  align-items: center; }
  .amo-integration .checkbox label {
    margin: 0; }
  .amo-integration .checkbox .fa-info-circle {
    font-size: 1.2em;
    margin-left: 0.6em; }

.amo-integration__loading-error {
  margin: 0; }

.amo-integration__payment-link {
  font-size: 1.2em; }

.amo-integration__instruction {
  margin: 1em 0; }
  .amo-integration__instruction ul {
    margin: 0;
    padding-left: 2em; }
  .amo-integration__instruction li {
    list-style-type: decimal; }

.amo-integration__form-group {
  display: grid;
  row-gap: 1.5em; }

.amo-integration__settings-help {
  margin-bottom: 2em; }

.amo-integration__toggle-switch-wrap {
  margin-bottom: 1em; }

.amo-integration__toggle-switch-wrap slide-toggle {
  margin-left: 0.6em; }

.amo-integration__toggle-switch-wrap span {
  vertical-align: middle; }

.amo-integration__radio-group label {
  margin-bottom: 0; }

.amo-integration__radio-group .radio:not(:last-child) {
  margin-bottom: 0.75em; }

.amo-integration__radio-group .ui-select-textback {
  margin-top: 0.5em; }
.whatsapp-integration {
  display: grid;
  row-gap: 2em;
  width: 100%; }
  .whatsapp-integration__container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    justify-items: left;
    justify-content: left;
    align-items: center; }
  .whatsapp-integration__channel-name-container {
    display: grid;
    text-align: center;
    text-overflow: ellipsis;
    justify-self: center;
    overflow: hidden;
    max-width: 300px;
    max-height: 100%;
    align-self: end;
    font-size: 15px;
    height: 30px; }
  .whatsapp-integration__channel-name {
    display: block;
    text-align: center;
    text-overflow: ellipsis;
    justify-self: center;
    overflow: hidden; }
  .whatsapp-integration__input {
    align-self: center;
    width: 100%; }
    .whatsapp-integration__input:disabled {
      background-color: #e5e9ec;
      color: rgba(91, 100, 112, 0.5); }
  .whatsapp-integration__input-wrapper {
    width: 100%;
    display: grid; }
  .whatsapp-integration__buttons-container {
    overflow: hidden;
    display: grid;
    grid-template-columns: max-content max-content;
    height: 40px;
    column-gap: 20px;
    align-self: flex-end; }
  .whatsapp-integration__submit-buttons {
    display: grid;
    grid-template-columns: max-content;
    column-gap: 20px;
    height: 100%;
    overflow: hidden; }
  .whatsapp-integration__button {
    width: 130px;
    position: relative; }
#inline-button-radio-input, #onetime-button-radio-input {
  margin-right: 1em;
  margin-top: 0.25em; }

.radio-group-body__title {
  margin: 1.5em 0 1em;
  display: grid;
  grid-template-columns: repeat(2, max-content); }

.radio-group-body__title > h5 {
  margin: 0 0.5em 0 0;
  font-weight: bold; }

.radio-group__item {
  display: grid;
  grid-template-columns: repeat(2, max-content); }

.button-settings__radio-group-body {
  color: #777a80; }
@media (max-width: 500px) {
  .sequences {
    font-size: 8pt; }
  .sequences_table_head,
  .sequences_table_item {
    grid-template-columns: 1fr 1fr 1fr 1fr 0.5fr 0.5fr 0.5fr 1.5fr;
    grid-gap: 0.25em;
    align-items: start; }
  .sequences_table_head,
  .sequences_table_item {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 0.5fr 0.5fr 0.5fr 1.5fr;
    grid-gap: 0.25em;
    align-items: start; }
  .sequences_table_item_buttons {
    justify-self: start;
    margin-top: 1em;
    grid-template-columns: repeat(5, 1.5fr); } }

.sequences_create {
  padding-bottom: 1rem;
  padding-top: 1rem; }

@media (min-width: 501px) {
  .sequences {
    font-size: 10pt; }
  .sequences_table_head,
  .sequences_table_item {
    grid-template-columns: 1fr 1.5fr 1.5fr 1fr 1fr 1fr 1fr 1.5fr;
    grid-column-gap: 1.5em;
    display: grid;
    border-bottom: 1px solid #e8edf1;
    padding-bottom: 1em;
    align-items: start; }
  .sequences_table_head_all,
  .sequences_table_item_all {
    grid-template-columns: 1fr 1fr 1.5fr 1.5fr 1fr 1fr 1fr 1fr 1.5fr;
    grid-column-gap: 1.5em;
    display: grid;
    border-bottom: 1px solid #e8edf1;
    padding-bottom: 1em;
    align-items: start; }
  .sequences_table_item_buttons {
    grid-gap: 0.5em; } }

.sequences {
  background-color: #ffffff;
  padding: 15px;
  color: #6f7b8a;
  display: grid;
  grid-row-gap: 10px; }

.sequences_table {
  display: grid;
  grid-row-gap: 1em; }

.sequences_table_head {
  display: grid;
  font-weight: bold;
  border-bottom: 1px solid #e8edf1;
  padding-bottom: 1em;
  text-align: center; }

.sequences_table_head_all {
  display: grid;
  font-weight: bold;
  border-bottom: 1px solid #e8edf1;
  padding-bottom: 1em;
  text-align: center; }

.sequences_table_head > div {
  font-size: 1.25em; }

.sequences_table_head_all > div {
  font-size: 1.25em; }

.sequences_table_item_title {
  display: grid;
  padding-bottom: 1em; }

.sequences_table_item_title_name {
  overflow: hidden;
  white-space: pre-wrap;
  text-overflow: ellipsis; }

.sequences_table_item_buttons i {
  font-size: 1em; }

.sequences_table_item_status {
  align-content: start;
  display: grid;
  grid-row-gap: 0.5em; }

.sequences_table_item_number {
  align-content: start;
  display: grid;
  grid-row-gap: 0.5em;
  text-align: center; }

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

.sequences_table_item_title_status {
  font-weight: bold; }

.sequences_table_item_triggers {
  display: grid;
  align-items: start;
  align-content: start;
  grid-row-gap: 0.5em; }

.sequences_table_item_triggers_trigger {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
  grid-column-gap: 0.5em; }

.sequences_table_item_tags {
  display: grid;
  background: #eee;
  padding: 0.5em;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.5em;
  border-radius: 0.25em;
  border: 1px solid #ead7d7; }

.sequences_table_item_tags_one {
  display: grid;
  background: #eee;
  padding: 0.5em;
  grid-template-columns: 1fr;
  grid-gap: 0.5em;
  border-radius: 0.25em;
  border: 1px solid #ead7d7; }

.sequences_table_item_tags_tag {
  background: gray;
  color: #eee;
  cursor: pointer;
  border-radius: 0.25em;
  padding: 0.25em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.sequences_table_item_tags_tag_one {
  background: gray;
  color: #eee;
  cursor: pointer;
  border-radius: 0.25em;
  padding: 0.25em;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.sequences_table_item_channels {
  display: grid;
  grid-row-gap: 0.5em;
  text-align: center; }

.sequences_table_item_channels_channel {
  display: grid;
  grid-template-columns: min-content auto;
  grid-column-gap: 0.5em;
  align-items: center; }

.canceled-sequences {
  color: #f1938d; }

.finished-sequences {
  color: #6fabff; }

.active-sequences {
  color: #4abf69; }

.sequences_table_item_channels_channel_name {
  font-family: "Open Sans";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.sequences_table_item_buttons {
  display: grid;
  align-content: start;
  grid-template-columns: max-content max-content max-content max-content max-content;
  grid-gap: 0.5em; }

.sequences_table_item_buttons > button {
  font-size: 1em;
  padding: 0.5em;
  display: grid;
  align-content: center; }

.sequences_table_item_buttons > a {
  font-size: 1em;
  padding: 0.5em;
  display: grid;
  align-content: center; }

sequence-form .send-time-panel .explanation {
  display: inline-block;
  margin-left: 1em; }

.sequences__filtration-container {
  width: 50%;
  display: grid;
  grid-template-columns: repeat(4, max-content);
  column-gap: 20px;
  padding: 10px 0; }

.tab-content > .active {
  min-height: max-content; }

@media (max-width: 1200px) {
  sequence-form .send-time-panel .explanation {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    margin-top: 0.5em; } }

@media (max-width: 480px) {
  sequence-form .send-time-panel .dropdown-multiselect {
    width: 100%; }
  .sequences__filtration-container {
    width: 50%;
    display: grid;
    grid-template-columns: max-content 95%;
    column-gap: 10px;
    row-gap: 10px;
    padding: 10px 10px 10px 0; } }

/* @media (max-width: 400px) { */
/*   .drafts-list_table { */
/*     font-size: 8pt; */
/*   } */
/* } */
/* @media (min-width: 401px) { */
/*   .drafts-list_table { */
/*     font-size: 10pt; */
/*   } */
/* } */
/* .drafts-list_table { */
/*   display: grid; */
/*   grid-row-gap: 1em; */
/* } */
/* .drafts-list_header { */
/*   display: grid; */
/*   grid-template-columns: 2em 1fr 1fr 8em; */
/*   font-weight: bold; */
/*   border-bottom: 1px solid #e8edf1; */
/*   padding-bottom: 1em; */
/* } */
/* .drafts-list_header > div { */
/*   font-size: 1.25em; */
/* } */
/* .drafts-list_header_item.padded_row { */
/*   grid-column: 2/3; */
/* } */
/* .drafts-list_drafts_draft { */
/*   display: grid; */
/*   grid-template-columns: 2em 1fr 1fr 8em; */
/*   border-bottom: 1px solid #e8edf1; */
/*   padding-bottom: 1em; */
/* } */
/* .drafts-list_drafts_draft_name { */
/*   overflow: hidden; */
/*   white-space: nowrap; */
/*   text-overflow: ellipsis; */
/* } */
/* .drafts-list_drafts_draft_buttons { */
/*   justify-self: end; */
/* } */
/* .drafts-list_drafts_draft_buttons i { */
/*   font-size: 1em; */
/* } */
/* .drafts-list_drafts_load-more { */
/*   text-align: center; */
/* } */
.token-input_tg_info,
.token-input_viber_info {
  display: block;
  padding: 0 20px; }

.create-channel-wrapper {
  display: grid;
  padding: 20px;
  background-color: white; }

.create-channel-wrapper .need-to-break {
  word-break: break-all; }

.wrapper-channel {
  text-align: justify;
  max-width: 50%;
  hyphens: auto;
  justify-self: center; }

.font-size {
  font-size: 14px; }
.token-input_tg_info,
.token-input_viber_info {
  display: block;
  padding: 0 20px; }

.update-channel-wrapper {
  display: grid;
  padding: 20px;
  background-color: white; }

.update-channel-wrapper .need-to-break {
  word-break: break-all; }

.wrapper-channel {
  text-align: justify;
  max-width: 50%;
  hyphens: auto;
  justify-self: center; }

.font-size {
  font-size: 14px; }
@keyframes unauthorised {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes authorised {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

td.icon i {
  display: table-cell;
  font-size: 25px; }

.page-title {
  display: flex;
  align-items: center; }

.page-title h3 {
  bottom: unset; }

.icon-custom-left {
  top: unset !important; }

.no-fb-token {
  display: flex;
  color: #4a4a4a;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #fbb05e;
  border-radius: 5px;
  background: #ffe1bf; }

.no-fb-token.ng-enter {
  animation: unauthorised 1s linear; }

.no-fb-token.ng-leave {
  animation: authorised 1s linear; }

.no-fb-token_text {
  padding: 5px; }

.no-fb-token_button button {
  border-radius: 0 5px 5px 0;
  border: none; }

.no-vk-token {
  display: flex;
  color: #4a4a4a;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #fbb05e;
  border-radius: 5px;
  background: #ffe1bf; }

.no-vk-token.ng-enter {
  animation: unauthorised 1s linear; }

.no-vk-token.ng-leave {
  animation: authorised 1s linear; }

.no-vk-token_text {
  padding: 5px; }

.no-vk-token_button button {
  border-radius: 0 5px 5px 0;
  border: none; }

.channel-reload-button.loading > i {
  animation: rotate 1s infinite; }

.channel-reload-button {
  transition: all 1.5s !important; }

.channel-reload-button.success.vk {
  background: none !important; }

.channel-reload-button.success {
  background: #0aa699 !important; }

.channels-table {
  transition: all 2s ease-in-out 3s; }

.vk-buttons {
  display: contents; }
settings-payment-stats-template-costs {
  width: 100%; }
  @media screen and (max-width: 1400px) {
    settings-payment-stats-template-costs {
      width: auto; } }

.settings-payment-stats-table {
  width: 100%;
  text-align: center; }
  @media screen and (max-width: 1400px) {
    .settings-payment-stats-table {
      width: auto; } }
  .settings-payment-stats-table-header {
    width: 100%;
    display: grid;
    grid-template-columns: max-content repeat(3, 1fr);
    border-bottom: 1px solid #eee; }
    .settings-payment-stats-table-header-column-name {
      min-height: 18px;
      color: #333;
      font-size: var(--Font-size-Text-subtitle, 13px);
      font-weight: var(--Font-weight-Text-subtitle, bold);
      line-height: var(--Line-height-Text-subtitle, 18px);
      /* 138.462% */
      letter-spacing: -0.13px; }
    .settings-payment-stats-table-header-subcolumns {
      margin-top: 6px;
      border-top: 1px solid #eee; }
  .settings-payment-stats-table-column, .settings-payment-stats-table-header-column {
    min-width: 248px;
    border-right: 1px solid #eee; }
    .settings-payment-stats-table-column:first-child, .settings-payment-stats-table-header-column:first-child {
      border-left: 1px solid #eee;
      text-align: left; }
      .settings-payment-stats-table-column:first-child .settings-payment-stats-table-subcolumns,
      .settings-payment-stats-table-column:first-child .settings-payment-stats-table-header-subcolumns, .settings-payment-stats-table-header-column:first-child .settings-payment-stats-table-subcolumns,
      .settings-payment-stats-table-header-column:first-child .settings-payment-stats-table-header-subcolumns {
        grid-template-columns: 100px 160px;
        padding-left: 20px; }
  .settings-payment-stats-table-subcolumns, .settings-payment-stats-table-header-subcolumns {
    display: grid;
    grid-template-columns: 1fr 1fr; }
    .settings-payment-stats-table-subcolumns-column, .settings-payment-stats-table-header-subcolumns-column {
      padding-top: 6px;
      padding-bottom: 8px; }
      .settings-payment-stats-table-subcolumns-column-borderless, .settings-payment-stats-table-header-subcolumns-column-borderless {
        border-top: 1px solid #ffffff;
        margin-top: -1px;
        margin-left: -20px;
        padding-left: 20px; }
  .settings-payment-stats-table-row {
    width: 100%;
    display: grid;
    grid-template-columns: max-content repeat(3, 1fr);
    border-bottom: 1px solid #eee; }
    .settings-payment-stats-table-row:last-child {
      border-bottom: 0; }
    .settings-payment-stats-table-row .settings-payment-stats-table-subcolumns-column {
      padding: 12px 0; }
  .settings-payment-stats-table-load-more {
    display: flex;
    justify-content: center;
    margin-top: 16px; }
.deposit-template {
  width: calc(100vw - 100px - 250px); }
  @media (max-width: 1028px) {
    .deposit-template {
      width: calc(100vw - 100px); } }
  @media (max-width: 600px) {
    .deposit-template {
      width: calc(100vw - 60px); } }
  .deposit-template__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 16px;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.13px;
    padding: 12px 0; }
    .deposit-template__row:not(:first-of-type) {
      border-top: 1px solid #f5f5f5; }
    @media (max-width: 800px) {
      .deposit-template__row {
        grid-template-columns: 2fr 1fr 1fr; } }
  .deposit-template__header-row {
    padding-top: 0;
    border-top: none; }
  .deposit-template__header-column {
    font-weight: 600; }
  .deposit-template__column {
    display: grid; }
    .deposit-template__column:not(:first-of-type) {
      justify-content: center; }
  .deposit-template .note {
    color: #ababab; }
.header-tags-search-popover_no-tags {
  display: grid;
  grid-template-columns: 10% 90%;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 10px;
  outline: none; }

.header-tag-search_wrapper {
  display: flex;
  align-items: center; }

#header-tag-search_wrapper_link {
  cursor: pointer;
  display: flex; }

.header-tag-search_wrapper_link_close {
  margin-left: 0.6em; }

.tags-container {
  display: inline-block;
  font-style: italic;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.2em;
  margin-left: 0.2em;
  vertical-align: text-top;
  font-weight: bold;
  white-space: nowrap; }
@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.notification-confirm-popup {
  align-items: center;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999; }

.notification-confirm-popup_wrapper {
  align-items: center;
  animation: fade-in 0.5s ease-in-out 0s;
  background: white;
  display: flex;
  flex-basis: 50%;
  flex-direction: column;
  height: 30%;
  justify-content: center;
  width: 30%;
  text-align: center; }

.notification-confirm-popup_body_text {
  font-size: 20px;
  padding-bottom: 0.5em; }

.notification-confirm-popup_body_buttons {
  display: flex;
  justify-content: center;
  margin: 10px 0 0 0; }

.notification-confirm-popup_body_buttons button:first-child {
  margin: 0 10px 0 0; }

@media (max-width: 767px) {
  .notification-confirm-popup_wrapper {
    flex-basis: 80%; } }
@keyframes required {
  0% {
    color: unset; }
  20% {
    margin-left: -2px; }
  50% {
    margin-left: 0; }
  70% {
    margin-left: 2px; }
  100% {
    margin-left: 0; } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.gateway-edit_header h3 {
  margin-top: 0; }

.gateway-edit_form_element {
  margin: 10px 0; }

span.required-field {
  color: #ff6363;
  animation: required 0.5s ease-in-out; }

span.required {
  font-size: 12px; }

.gateway-edit_form_buttons {
  display: flex;
  margin-top: 10px; }

.gateway-edit_form_buttons > button {
  margin-right: 10px; }

.gateway-edit_form_element_helper {
  display: flex;
  align-items: center;
  margin-bottom: 5px; }

.gateway-edit_form_element_helper i {
  cursor: pointer; }

.gateway-edit_form_element_helper_text {
  margin-left: 10px; }

.gateway-edit_form_element_helper_text.ng-enter {
  animation: fadein 0.5s linear; }

.gateway-edit_form_element_helper_text.ng-leave {
  animation: fadeout 0.5s linear; }

.gateway-edit_form_element_helper label {
  margin: 0 10px 0 0; }
@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* .offer-edit-form.ng-enter { */
/*   animation: fadein 0.5s linear; */
/* } */
.offerItemForm_item-helper {
  display: flex;
  align-items: center;
  padding: 5px 0 5px 0; }

.offerItemForm_item-helper label,
.offerItemForm_item-helper i {
  margin: 0 10px 0 0; }

.offerItemForm_item-helper i {
  cursor: pointer;
  transition: all 0.5s;
  outline: none; }

.offerItemForm_item-helper i:hover {
  transform: scale(1.2); }

.offerItemForm_item-helper_text.ng-enter {
  animation: fadein 0.5s linear; }

.offerItemForm_item-helper_text.ng-leave {
  animation: fadeout 0.5s linear; }

.offerItemForm_product_button {
  margin-top: 10px; }

.offer-edit-form_element {
  margin: 10px 0; }

.offer-edit-form_buttons {
  display: flex; }

.offer-edit-form_buttons > button {
  margin-right: 10px; }
#message_form {
  display: grid;
  grid-template-columns: calc(40% - 1em) minmax(260px, 100%);
  grid-column-gap: 1em; }

.message_form_messages {
  display: grid;
  grid-row-gap: 1em;
  align-self: start; }

#message_form button.add_message:focus {
  border-color: #00bc9a; }

@media (max-width: 890px) {
  #message_form {
    grid-template: auto auto / 1fr;
    grid-row-gap: 1em; } }
tags-input {
  display: block;
}
tags-input *, tags-input *:before, tags-input *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
tags-input .host {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 100%;
}
tags-input .host:active {
  outline: none;
}

tags-input .tags {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  padding: 1px;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  background-color: #fff;
  border: 1px solid darkgray;
  box-shadow: 1px 1px 1px 0 lightgray inset;
  height: 100%;
}
tags-input .tags.focused {
  outline: none;
  -webkit-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
}
tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
tags-input .tags .tag-item {
  margin: 2px;
  padding: 0 5px;
  display: inline-block;
  float: left;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 26px;
  line-height: 25px;
  border: 1px solid #acacac;
  border-radius: 3px;
  background-color: #a1dbff;
}
tags-input .tags .tag-item.selected {
  background-color: #ff5c5c;
}
tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  vertical-align: middle;
  font: bold 16px Arial, sans-serif;
  color: #585858;
}
tags-input .tags .tag-item .remove-button:active {
  color: #ff0000;
}
tags-input .tags .input {
  border: 0;
  outline: none;
  margin: 2px;
  padding: 0;
  padding-left: 5px;
  float: left;
  height: 26px;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
tags-input .tags .input.invalid-tag {
  color: #ff0000;
}
tags-input .tags .input::-ms-clear {
  display: none;
}
tags-input.ng-invalid .tags {
  -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
}
tags-input[disabled] .host:focus {
  outline: none;
}
tags-input[disabled] .tags {
  background-color: #eee;
  cursor: default;
}
tags-input[disabled] .tags .tag-item {
  opacity: 0.75;
  background-color: #585858;
}
tags-input[disabled] .tags .tag-item .remove-button {
  cursor: default;
}
tags-input[disabled] .tags .tag-item .remove-button:active {
  color: #585858;
}
tags-input[disabled] .tags .input {
  background-color: #eee;
  cursor: default;
  display: none;
}

tags-input .autocomplete {
  margin-top: 5px;
  position: absolute;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 280px;
  overflow-y: auto;
  position: relative;
}
tags-input .autocomplete .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff;
}
tags-input .autocomplete .suggestion-item.selected {
  color: #fff;
  background-color: #0097cf;
}
tags-input .autocomplete .suggestion-item.selected em {
  color: #fff;
  background-color: #0097cf;
}
tags-input .autocomplete .suggestion-item em {
  font: normal bold 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff;
}

/*# sourceMappingURL=ng-tags-input.css.map */
@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);-ms-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);-ms-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);-ms-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);-ms-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);-ms-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);-ms-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);-ms-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);-ms-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);-ms-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}@keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);-ms-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);-ms-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);-ms-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);-ms-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);-ms-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);-ms-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);-ms-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);-ms-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);-ms-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}.table-collapse tbody > tr > td.collapse-toggle {
  display: none;
  padding: 4px 4px 0 0;
}

@media (max-width: 768px) {
  .table-collapse {
    display: block;
  }
  .table-collapse caption {
    display: block;
  }
  .table-collapse thead,
  .table-collapse tfoot {
    display: none;
  }
  .table-collapse tbody {
    display: block;
  }
  .table-collapse tbody > tr {
    display: block;
    border-top: 1px solid #dddddd;
  }
  .table-collapse tbody > tr:first-child {
    border-top: none;
  }
  .table-collapse tbody > tr > td {
    display: block;
    border: none;
  }
  .table-collapse tbody > tr > td.collapse-toggle {
    display: block;
    float: right;
  }
  .table-collapse tbody > tr > td.collapse {
    display: none;
  }
  .table-collapse tbody > tr > td[data-caption]:before {
    display: block;
    float: left;
    width: 160px;
    padding-right: 20px;
    overflow: hidden;
    clear: left;
    font-weight: bold;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    content: attr(data-caption);
  }
  .table-collapse.table-bordered {
    border: none;
  }
  .table-collapse.table-bordered tbody {
    border: 1px solid #dddddd;
  }
}@font-face {
	font-family: 'icomoon';
	src:url(./custom-set.eot);
	src:url(./custom-set.eot?#iefix) format('embedded-opentype'),
		url(./custom-set.woff) format('woff'),
		url(./custom-set.ttf) format('truetype'),
		url(./custom-set.svg#icomoon) format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-custom-"] {
*/
.icon-custom-refresh, .icon-custom-up, .icon-custom-ui, .icon-custom-thumb, .icon-custom-settings, .icon-custom-right, .icon-custom-previous, .icon-custom-portlets, .icon-custom-next, .icon-custom-newpage, .icon-custom-new, .icon-custom-message, .icon-custom-map, .icon-custom-left, .icon-custom-home, .icon-custom-gallery, .icon-custom-form, .icon-custom-feedbacks, .icon-custom-extra, .icon-custom-downloads, .icon-custom-down, .icon-custom-cross, .icon-custom-chart, .icon-custom-alert {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-custom-refresh:before {
	content: "\E000";
}
.icon-custom-up:before {
	content: "\E001";
}
.icon-custom-ui:before {
	content: "\E002";
}
.icon-custom-thumb:before {
	content: "\E003";
}
.icon-custom-settings:before {
	content: "\E004";
}
.icon-custom-right:before {
	content: "\E005";
}
.icon-custom-previous:before {
	content: "\E006";
}
.icon-custom-portlets:before {
	content: "\E007";
}
.icon-custom-next:before {
	content: "\E008";
}
.icon-custom-newpage:before {
	content: "\E009";
}
.icon-custom-new:before {
	content: "\E00A";
}
.icon-custom-message:before {
	content: "\E00B";
}
.icon-custom-map:before {
	content: "\E00C";
}
.icon-custom-left:before {
	content: "\E00D";
}
.icon-custom-home:before {
	content: "\E00E";
}
.icon-custom-gallery:before {
	content: "\E00F";
}
.icon-custom-form:before {
	content: "\E010";
}
.icon-custom-feedbacks:before {
	content: "\E011";
}
.icon-custom-extra:before {
	content: "\E012";
}
.icon-custom-downloads:before {
	content: "\E013";
}
.icon-custom-down:before {
	content: "\E014";
}
.icon-custom-cross:before {
	content: "\E015";
}
.icon-custom-chart:before {
	content: "\E016";
}
.icon-custom-alert:before {
	content: "\E017";
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(./fontawesome-webfont.eot);
  src: url(./fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(./fontawesome-webfont.woff2) format('woff2'), url(./fontawesome-webfont.woff) format('woff'), url(./fontawesome-webfont.ttf) format('truetype'), url(./fontawesome-webfont.svg#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\F000";
}
.fa-music:before {
  content: "\F001";
}
.fa-search:before {
  content: "\F002";
}
.fa-envelope-o:before {
  content: "\F003";
}
.fa-heart:before {
  content: "\F004";
}
.fa-star:before {
  content: "\F005";
}
.fa-star-o:before {
  content: "\F006";
}
.fa-user:before {
  content: "\F007";
}
.fa-film:before {
  content: "\F008";
}
.fa-th-large:before {
  content: "\F009";
}
.fa-th:before {
  content: "\F00A";
}
.fa-th-list:before {
  content: "\F00B";
}
.fa-check:before {
  content: "\F00C";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\F00D";
}
.fa-search-plus:before {
  content: "\F00E";
}
.fa-search-minus:before {
  content: "\F010";
}
.fa-power-off:before {
  content: "\F011";
}
.fa-signal:before {
  content: "\F012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\F013";
}
.fa-trash-o:before {
  content: "\F014";
}
.fa-home:before {
  content: "\F015";
}
.fa-file-o:before {
  content: "\F016";
}
.fa-clock-o:before {
  content: "\F017";
}
.fa-road:before {
  content: "\F018";
}
.fa-download:before {
  content: "\F019";
}
.fa-arrow-circle-o-down:before {
  content: "\F01A";
}
.fa-arrow-circle-o-up:before {
  content: "\F01B";
}
.fa-inbox:before {
  content: "\F01C";
}
.fa-play-circle-o:before {
  content: "\F01D";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\F01E";
}
.fa-refresh:before {
  content: "\F021";
}
.fa-list-alt:before {
  content: "\F022";
}
.fa-lock:before {
  content: "\F023";
}
.fa-flag:before {
  content: "\F024";
}
.fa-headphones:before {
  content: "\F025";
}
.fa-volume-off:before {
  content: "\F026";
}
.fa-volume-down:before {
  content: "\F027";
}
.fa-volume-up:before {
  content: "\F028";
}
.fa-qrcode:before {
  content: "\F029";
}
.fa-barcode:before {
  content: "\F02A";
}
.fa-tag:before {
  content: "\F02B";
}
.fa-tags:before {
  content: "\F02C";
}
.fa-book:before {
  content: "\F02D";
}
.fa-bookmark:before {
  content: "\F02E";
}
.fa-print:before {
  content: "\F02F";
}
.fa-camera:before {
  content: "\F030";
}
.fa-font:before {
  content: "\F031";
}
.fa-bold:before {
  content: "\F032";
}
.fa-italic:before {
  content: "\F033";
}
.fa-text-height:before {
  content: "\F034";
}
.fa-text-width:before {
  content: "\F035";
}
.fa-align-left:before {
  content: "\F036";
}
.fa-align-center:before {
  content: "\F037";
}
.fa-align-right:before {
  content: "\F038";
}
.fa-align-justify:before {
  content: "\F039";
}
.fa-list:before {
  content: "\F03A";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B";
}
.fa-indent:before {
  content: "\F03C";
}
.fa-video-camera:before {
  content: "\F03D";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\F03E";
}
.fa-pencil:before {
  content: "\F040";
}
.fa-map-marker:before {
  content: "\F041";
}
.fa-adjust:before {
  content: "\F042";
}
.fa-tint:before {
  content: "\F043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044";
}
.fa-share-square-o:before {
  content: "\F045";
}
.fa-check-square-o:before {
  content: "\F046";
}
.fa-arrows:before {
  content: "\F047";
}
.fa-step-backward:before {
  content: "\F048";
}
.fa-fast-backward:before {
  content: "\F049";
}
.fa-backward:before {
  content: "\F04A";
}
.fa-play:before {
  content: "\F04B";
}
.fa-pause:before {
  content: "\F04C";
}
.fa-stop:before {
  content: "\F04D";
}
.fa-forward:before {
  content: "\F04E";
}
.fa-fast-forward:before {
  content: "\F050";
}
.fa-step-forward:before {
  content: "\F051";
}
.fa-eject:before {
  content: "\F052";
}
.fa-chevron-left:before {
  content: "\F053";
}
.fa-chevron-right:before {
  content: "\F054";
}
.fa-plus-circle:before {
  content: "\F055";
}
.fa-minus-circle:before {
  content: "\F056";
}
.fa-times-circle:before {
  content: "\F057";
}
.fa-check-circle:before {
  content: "\F058";
}
.fa-question-circle:before {
  content: "\F059";
}
.fa-info-circle:before {
  content: "\F05A";
}
.fa-crosshairs:before {
  content: "\F05B";
}
.fa-times-circle-o:before {
  content: "\F05C";
}
.fa-check-circle-o:before {
  content: "\F05D";
}
.fa-ban:before {
  content: "\F05E";
}
.fa-arrow-left:before {
  content: "\F060";
}
.fa-arrow-right:before {
  content: "\F061";
}
.fa-arrow-up:before {
  content: "\F062";
}
.fa-arrow-down:before {
  content: "\F063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\F064";
}
.fa-expand:before {
  content: "\F065";
}
.fa-compress:before {
  content: "\F066";
}
.fa-plus:before {
  content: "\F067";
}
.fa-minus:before {
  content: "\F068";
}
.fa-asterisk:before {
  content: "\F069";
}
.fa-exclamation-circle:before {
  content: "\F06A";
}
.fa-gift:before {
  content: "\F06B";
}
.fa-leaf:before {
  content: "\F06C";
}
.fa-fire:before {
  content: "\F06D";
}
.fa-eye:before {
  content: "\F06E";
}
.fa-eye-slash:before {
  content: "\F070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\F071";
}
.fa-plane:before {
  content: "\F072";
}
.fa-calendar:before {
  content: "\F073";
}
.fa-random:before {
  content: "\F074";
}
.fa-comment:before {
  content: "\F075";
}
.fa-magnet:before {
  content: "\F076";
}
.fa-chevron-up:before {
  content: "\F077";
}
.fa-chevron-down:before {
  content: "\F078";
}
.fa-retweet:before {
  content: "\F079";
}
.fa-shopping-cart:before {
  content: "\F07A";
}
.fa-folder:before {
  content: "\F07B";
}
.fa-folder-open:before {
  content: "\F07C";
}
.fa-arrows-v:before {
  content: "\F07D";
}
.fa-arrows-h:before {
  content: "\F07E";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\F080";
}
.fa-twitter-square:before {
  content: "\F081";
}
.fa-facebook-square:before {
  content: "\F082";
}
.fa-camera-retro:before {
  content: "\F083";
}
.fa-key:before {
  content: "\F084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\F085";
}
.fa-comments:before {
  content: "\F086";
}
.fa-thumbs-o-up:before {
  content: "\F087";
}
.fa-thumbs-o-down:before {
  content: "\F088";
}
.fa-star-half:before {
  content: "\F089";
}
.fa-heart-o:before {
  content: "\F08A";
}
.fa-sign-out:before {
  content: "\F08B";
}
.fa-linkedin-square:before {
  content: "\F08C";
}
.fa-thumb-tack:before {
  content: "\F08D";
}
.fa-external-link:before {
  content: "\F08E";
}
.fa-sign-in:before {
  content: "\F090";
}
.fa-trophy:before {
  content: "\F091";
}
.fa-github-square:before {
  content: "\F092";
}
.fa-upload:before {
  content: "\F093";
}
.fa-lemon-o:before {
  content: "\F094";
}
.fa-phone:before {
  content: "\F095";
}
.fa-square-o:before {
  content: "\F096";
}
.fa-bookmark-o:before {
  content: "\F097";
}
.fa-phone-square:before {
  content: "\F098";
}
.fa-twitter:before {
  content: "\F099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\F09A";
}
.fa-github:before {
  content: "\F09B";
}
.fa-unlock:before {
  content: "\F09C";
}
.fa-credit-card:before {
  content: "\F09D";
}
.fa-feed:before,
.fa-rss:before {
  content: "\F09E";
}
.fa-hdd-o:before {
  content: "\F0A0";
}
.fa-bullhorn:before {
  content: "\F0A1";
}
.fa-bell:before {
  content: "\F0F3";
}
.fa-certificate:before {
  content: "\F0A3";
}
.fa-hand-o-right:before {
  content: "\F0A4";
}
.fa-hand-o-left:before {
  content: "\F0A5";
}
.fa-hand-o-up:before {
  content: "\F0A6";
}
.fa-hand-o-down:before {
  content: "\F0A7";
}
.fa-arrow-circle-left:before {
  content: "\F0A8";
}
.fa-arrow-circle-right:before {
  content: "\F0A9";
}
.fa-arrow-circle-up:before {
  content: "\F0AA";
}
.fa-arrow-circle-down:before {
  content: "\F0AB";
}
.fa-globe:before {
  content: "\F0AC";
}
.fa-wrench:before {
  content: "\F0AD";
}
.fa-tasks:before {
  content: "\F0AE";
}
.fa-filter:before {
  content: "\F0B0";
}
.fa-briefcase:before {
  content: "\F0B1";
}
.fa-arrows-alt:before {
  content: "\F0B2";
}
.fa-group:before,
.fa-users:before {
  content: "\F0C0";
}
.fa-chain:before,
.fa-link:before {
  content: "\F0C1";
}
.fa-cloud:before {
  content: "\F0C2";
}
.fa-flask:before {
  content: "\F0C3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5";
}
.fa-paperclip:before {
  content: "\F0C6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7";
}
.fa-square:before {
  content: "\F0C8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\F0C9";
}
.fa-list-ul:before {
  content: "\F0CA";
}
.fa-list-ol:before {
  content: "\F0CB";
}
.fa-strikethrough:before {
  content: "\F0CC";
}
.fa-underline:before {
  content: "\F0CD";
}
.fa-table:before {
  content: "\F0CE";
}
.fa-magic:before {
  content: "\F0D0";
}
.fa-truck:before {
  content: "\F0D1";
}
.fa-pinterest:before {
  content: "\F0D2";
}
.fa-pinterest-square:before {
  content: "\F0D3";
}
.fa-google-plus-square:before {
  content: "\F0D4";
}
.fa-google-plus:before {
  content: "\F0D5";
}
.fa-money:before {
  content: "\F0D6";
}
.fa-caret-down:before {
  content: "\F0D7";
}
.fa-caret-up:before {
  content: "\F0D8";
}
.fa-caret-left:before {
  content: "\F0D9";
}
.fa-caret-right:before {
  content: "\F0DA";
}
.fa-columns:before {
  content: "\F0DB";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\F0DC";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\F0DD";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\F0DE";
}
.fa-envelope:before {
  content: "\F0E0";
}
.fa-linkedin:before {
  content: "\F0E1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\F0E3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4";
}
.fa-comment-o:before {
  content: "\F0E5";
}
.fa-comments-o:before {
  content: "\F0E6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\F0E7";
}
.fa-sitemap:before {
  content: "\F0E8";
}
.fa-umbrella:before {
  content: "\F0E9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\F0EA";
}
.fa-lightbulb-o:before {
  content: "\F0EB";
}
.fa-exchange:before {
  content: "\F0EC";
}
.fa-cloud-download:before {
  content: "\F0ED";
}
.fa-cloud-upload:before {
  content: "\F0EE";
}
.fa-user-md:before {
  content: "\F0F0";
}
.fa-stethoscope:before {
  content: "\F0F1";
}
.fa-suitcase:before {
  content: "\F0F2";
}
.fa-bell-o:before {
  content: "\F0A2";
}
.fa-coffee:before {
  content: "\F0F4";
}
.fa-cutlery:before {
  content: "\F0F5";
}
.fa-file-text-o:before {
  content: "\F0F6";
}
.fa-building-o:before {
  content: "\F0F7";
}
.fa-hospital-o:before {
  content: "\F0F8";
}
.fa-ambulance:before {
  content: "\F0F9";
}
.fa-medkit:before {
  content: "\F0FA";
}
.fa-fighter-jet:before {
  content: "\F0FB";
}
.fa-beer:before {
  content: "\F0FC";
}
.fa-h-square:before {
  content: "\F0FD";
}
.fa-plus-square:before {
  content: "\F0FE";
}
.fa-angle-double-left:before {
  content: "\F100";
}
.fa-angle-double-right:before {
  content: "\F101";
}
.fa-angle-double-up:before {
  content: "\F102";
}
.fa-angle-double-down:before {
  content: "\F103";
}
.fa-angle-left:before {
  content: "\F104";
}
.fa-angle-right:before {
  content: "\F105";
}
.fa-angle-up:before {
  content: "\F106";
}
.fa-angle-down:before {
  content: "\F107";
}
.fa-desktop:before {
  content: "\F108";
}
.fa-laptop:before {
  content: "\F109";
}
.fa-tablet:before {
  content: "\F10A";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B";
}
.fa-circle-o:before {
  content: "\F10C";
}
.fa-quote-left:before {
  content: "\F10D";
}
.fa-quote-right:before {
  content: "\F10E";
}
.fa-spinner:before {
  content: "\F110";
}
.fa-circle:before {
  content: "\F111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112";
}
.fa-github-alt:before {
  content: "\F113";
}
.fa-folder-o:before {
  content: "\F114";
}
.fa-folder-open-o:before {
  content: "\F115";
}
.fa-smile-o:before {
  content: "\F118";
}
.fa-frown-o:before {
  content: "\F119";
}
.fa-meh-o:before {
  content: "\F11A";
}
.fa-gamepad:before {
  content: "\F11B";
}
.fa-keyboard-o:before {
  content: "\F11C";
}
.fa-flag-o:before {
  content: "\F11D";
}
.fa-flag-checkered:before {
  content: "\F11E";
}
.fa-terminal:before {
  content: "\F120";
}
.fa-code:before {
  content: "\F121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\F122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123";
}
.fa-location-arrow:before {
  content: "\F124";
}
.fa-crop:before {
  content: "\F125";
}
.fa-code-fork:before {
  content: "\F126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\F127";
}
.fa-question:before {
  content: "\F128";
}
.fa-info:before {
  content: "\F129";
}
.fa-exclamation:before {
  content: "\F12A";
}
.fa-superscript:before {
  content: "\F12B";
}
.fa-subscript:before {
  content: "\F12C";
}
.fa-eraser:before {
  content: "\F12D";
}
.fa-puzzle-piece:before {
  content: "\F12E";
}
.fa-microphone:before {
  content: "\F130";
}
.fa-microphone-slash:before {
  content: "\F131";
}
.fa-shield:before {
  content: "\F132";
}
.fa-calendar-o:before {
  content: "\F133";
}
.fa-fire-extinguisher:before {
  content: "\F134";
}
.fa-rocket:before {
  content: "\F135";
}
.fa-maxcdn:before {
  content: "\F136";
}
.fa-chevron-circle-left:before {
  content: "\F137";
}
.fa-chevron-circle-right:before {
  content: "\F138";
}
.fa-chevron-circle-up:before {
  content: "\F139";
}
.fa-chevron-circle-down:before {
  content: "\F13A";
}
.fa-html5:before {
  content: "\F13B";
}
.fa-css3:before {
  content: "\F13C";
}
.fa-anchor:before {
  content: "\F13D";
}
.fa-unlock-alt:before {
  content: "\F13E";
}
.fa-bullseye:before {
  content: "\F140";
}
.fa-ellipsis-h:before {
  content: "\F141";
}
.fa-ellipsis-v:before {
  content: "\F142";
}
.fa-rss-square:before {
  content: "\F143";
}
.fa-play-circle:before {
  content: "\F144";
}
.fa-ticket:before {
  content: "\F145";
}
.fa-minus-square:before {
  content: "\F146";
}
.fa-minus-square-o:before {
  content: "\F147";
}
.fa-level-up:before {
  content: "\F148";
}
.fa-level-down:before {
  content: "\F149";
}
.fa-check-square:before {
  content: "\F14A";
}
.fa-pencil-square:before {
  content: "\F14B";
}
.fa-external-link-square:before {
  content: "\F14C";
}
.fa-share-square:before {
  content: "\F14D";
}
.fa-compass:before {
  content: "\F14E";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\F150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\F151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\F152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\F153";
}
.fa-gbp:before {
  content: "\F154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\F155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\F156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\F157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\F158";
}
.fa-won:before,
.fa-krw:before {
  content: "\F159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A";
}
.fa-file:before {
  content: "\F15B";
}
.fa-file-text:before {
  content: "\F15C";
}
.fa-sort-alpha-asc:before {
  content: "\F15D";
}
.fa-sort-alpha-desc:before {
  content: "\F15E";
}
.fa-sort-amount-asc:before {
  content: "\F160";
}
.fa-sort-amount-desc:before {
  content: "\F161";
}
.fa-sort-numeric-asc:before {
  content: "\F162";
}
.fa-sort-numeric-desc:before {
  content: "\F163";
}
.fa-thumbs-up:before {
  content: "\F164";
}
.fa-thumbs-down:before {
  content: "\F165";
}
.fa-youtube-square:before {
  content: "\F166";
}
.fa-youtube:before {
  content: "\F167";
}
.fa-xing:before {
  content: "\F168";
}
.fa-xing-square:before {
  content: "\F169";
}
.fa-youtube-play:before {
  content: "\F16A";
}
.fa-dropbox:before {
  content: "\F16B";
}
.fa-stack-overflow:before {
  content: "\F16C";
}
.fa-instagram:before {
  content: "\F16D";
}
.fa-flickr:before {
  content: "\F16E";
}
.fa-adn:before {
  content: "\F170";
}
.fa-bitbucket:before {
  content: "\F171";
}
.fa-bitbucket-square:before {
  content: "\F172";
}
.fa-tumblr:before {
  content: "\F173";
}
.fa-tumblr-square:before {
  content: "\F174";
}
.fa-long-arrow-down:before {
  content: "\F175";
}
.fa-long-arrow-up:before {
  content: "\F176";
}
.fa-long-arrow-left:before {
  content: "\F177";
}
.fa-long-arrow-right:before {
  content: "\F178";
}
.fa-apple:before {
  content: "\F179";
}
.fa-windows:before {
  content: "\F17A";
}
.fa-android:before {
  content: "\F17B";
}
.fa-linux:before {
  content: "\F17C";
}
.fa-dribbble:before {
  content: "\F17D";
}
.fa-skype:before {
  content: "\F17E";
}
.fa-foursquare:before {
  content: "\F180";
}
.fa-trello:before {
  content: "\F181";
}
.fa-female:before {
  content: "\F182";
}
.fa-male:before {
  content: "\F183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\F184";
}
.fa-sun-o:before {
  content: "\F185";
}
.fa-moon-o:before {
  content: "\F186";
}
.fa-archive:before {
  content: "\F187";
}
.fa-bug:before {
  content: "\F188";
}
.fa-vk:before {
  content: "\F189";
}
.fa-weibo:before {
  content: "\F18A";
}
.fa-renren:before {
  content: "\F18B";
}
.fa-pagelines:before {
  content: "\F18C";
}
.fa-stack-exchange:before {
  content: "\F18D";
}
.fa-arrow-circle-o-right:before {
  content: "\F18E";
}
.fa-arrow-circle-o-left:before {
  content: "\F190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\F191";
}
.fa-dot-circle-o:before {
  content: "\F192";
}
.fa-wheelchair:before {
  content: "\F193";
}
.fa-vimeo-square:before {
  content: "\F194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\F195";
}
.fa-plus-square-o:before {
  content: "\F196";
}
.fa-space-shuttle:before {
  content: "\F197";
}
.fa-slack:before {
  content: "\F198";
}
.fa-envelope-square:before {
  content: "\F199";
}
.fa-wordpress:before {
  content: "\F19A";
}
.fa-openid:before {
  content: "\F19B";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\F19C";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\F19D";
}
.fa-yahoo:before {
  content: "\F19E";
}
.fa-google:before {
  content: "\F1A0";
}
.fa-reddit:before {
  content: "\F1A1";
}
.fa-reddit-square:before {
  content: "\F1A2";
}
.fa-stumbleupon-circle:before {
  content: "\F1A3";
}
.fa-stumbleupon:before {
  content: "\F1A4";
}
.fa-delicious:before {
  content: "\F1A5";
}
.fa-digg:before {
  content: "\F1A6";
}
.fa-pied-piper-pp:before {
  content: "\F1A7";
}
.fa-pied-piper-alt:before {
  content: "\F1A8";
}
.fa-drupal:before {
  content: "\F1A9";
}
.fa-joomla:before {
  content: "\F1AA";
}
.fa-language:before {
  content: "\F1AB";
}
.fa-fax:before {
  content: "\F1AC";
}
.fa-building:before {
  content: "\F1AD";
}
.fa-child:before {
  content: "\F1AE";
}
.fa-paw:before {
  content: "\F1B0";
}
.fa-spoon:before {
  content: "\F1B1";
}
.fa-cube:before {
  content: "\F1B2";
}
.fa-cubes:before {
  content: "\F1B3";
}
.fa-behance:before {
  content: "\F1B4";
}
.fa-behance-square:before {
  content: "\F1B5";
}
.fa-steam:before {
  content: "\F1B6";
}
.fa-steam-square:before {
  content: "\F1B7";
}
.fa-recycle:before {
  content: "\F1B8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\F1B9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\F1BA";
}
.fa-tree:before {
  content: "\F1BB";
}
.fa-spotify:before {
  content: "\F1BC";
}
.fa-deviantart:before {
  content: "\F1BD";
}
.fa-soundcloud:before {
  content: "\F1BE";
}
.fa-database:before {
  content: "\F1C0";
}
.fa-file-pdf-o:before {
  content: "\F1C1";
}
.fa-file-word-o:before {
  content: "\F1C2";
}
.fa-file-excel-o:before {
  content: "\F1C3";
}
.fa-file-powerpoint-o:before {
  content: "\F1C4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\F1C5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\F1C6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\F1C7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\F1C8";
}
.fa-file-code-o:before {
  content: "\F1C9";
}
.fa-vine:before {
  content: "\F1CA";
}
.fa-codepen:before {
  content: "\F1CB";
}
.fa-jsfiddle:before {
  content: "\F1CC";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\F1CD";
}
.fa-circle-o-notch:before {
  content: "\F1CE";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\F1D0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\F1D1";
}
.fa-git-square:before {
  content: "\F1D2";
}
.fa-git:before {
  content: "\F1D3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\F1D4";
}
.fa-tencent-weibo:before {
  content: "\F1D5";
}
.fa-qq:before {
  content: "\F1D6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\F1D7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\F1D8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\F1D9";
}
.fa-history:before {
  content: "\F1DA";
}
.fa-circle-thin:before {
  content: "\F1DB";
}
.fa-header:before {
  content: "\F1DC";
}
.fa-paragraph:before {
  content: "\F1DD";
}
.fa-sliders:before {
  content: "\F1DE";
}
.fa-share-alt:before {
  content: "\F1E0";
}
.fa-share-alt-square:before {
  content: "\F1E1";
}
.fa-bomb:before {
  content: "\F1E2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\F1E3";
}
.fa-tty:before {
  content: "\F1E4";
}
.fa-binoculars:before {
  content: "\F1E5";
}
.fa-plug:before {
  content: "\F1E6";
}
.fa-slideshare:before {
  content: "\F1E7";
}
.fa-twitch:before {
  content: "\F1E8";
}
.fa-yelp:before {
  content: "\F1E9";
}
.fa-newspaper-o:before {
  content: "\F1EA";
}
.fa-wifi:before {
  content: "\F1EB";
}
.fa-calculator:before {
  content: "\F1EC";
}
.fa-paypal:before {
  content: "\F1ED";
}
.fa-google-wallet:before {
  content: "\F1EE";
}
.fa-cc-visa:before {
  content: "\F1F0";
}
.fa-cc-mastercard:before {
  content: "\F1F1";
}
.fa-cc-discover:before {
  content: "\F1F2";
}
.fa-cc-amex:before {
  content: "\F1F3";
}
.fa-cc-paypal:before {
  content: "\F1F4";
}
.fa-cc-stripe:before {
  content: "\F1F5";
}
.fa-bell-slash:before {
  content: "\F1F6";
}
.fa-bell-slash-o:before {
  content: "\F1F7";
}
.fa-trash:before {
  content: "\F1F8";
}
.fa-copyright:before {
  content: "\F1F9";
}
.fa-at:before {
  content: "\F1FA";
}
.fa-eyedropper:before {
  content: "\F1FB";
}
.fa-paint-brush:before {
  content: "\F1FC";
}
.fa-birthday-cake:before {
  content: "\F1FD";
}
.fa-area-chart:before {
  content: "\F1FE";
}
.fa-pie-chart:before {
  content: "\F200";
}
.fa-line-chart:before {
  content: "\F201";
}
.fa-lastfm:before {
  content: "\F202";
}
.fa-lastfm-square:before {
  content: "\F203";
}
.fa-toggle-off:before {
  content: "\F204";
}
.fa-toggle-on:before {
  content: "\F205";
}
.fa-bicycle:before {
  content: "\F206";
}
.fa-bus:before {
  content: "\F207";
}
.fa-ioxhost:before {
  content: "\F208";
}
.fa-angellist:before {
  content: "\F209";
}
.fa-cc:before {
  content: "\F20A";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\F20B";
}
.fa-meanpath:before {
  content: "\F20C";
}
.fa-buysellads:before {
  content: "\F20D";
}
.fa-connectdevelop:before {
  content: "\F20E";
}
.fa-dashcube:before {
  content: "\F210";
}
.fa-forumbee:before {
  content: "\F211";
}
.fa-leanpub:before {
  content: "\F212";
}
.fa-sellsy:before {
  content: "\F213";
}
.fa-shirtsinbulk:before {
  content: "\F214";
}
.fa-simplybuilt:before {
  content: "\F215";
}
.fa-skyatlas:before {
  content: "\F216";
}
.fa-cart-plus:before {
  content: "\F217";
}
.fa-cart-arrow-down:before {
  content: "\F218";
}
.fa-diamond:before {
  content: "\F219";
}
.fa-ship:before {
  content: "\F21A";
}
.fa-user-secret:before {
  content: "\F21B";
}
.fa-motorcycle:before {
  content: "\F21C";
}
.fa-street-view:before {
  content: "\F21D";
}
.fa-heartbeat:before {
  content: "\F21E";
}
.fa-venus:before {
  content: "\F221";
}
.fa-mars:before {
  content: "\F222";
}
.fa-mercury:before {
  content: "\F223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\F224";
}
.fa-transgender-alt:before {
  content: "\F225";
}
.fa-venus-double:before {
  content: "\F226";
}
.fa-mars-double:before {
  content: "\F227";
}
.fa-venus-mars:before {
  content: "\F228";
}
.fa-mars-stroke:before {
  content: "\F229";
}
.fa-mars-stroke-v:before {
  content: "\F22A";
}
.fa-mars-stroke-h:before {
  content: "\F22B";
}
.fa-neuter:before {
  content: "\F22C";
}
.fa-genderless:before {
  content: "\F22D";
}
.fa-facebook-official:before {
  content: "\F230";
}
.fa-pinterest-p:before {
  content: "\F231";
}
.fa-whatsapp:before {
  content: "\F232";
}
.fa-server:before {
  content: "\F233";
}
.fa-user-plus:before {
  content: "\F234";
}
.fa-user-times:before {
  content: "\F235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\F236";
}
.fa-viacoin:before {
  content: "\F237";
}
.fa-train:before {
  content: "\F238";
}
.fa-subway:before {
  content: "\F239";
}
.fa-medium:before {
  content: "\F23A";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\F23B";
}
.fa-optin-monster:before {
  content: "\F23C";
}
.fa-opencart:before {
  content: "\F23D";
}
.fa-expeditedssl:before {
  content: "\F23E";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\F240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\F241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\F242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\F243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\F244";
}
.fa-mouse-pointer:before {
  content: "\F245";
}
.fa-i-cursor:before {
  content: "\F246";
}
.fa-object-group:before {
  content: "\F247";
}
.fa-object-ungroup:before {
  content: "\F248";
}
.fa-sticky-note:before {
  content: "\F249";
}
.fa-sticky-note-o:before {
  content: "\F24A";
}
.fa-cc-jcb:before {
  content: "\F24B";
}
.fa-cc-diners-club:before {
  content: "\F24C";
}
.fa-clone:before {
  content: "\F24D";
}
.fa-balance-scale:before {
  content: "\F24E";
}
.fa-hourglass-o:before {
  content: "\F250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253";
}
.fa-hourglass:before {
  content: "\F254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\F256";
}
.fa-hand-scissors-o:before {
  content: "\F257";
}
.fa-hand-lizard-o:before {
  content: "\F258";
}
.fa-hand-spock-o:before {
  content: "\F259";
}
.fa-hand-pointer-o:before {
  content: "\F25A";
}
.fa-hand-peace-o:before {
  content: "\F25B";
}
.fa-trademark:before {
  content: "\F25C";
}
.fa-registered:before {
  content: "\F25D";
}
.fa-creative-commons:before {
  content: "\F25E";
}
.fa-gg:before {
  content: "\F260";
}
.fa-gg-circle:before {
  content: "\F261";
}
.fa-tripadvisor:before {
  content: "\F262";
}
.fa-odnoklassniki:before {
  content: "\F263";
}
.fa-odnoklassniki-square:before {
  content: "\F264";
}
.fa-get-pocket:before {
  content: "\F265";
}
.fa-wikipedia-w:before {
  content: "\F266";
}
.fa-safari:before {
  content: "\F267";
}
.fa-chrome:before {
  content: "\F268";
}
.fa-firefox:before {
  content: "\F269";
}
.fa-opera:before {
  content: "\F26A";
}
.fa-internet-explorer:before {
  content: "\F26B";
}
.fa-tv:before,
.fa-television:before {
  content: "\F26C";
}
.fa-contao:before {
  content: "\F26D";
}
.fa-500px:before {
  content: "\F26E";
}
.fa-amazon:before {
  content: "\F270";
}
.fa-calendar-plus-o:before {
  content: "\F271";
}
.fa-calendar-minus-o:before {
  content: "\F272";
}
.fa-calendar-times-o:before {
  content: "\F273";
}
.fa-calendar-check-o:before {
  content: "\F274";
}
.fa-industry:before {
  content: "\F275";
}
.fa-map-pin:before {
  content: "\F276";
}
.fa-map-signs:before {
  content: "\F277";
}
.fa-map-o:before {
  content: "\F278";
}
.fa-map:before {
  content: "\F279";
}
.fa-commenting:before {
  content: "\F27A";
}
.fa-commenting-o:before {
  content: "\F27B";
}
.fa-houzz:before {
  content: "\F27C";
}
.fa-vimeo:before {
  content: "\F27D";
}
.fa-black-tie:before {
  content: "\F27E";
}
.fa-fonticons:before {
  content: "\F280";
}
.fa-reddit-alien:before {
  content: "\F281";
}
.fa-edge:before {
  content: "\F282";
}
.fa-credit-card-alt:before {
  content: "\F283";
}
.fa-codiepie:before {
  content: "\F284";
}
.fa-modx:before {
  content: "\F285";
}
.fa-fort-awesome:before {
  content: "\F286";
}
.fa-usb:before {
  content: "\F287";
}
.fa-product-hunt:before {
  content: "\F288";
}
.fa-mixcloud:before {
  content: "\F289";
}
.fa-scribd:before {
  content: "\F28A";
}
.fa-pause-circle:before {
  content: "\F28B";
}
.fa-pause-circle-o:before {
  content: "\F28C";
}
.fa-stop-circle:before {
  content: "\F28D";
}
.fa-stop-circle-o:before {
  content: "\F28E";
}
.fa-shopping-bag:before {
  content: "\F290";
}
.fa-shopping-basket:before {
  content: "\F291";
}
.fa-hashtag:before {
  content: "\F292";
}
.fa-bluetooth:before {
  content: "\F293";
}
.fa-bluetooth-b:before {
  content: "\F294";
}
.fa-percent:before {
  content: "\F295";
}
.fa-gitlab:before {
  content: "\F296";
}
.fa-wpbeginner:before {
  content: "\F297";
}
.fa-wpforms:before {
  content: "\F298";
}
.fa-envira:before {
  content: "\F299";
}
.fa-universal-access:before {
  content: "\F29A";
}
.fa-wheelchair-alt:before {
  content: "\F29B";
}
.fa-question-circle-o:before {
  content: "\F29C";
}
.fa-blind:before {
  content: "\F29D";
}
.fa-audio-description:before {
  content: "\F29E";
}
.fa-volume-control-phone:before {
  content: "\F2A0";
}
.fa-braille:before {
  content: "\F2A1";
}
.fa-assistive-listening-systems:before {
  content: "\F2A2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\F2A3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\F2A4";
}
.fa-glide:before {
  content: "\F2A5";
}
.fa-glide-g:before {
  content: "\F2A6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\F2A7";
}
.fa-low-vision:before {
  content: "\F2A8";
}
.fa-viadeo:before {
  content: "\F2A9";
}
.fa-viadeo-square:before {
  content: "\F2AA";
}
.fa-snapchat:before {
  content: "\F2AB";
}
.fa-snapchat-ghost:before {
  content: "\F2AC";
}
.fa-snapchat-square:before {
  content: "\F2AD";
}
.fa-pied-piper:before {
  content: "\F2AE";
}
.fa-first-order:before {
  content: "\F2B0";
}
.fa-yoast:before {
  content: "\F2B1";
}
.fa-themeisle:before {
  content: "\F2B2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4";
}
.fa-handshake-o:before {
  content: "\F2B5";
}
.fa-envelope-open:before {
  content: "\F2B6";
}
.fa-envelope-open-o:before {
  content: "\F2B7";
}
.fa-linode:before {
  content: "\F2B8";
}
.fa-address-book:before {
  content: "\F2B9";
}
.fa-address-book-o:before {
  content: "\F2BA";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\F2BB";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\F2BC";
}
.fa-user-circle:before {
  content: "\F2BD";
}
.fa-user-circle-o:before {
  content: "\F2BE";
}
.fa-user-o:before {
  content: "\F2C0";
}
.fa-id-badge:before {
  content: "\F2C1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3";
}
.fa-quora:before {
  content: "\F2C4";
}
.fa-free-code-camp:before {
  content: "\F2C5";
}
.fa-telegram:before {
  content: "\F2C6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\F2C7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB";
}
.fa-shower:before {
  content: "\F2CC";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\F2CD";
}
.fa-podcast:before {
  content: "\F2CE";
}
.fa-window-maximize:before {
  content: "\F2D0";
}
.fa-window-minimize:before {
  content: "\F2D1";
}
.fa-window-restore:before {
  content: "\F2D2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4";
}
.fa-bandcamp:before {
  content: "\F2D5";
}
.fa-grav:before {
  content: "\F2D6";
}
.fa-etsy:before {
  content: "\F2D7";
}
.fa-imdb:before {
  content: "\F2D8";
}
.fa-ravelry:before {
  content: "\F2D9";
}
.fa-eercast:before {
  content: "\F2DA";
}
.fa-microchip:before {
  content: "\F2DB";
}
.fa-snowflake-o:before {
  content: "\F2DC";
}
.fa-superpowers:before {
  content: "\F2DD";
}
.fa-wpexplorer:before {
  content: "\F2DE";
}
.fa-meetup:before {
  content: "\F2E0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  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;
}
/** Spacing system **/
/* Landscape phones and down */
  @media (max-width: 480px) { 
	/** Padding top **/
	.xs-p-t-5{
		padding-top:5px;
	}
	.xs-p-t-10{
		padding-top:10px;
	}
	.xs-p-t-20{
		padding-top:20px;
	}
	.xs-p-t-30{
		padding-top:30px;
	}
	.xs-p-t-40{
		padding-top:40px;
	}
	.xs-p-t-50{
		padding-top:50px;
	}
	.xs-p-t-60{
		padding-top:60px;
	}
	/** Padding Bottom **/
	.xs-p-b-10{
		padding-bottom:10px;
	}
	.xs-p-b-20{
		padding-bottom:20px;
	}
	.xs-p-b-30{
		padding-bottom:30px;
	}
	.xs-p-b-40{
		padding-bottom:40px;
	}
	.xs-p-b-50{
		padding-bottom:50px;
	}
	.xs-p-b-60{
		padding-bottom:60px;
	}
	/** Padding Left **/
	.xs-p-l-5{
		padding-left:5px;
	}
	.xs-p-l-10{
		padding-left:10px;
	}
	.xs-p-l-20{
		padding-left:20px;
	}
	.xs-p-l-30{
		padding-left:30px;
	}
	.xs-p-l-40{
		padding-left:40px;
	}
	.xs-p-l-50{
		padding-left:50px;
	}
	.xs-p-l-50{
		padding-left:50px;
	}
	/** Padding Right **/
	.xs-p-r-5{
		padding-right:5px;
	}
	.xs-p-r-10{
		padding-right:10px;
	}
	.xs-p-r-20{
		padding-right:20px;
	}
	.xs-p-r-30{
		padding-right:30px;
	}
	.xs-p-r-40{
		padding-right:40px;
	}
	.xs-p-r-50{
		padding-right:50px;
	}
	.xs-p-r-60{
		padding-right:60PX;
	}
	/** Padding top **/
	.xs-m-t-10{
		margin-top:10px;
	}
	.xs-m-t-20{
		margin-top:20px;
	}
	.xs-m-t-30{
		margin-top:30px;
	}
	.xs-m-t-40{
		margin-top:40px;
	}

	/** Padding Bottom **/
	.xs-m-b-10{
		margin-bottom:10px;
	}
	.xs-m-b-20{
		margin-bottom:20px;
	}
	.xs-m-b-30{
		margin-bottom:30px;
	}
	.xs-m-b-40{
		margin-bottom:40px;
	}

	/** Padding Left **/
	.xs-m-l-5{
		margin-left:5px;
	}
	.xs-m-l-10{
		margin-left:10px;
	}
	.xs-m-l-20{
		margin-left:20px;
	}
	.xs-m-l-30{
		margin-left:30px;
	}
	.xs-m-l-40{
		margin-left:40px;
	}

	/** Padding Right **/
	.xs-m-r-5{
		margin-right:5px;
	}
	.xs-m-r-10{
		margin-right:10px;
	}
	.xs-m-r-20{
		margin-right:20px;
	}
	.m-r-30{
		margin-right:30px;
	}
	.xs-m-r-40{
		margin-right:40px;
	}
  }

  /* Large desktop */
  @media (min-width: 1200px) {  }
@media (min-width: 1600px) {
.container {
    width: 1170px;
  }
  .col-vlg-1,
  .col-vlg-2,
  .col-vlg-3,
  .col-vlg-4,
  .col-vlg-5,
  .col-vlg-6,
  .col-vlg-7,
  .col-vlg-8,
  .col-vlg-9,
  .col-vlg-10,
  .col-vlg-11 {
    float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
  }
  .col-vlg-12 {
    width: 100%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
  }
  .col-vlg-11 {
    width: 91.66666666666666%;
  }
  .col-vlg-10 {
    width: 83.33333333333334%;
  }
  .col-vlg-9 {
    width: 75%;
  }
  .col-vlg-8 {
    width: 66.66666666666666%;
  }
  .col-vlg-7 {
    width: 58.333333333333336%;
  }
  .col-vlg-6 {
    width: 50%;
  }
  .col-vlg-5 {
    width: 41.66666666666667%;
  }
  .col-vlg-4 {
    width: 33.33333333333333%;
  }
  .col-vlg-3 {
    width: 25%;
  }
  .col-vlg-2 {
    width: 16.666666666666664%;
  }
  .col-vlg-1 {
    width: 8.333333333333332%;
  }
  .col-vlg-pull-12 {
    right: 100%;
  }
  .col-vlg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-vlg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-vlg-pull-9 {
    right: 75%;
  }
  .col-vlg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-vlg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-vlg-pull-6 {
    right: 50%;
  }
  .col-vlg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-vlg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-vlg-pull-3 {
    right: 25%;
  }
  .col-vlg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-vlg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-vlg-pull-0 {
    right: 0;
  }
  .col-vlg-push-12 {
    left: 100%;
  }
  .col-vlg-push-11 {
    left: 91.66666666666666%;
  }
  .col-vlg-push-10 {
    left: 83.33333333333334%;
  }
  .col-vlg-push-9 {
    left: 75%;
  }
  .col-vlg-push-8 {
    left: 66.66666666666666%;
  }
  .col-vlg-push-7 {
    left: 58.333333333333336%;
  }
  .col-vlg-push-6 {
    left: 50%;
  }
  .col-vlg-push-5 {
    left: 41.66666666666667%;
  }
  .col-vlg-push-4 {
    left: 33.33333333333333%;
  }
  .col-vlg-push-3 {
    left: 25%;
  }
  .col-vlg-push-2 {
    left: 16.666666666666664%;
  }
  .col-vlg-push-1 {
    left: 8.333333333333332%;
  }
  .col-vlg-push-0 {
    left: 0;
  }
  .col-vlg-offset-12 {
    margin-left: 100%;
  }
  .col-vlg-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-vlg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-vlg-offset-9 {
    margin-left: 75%;
  }
  .col-vlg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-vlg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-vlg-offset-6 {
    margin-left: 50%;
  }
  .col-vlg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-vlg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-vlg-offset-3 {
    margin-left: 25%;
  }
  .col-vlg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-vlg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-vlg-offset-0 {
    margin-left: 0;
  }

}/** Spacing system **/
/* Landscape phones and down */
  @media (max-width: 767px) { 
	.xs-no-padding{
		padding:0px;
	}
	.xs-no-margin{
		margin:0px;
	}
	/** Padding top **/
	.xs-p-t-5{
		padding-top:5px;
	}
	.xs-p-t-10{
		padding-top:10px;
	}
	.xs-p-t-20{
		padding-top:20px;
	}
	.xs-p-t-30{
		padding-top:30px;
	}
	.xs-p-t-40{
		padding-top:40px;
	}
	.xs-p-t-50{
		padding-top:50px;
	}
	.xs-p-t-60{
		padding-top:60px;
	}
	/** Padding Bottom **/
	.xs-p-b-10{
		padding-bottom:10px;
	}
	.xs-p-b-20{
		padding-bottom:20px;
	}
	.xs-p-b-30{
		padding-bottom:30px;
	}
	.xs-p-b-40{
		padding-bottom:40px;
	}
	.xs-p-b-50{
		padding-bottom:50px;
	}
	.xs-p-b-60{
		padding-bottom:60px;
	}
	/** Padding Left **/
	.xs-p-l-5{
		padding-left:5px;
	}
	.xs-p-l-10{
		padding-left:10px;
	}
	.xs-p-l-20{
		padding-left:20px;
	}
	.xs-p-l-30{
		padding-left:30px;
	}
	.xs-p-l-40{
		padding-left:40px;
	}
	.xs-p-l-50{
		padding-left:50px;
	}
	.xs-p-l-50{
		padding-left:50px;
	}
	/** Padding Right **/
	.xs-p-r-5{
		padding-right:5px;
	}
	.xs-p-r-10{
		padding-right:10px;
	}
	.xs-p-r-20{
		padding-right:20px;
	}
	.xs-p-r-30{
		padding-right:30px;
	}
	.xs-p-r-40{
		padding-right:40px;
	}
	.xs-p-r-50{
		padding-right:50px;
	}
	.xs-p-r-60{
		padding-right:60PX;
	}
	/** Padding top **/
	.xs-m-t-10{
		margin-top:10px;
	}
	.xs-m-t-20{
		margin-top:20px;
	}
	.xs-m-t-30{
		margin-top:30px;
	}
	.xs-m-t-40{
		margin-top:40px;
	}

	/** Padding Bottom **/
	.xs-m-b-10{
		margin-bottom:10px;
	}
	.xs-m-b-20{
		margin-bottom:20px;
	}
	.xs-m-b-30{
		margin-bottom:30px;
	}
	.xs-m-b-40{
		margin-bottom:40px;
	}

	/** Padding Left **/
	.xs-m-l-5{
		margin-left:5px;
	}
	.xs-m-l-10{
		margin-left:10px;
	}
	.xs-m-l-20{
		margin-left:20px;
	}
	.xs-m-l-30{
		margin-left:30px;
	}
	.xs-m-l-40{
		margin-left:40px;
	}

	/** Padding Right **/
	.xs-m-r-5{
		margin-right:5px;
	}
	.xs-m-r-10{
		margin-right:10px;
	}
	.xs-m-r-20{
		margin-right:20px;
	}
	.m-r-30{
		margin-right:30px;
	}
	.xs-m-r-40{
		margin-right:40px;
	}
  }

  /* Large desktop */
  @media (min-width: 1200px) {  }
@media (min-width: 1600px) {
.container {
    width: 1170px;
  }
  .col-vlg-1,
  .col-vlg-2,
  .col-vlg-3,
  .col-vlg-4,
  .col-vlg-5,
  .col-vlg-6,
  .col-vlg-7,
  .col-vlg-8,
  .col-vlg-9,
  .col-vlg-10,
  .col-vlg-11 {
    float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
  }
  .col-vlg-12 {
    width: 100%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
  }
  .col-vlg-11 {
    width: 91.66666666666666%;
  }
  .col-vlg-10 {
    width: 83.33333333333334%;
  }
  .col-vlg-9 {
    width: 75%;
  }
  .col-vlg-8 {
    width: 66.66666666666666%;
  }
  .col-vlg-7 {
    width: 58.333333333333336%;
  }
  .col-vlg-6 {
    width: 50%;
  }
  .col-vlg-5 {
    width: 41.66666666666667%;
  }
  .col-vlg-4 {
    width: 33.33333333333333%;
  }
  .col-vlg-3 {
    width: 25%;
  }
  .col-vlg-2 {
    width: 16.666666666666664%;
  }
  .col-vlg-1 {
    width: 8.333333333333332%;
  }
  .col-vlg-pull-12 {
    right: 100%;
  }
  .col-vlg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-vlg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-vlg-pull-9 {
    right: 75%;
  }
  .col-vlg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-vlg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-vlg-pull-6 {
    right: 50%;
  }
  .col-vlg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-vlg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-vlg-pull-3 {
    right: 25%;
  }
  .col-vlg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-vlg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-vlg-pull-0 {
    right: 0;
  }
  .col-vlg-push-12 {
    left: 100%;
  }
  .col-vlg-push-11 {
    left: 91.66666666666666%;
  }
  .col-vlg-push-10 {
    left: 83.33333333333334%;
  }
  .col-vlg-push-9 {
    left: 75%;
  }
  .col-vlg-push-8 {
    left: 66.66666666666666%;
  }
  .col-vlg-push-7 {
    left: 58.333333333333336%;
  }
  .col-vlg-push-6 {
    left: 50%;
  }
  .col-vlg-push-5 {
    left: 41.66666666666667%;
  }
  .col-vlg-push-4 {
    left: 33.33333333333333%;
  }
  .col-vlg-push-3 {
    left: 25%;
  }
  .col-vlg-push-2 {
    left: 16.666666666666664%;
  }
  .col-vlg-push-1 {
    left: 8.333333333333332%;
  }
  .col-vlg-push-0 {
    left: 0;
  }
  .col-vlg-offset-12 {
    margin-left: 100%;
  }
  .col-vlg-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-vlg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-vlg-offset-9 {
    margin-left: 75%;
  }
  .col-vlg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-vlg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-vlg-offset-6 {
    margin-left: 50%;
  }
  .col-vlg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-vlg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-vlg-offset-3 {
    margin-left: 25%;
  }
  .col-vlg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-vlg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-vlg-offset-0 {
    margin-left: 0;
  }

}

@media print {
 .header{
	display:none;
 }
 .page-content{
	margin:0px;
 }
 .page-content .content{
	padding:20px;
 }
 .btn{
	display:none;
 }
 .row-fluid [class*="span"]{
	width:96%;
  }
 #main-menu{
	display:none;
 }
 #sidr{
	display:none;
 }

}/*!
* direction.less v0.1.0
*/
:-moz-placeholder {
  color: "#333843";
}

::-moz-placeholder {
  color: "#333843";
  opacity: 0.5;
}

:-ms-input-placeholder {
  color: "#333843";
}

::-webkit-input-placeholder {
  color: "#333843";
}

.placeholder {
  color: "#333843";
}

html {
  font-size: 100%;
  height: 100%;
  background-color: #e5e9ec;
}

body {
  direction: ltr;
  background-color: #e5e9ec;
  color: #263238;
  font-family: "Open Sans";
  font-size: 13px;
  padding: 0px !important;
  margin: 0px !important;
  line-height: 1.5;
  font-style: normal;
  font-weight: normal;
  height: 100%;
}

body.condense-menu .header-seperation {
  display: none;
}

body.condense-menu .page-content {
  margin-left: 50px;
}

body.condense-menu .footer-widget {
  display: none;
}

body.condense-menu .scrollup {
  left: 34px;
}

body.hide-top-content-header .header {
  width: auto;
}

body.hide-top-content-header .header-quick-nav {
  display: none;
}

body.hide-top-content-header .page-content .content {
  padding-top: 25px;
}

body.hide-top-content-header .page-sidebar.mini .page-sidebar-wrapper>ul {
  padding: 0;
}

body.hide-sidebar .header-seperation {
  display: none;
}

body.hide-sidebar .page-sidebar {
  display: none;
}

body.hide-sidebar .page-content {
  margin-left: 0;
}

body.hide-sidebar .scrollup {
  left: 34px;
}

body.menu-non-fixed .page-sidebar {
  position: absolute;
}

body.right-side-bar .page-content {
  margin-right: 250px;
  margin-left: 0;
}

body.right-side-bar .page-content.condensed {
  margin-left: 0;
  margin-right: 50px;
}

body.right-side-bar .page-sidebar {
  right: 0;
}

body.right-side-bar .header .header-seperation {
  float: right;
}

body.right-side-bar .footer-widget {
  right: 0;
}

body.bottom-header .header {
  bottom: 0;
}

body.bottom-header .page-content .content {
  padding-top: 25px;
  padding-bottom: 83px;
}

body.open-menu-right-desktop .page-container {
  position: relative;
  left: -260px;
}

body.open-menu-right-desktop .header {
  left: -260px;
}

body.open-menu-right-desktop .fonter-widget {
  display: none;
}

body.modal-open .page-container {
  position: inherit;
}

/*THIS CAUSED VIERD VIEW BEHAVIOR*/
/*body.modal-open .page-content {*/
/*position: inherit;*/
/*}*/
body.modal-open .chat-window-wrapper {
  display: none;
}

#page_container {
  /*overflow: auto;*/
}

.header .tarif-over-header {
  position: absolute;
  top: 10px;
  left: 10px;
  /* background: #fffcee; */
  /* padding: 10px 30px 10px 10px; */
  /* border: 1px solid #f0dbb4; */
  /* color: #ce8f22; */
  min-width: 850px;
}

.header .tarif-over-header-link {
  color: #ce8f22;
  font-weight: 700;
  text-decoration: underline;
}

.header .tarif-over-header-link:hover {
  color: #ce8f22;
  text-decoration: none;
}

.tarif-over-head {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.tarif-over-link {
  color: #000;
  font-weight: 700;
  text-decoration: underline;
}

.tarif-over-link:hover {
  color: #000;
  text-decoration: none;
}

.navbar,
.navbar-inverse {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
}

.navbar .nav>li>.dropdown-menu::before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.navbar .nav>li>.dropdown-menu::after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: "";
}

.navbar .notifications {
  background-color: #1b1e24;
  display: block;
  float: left;
  left: 0;
  margin: 0 10px 0 0;
  padding-top: 5px;
  position: relative;
}

.header-seperation {
  padding: 9px 67px;
  background-color: #22262e;
  text-align: center;
}

.header {
  -webkit-transition: -webkit-transform 0.3s ease, left 0.3s ease,
    right 0.3s ease;
  transition: transform 0.3s ease, left 0.3s ease, right 0.3s ease;
  padding: 0 !important;
  margin: 0 !important;
  position: absolute;
  width: 100%;
  z-index: 999;
  min-height: 60px;
  left: 0;
  -webkit-backface-visibility: hidden;
}

.header .navbar-inner {
  background-image: none !important;
  background-color: #ffffff !important;
  width: 100%;
  margin: 0;
  border: 0px;
  padding: 0px;
  box-shadow: none;
  border-radius: 0px;
}

.header .navbar-inner [class*="span"] {
  min-height: 58px !important;
}

.header .btn-navbar {
  background-color: #1f1f1f !important;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 6px;
  background-image: none;
  box-shadow: none;
  color: #ffffff;
  border: 0;
}

.header .btn-navbar:hover {
  text-decoration: none;
}

.header .nav {
  display: block;
}

.header .nav li.dropdown .dropdown-toggle i {
  color: #eff4f8 !important;
}

.header .nav li.dropdown.user .dropdown-toggle i {
  display: inline-block;
  margin-top: 5px;
  margin: 0;
  font-size: 16px;
  color: #808080 !important;
}

.header .nav>li {
  margin: 0px;
  padding: 0px;
  text-align: center;
  display: inline-block;
  float: left;
}

.header .nav>li.dropdown .dropdown-toggle {
  margin: 0px;
}

.header .nav>li.dropdown .dropdown-toggle i {
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
}

.header .nav>li.dropdown .dropdown-toggle .badge {
  position: absolute;
  font-size: 10px !important;
  font-weight: 700;
  top: 0px;
  right: 2px;
  text-align: center;
  background-color: #f35958;
  padding: 4px 6px;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  text-shadow: none !important;
  color: #ffffff;
}

.header .nav>li.dropdown .active {
  background-color: #0d0f12;
}

.header .nav>li.dropdown.user .dropdown-toggle {
  padding: 8px 4px 7px 9px;
}

.header .nav>li.dropdown.user .dropdown-toggle:hover {
  text-decoration: none;
}

.header .nav>li.quicklinks i {
  display: inline-block;
  margin-top: 5px;
  margin: 0;
  font-size: 14px;
  color: #656565 !important;
}

.header .nav>li.quicklinks>a {
  padding: 4px 2px !important;
}

.header .nav .h-seperate {
  height: 6px;
  width: 2px;
  margin: 0px 10px 0px 10px;
  border-left: 1px solid #e1e1e1;
  display: inline;
  position: relative;
  top: 2px;
}

.header .nav .dropdown-menu {
  margin-top: 3px;
}

.header .header-seperation {
  width: 250px;
  display: block;
  float: left;
  height: 60px;
}

.header .header-seperation .notifcation-center {
  margin-right: 15px !important;
}

.header .header-quick-nav {
  padding-right: 10px;
  height: 60px;
  -webkit-transition-duration: 1;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}

.header .header-quick-nav .logout {
  border: 1px solid #b9c3c8;
  font-size: 12px;
  color: #515050;
  display: block;
  margin-top: 18px;
  margin-right: 15px;
}

.header .header-quick-nav .logout i {
  font-size: 12px;
  margin-right: 5px;
}

.header .header-quick-nav input {
  height: 12px !important;
}

.header .notifcation-center {
  background-color: #1b1e24;
  margin-top: 12px;
  margin-right: 15px !important;
  display: inline-flex;
  display: -ms-flexbox;
  direction: ltr;
}

.header .notifcation-center li {
  min-width: 30px !important;
}

.header .notifcation-center li a {
  padding: 10px !important;
  min-height: 17.5px;
}

.header .notifcation-center li a i {
  font-size: 13px !important;
}

.header a {
  text-decoration: none;
}

.header .chat-toggler {
  position: relative;
  top: 10px;
  margin-right: 5px;
  display: inline-block;
  float: left;
  min-width: 163px;
}

.header .chat-toggler .user-details {
  display: inline-block;
  float: left;
  line-height: 35px;
}

.header .chat-toggler .user-details .username a {
  color: #1b1e24;
  font-size: 15px;
}

.header .chat-toggler .user-details .company a {
  color: #8b8f92;
  font-weight: 400;
  text-align: right;
  font-size: 12px;
}

.header .chat-toggler .iconset {
  display: inline-block;
  float: left;
  margin: 15px 10px;
}

.header .chat-toggler .profile-pic {
  border-radius: 100px 100px 100px 100px;
  display: inline-block;
  height: 35px;
  overflow: hidden;
  width: 35px;
  float: left;
}

.header .chat-toggler a {
  color: #1b1e24;
  font-size: 15px;
  display: inline-block;
  float: left;
}

.header .chat-toggler>i {
  color: #808080;
  text-align: right;
  font-size: 20px;
  position: relative;
  padding: 8px;
  top: 8px;
}

.header .chat-toggler .message-count {
  display: inline-block;
  float: left;
}

.header .chat-toggler .message-count .badge {
  position: absolute;
  float: left;
  right: 0;
  top: 0;
}

.header .chat-message-preview {
  border-left: 1px solid #e5e9ec;
  border-right: 1px solid #e5e9ec;
  padding: 4px 15px;
  margin-right: 12px;
}

.header .chat-message-preview .user-details {
  display: inline-block;
  float: left;
}

.header .chat-message-preview .user-details .username a {
  color: #22262e;
  font-weight: 600;
  text-align: right;
}

.header .chat-message-preview .profile-pic {
  border-radius: 100px 100px 100px 100px;
  display: inline-block;
  float: left;
  height: 35px;
  overflow: hidden;
  width: 35px;
  margin-left: 10px;
}

.header .chat-message-preview a {
  color: #6f7b8a;
}

.header .chat-message-preview .chat-message {
  color: #8b8f92;
  background-color: #e5e9ec;
  padding: 5px;
  font-size: 12px;
  border-radius: 3px;
}

.header .quick-section {
  margin-left: 20px;
  margin-top: 14px;
  /* margin-top: 18px; */
  margin-right: 10px;
  display: inline-block;
  float: left;
  direction: ltr;
}

.header .search-form {
  display: inline-block;
  float: left;
  margin-left: 25px !important;
  top: -4.5px;
  position: relative;
}

.header .popover-title {
  border-bottom: 0px;
  padding-top: 14px;
}

.menu-title {
  color: #808285;
  font-size: 10.5px;
  padding-left: 31px;
  padding-right: 31px;
  padding-top: 25px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.menu-title a {
  color: #808285;
}

.menu-title a:hover {
  text-decoration: none;
}

.menu-title i {
  font-size: 10px;
  font-weight: normal;
}

.page-sidebar {
  background-color: #1b1e24 !important;
  height: 100%;
  font-family: "Open Sans";
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.page-sidebar.full-length {
  padding-bottom: 57px;
}

.page-sidebar .outer-tab-nav-section {
  display: inline-block;
  width: 45px;
  position: absolute;
  height: 100%;
  background-color: #0aa699 !important;
}

.page-sidebar .inner-menu {
  display: inline-block;
  width: 200px;
}

.page-sidebar .inner-menu ul {
  width: 200px;
}

#page-sidebar-ng {
  height: 100%;
}

.page-sidebar .page-sidebar-wrapper {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}

.page-sidebar .page-sidebar-wrapper>ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-sidebar .page-sidebar-wrapper>ul>li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0px;
}

.page-sidebar .settings {
  float: left;
  width: 100%;
}

.page-sidebar .page-sidebar-wrapper>ul>li>a,
.page-sidebar .settings {
  color: #8b91a0;
  display: block;
  position: relative;
  margin: 0;
  border: 0px;
  padding: 11.5px 15px 11.5px 20px;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
}

.page-sidebar .page-sidebar-wrapper>ul>li>a.open {
  background: #313131;
}

.page-sidebar .page-sidebar-wrapper>ul>li>a i {
  font-size: 14px;
  margin-right: 5px;
  text-shadow: none;
}

.page-sidebar .page-sidebar-wrapper>ul>li>a>.arrow.open:before {
  float: right;
  margin-top: 1px;
  margin-right: 3px;
  display: inline;
  font-family: FontAwesome;
  height: auto;
  font-size: 16px;
  content: "\F107";
  font-weight: 300;
  text-shadow: none;
}

.page-sidebar .page-sidebar-wrapper>ul>li:last-child>a {
  border-bottom: 1px solid transparent !important;
}

.page-sidebar .page-sidebar-wrapper>ul>li a i {
  /*color: #8b91a0;*/
  width: 20px;
  text-align: center;
  display: inline-block;
}

.page-sidebar .page-sidebar-wrapper>ul>li.active>a {
  border-top-color: transparent !important;
  color: #ffffff;
  border: none;
  text-shadow: none;
}

.page-sidebar .page-sidebar-wrapper>ul>li.active>a i {
  color: #ffffff;
}

/*.page-sidebar .page-sidebar-wrapper > ul > li.active i {
  color: #ffffff;
}*/
.page-sidebar .page-sidebar-wrapper>ul li.active>a>i {
  color: #ffffff;
}

/*.page-sidebar .page-sidebar-wrapper > ul > li.active > ul.sub-menu {*/
/*.page-sidebar .page-sidebar-wrapper > ul > li.active > ul.sub-menu,*/
.page-sidebar .page-sidebar-wrapper>ul>li.open>ul.sub-menu {
  display: block;
}

/*.page-sidebar .page-sidebar-wrapper > ul > li.active > ul.sub-menu > li ul.sub-menu {*/
/*.page-sidebar .page-sidebar-wrapper > ul > li.active > ul.sub-menu*/
.page-sidebar .page-sidebar-wrapper>ul>li.open>ul.sub-menu>li ul.sub-menu {
  display: block;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu .unread-count_total {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 2em;
}

/*.page-sidebar .page-sidebar-wrapper > ul > li.active > ul.sub-menu  .unread-count {*/
.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu .unread-count {
  z-index: 100;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu {
  /* display: none; */
  list-style: none;
  clear: both;
  margin: 0px;
  background-color: #22262e;
  padding: 8px 0px 10px 0px;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li {
  background: none;
  margin: 0px;
  padding: 0px;
  margin-top: 1px !important;
  position: relative;
  transition: all 0.25s ease-in-out;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li>a {
  margin-left: 0px;
  padding-left: 5px;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px;
  padding-left: 53px !important;
  color: #e1eaf1;
  text-decoration: none;
  text-shadow: 0 1px 1px #000;
  font-size: 13px;
  font-weight: 300;
  background: none;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li>a:hover {
  background: #1b1e24 !important;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li:first-child>a {
  border-top: 0px !important;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin: 0px 0px 0px 0px;
  padding-left: 0;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li ul.sub-menu li {
  background: none;
  margin: 0px;
  padding: 0px;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li>ul.sub-menu>li>a {
  margin-left: 70px;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
  padding-left: 80px;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li>a>.arrow:before {
  float: right;
  margin-top: 1px;
  margin-right: 20px;
  display: inline;
  font-size: 16px;
  font-family: FontAwesome;
  height: auto;
  content: "\F104";
  font-weight: 300;
  text-shadow: none;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li>a>.arrow.open:before {
  float: right;
  margin-top: 1px;
  margin-right: 18px;
  display: inline;
  font-family: FontAwesome;
  height: auto;
  font-size: 16px;
  content: "\F107";
  font-weight: 300;
  text-shadow: none;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li>ul.sub-menu>li>a {
  display: block;
  padding: 5px 0px;
  color: #ccc;
  text-decoration: none;
  text-shadow: 0 1px 1px #000;
  font-size: 13px;
  font-weight: 300;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li>ul.sub-menu>li>a>i {
  font-size: 13px;
}

.page-sidebar .page-sidebar-wrapper>ul>li.start>a {
  border-top-color: transparent !important;
}

.page-sidebar.mini {
  width: 50px;
  overflow: visible !important;
  background-color: #0aa699 !important;
  height: 100%;
  margin-top: 0;
  position: fixed;
  z-index: 90;
}

.page-sidebar.mini .page-sidebar-wrapper>ul {
  width: 50px;
  padding: 60px 0 0;
}

.page-sidebar.mini .page-sidebar-wrapper>ul>li>ul.sub-menu {
  position: absolute;
  margin-top: -46px;
  margin-left: 50px;
  width: auto;
  z-index: 110;
  min-width: 250px;
}

.page-sidebar.mini .page-sidebar-wrapper>ul>li>a {
  padding: 13px;
  color: #ffffff;
}

.page-sidebar.mini .page-sidebar-wrapper>ul>li a i {
  color: #ffffff;
}

.page-sidebar.mini .page-sidebar-wrapper>p {
  display: none;
}

.page-sidebar.mini .page-sidebar-wrapper>.side-bar-widgets {
  display: none;
}

.page-sidebar.mini .user-info {
  display: none;
}

.page-sidebar.mini .status-widget {
  display: none;
}

.page-sidebar.mini .notification-alert {
  display: none;
}

.page-sidebar.mini ul li span.title {
  display: none;
}

.page-sidebar.mini ul li span.arrow {
  display: none;
}

.page-sidebar.mini ul li span.badge {
  display: none;
}

.page-sidebar.mini ul li ul li span.title {
  display: inline;
}

.page-sidebar.mini ul li ul li span.arrow {
  display: inline;
}

.page-sidebar.mini ul.big-items span.badge {
  display: inline-block;
}

.page-sidebar.mini ul.small-items span.badge {
  display: inline-block;
}

.page-sidebar.mini .profile-wrapper {
  display: none;
}

.page-sidebar.mini .footer-widget {
  display: none;
}

.page-sidebar ul.folders {
  list-style: none;
  margin: 0px;
  padding: 0;
}

.page-sidebar ul.folders>li {
  border: 0 none;
  display: block;
  margin: 0;
  padding: 0;
}

.page-sidebar ul.folders>li>a {
  padding: 5px 31px;
  font-size: 13px;
  color: #ffffff;
  display: block;
  position: relative;
}

.page-sidebar ul.folders>li>a:hover {
  text-decoration: none;
}

.page-sidebar ul.folders>li>input {
  margin: 5px 31px;
  font-size: 13px;
  width: 150px;
}

.page-sidebar ul>li>a>.arrow:before {
  float: right;
  margin-top: 1px;
  margin-right: 5px;
  display: inline;
  font-size: 16px;
  font-family: FontAwesome;
  height: auto;
  content: "\F104";
  font-weight: 300;
  text-shadow: none;
}

.nav-collapse.collapse {
  height: 100% !important;
}

/*.page-sidebar .page-sidebar-wrapper > ul > li.open > a,*/
.page-sidebar .page-sidebar-wrapper>ul>li>a:hover,
.page-sidebar .page-sidebar-wrapper>ul>li:hover>a,
.page-sidebar .settings:hover {
  background: #1b1e24;
  color: #ffffff;
}

.page-sidebar.mini .page-sidebar-wrapper>ul>li a>.label {
  display: none;
}

.page-sidebar.mini .page-sidebar-wrapper>ul>li.open>a,
.page-sidebar.mini .page-sidebar-wrapper>ul>li>a:hover,
.page-sidebar.mini .page-sidebar-wrapper>ul>li:hover>a {
  background: #0b9c8f;
}

.page-sidebar.mini .page-sidebar-wrapper>ul>li>a:hover,
.page-sidebar.mini .page-sidebar-wrapper>ul>li:hover>a {
  background: #0b9c8f;
}

.page-sidebar.mini .page-sidebar-wrapper>ul>li.active>a i,
.page-sidebar .page-sidebar-wrapper>ul>li:hover>a i {
  color: #ffffff !important;
}

.page-sidebar .page-sidebar-wrapper ul>li>a>.arrow:before,
.page-sidebar .page-sidebar-wrapper>ul>li>a>.arrow.open:before {
  color: #919091 !important;
}

.page-sidebar .page-sidebar-wrapper ul>li.active>a .arrow:before,
.page-sidebar .page-sidebar-wrapper>ul>li.active>a .arrow.open:before {
  color: #ffffff !important;
}

/*.page-sidebar .page-sidebar-wrapper ul > li.open > a i,
.page-sidebar .page-sidebar-wrapper > ul > li.open > a i {
  color: #ffffff !important;
}*/
.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li.active>a,
.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li>a:hover {
  color: #ffffff !important;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li>ul.sub-menu>li.active>a,
.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li>ul.sub-menu>li>a:hover,
.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li.open>a {
  color: #ffffff !important;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu a .arrow:before,
.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu a .arrow.open:before {
  color: #919091 !important;
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li.active>a {
  font-weight: 600;
}

.header .nav>li.dropdown,
.header .nav>li.dropdown>a {
  text-align: center;
}

.header .nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
  background-color: #ffffff;
}

.open {
  position: relative;
}

.navbar .pull-right>li.open>.dropdown-menu,
.navbar .nav>li.open>.dropdown-menu.pull-right {
  margin-right: -6px;
  margin-top: 7px;
}

.pace .pace-activity {
  display: none !important;
  top: 72px;
  border-top-color: #0aa699;
  border-left-color: #0aa699;
  right: 15px;
  left: auto;
}

.pace .pace-progress {
  background: #0aa699;
  right: auto;
  left: 0;
}

.pace .pace-progress-inner {
  box-shadow: 0 0 10px #0aa699, 0 0 5px #0aa699;
}

.no-top .pace .pace-activity {
  top: 10px;
}

.loading-animator {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.4);
  border-image: none;
  border-radius: 10px 10px 10px 10px;
  border-right: 2px solid rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 2px;
  display: block;
  height: 14px;
  margin-left: 40%;
  width: 14px;
  z-index: 2000;
}

.page-container {
  -webkit-transition: -webkit-transform 0.3s ease, left 0.3s ease,
    right 0.3s ease;
  transition: transform 0.3s ease, left 0.3s ease, right 0.3s ease;
  margin: 0px;
  padding: 0px;
  position: relative;
  height: 100%;
  left: 0;
  z-index: 10;
}

.chat-window-wrapper {
  font-family: "Arial";
  font-size: 13px;
  position: fixed;
  top: 0;
  right: 0;
  width: 260px;
  background-color: #1b1e24;
  height: 100%;
  z-index: 5;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.chat-window-wrapper .inner-content {
  height: 100%;
  overflow: hidden;
}

.chat-window-wrapper .chat-header {
  height: 58px;
}

.chat-window-wrapper .side-widget {
  margin-top: 15px;
  display: block;
}

.chat-window-wrapper .side-widget-title {
  color: #808285;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.2px;
  /*padding-left: 31px;*/
  /*padding-right: 31px;*/
  text-transform: uppercase;
}

.chat-window-wrapper .side-widget-content {
  display: block;
}

.chat-window-wrapper .side-widget-content ul.groups {
  list-style: none;
  margin: 0;
  margin-top: 10px;
  padding-left: 0;
}

.chat-window-wrapper .side-widget-content ul.groups li {
  line-height: 25px;
}

.chat-window-wrapper .side-widget-content ul.groups>li>a {
  color: #ffffff;
  font-size: 13px;
  padding: 5px 31px;
}

.chat-window-wrapper .side-widget-content ul.groups>li>a:hover {
  text-decoration: none;
}

.chat-window-wrapper .user-details-wrapper {
  display: block;
  margin: 8px;
  padding: 10px;
  border-radius: 3px;
}

.chat-window-wrapper .user-details-wrapper .status-icon {
  margin-right: 0px;
}

.chat-window-wrapper .user-details-wrapper.active {
  background-color: #372b32;
}

.chat-window-wrapper .user-details-wrapper.active:hover {
  background-color: #482f36;
  cursor: pointer;
}

.chat-window-wrapper .user-details-wrapper:hover {
  background-color: #22262e;
  cursor: pointer;
}

.chat-window-wrapper .user-details-wrapper>.user-profile {
  display: inline-block;
  float: left;
  border-radius: 100px 100px 100px 100px;
  height: 35px;
  overflow: hidden;
  width: 35px;
  margin-right: 13px;
}

.chat-window-wrapper .user-details-wrapper>.user-details {
  display: inline-block;
  float: left;
}

.chat-window-wrapper .user-details-wrapper>.user-details>.user-name {
  display: block;
  color: #ffffff;
}

.chat-window-wrapper .user-details-wrapper>.user-details>.user-more {
  display: block;
  color: #747b89;
  font-size: 11px;
  width: 120px;
}

.chat-window-wrapper .chat-messages {
  position: relative;
  overflow: auto;
  height: calc(100% - 155px);
}

.chat-window-wrapper .chat-messages .user-details-wrapper {
  padding: 6px;
}

.chat-window-wrapper .chat-messages .user-details-wrapper:hover {
  background-color: #22262e;
  cursor: auto;
}

.chat-window-wrapper .user-details-status-wrapper {
  display: inline-block;
  float: left;
  min-width: 32px;
  margin-top: 8px;
}

.chat-window-wrapper .user-details-count-wrapper {
  display: inline-block;
  float: left;
  margin-top: 8px;
}

.sidr {
  background-color: #1b1e24;
  box-shadow: none;
}

.sidr ul.chat-window li {
  border: 0px;
}

.sidr ul.chat-window li:nth-child(odd) {
  background-color: #ffffff;
}

.sidr ul.chat-window li:nth-child(even) {
  background-color: #f5f6f8;
}

.sidr ul.chat-window li:hover>a,
.sidr ul.chat-window li:hover>span,
.sidr ul.chat-window li.active>a,
.sidr ul.chat-window li.active>span,
.sidr ul.chat-window li.sidr-class-active>a,
.sidr ul.chat-window li.sidr-class-active>span {
  box-shadow: none;
  background-color: #fed8db;
  line-height: 16px;
}

.scrollup {
  background: url(./pullup.png) no-repeat;
  background-position: 0px 0px;
  width: 27px;
  height: 27px;
  position: fixed;
  bottom: 92px;
  left: 235px;
  display: none;
  text-indent: -9999px;
  z-index: 101;
}

.scrollup:hover {
  background-position: -30px 0px;
}

.scrollup.to-edge {
  left: 35px;
}

.footer-widget {
  position: fixed;
  bottom: 0px;
  left: 0;
  padding: 11px 21px;
  background-color: #22262e;
  width: 250px;
  clear: both;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.footer-widget .progress {
  position: relative;
  top: 15px;
  width: 70%;
}

.footer-widget a {
  color: #8b91a0;
}

.footer-widget i {
  font-size: 14px;
  color: #5e646d;
}

.footer-widget .details-status {
  background-color: #2d3139;
  border-radius: 3px 3px 3px 3px;
  color: #8b91a0;
  display: inline-block;
  font-size: 11px;
  padding: 6px;
  left: -22px;
  position: relative;
}

.footer-widget a:hover,
.footer-widget a:hover i {
  color: #8b91a0;
  text-decoration: none;
}

.chat-window-wrapper input[type="text"],
.chat-window-wrapper input[type="password"],
.chat-window-wrapper input[type="date"],
.chat-window-wrapper input[type="datetime"],
.chat-window-wrapper input[type="email"],
.chat-window-wrapper input[type="number"],
.chat-window-wrapper input[type="search"],
.chat-window-wrapper input[type="tel"],
.chat-window-wrapper input[type="time"],
.chat-window-wrapper input[type="url"],
.chat-window-wrapper textarea,
.chat-window-wrapper select {
  background-color: #0d0f12;
  height: 28px;
}

.chat-header input[type="text"] {
  margin: 15px 0 15px 14px;
  width: 195px;
  border: transparent;
}

.chat-header .iconset {
  margin: 20px 15px;
}

.chat-messages-header {
  background-color: #1b1e24;
  color: #4c5264;
  padding: 8px;
  padding-left: 21px;
}

.chat-messages-header .status {
  height: 10px;
  width: 10px;
  border-radius: 8px;
  background-color: #e5e9ec;
  display: inline-block;
  margin-right: 12px;
}

.chat-messages-header .status.online {
  background-color: #0aa699;
}

.chat-messages-header .status.busy {
  background-color: #f35958;
}

.chat-messages-header .status.away {
  background-color: #0aa699;
}

.chat-messages-header a>i {
  color: #4c5264;
  font-size: 10px;
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}

.chat-footer {
  position: absolute;
  bottom: 0px;
  background-color: #e5e9ec;
  padding: 10px;
  padding-bottom: 0px;
  width: 92.6%;
}

.bubble {
  position: relative;
  min-height: 40px;
  background: #e5e9ec;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #22262e;
  padding: 10px;
  width: 100%;
  word-wrap: break-word;
}

.bubble.old {
  background: #0d0f12;
  color: #4c5264;
}

.bubble.old:after {
  border-color: transparent #0d0f12;
}

.bubble.sender {
  background: #a2c9da;
}

.bubble.sender:after {
  border-color: transparent #a2c9da;
  border-width: 9px 0 9px 7px;
  right: -6px !important;
  left: auto;
}

.bubble:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 9px 7px 9px 0;
  border-color: transparent #e5e9ec;
  display: block;
  width: 0;
  z-index: 1;
  left: -6px;
  top: 12px;
}

.bubble.sender .more-details {
  /*background: #A2C9DA;*/
  color: #6f7b8a;
}

.formated-address {
  margin-top: 10px;
  min-height: 36px;
}

.formated-address .address {
  padding-top: 8px;
}

.formated-address .show-address-button {
  display: block;
  margin: 0 auto;
  margin-bottom: 2px;
}

.bubble .attached-image {
  max-height: 150px;
  max-width: 100%;
}

.zoom-in-attached-image {
  cursor: zoom-in;
}

.chat-messages .sent_time {
  width: 100%;
  color: #4c5264;
  text-align: center;
  margin-top: 10px;
  font-weight: 600;
}

.chat-messages .sent_time.off {
  display: none;
}

.chat-input-wrapper {
  position: absolute;
  bottom: 0;
  background-color: #1b1e24;
  width: 256px;
  padding: 7px;
  z-index: 110;
}

.chat-input-wrapper textarea {
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  width: 100%;
}

.user-chat-wrapper {
  display: block;
  padding: 10px 15px;
}

.user-chat-wrapper .profile-wrapper {
  float: left;
  border-radius: 100px 100px 100px 100px;
  display: inline-block;
  height: 35px;
  overflow: hidden;
  width: 35px;
  margin: 0px 10px 0 0px;
}

.user-chat-wrapper .user-chat {
  display: inline-block;
  float: left;
}

.user-chat-wrapper .user-chat .user-name {
  color: #22262e;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-chat-wrapper .user-chat .user-chat-preview {
  display: block;
  float: left;
}

.user-chat-wrapper .user-chat .more-details {
  display: inline-block;
  float: left;
  color: #8b8f92;
  margin-right: 10px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ie8 .page-sidebar {
  position: absolute;
  width: 225px;
}

.ie8 .page-sidebar ul {
  width: 225px;
}

.ie8 .page-content {
  margin-left: 225px;
  margin-top: 0px;
}

.alert-error.offline-error {
  position: absolute;
  z-index: 1000;
  /*top: 10px;*/
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  padding-right: 0;
}

.alert-error.offline-error .title {
  text-align: center;
}

.alert-error.offline-error .hint {
  font-size: 11px;
  text-align: center;
  padding: 0;
}

.alert.offline-error .close {
  margin-left: 40px;
  position: absolute;
  top: 10px;
}

.page-content {
  margin-top: 0px;
  padding: 0px;
  background-color: #e5e9ec;
  position: relative;
  min-height: 100%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  z-index: 6;
}

.page-content .chat-list {
  background: #e5e9ec;
  width: 317px !important;
  position: absolute;
  top: 59px;
  left: 0px;
  height: calc(100% - 60px);
  display: flex;
  flex-direction: column;
}

.page-content .page-backdrop {
  -webkit-transition: opacity ease 200ms, visibility 0s 200ms;
  transition: opacity ease 200ms, visibility 0s 200ms;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.page-container.sidebar-opened .page-backdrop {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  visibility: visible;
  opacity: 1;
}

.page-container.sidebar-opened .page-sidebar {
  left: 0;
}

.page-content.condensed {
  margin-left: 50px;
}

.page-content.condensed .admin-bar-inner {
  margin-right: 50px !important;
}

.page-content.condensed-layout {
  margin-left: 50px !important;
}

.page-content .admin-bar {
  -moz-box-sizing: border-box;
  bottom: -115px;
  right: 0;
  left: 0;
  position: fixed;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.page-content .admin-bar .admin-bar-inner {
  background: none repeat scroll 0 0 padding-box #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.08);
  padding: 30px 35px 30px 40px;
  text-align: right;
}

.page-content .header i {
  font-size: 18px;
}

.page-content .breadcrumb {
  font-family: "Open Sans";
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
  background-color: transparent;
  padding: 0px !important;
  border: none !important;
  margin-bottom: 0px;
}

.page-content .breadcrumb a {
  margin-left: 10px;
}

.page-content .breadcrumb li p {
  font-size: 12.5px !important;
  font-weight: 400;
  color: #7b7d82;
}

.page-content .breadcrumb li .active {
  font-weight: 600;
  font-size: 14px;
}

.page-content .content {
  padding: 2em;
}

.inner-menu {
  display: inline-block;
  position: absolute;
  width: 200px;
  font-family: "Open Sans";
  background-color: #1b1e24;
  height: 100%;
}

.inner-menu .inner-wrapper {
  padding: 20px 20px 0;
}

.inner-menu .inner-wrapper .menu-title {
  padding-left: 0px;
}

.inner-menu .inner-wrapper .menu-title i {
  padding-right: 0px;
}

.inner-menu .inner-menu-content {
  margin-top: 50px;
}

.inner-menu .menu-title {
  padding-right: 23px;
}

.inner-menu ul.big-items {
  list-style: none outside none;
  margin: 0px;
  margin-bottom: 20px;
  padding: 0px;
}

.inner-menu ul.big-items li {
  text-align: right;
  padding: 8px 25px;
}

.inner-menu ul.big-items li a {
  color: #8b91a0;
  font-size: 18px;
}

.inner-menu ul.big-items li a:hover {
  text-decoration: none;
  color: #e5e9ec;
}

.inner-menu ul.big-items li:hover {
  background-color: #22262e;
}

.inner-menu ul.big-items li.active {
  background-color: #22262e;
}

.inner-menu ul.big-items li.active a {
  background-color: #22262e;
  color: #e5e9ec;
}

.inner-menu ul.big-items li .badge {
  position: relative;
  top: -2px;
}

.inner-menu ul.small-items {
  list-style: none outside none;
  margin: 0px;
  margin-bottom: 20px;
  padding: 0;
}

.inner-menu ul.small-items li {
  text-align: right;
  padding: 8px 25px;
}

.inner-menu ul.small-items li a {
  color: #8b91a0;
  font-size: 14px;
}

.inner-menu ul.small-items li a:hover {
  text-decoration: none;
  color: #e5e9ec;
}

.inner-menu ul.small-items li:hover {
  background-color: #22262e;
}

.inner-menu ul.small-items li.active {
  background-color: #22262e;
}

.inner-menu ul.small-items li.active a {
  background-color: #22262e;
  color: #e5e9ec;
}

.inner-menu ul.small-items li .badge {
  position: relative;
  top: -1px;
}

.user-info-wrapper {
  display: block;
  margin: 20px 31px;
  margin-bottom: 0px;
}

.user-info-wrapper .profile-wrapper {
  height: 65px;
  width: 65px;
  border-radius: 100px;
  overflow: hidden;
  display: inline-block;
  margin-right: 11px;
  margin-top: 9px;
  float: left;
}

.user-info-wrapper .user-info {
  color: #ffffff;
  display: inline-block;
}

.user-info-wrapper .user-info .status {
  color: #929fa5;
  font-size: 13px;
  margin-bottom: 10px;
  margin-top: 2px;
  font-weight: normal;
}

.user-info-wrapper .user-info .profile {
  float: right;
  display: inline;
}

.user-info-wrapper .user-info .btn-set {
  margin-top: 10px;
}

.user-info-wrapper .user-info .username {
  font-size: 19px;
}

.user-info-wrapper .user-info .greeting {
  font-size: 19px;
  font-weight: 600;
  position: relative;
  top: 1.5px;
}

.user-info-wrapper .user-info a {
  color: #ffffff;
}

.user-info-wrapper .user-info a:hover {
  text-decoration: none;
}

.user-info-wrapper .user-info .status-icon {
  margin: 0px 5px;
}

.user-info-wrapper .user-info .collapse {
  width: 18px;
  height: 18px;
  background-color: #50545c;
  position: absolute;
  right: 15px;
  margin-top: 10px;
}

.user-info-wrapper .user-info .collapse i {
  position: relative;
  margin-top: -8px;
  top: -2px;
  left: 3px;
}

.user-info-wrapper .user-info .collapse:hover {
  background-color: #000000;
}

.side-panel {
  border-width: 0;
  display: block;
  max-height: none;
  min-height: 100%;
  position: fixed;
  top: 0;
  width: 17em;
  background: linear-gradient(#f9f9f9, #eeeeee) repeat scroll 0 0 #f9f9f9;
  border: 1px solid #aaaaaa;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  float: right;
  right: 0;
  z-index: 1200;
}

.status-widget {
  margin-bottom: 9px;
  padding: 0 31px;
  animation-duration: 0.3s !important;
}

.status-widget .title {
  color: #ffffff;
  font-size: 13px;
}

.status-widget .title i {
  float: right;
  font-size: 7px;
  margin-top: 6px;
  margin-right: 6px;
  color: #8b8f92;
}

.status-widget p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95%;
  color: #808285;
}

.status-widget .progress {
  height: 10px;
  background-color: #2a2e36;
  background-image: -moz-linear-gradient(top, #2a2e36, #2a2e36);
  background-image: -webkit-gradient(linear,
      0 0,
      0 100%,
      from(#2a2e36),
      to(#2a2e36));
  background-image: -webkit-linear-gradient(top, #2a2e36, #2a2e36);
  background-image: -o-linear-gradient(top, #2a2e36, #2a2e36);
  background-image: linear-gradient(to bottom, #2a2e36, #2a2e36);
  background-repeat: repeat-x;
  margin-bottom: 5px;
  -webkit-transition: width 30s ease !important;
  -moz-transition: width 30s ease !important;
  -o-transition: width 30s ease !important;
  transition: width 30s ease !important;
}

.status-widget-wrapper {
  font-size: 13px;
}

.status-widget .title a:hover,
.status-widget .title a:active {
  text-decoration: none;
}

.status-icon {
  background: url(./status.png) no-repeat;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  top: 2px;
}

.status-icon.green {
  background-position: -1px -1px;
  width: 14px;
  height: 14px;
}

.status-icon.red {
  background-position: -17px -1px;
  width: 14px;
  height: 14px;
}

.status-icon.blue {
  background-position: -33px -1px;
  width: 14px;
  height: 14px;
}

.status-icon.yellow {
  background-position: -48px -1px;
  width: 15px;
  height: 14px;
}

.status-icon.grey {
  background-position: -64px -1px;
  width: 14px;
  height: 14px;
}

.user-info img {
  float: left;
  margin-right: 5px;
}

.user-info .details {
  display: inline-block;
}

.user-info .label {
  font-weight: 300;
  font-size: 11px;
}

.mini .page-sidebar-wrapper {
  overflow: visible !important;
}

.mini .scroll-element {
  visibility: hidden;
}

.container {
  height: 100%;
}

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

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

.horizontal-menu .header-seperation {
  display: none;
}

.horizontal-menu .bar {
  width: 100%;
  background-color: #f4f5f7;
  position: fixed;
  margin-top: 56px;
  display: table;
  z-index: 50;
}

.horizontal-menu .bar-inner {
  display: table-cell;
  width: 100%;
}

.horizontal-menu .bar-inner>ul {
  margin: 0;
  padding: 0;
}

.horizontal-menu .bar-inner>ul>li {
  display: inline-block;
  padding: 10px 15px;
  font-family: "Open Sans";
  vertical-align: middle;
}

.horizontal-menu .bar-inner>ul>li.classic {
  position: relative;
}

.horizontal-menu .bar-inner>ul>li.open>a {
  opacity: 1;
}

.horizontal-menu .bar-inner>ul>li.mega.open,
.horizontal-menu .bar-inner>ul>li.horizontal.open {
  position: inherit;
}

.horizontal-menu .bar-inner>ul>li>a {
  color: #1b1e24;
}

.horizontal-menu .bar-inner>ul>li>a>.arrow {
  display: inline-block;
}

.horizontal-menu .bar-inner>ul>li>a>.arrow:before {
  float: right;
  display: inline;
  font-size: 16px;
  font-family: FontAwesome;
  height: auto;
  content: "\F107";
  font-weight: 300;
  text-shadow: none;
  margin-left: 8px;
  opacity: 0.5;
  position: relative;
  top: 6px;
}

.horizontal-menu .bar-inner>ul>li a {
  opacity: 0.7;
}

.horizontal-menu .bar-inner>ul>li a .description {
  opacity: 0.7;
  transition: opacity 0.1s linear 0s;
}

.horizontal-menu .bar-inner>ul>li a:hover {
  opacity: 1;
}

.horizontal-menu .bar-inner>ul>li a:hover .description {
  opacity: 1;
}

.horizontal-menu .bar-inner>ul>li.open {
  background: #fff;
}

.horizontal-menu .bar-inner>ul>li.open>.classic {
  max-height: 999px;
}

.horizontal-menu .bar-inner>ul>li.open>.classic>li {
  opacity: 1;
}

.horizontal-menu .bar-inner>ul>li.open>.mega,
.horizontal-menu .bar-inner>ul>li.open>.horizontal {
  display: block;
}

.horizontal-menu .bar-inner>ul>li>.classic {
  margin: 0;
  padding: 0;
  position: absolute;
  background-color: #fff;
  list-style: none;
  left: 0;
  right: 0;
  top: 40px;
  min-width: 220px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.horizontal-menu .bar-inner>ul>li>.classic>li {
  margin: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e9ec;
  color: #22262e;
  opacity: 0;
  -webkit-transition: all 0.1s linear 0.1s;
  transition: all 0.1s linear 0.1s;
}

.horizontal-menu .bar-inner>ul>li>.classic>li a {
  color: #1b1e24;
}

.horizontal-menu .bar-inner>ul>li>.classic>li a .description {
  display: block;
  font-size: 12px;
  color: #6f7b8a;
}

.horizontal-menu .bar-inner>ul>li>.classic>li:last-child {
  border-bottom: 0;
}

.horizontal-menu .bar-inner>ul>li>.horizontal {
  margin: 0;
  top: 40px;
  padding: 0;
  position: absolute;
  background-color: #fff;
  list-style: none;
  display: none;
  left: 0;
  right: 0;
  width: 100%;
  border-bottom: 1px solid #e5e9ec;
}

.horizontal-menu .bar-inner>ul>li>.horizontal li {
  margin: 15px;
  color: #1b1e24;
  display: inline-block;
}

.horizontal-menu .bar-inner>ul>li>.horizontal li a {
  color: #1b1e24;
}

.horizontal-menu .bar-inner>ul>li>.horizontal li a .description {
  display: block;
  font-size: 12px;
  color: #6f7b8a;
}

.horizontal-menu .bar-inner>ul>li>.mega {
  margin: 0;
  top: 40px;
  padding: 0;
  position: absolute;
  background-color: #fff;
  list-style: none;
  display: none;
  left: 0;
  right: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e9ec;
}

.horizontal-menu .bar-inner>ul>li>.mega>li {
  margin: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e9ec;
  color: #1b1e24;
}

.horizontal-menu .bar-inner>ul>li>.mega>li a {
  color: #1b1e24;
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu-heading {
  font-size: 14px;
  color: #1b1e24;
  margin-bottom: 10px;
  margin-top: 20px;
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu>li {
  padding-left: 0;
  padding-bottom: 5px;
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu>li>a {
  color: #1b1e24;
}

@media (min-width: 980px) {
  .horizontal-menu .page-content {
    margin-left: 0;
  }

  .horizontal-menu .page-content .content {
    padding-top: 123px;
  }
}

.h-ribbon {
  width: 100%;
  height: 4px;
  background-color: #f35958;
}

.h-ribbon .red {
  background-color: #f35958 !important;
}

.notification-alert {
  width: 29px;
  height: 29px;
  background-image: url(./notification-alert.png);
  position: absolute;
  float: right;
  right: -15px;
  z-index: 9999;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: "Open Sans";
  font-weight: 300;
  color: #505458;
}

h1 {
  line-height: 43px;
}

h2 {
  line-height: 35px;
}

h3 {
  line-height: 30px;
}

h4 {
  line-height: 22px;
}

h3 small,
h4 small,
h5 small {
  font-family: "Open Sans";
  font-weight: 300;
  color: #444;
}

h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
  padding-bottom: 10px;
}

a {
  text-shadow: none !important;
  color: #0d638f;
  transition: color 0.1s linear 0s, background-color 0.1s linear 0s,
    opacity 0.1s linear 0s !important;
}

a.icon:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: 0.4;
}

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

i {
  font-size: 14px;
}

label {
  display: block;
  margin-bottom: 5px;
}

label.inline {
  display: inline-block;
  position: relative;
  top: 0px;
  font-size: 13px;
}

label.done {
  color: #0090d9 !important;
  text-decoration: line-through;
}

ul>li {
  padding-left: 6px;
  line-height: 20px;
}

ul.progress-list {
  list-style: none;
  margin: 10px 5px 23px 0;
  padding: 0;
}

ul.progress-list li .details-wrapper {
  display: inline-block;
  float: left;
}

ul.progress-list li .details-wrapper .name {
  display: block;
  color: #000;
  font-size: 13px;
}

ul.progress-list li .details-wrapper .description {
  display: block;
  color: #9a9a9a;
  font-size: 12px;
}

ul.progress-list li .details-status {
  display: inline-block;
  background-color: #e5e9ec;
  color: #5c6370;
  font-size: 11px;
  padding: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

ul.progress-list li .progress {
  margin-top: 10px;
}

ul.my-friends {
  margin: 0px;
  margin-top: 16px;
  padding: 0;
}

ul.my-friends li {
  float: left;
  display: inline;
  margin-right: 5px;
  margin-bottom: 8px;
}

ul.my-friends li .profile-pic {
  border-radius: 100px;
  display: inline-block;
  float: left;
  height: 35px;
  overflow: hidden;
  width: 35px;
}

address {
  margin-bottom: 0px;
}

blockquote {
  padding: 0 0 0 18px;
  border-left: 5px solid #eeeeee;
}

blockquote p {
  font-size: 16px;
}

blockquote small {
  line-height: 29px;
  color: #8b91a0;
}

blockquote small:before {
  content: "";
}

blockquote.pull-right small:after {
  content: "";
}

.logo {
  width: 111.111px;
}

.normal {
  font-weight: normal;
}

.semi-bold {
  font-weight: 600;
}

.bold {
  font-weight: bold;
}

.all-caps {
  text-transform: uppercase;
}

.light {
  font-weight: 300 !important;
}

.text-extra-small {
  font-size: 10.5px !important;
}

.small-text {
  font-size: 12px !important;
}

.normal-text {
  font-size: 13px !important;
}

.large-text {
  font-size: 15px !important;
}

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

.muted {
  color: #b6bfc5;
}

.bg-blue {
  background-color: #0090d9 !important;
}

.bg-red {
  background-color: #f35958 !important;
}

.bg-yellow {
  background-color: #fbb05e !important;
}

.bg-green {
  background-color: #0aa699 !important;
}

.bg-purple {
  color: #735f87 !important;
}

.bg-grey {
  color: #8b91a0 !important;
}

.text-black {
  color: #1b1e24 !important;
}

.text-purple {
  color: #735f87 !important;
}

.text-white {
  color: #ffffff !important;
}

.text-grey {
  color: #8b91a0 !important;
}

.text-success {
  color: #0aa699 !important;
}

.text-info {
  color: #0090d9 !important;
}

.text-warning {
  color: #fbb05e !important;
}

.text-error {
  color: #f35958 !important;
}

.text-white-opacity {
  color: #ffffff;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

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

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

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

.color-bands {
  display: inline-block;
  width: 80px;
  height: 4px;
  margin-right: 2px;
  margin-bottom: 8px;
}

.color-bands.green {
  background-color: #0aa699;
}

.color-bands.purple {
  background-color: #735f87;
}

.color-bands.red {
  background-color: #f35958;
}

.color-bands.blue {
  background-color: #0090d9;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #e0dfdf;
  border-bottom: 1px solid #fefefe;
}

.icon-custom-2x {
  font-size: 0.9em;
}

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

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

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

/*[class^="icon-"],*/
/*[class*=" icon-"],*/
/*[class^="icon-"]:hover,*/
/*[class*=" icon-"]:hover {*/
/*background: none !important;*/
/*}*/
.page-title {
  padding: 0px;
  letter-spacing: -1px;
  display: flex;
  align-items: center;
  color: #666;
  margin: 0 0 10px;
  font-weight: 300;
  font-family: "Open Sans";
}

.page-title h3 {
  display: inline-block;
  position: relative;
  width: 83%;
}

.page-title p {
  color: #63696d;
  letter-spacing: 0.5px;
}

.page-title i {
  display: inline-block;
  color: #73777c;
  font-size: 30px;
  margin-right: 12px;
  position: relative;
  /*top: 7px;*/
  top: 5px;
  float: left;
}

.page-title small {
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 300;
  color: #888;
}

.page-title .actions {
  font-family: "Arial";
}

.page-content .breadcrumb a,
.page-content .breadcrumb i,
.page-content .breadcrumb span,
.page-content .breadcrumb li {
  color: #515050;
  font-weight: 300;
  text-shadow: none;
}

.breadcrumb>li+li:before {
  padding: 0 5px;
  color: #515050;
  font-family: FontAwesome;
  content: "\F105";
}

.well {
  background-color: #d1dade;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border: none;
  background-image: none;
}

.well.well-large {
  padding: 24px;
  width: auto;
}

.well.well-small {
  padding: 13px;
  width: auto;
}

.well.green {
  background-color: #0aa699;
  color: #ffffff;
  border: none;
}

span.iconset {
  display: block;
}

.iconset {
  background: url(./top-tray.png) no-repeat;
  position: relative;
  top: 1px;
}

.iconset.top-home {
  background-position: -6px -7px;
  width: 16px;
  height: 14px;
  top: -1px;
}

.iconset.top-settings {
  background-position: -35px -6px;
  width: 16px;
  height: 16px;
  top: 1px;
}

.iconset.top-messages {
  background-position: -63px -8px;
  width: 16px;
  height: 12px;
  top: 1px;
}

.iconset.top-back {
  background-position: -92px -8px;
  width: 15px;
  height: 14px;
}

.iconset.top-forward {
  background-position: -121px -8px;
  width: 15px;
  height: 14px;
}

.iconset.top-reload {
  background-position: -147px -6px;
  width: 18px;
  height: 16px;
}

.iconset.top-settings-dark {
  background-position: -176px -6px;
  width: 17px;
  height: 16px;
}

.iconset.top-tiles {
  background-position: -206px -7px;
  width: 14px;
  height: 14px;
  top: 1.5px;
}

.iconset.top-down-arrow {
  background-position: -238px -12px;
  width: 7px;
  height: 5px;
}

.iconset.top-search {
  background-position: -261px -6px;
  width: 16px;
  height: 16px;
  top: 5px;
}

.iconset.top-menu-toggle-dark {
  background-position: -288px -7px;
  width: 18px;
  height: 15px;
}

.iconset.top-menu-toggle-white {
  background-position: -315px -7px;
  width: 18px;
  height: 15px;
}

.iconset.top-chat-dark {
  background-position: -341px -6px;
  width: 21px;
  height: 16px;
}

.iconset.top-chat-white {
  background-position: -369px -6px;
  width: 21px;
  height: 16px;
}

.iconset .badge {
  top: -12px;
  right: -10px;
  position: relative;
  padding: 4px 6px;
  font-size: 10px;
}

.iconplaceholder {
  width: 20px;
  height: 20px;
  border-radius: 99px;
  background-color: #e5e9ec;
  padding: 3px;
  display: inline-block;
  margin-right: 5px;
  direction: ltr;
}

.iconplaceholder i {
  font-size: 10px;
  color: #656c78;
  position: relative;
  left: 4px;
  top: -3px;
}

.blog-bar {
  border-top: 1px solid #d7dbe0;
  margin-top: 18px;
  padding: 10px;
}

.blog-bar a {
  color: #8b91a0;
  margin-right: 8px;
  text-decoration: none;
}

.blog-bar a:hover {
  color: #d7dbe0;
}

.no-padding {
  padding: 0px !important;
}

.no-margin {
  margin: 0px !important;
}

.spacing-bottom {
  margin-bottom: 30px;
}

.inherit-size {
  width: inherit;
  height: inherit;
}

.inherit-height {
  height: inherit;
}

.v-align-bottom {
  vertical-align: bottom !important;
  display: table-cell;
}

.v-align-top {
  vertical-align: top !important;
  display: table-cell;
}

.v-align-middle {
  vertical-align: middle !important;
  display: table-cell;
}

.h-align-middle {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.padding-10 {
  padding: 10px;
}

.padding-20 {
  padding: 20px;
}

.p-t-5 {
  padding-top: 5px;
}

.p-r-5 {
  padding-right: 5px;
}

.p-l-5 {
  padding-left: 5px;
}

.p-b-5 {
  padding-bottom: 5px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-r-10 {
  padding-right: 10px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.p-t-15 {
  padding-top: 15px;
}

.p-r-15 {
  padding-right: 15px;
}

.p-l-15 {
  padding-left: 15px;
}

.p-b-15 {
  padding-bottom: 15px;
}

.p-t-20 {
  padding-top: 20px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.p-t-25 {
  padding-top: 25px;
}

.p-r-25 {
  padding-right: 25px;
}

.p-l-25 {
  padding-left: 25px;
}

.p-b-25 {
  padding-bottom: 25px;
}

.p-t-30 {
  padding-top: 30px;
}

.p-r-30 {
  padding-right: 30px;
}

.p-l-30 {
  padding-left: 30px;
}

.p-b-30 {
  padding-bottom: 30px;
}

.p-t-35 {
  padding-top: 35px;
}

.p-r-35 {
  padding-right: 35px;
}

.p-l-35 {
  padding-left: 35px;
}

.p-b-35 {
  padding-bottom: 35px;
}

.p-t-40 {
  padding-top: 40px;
}

.p-r-40 {
  padding-right: 40px;
}

.p-l-40 {
  padding-left: 40px;
}

.p-b-40 {
  padding-bottom: 40px;
}

.p-t-45 {
  padding-top: 45px;
}

.p-r-45 {
  padding-right: 45px;
}

.p-l-45 {
  padding-left: 45px;
}

.p-b-45 {
  padding-bottom: 45px;
}

.p-t-50 {
  padding-top: 50px;
}

.p-r-50 {
  padding-right: 50px;
}

.p-l-50 {
  padding-left: 50px;
}

.p-b-50 {
  padding-bottom: 50px;
}

.p-t-55 {
  padding-top: 55px;
}

.p-r-55 {
  padding-right: 55px;
}

.p-l-55 {
  padding-left: 55px;
}

.p-b-55 {
  padding-bottom: 55px;
}

.p-t-60 {
  padding-top: 60px;
}

.p-r-60 {
  padding-right: 60px;
}

.p-l-60 {
  padding-left: 60px;
}

.p-b-60 {
  padding-bottom: 60px;
}

.p-t-65 {
  padding-top: 65px;
}

.p-r-65 {
  padding-right: 65px;
}

.p-l-65 {
  padding-left: 65px;
}

.p-b-65 {
  padding-bottom: 65px;
}

.p-t-70 {
  padding-top: 70px;
}

.p-r-70 {
  padding-right: 70px;
}

.p-l-70 {
  padding-left: 70px;
}

.p-b-70 {
  padding-bottom: 70px;
}

.p-t-75 {
  padding-top: 75px;
}

.p-r-75 {
  padding-right: 75px;
}

.p-l-75 {
  padding-left: 75px;
}

.p-b-75 {
  padding-bottom: 75px;
}

.p-t-80 {
  padding-top: 80px;
}

.p-r-80 {
  padding-right: 80px;
}

.p-l-80 {
  padding-left: 80px;
}

.p-b-80 {
  padding-bottom: 80px;
}

.p-t-85 {
  padding-top: 85px;
}

.p-r-85 {
  padding-right: 85px;
}

.p-l-85 {
  padding-left: 85px;
}

.p-b-85 {
  padding-bottom: 85px;
}

.p-t-90 {
  padding-top: 90px;
}

.p-r-90 {
  padding-right: 90px;
}

.p-l-90 {
  padding-left: 90px;
}

.p-b-90 {
  padding-bottom: 90px;
}

.p-t-95 {
  padding-top: 95px;
}

.p-r-95 {
  padding-right: 95px;
}

.p-l-95 {
  padding-left: 95px;
}

.p-b-95 {
  padding-bottom: 95px;
}

.p-t-100 {
  padding-top: 100px;
}

.p-r-100 {
  padding-right: 100px;
}

.p-l-100 {
  padding-left: 100px;
}

.p-b-100 {
  padding-bottom: 100px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-24 {
  margin-top: 24px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-r-25 {
  margin-right: 25px;
}

.m-l-25 {
  margin-left: 25px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-l-30 {
  margin-left: 30px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-t-35 {
  margin-top: 35px;
}

.m-r-35 {
  margin-right: 35px;
}

.m-l-35 {
  margin-left: 35px;
}

.m-b-35 {
  margin-bottom: 35px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-t-45 {
  margin-top: 45px;
}

.m-r-45 {
  margin-right: 45px;
}

.m-l-45 {
  margin-left: 45px;
}

.m-b-45 {
  margin-bottom: 45px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-r-50 {
  margin-right: 50px;
}

.m-l-50 {
  margin-left: 50px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-t-55 {
  margin-top: 55px;
}

.m-r-55 {
  margin-right: 55px;
}

.m-l-55 {
  margin-left: 55px;
}

.m-b-55 {
  margin-bottom: 55px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-r-60 {
  margin-right: 60px;
}

.m-l-60 {
  margin-left: 60px;
}

.m-b-60 {
  margin-bottom: 60px;
}

.m-t-65 {
  margin-top: 65px;
}

.m-r-65 {
  margin-right: 65px;
}

.m-l-65 {
  margin-left: 65px;
}

.m-b-65 {
  margin-bottom: 65px;
}

.hide {
  display: none;
}

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

.margin-top-20 {
  margin-top: 20px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

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

.b-blank {
  border-color: #000;
}

.b-r {
  border-right: 1px solid;
}

.b-l {
  border-left: 1px solid;
}

.b-t {
  border-top: 1px solid;
}

.b-b {
  border-bottom: 1px solid;
}

.b-a {
  border-width: 1px solid;
}

.b-transparent {
  border-color: rgba(0, 0, 0, 0.4);
}

.b-grey {
  border-color: #e5e9ec;
}

.visible-xlg {
  display: none;
}

.hidden-xlg {
  display: block;
}

.image-responsive-width {
  width: 100%;
}

.box-250 {
  width: 250px;
  height: 250px;
}

.overlayer {
  position: absolute;
  display: block;
  z-index: 80;
}

.overlayer.fullwidth {
  width: 100%;
}

.overlayer-wrapper {
  position: relative;
  display: block;
  z-index: 9999;
}

.demo-map {
  width: 100%;
}

.overlay-fixed {
  top: auto !important;
}

.bottom-left {
  position: absolute;
  bottom: 1px;
  left: 0;
}

.tooltip.top-right {
  margin-left: 3px;
}

.pull-down {
  vertical-align: bottom;
  display: table-cell;
}

.pull-up {
  vertical-align: top;
  display: table-cell;
}

.full-height {
  height: 100%;
}

.full-width {
  width: 100%;
}

.scroller {
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.popover-content {
  font-size: 13px;
}

.popover-content .scroller {
  padding-right: 0px !important;
}

.toggle-button,
.toggle-button label {
  margin-top: 3px;
  background-image: none !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  border: 1px solid #eee !important;
  -moz-border-radius-topleft: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  -moz-border-radius-topright: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.toggle-button span.labelRight,
.toggle-button span.primary,
.toggle-button span.labelLeft,
.toggle-button span.info,
.toggle-button span.success,
.toggle-button span.warning,
.toggle-button span.danger {
  -moz-border-radius-topleft: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  -moz-border-radius-topright: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  background-image: none !important;
}

.toggle-button span.labelRight {
  background-color: #eee;
}

.dataTable {
  clear: both;
  margin-top: 5px;
}

.dataTables_filter label {
  line-height: 32px !important;
}

.DTTT_dropdown li {
  position: relative;
}

div.DTTT_print_info.modal {
  height: 150px;
  margin-top: 150px;
  text-align: center;
  border: 0px;
  z-index: 999;
}

div.DTTT_print_info h6 {
  font-weight: normal;
  font-size: 28px;
  line-height: 28px;
  margin: 1em;
}

div.DTTT_print_info p {
  font-size: 14px;
  line-height: 20px;
}

.invoice-button-action-set {
  position: absolute;
}

.login-container {
  margin-top: 13%;
}

.lockscreen-wrapper {
  position: relative;
  margin-top: 20%;
}

.lockscreen-wrapper .profile-wrapper {
  border-radius: 100px;
  float: left;
  height: 65px;
  margin-right: 11px;
  margin-top: 9px;
  overflow: hidden;
  width: 65px;
  display: inline-block;
}

.lockscreen-wrapper .user {
  text-align: left;
}

.lockscreen-wrapper .user-form {
  margin-top: -10px;
  display: inline-block;
  float: left;
  min-width: 320px;
}

.lockscreen-wrapper .user-form input,
.lockscreen-wrapper .user-form button {
  float: left;
  margin-right: 10px;
}

.calender-options-wrapper {
  padding: 13px;
  padding: 20px;
}

.calender-options-wrapper .events-wrapper {
  margin-top: 50px;
}

.calender-options-wrapper .events-heading {
  font-size: 13px;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding-bottom: 14px;
  margin-bottom: 20px;
}

.calender-options-wrapper .external-event {
  font-size: 12px;
  color: #ffffff;
  background-color: #d44443;
  display: block;
  padding: 5px 8px;
  border-radius: 3px;
  width: 100%;
  margin-bottom: 8px;
  cursor: move;
}

.fc-view {
  margin-top: 15px;
}

.fc td,
.fc th {
  vertical-align: middle;
}

.fc-grid th {
  text-transform: uppercase;
  padding-bottom: 10px;
}

.fc-grid .fc-day-number {
  padding: 25px 10px;
}

.fc-border-separate th,
.fc-border-separate td {
  border-width: 0px;
  border-bottom: 1px solid #e5e9ec;
}

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
  border-right-width: 0px;
}

.fc-border-separate td.fc-last {
  border-right-width: 0px;
}

.fc-border-separate tr.fc-last td {
  border-bottom-width: 0px;
}

.fc-state-highlight {
  background-color: transparent;
}

.fc-state-highlight .fc-day-number {
  background-color: #f35958;
  border-radius: 999px;
  padding: 5px 11px;
  color: #ffffff;
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
  margin-top: 10px;
}

.fc table thead tr th {
  font-size: 0.9em;
}

.bordered-circle .owl-controls {
  text-align: left;
}

.bordered-circle .owl-controls .owl-page span {
  width: 9px;
  height: 9px;
  border: 1px solid #333333;
  opacity: 1;
  background-color: transparent;
}

.bordered-circle .owl-theme .owl-controls .owl-page.active span,
.bordered-circle .owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: #333333;
}

.hashtags {
  display: inline-block;
  border: 2px solid #e5e9ec;
  background-color: transparent;
  color: #b9bec2;
  padding: 2px 8px;
  border-radius: 15px;
  font-weight: bold;
  font-size: 12px;
}

.hashtags:hover {
  border: 2px solid rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.4);
}

.hashtags.transparent {
  border: 2px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
}

.hashtags.transparent:hover {
  border: 2px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
}

/** Global Profile pics **/
.user-profile img {
  border-radius: 100px 100px 100px 100px;
}

/** Small Gutter **/
.sm-gutter [class^="col-"],
.sm-gutter [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.sm-gutter .row {
  margin-right: -5px;
  margin-left: -5px;
}

/**** Notification Widget List ***/
.overlap-left-10 {
  position: relative;
  left: -10px;
}

.rickshaw_graph {
  overflow: hidden;
}

/** Group List **/
.dark .dd-handle {
  background: none repeat scroll 0 0 #d1dade;
}

.carousel {
  height: 100%;
  width: 100%;
}

.demo-center-logo {
  left: 0;
  display: block;
  position: absolute;
  text-align: center;
  right: 0;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea {
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.uneditable-input,
.contenteditable-textarea,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-appearance: none !important;
  color: #282323;
  outline: 0;
  height: 16px;
  padding: 6px 11px !important;
  line-height: 15px;
  font-size: 13px;
  font-weight: normal;
  vertical-align: top;
  background-color: #ffffff;
  min-height: 37px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #e5e9ec;
  transition: background 0.2s ease-in-out 0s, box-shadow 0.2s linear 0s;
}

[contenteditable="true"]:empty:before {
  color: rgb(153, 153, 153);
  content: attr(placeholder);
  display: block;
  white-space: pre-wrap;
}

input {
  border: 1px solid #cecece;
}

input.no-boarder {
  border: none;
}

input.dark {
  background-color: #e5e9ec;
  border: none;
}

input.error {
  border: 1px solid #f35958;
}

textarea,
.contenteditable-textarea {
  height: 180px;
  min-width: 200px;
  padding-left: 12px !important;
  padding-top: 10px !important;
  overflow-y: auto;
}

.uneditable-input.focus,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.m-uneditable-input:focus {
  border-color: #f1f1f1;
  background-color: #f4f5f7;
  outline: 0 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px;
  line-height: normal;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

select,
input[type="file"] {
  height: 34px !important;
  line-height: 30px;
}

select {
  width: 220px;
  background-color: #ffffff;
  background-image: none !important;
  border: 1px solid #e5e5e5;
  outline: none;
  min-height: 35px;
}

select.xsmall {
  width: 64px !important;
}

select.small {
  width: 134px !important;
}

select.medium {
  width: 220px !important;
}

select.large {
  width: 334px !important;
}

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

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

input[class*="span"] {
  float: none;
  height: 34px !important;
  margin-left: 0;
}

select[class*="span"],
textarea[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-lg {
  border-radius: 3px !important;
  font-size: 18px !important;
  height: 45px !important;
  line-height: 1.33 !important;
}

.input-sm {
  font-size: 13px !important;
  min-height: 29px !important;
}

.input-prepend,
.input-append {
  border: 0;
  display: inline-block;
}

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 24px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #e5e5e5;
  border: 1px solid #e5e5e5;
}

.input-append .add-on>.halflings-icon,
.input-prepend .add-on>i,
.input-prepend .add-on>.fa {
  margin-top: 5px;
  margin-left: 3px;
}

.input-append .add-on>.halflings-icon .input-append .add-on>i,
.input-append .add-on>.fa {
  margin-top: 5px;
  margin-left: 0px;
}

.input-append,
.input-append :focus {
  border-right: 0 !important;
}

.input-append input[class*="span"],
.input-prepend input[class*="span"],
.input-append input,
.input-prepend input {
  display: inline-block !important;
  width: 100%;
  float: left;
}

.xsmall {
  width: 50px !important;
}

.small {
  width: 120px !important;
}

.medium {
  width: 206px !important;
}

.large {
  width: 320px !important;
}

.huge {
  width: 480px !important;
  font-size: 24px !important;
  height: 36px !important;
  line-height: 36px !important;
  padding: 22px 8px !important;
}

.radio,
.checkbox {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0px;
}

.radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 22.5px;
  margin-right: 15px;
  font-size: 13px;
  margin-bottom: 6px;
  color: #777a80;
}

.radio label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  bottom: 2.5px;
  background-color: #ffffff;
  border: 1px solid #c2c6cb;
  border-radius: 99px;
}

.radio label:after {
  font-size: 13px;
  content: "";
  text-align: center;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  border-radius: 99px;
  left: 0px;
  top: 1.5px;
  background-color: #6f7b8a;
  border: 1px solid #6f7b8a;
}

.radio input[type="radio"] {
  display: none;
}

.radio input[type="radio"][disabled]+label {
  opacity: 0.65;
}

.radio.radio-success label:after {
  background-color: #0090d9;
  border: 1px solid #0090d9;
}

.radio.radio-success input[type="radio"]:checked+label:before {
  border: 1px solid #0090d9;
}

.radio.radio-primary label:after {
  background-color: #0aa699;
  border: 1px solid #0aa699;
}

.radio.radio-primary input[type="radio"]:checked+label:before {
  border: 1px solid #0aa699;
}

.radio.radio-info label:after {
  background-color: #1f3853;
  border: 1px solid #1f3853;
}

.radio.radio-info label input[type="radio"]:checked+ :before {
  border: 1px solid #1f3853;
}

.radio.radio-warning label:after {
  background-color: #fbb05e;
  border: 1px solid #fbb05e;
}

.radio.radio-warning input[type="radio"]:checked+label:before {
  border: 1px solid #fbb05e;
}

.radio.radio-danger label:after {
  background-color: #f35958;
  border: 1px solid #f35958;
}

.radio.radio-danger input[type="radio"]:checked+label:before {
  border: 1px solid #f35958;
}

.radio input[type="radio"]:checked+label {
  color: #4d5056;
}

.radio input[type="radio"]:checked+label:after {
  -o-transform: scale(0.63);
  -ms-transform: scale(0.63);
  -moz-transform: scale(0.63);
  -webkit-transform: scale(0.63);
  transform: scale(0.63);
  line-height: 18px;
  -o-transition: -o-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -ms-transition: -ms-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -moz-transition: -moz-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -webkit-transition: -webkit-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -o-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -ms-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -moz-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -webkit-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}

.radio input[type="radio"]:checked+label:before {
  border: 1px solid #8e9095;
}

.checkbox input[type="radio"][disabled]+label:after {
  background-color: #eceff3;
}

.checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 13px;
  margin-bottom: 6px;
  color: #777a80;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
  margin-bottom: 10px;
  direction: ltr;
}

.checkbox label:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  position: absolute;
  left: 0px;
  top: 1.4px;
  background-color: #ffffff;
  border: 1px solid #c2c6cb;
  border-radius: 3px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
}

.checkbox label::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 3.2px;
  top: 0px;
  font-size: 11px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
}

.checkbox label:after {
  border-radius: 3px;
}

.checkbox input[type="checkbox"] {
  display: none;
}

.checkbox.checkbox-circle label:after {
  border-radius: 99px;
}

.checkbox.checkbox-circle label:before {
  border-radius: 99px;
}

.checkbox input[type="checkbox"]:checked+label {
  color: #4d5056;
}

.checkbox input[type="checkbox"]:checked+label::after {
  font-family: "FontAwesome";
  content: "\F00C";
}

.checkbox input[type="checkbox"][disabled]+label {
  opacity: 0.65;
}

.checkbox input[type="checkbox"][disabled]+label:before {
  background-color: #eceff3;
}

.checkbox.check-success input[type="checkbox"]:checked+label:before {
  background-color: #0090d9;
  border: 1px solid #0090d9;
}

.checkbox.check-success input[type="checkbox"]:checked+label::after {
  color: #ffffff;
}

.checkbox.check-primary input[type="checkbox"]:checked+label:before {
  background-color: #0aa699;
  border: 1px solid #0aa699;
}

.checkbox.check-primary input[type="checkbox"]:checked+label::after {
  color: #ffffff;
}

.checkbox.check-info input[type="checkbox"]:checked+label:before {
  background-color: #1f3853;
  border: 1px solid #1f3853;
}

.checkbox.check-info input[type="checkbox"]:checked+label::after {
  color: #ffffff;
}

.checkbox.check-warning input[type="checkbox"]:checked+label:before {
  background-color: #fbb05e;
  border: 1px solid #fbb05e;
}

.checkbox.check-warning input[type="checkbox"]:checked+label::after {
  color: #ffffff;
}

.checkbox.check-danger input[type="checkbox"]:checked+label:before {
  background-color: #f35958;
  border: 1px solid #f35958;
}

.checkbox.check-danger input[type="checkbox"]:checked+label::after {
  color: #ffffff;
}

table td .checkbox label {
  padding-left: 0px;
}

table th .checkbox label {
  padding-left: 0px;
}

table.fc-border-separate {
  margin-top: 20px;
}

.star label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  font-size: 18px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
  margin-bottom: 10px;
}

.star label:before {
  font-family: "FontAwesome";
  content: "\F005";
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  left: 0px;
  top: -4px;
  font-size: 18px;
  color: #97a3b3;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
}

.star input[type="checkbox"] {
  display: none;
}

.star input[type="checkbox"]:checked+label:before {
  color: #ffd200;
}

.wysihtml5-toolbar li {
  padding-left: 0px;
}

.bootstrap-tagsinput {
  border: 1px solid #e5e9ec;
  border-radius: 3px;
  box-shadow: none;
  width: 100%;
  transition: background 0.2s linear 0s;
}

.bootstrap-tagsinput.active-element {
  background-color: #f4f5f7;
}

.bootstrap-tagsinput input {
  border: none;
  margin-bottom: 0px;
  min-height: 25px;
}

.bootstrap-tagsinput .tag {
  vertical-align: middle;
  padding: 4px 9px;
  margin-top: 3px;
  display: inline-block;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active,
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: none;
}

form {
  margin: 0;
}

form legend {
  margin: 15px 0px 10px 0px !important;
}

.column-seperation>div[class*="col-"] {
  border-right: 1px solid #ddd;
}

.column-seperation>div[class*="col-"]:last-child {
  border-right: 0px;
}

.form-no-horizontal-spacing .row-fluid .side-label {
  border-right: 1px solid #dddddd;
}

.form-no-horizontal-spacing .error {
  margin-bottom: 10px;
}

input.placeholder,
textarea.placeholder {
  color: #aaa !important;
}

.help-block {
  margin-top: 10px;
}

.form-inline input {
  margin-bottom: 0px !important;
}

.form-label {
  margin-top: 2px;
}

.form-label .required {
  color: #e02222;
  font-size: 12px;
  padding-left: 2px;
}

.help-inline {
  margin-top: 6px;
}

.help-small {
  font-size: 12px;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.success .help-inline.ok:before {
  content: "\F00C";
  font-size: 16px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}

form legend,
.form-view legend {
  margin-bottom: 15px !important;
}

.controls>.radio .checker,
.controls>.checkbox .checker {
  margin-right: 2px !important;
}

.controls>.radio,
.controls>.checkbox {
  display: inline-block;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 8px !important;
  margin-right: 15px !important;
}

.controls>.radio.line,
.controls>.checkbox.line {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 5px !important;
}

.controls .inline {
  margin-top: 8px;
}

.form-view .control-group {
  margin-top: 0px;
  margin-bottom: 5px;
}

.uploader {
  margin-top: 2px !important;
}

.hint {
  padding: 5px 0px 0px 10px;
}

.form form {
  margin: 0px !important;
  padding: 0px !important;
}

.form .form-actions {
  background-color: #f6f7f8 !important;
  margin-top: 0px !important;
  margin-top: 40px;
  padding-left: 190px;
}

.form-actions {
  background-color: #f6f7f8;
  border: 0px;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 19px 20px 20px;
}

.form-actions:after {
  clear: both;
}

.form-actions:before,
.form-actions:after {
  content: "";
  display: table;
  line-height: 0;
}

.form-horizontal {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -4px;
}

.form-horizontal.form-bordered .control-group {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}

.form-horizontal.form-bordered .control-group:first-child {
  border-bottom: 1px solid #eee !important;
}

.form-horizontal.form-bordered .control-group.last {
  border-bottom: 0;
}

.form-horizontal.form-bordered .control-group .controls {
  padding: 10px;
  position: relative;
  border-left: 1px solid #eee;
}

.form-horizontal.form-bordered .control-group .controls .chosen-container {
  min-height: 32px;
}

.form-horizontal.form-bordered .control-group .controls .chosen-container .help-block {
  clear: both;
  padding-top: 10px !important;
}

.form-horizontal.form-bordered .control-group .control-label {
  margin-top: 10px;
}

.form-horizontal.form-bordered.form-row-stripped .control-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-row-stripped .m-wrap {
  background: #ffffff !important;
}

.form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) .controls {
  background-color: #ffffff;
}

.form-horizontal.form-bordered .help-inline,
.form-horizontal.form-bordered .help-block {
  padding-left: 0;
}

.grid.box .form .form-actions,
.grid.solid .form .form-actions {
  margin-left: -10px !important;
  margin-right: -10px !important;
  margin-bottom: -10px !important;
}

.wizard-steps {
  display: block;
  list-style: none outside none;
  padding: 0;
  position: relative;
  width: 100%;
}

.wizard-steps li {
  display: block;
  float: left;
  max-width: 25%;
  min-width: 25%;
  text-align: center;
  padding-left: 0;
}

.wizard-steps li:before {
  border-top: 6px solid #55606e;
  content: "";
  display: block;
  font-size: 0;
  overflow: hidden;
  position: relative;
  top: 13px;
  right: 1px;
  width: 100%;
  z-index: 1;
}

.wizard-steps li:first-child:before {
  left: 50%;
  max-width: 50%;
}

.wizard-steps li:last-child:before {
  max-width: 50%;
  width: 50%;
}

.wizard-steps li.complete .step {
  background-color: #0aa699;
  padding: 1px 6px;
  border: 4px solid #55606e;
}

.wizard-steps li .step {
  background-color: #d1dade;
  border-radius: 32px 32px 32px 32px;
  color: #ffffff;
  display: inline;
  font-size: 15px;
  font-weight: bold;
  line-height: 12px;
  padding: 4px 9px;
  position: relative;
  text-align: center;
  z-index: 2;
  transition: all 0.2s linear 0s;
}

.wizard-steps li .step i {
  font-size: 10px;
  font-weight: normal;
  position: relative;
  top: -1.5px;
}

.wizard-steps li .title {
  color: #b1bcc5;
  display: block;
  font-size: 13px;
  line-height: 15px;
  max-width: 100%;
  position: relative;
  table-layout: fixed;
  text-align: center;
  top: 20px;
  word-wrap: break-word;
  z-index: 104;
}

.wizard-steps a:hover,
.wizard-steps a:active,
.wizard-steps a:focus {
  text-decoration: none;
}

.wizard-steps li.active .step,
.wizard-steps li.active.complete .step {
  background-color: #0090d9;
  color: #ffffff;
  font-weight: bold;
  padding: 10px 15px;
  border: none;
  font-size: 16px;
}

.wizard-steps li.complete .title,
.wizard-steps li.active .title {
  color: #2b3d53;
}

.step-content {
  margin-left: 60px;
  margin-top: 40px;
}

.step-content .step-pane {
  display: none;
  min-height: 267px;
}

.step-content .active {
  display: block;
}

.wizard-actions {
  display: block;
  list-style: none outside none;
  padding: 0;
  position: relative;
  width: 100%;
}

.wizard-actions li {
  display: inline;
}

.tab-content {
  overflow: auto;
  position: relative;
  z-index: 10;
  background-color: #ffffff;
  overflow: hidden;
  /* overflow: visible; */
  margin-bottom: 18px;
}

.tab-content.transparent {
  background-color: transparent;
}

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

.form-group .form-label {
  color: #55606e;
  display: inline-block;
  margin-right: 8px;
}

.form-group .help {
  color: #a7abb1;
  font-size: 12px;
}

.form-group .controls {
  margin-top: 8px;
}

.form-control {
  border: 1px solid #e5e9ec;
  font-size: 14px;
}

.form-control:focus {
  background-color: #fff;
}

.form-row input,
.form-row select,
.form-row textarea,
.form-row select2 {
  margin-bottom: 10px;
}

.form-row .radio {
  margin-bottom: 7px;
}

.form-row:last-child {
  margin-bottom: 0;
}

.slide-primary,
.slide-success {
  display: inline-block;
}

.slide-primary .ios-switch .on-background {
  background-image: none;
  background-color: #0aa699;
}

.slide-success .ios-switch .on-background {
  background-image: none;
  background-color: #0090d9;
}

.select2-container .select2-choice {
  background-image: none;
  border-radius: 2px;
  border: 1px solid #e5e9ec;
  padding: 3px 9px;
  transition: border 0.2s linear 0s;
  height: 35px;
}

.select2-container .select2-choice .select2-arrow {
  background: transparent;
  border-left: 0px;
}

.select2-container .select2-choice .select2-arrow b {
  background: none;
}

.select2-container .select2-choice .select2-arrow b:before {
  font-family: "FontAwesome";
  content: "\F0D7";
  position: relative;
  top: 2px;
  right: 5px;
  font-size: 12px;
}

.select2-container.select2-drop-above .select2-choice {
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  background-image: none;
  border: 1px solid #e5e9ec;
  background: #f4f5f7;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

.select2-drop.select2-drop-above {
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border: 1px solid #e5e9ec;
  border-bottom: none;
  border-radius: 2px;
  padding-top: 0px;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  box-shadow: none;
  border: 1px solid #e5e9ec;
  background: #f4f5f7;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.select2-search {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
}

.select2-search input {
  background: #ffffff !important;
  vertical-align: baseline;
  line-height: 28px;
  border-radius: 2px;
  border: none;
  font-size: 12px;
  border: 1px solid #999999;
}

.select2-results {
  margin: 3px 10px 10px 3px;
}

.select2-results li {
  color: #6f7b8a;
}

.select2-results li.select2-result-with-children>.select2-result-label {
  color: #282323;
}

.select2-results .select2-highlighted {
  background: #0090d9;
  border-radius: 3px;
}

.select2-results .select2-highlighted .select2-result-label {
  color: #ffffff;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: none;
  color: #6f7b8a;
  font-size: 12px;
  padding-left: 8px;
  padding-top: 0px;
  position: relative;
  top: -5px;
}

.select2-drop-active {
  border: 1px solid #e5e9ec;
  border-bottom: none;
  border-top: none;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  padding-top: 5px;
}

.select2-container-multi .select2-choices {
  background-image: none;
  border: 1px solid #dae0e4;
  border-radius: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice {
  background-color: #e8edf1;
  background-image: none;
  border: none;
  box-shadow: none;
  color: inherit;
  border-radius: 8px;
  margin: 8px -5px 7px 10px;
  padding: 4px 8px 4px 21px;
  direction: ltr;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #dae0e4;
  box-shadow: none;
}

.select2-container-multi.select2-container-active .select2-search-choice {
  background-color: #ffffff !important;
}

.select2-container-multi .select2-search-choice-close {
  left: 6px;
}

.select2-search-choice-close {
  background: none;
  top: 4px;
  right: 0;
}

.select2-search-choice-close:hover {
  text-decoration: none;
}

.select2-search-choice-close:before {
  font-family: "FontAwesome";
  content: "\F00D";
  font-size: 12px;
  color: #94a1b2;
}

.select2-drop-multi .select2-results .select2-no-results,
.select2-drop-multi .select2-results .select2-searching,
.select2-drop-multi .select2-results .select2-selection-limit {
  top: 0px;
}

.select2.form-control {
  padding: 0;
  box-shadow: none;
  border: 0;
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child>.dropdown-toggle {
  border-radius: 0 2px 2px 0;
}

.input-prepend.inside .add-on:first-child,
.input-prepend .btn:first-child {
  background-color: #ffffff;
  border: 1px solid #e5e9ec;
  position: relative;
  left: 3px;
  border-radius: 2px;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 4px;
  top: 0px;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s,
    color 0.2s linear 0s, box-shadow 0.2s linear 0s, background 0.2s linear 0s;
  color: #9ea9b2;
}

.input-prepend.inside.no-boarder .add-on:first-child,
.input-prepend.no-boarder .btn:first-child {
  border: none;
}

.input-append .add-on,
.input-prepend .add-on {
  position: absolute;
  background-color: #d1dade;
  color: #5e5e5e;
  text-shadow: none;
  border: #d1dade;
  border-radius: 0 2px 2px 0;
  height: 37px;
  min-width: 34px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 6px;
}

.input-append .add-on .arrow {
  background-color: transparent !important;
  position: absolute;
  left: -6px;
  color: #d1dade;
  z-index: 100;
  font-size: 26px;
}

.input-append .add-on .arrow:before {
  font-family: "FontAwesome";
  content: "\F0D9   ";
}

.input-append.primary .add-on .arrow {
  color: #0aa699;
}

.input-append.success .add-on .arrow {
  color: #0090d9;
}

.input-append.info .add-on .arrow {
  color: #1f3853;
}

.input-append.warning .add-on .arrow {
  color: #fbb05e;
}

.input-append.danger .add-on .arrow {
  color: #f35958;
}

.input-append input[class*="span"] {
  padding-left: 16px;
  border-right: 0px;
  -webkit-border-radius: 2px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius: 2px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-radius: 2px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.input-append .form-control {
  display: inline-block;
}

.input-append.primary .add-on,
.input-prepend .add-on {
  background-color: #0aa699;
  color: #ffffff;
}

.input-append.success .add-on,
.input-prepend .add-on {
  background-color: #0090d9;
  color: #ffffff;
  display: inline-block;
  float: left;
}

.input-append.info .add-on,
.input-prepend .add-on {
  background-color: #1f3853;
  color: #ffffff;
}

.input-append.warning .add-on,
.input-prepend .add-on {
  background-color: #fbb05e;
  color: #ffffff;
}

.input-append.danger .add-on,
.input-prepend .add-on {
  background-color: #f35958;
  color: #ffffff;
}

.input-focus {
  background-color: #f4f5f7 !important;
  color: #56646e !important;
}

.no-boarder .input-focus {
  border: none !important;
}

.input-prepend input[class*="span"] {
  padding-left: 16px;
  border-left: 0px;
  -webkit-border-radius: 2px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius: 2px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-radius: 2px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.input-with-icon {
  position: relative;
}

.input-with-icon input {
  padding-left: 32px !important;
}

.input-with-icon i {
  color: #e5e9ec;
  display: block;
  position: absolute;
  margin: 9px 2px 4px 10px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

.input-with-icon.right input {
  padding-left: 12px !important;
  padding-right: 33px !important;
}

.input-with-icon.right i {
  right: 8px;
  float: right;
}

.input-group-addon {
  border: 1px solid #e5e9ec;
  color: #9ea9b2;
  font-size: 14px;
  padding: 6px 10px;
  border-radius: 3px;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s,
    color 0.2s linear 0s, box-shadow 0.2s linear 0s, background 0.2s linear 0s;
}

.input-group-addon i {
  position: relative;
  top: 1px;
}

.input-group-addon.primary {
  background-color: #0aa699;
  border: 1px solid #0aa699;
  color: #ffffff;
}

.input-group-addon.primary .arrow {
  color: #0aa699;
}

.input-group-addon.success {
  background-color: #0090d9;
  color: #ffffff;
}

.input-group-addon.success .arrow {
  color: #0090d9;
}

.input-group-addon.info {
  background-color: #1f3853;
  color: #ffffff;
}

.input-group-addon.info .arrow {
  color: #1f3853;
}

.input-group-addon.warning {
  background-color: #fbb05e;
  color: #ffffff;
}

.input-group-addon.warning .arrow {
  color: #fbb05e;
}

.input-group-addon.danger {
  background-color: #f35958;
  color: #ffffff;
}

.input-group-addon.danger .arrow {
  color: #f35958;
}

.input-group-addon .arrow {
  position: relative;
  right: -6px;
  color: #d1dade;
  z-index: 100;
}

.input-group-addon .arrow:before {
  font-family: "FontAwesome";
  content: "\F0DA";
  font-size: 23px;
  position: absolute;
  left: 17px;
  top: -2px;
}

.input-group-addon:last-child .arrow:before {
  font-family: "FontAwesome";
  content: "\F0D9";
  font-size: 23px;
  position: absolute;
  left: -23px;
  top: -2px;
}

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

.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-left: 0;
}

.transparent .input-group-addon {
  background-color: #ffffff;
  padding: 8px 1px 10px 9px;
}

.transparent.input-group .form-control:first-child,
.transparent .input-group-addon:first-child,
.transparent .input-group-btn:first-child>.btn,
.transparent .input-group-btn:first-child>.dropdown-toggle,
.transparent .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-right: 0px;
  border-left: 1px solid #e5e9ec;
}

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

.datepicker {
  padding: 10px 16px;
  border-radius: 2px;
  font-size: 12px;
}

.datepicker thead tr .datepicker-switch {
  color: #6f7b8a;
  font-size: 13px;
}

.datepicker thead tr .prev {
  color: #0090d9;
  content: "";
  font-size: 0px;
}

.datepicker thead tr .prev:before {
  color: #0090d9;
  font-family: "FontAwesome";
  content: "\F053";
  font-size: 13px;
}

.datepicker thead tr .next {
  color: #0090d9;
  content: "";
  font-size: 0px;
}

.datepicker thead tr .next:before {
  color: #0090d9;
  font-family: "FontAwesome";
  content: "\F054";
  font-size: 13px;
}

.datepicker thead tr .dow {
  color: #0090d9;
  text-transform: uppercase;
  font-size: 11px;
}

.datepicker tbody tr .odd {
  color: #d0d3d8;
}

.datepicker table tr td.day:hover {
  background: #eeeeee;
  opacity: 0.65;
}

.datepicker table tr td span {
  border-radius: 4px 4px 4px 4px;
}

.datepicker th,
.datepicker td {
  padding: 5.5px !important;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #d0d3d8;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-image: none;
  text-shadow: none;
  font-weight: 600;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #e5e9ec;
  background-image: none;
  color: #ffffff;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled[disabled]:hover {
  background-color: #0090d9;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-image: none;
  border: none;
  text-shadow: none;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled[disabled]:hover {
  background-color: #0090d9;
}

.datepicker-inline {
  width: auto;
}

.error {
  font-size: 12px;
  color: #f35958;
  display: block;
}

.error-control input {
  border: 1px solid #f35958;
}

.error-control select {
  border: 1px solid #f35958;
}

.error-control textarea {
  border: 1px solid #f35958;
}

.error-control .select2-container .select2-choice {
  border: 1px solid #f35958;
}

.error-control.input-with-icon .select2-container .select2-choice .select2-arrow b:before {
  content: "\F12A";
  color: #f35958;
}

.error-control.input-with-icon .select2-container .select2-choice .select2-arrow b {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.error-control i {
  color: #f35958;
}

.success-control input {
  border: 1px solid #0aa699;
}

.success-control select {
  border: 1px solid #0aa699;
}

.success-control textarea {
  border: 1px solid #0aa699;
}

.success-control .select2-container .select2-choice {
  border: 1px solid #0aa699;
}

.success-control.input-with-icon .select2-container .select2-choice .select2-arrow b:before {
  content: "\F00C";
  color: #0aa699;
}

.success-control.input-with-icon .select2-container .select2-choice .select2-arrow b {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.success-control i {
  color: #0aa699;
}

.clockpicker-popover {
  z-index: 10;
}

.grid {
  clear: both;
  margin-top: 0px;
  margin-bottom: 25px;
  padding: 0px;
}

.grid.closed .grid-body {
  display: none;
  overflow: hidden;
}

.grid.box {
  padding: 0px !important;
}

.grid.box .form-horizontal.form-bordered .control-group {
  margin-left: -10px;
  margin-right: -10px;
}

.grid.box .form-horizontal.form-bordered .control-group:first-child {
  margin-top: -10px;
}

.grid.box .grid-title {
  padding: 8px 10px 2px 10px;
  border-bottom: 1px solid #eee;
  color: #ffffff !important;
  margin-bottom: 0px;
}

.grid.box .grid-title>.actions>.btn>i {
  color: #ffffff !important;
}

.grid.box .grid-title .tools {
  margin-top: 3px;
}

.grid.box .grid-title .tools a {
  /*background: url(@{base-img-url}/icon/portlet-tray.png) no-repeat;*/
  width: 23px;
  height: 23px;
}

.grid.box .grid-body {
  background-color: #ffffff;
  padding: 10px;
}

.grid.box.blue {
  border: 1px solid #b4cef8;
  border-top: 0;
}

.grid.box.blue .grid-title {
  background-color: #58acf3;
}

.grid.box.red {
  border: 1px solid #f35958;
  border-top: 0;
}

.grid.box.red .grid-title {
  background-color: #f35958;
}

.grid.box.yellow {
  border: 1px solid #fccb7e;
  border-top: 0;
}

.grid.box.yellow .grid-title {
  background-color: #ffb848;
}

.grid.box.green {
  border: 1px solid #0aa699;
  border-top: 0;
}

.grid.box.green .grid-title {
  background-color: #0aa699;
}

.grid.box.purple {
  border: 1px solid #af5cc1;
  border-top: 0;
}

.grid.box.purple .grid-title {
  background-color: #852b99;
}

.grid.box.grey {
  border: 1px solid #9d9c9c;
  border-top: 0;
}

.grid.box.grey .grid-title {
  background-color: #555555;
}

.grid.box.light-grey {
  border: 1px solid #eee;
  border-top: 0;
}

.grid.box.light-grey .grid-title {
  background-color: #aaa;
}

.grid .simple .form-actions {
  margin-left: -20px !important;
  margin-right: -20px !important;
  margin-bottom: -20px !important;
}

.grid .solid .grid-title {
  color: #ffffff !important;
  border-bottom: 1px solid #ffffff;
}

.grid.solid .grid-title {
  margin-bottom: 5px;
  border: 0px;
  padding: 13px 15px 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35) !important;
}

.grid.solid .grid-title .tools {
  margin-top: 2px;
  border: 0px;
}

.grid.solid .grid-title h4 {
  color: #ffffff;
}

.grid.solid .grid-body {
  color: #ffffff;
  padding: 20px;
}

.grid.solid .grid-body h3 {
  color: #ffffff;
}

.grid.simple {
  padding: 0px !important;
}

.grid.simple .grid-title {
  padding: 14px 15px 7px 15px;
  border-bottom: 1px solid #eee;
  color: #282323 !important;
  background-color: #ffffff;
  margin-bottom: 0px;
  border: 1px solid #dddddd;
  border-bottom: 0px;
}

.grid.simple .grid-title>.actions>.btn>i {
  color: #ffffff !important;
}

.grid.simple .grid-title .tools {
  margin-top: 0px;
  position: relative;
}

.grid.simple .grid-title.no-border {
  border: 0px;
  border-bottom: 0px;
}

.grid.simple .form-actions {
  margin-right: -26px !important;
  margin-left: -26px !important;
  margin-bottom: -26px !important;
}

.grid.simple.transparent .grid-body {
  background-color: transparent !important;
  border: none;
}

.grid.simple.transparent .grid-title {
  border: none;
  border-bottom: 1px solid #d7dbe0;
  background-color: transparent;
}

.grid.simple .grid-body {
  background-color: #ffffff;
  padding: 25px;
  border: 1px solid #dddddd;
  color: #6f7b8a;
}

.grid.simple .grid-body-text {
  padding-top: 6px;
}

.grid.simple .grid-body-icon {
  color: #2096f3;
  max-width: 15px;
  font-size: 17px;
  padding-top: 7px;
}

.grid.simple .grid-body-statistic {
  background-color: #ffffff;
  padding: 7px;
  border: 1px solid #dddddd;
  color: #6f7b8a;
  font-size: 13px;
  padding-left: 22px;
}

.grid.simple .grid-body.no-padding {
  padding: 0px;
}

.grid.simple .grid-body .wrap-body {
  padding: 0 26px;
  padding-top: 10px;
}

.grid.simple .grid-body.no-border {
  border: 0px;
  padding-top: 1px;
}

.grid.simple .grid-body h4 {
  color: #282323;
}

.grid.simple .grid-body h3 {
  color: #282323;
}

.grid.simple .grid-body.invoice-body {
  padding: 30px;
}

.grid.simple .grid-body.invoice-body .invoice-logo {
  margin-bottom: 18px;
}

.grid.simple.vertical.green {
  border-left: 4px solid #0aa699;
  border-top: none !important;
}

.grid.simple.vertical.red {
  border-left: 4px solid #f35958;
  border-top: none !important;
}

.grid.simple.vertical.purple {
  border-left: 4px solid #736086;
  border-top: none !important;
}

.grid.simple.vertical.blue {
  border-left: 4px solid #0090d9;
  border-top: none !important;
}

.grid.simple.horizontal.red .grid-title {
  border-top: 4px solid #f35958;
}

.grid.simple.horizontal.yellow .grid-title {
  border-top: 4px solid #ffb848;
}

.grid.simple.horizontal.green .grid-title {
  border-top: 4px solid #0aa699;
}

.grid.simple.horizontal.purple .grid-title {
  border-top: 4px solid #852b99;
}

.grid.simple.horizontal.grey .grid-title {
  border-top: 4px solid #555555;
}

.grid.simple.horizontal.light-grey .grid-title {
  border-top: 4px solid #aaa;
}

.grid:after,
.grid:before {
  display: table;
}

.grid-title {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.grid-title h4 {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  margin-bottom: 7px;
  width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid-title h4 i {
  font-size: 14px;
  margin-right: 5px;
  color: #666;
}

.grid-title.descriptive {
  padding-left: 23px !important;
  padding-top: 20px !important;
}

.grid-title.descriptive .actions {
  margin-right: 14px;
  margin-top: -16px;
}

.grid-title.descriptive .actions a {
  color: #4c5264;
}

.grid-title.descriptive .actions a:hover {
  opacity: 0.5;
}

.grid-title.descriptive .actions i {
  font-size: 22px;
  margin-right: 10px;
}

.grid-title.descriptive p {
  display: inline-block;
  width: 60%;
  white-space: nowrap;
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #7a7d82;
  font-size: 12px;
}

.grid-title.clickable {
  cursor: pointer;
}

.grid-title .tools>a {
  display: inline-block;
  height: 16px;
  margin-left: 5px;
}

.grid-title .tools>a:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: 0.6;
}

.grid-title .dropdown-menu i {
  color: #000;
}

.grid-title .actions>.btn-group {
  margin-top: -12px;
}

.grid-title .actions>.btn-group>.btn {
  padding: 4px 10px;
  margin-top: -1px;
}

.grid-title .actions>.btn {
  padding: 4px 10px;
  margin-top: -13px;
}

.grid-title .actions>.btn.mini {
  margin-top: -12px;
  padding: 4px 10px;
}

.grid-title .pagination.pagination-small {
  float: right !important;
  display: inline-block !important;
  margin: 0px;
  margin-top: -2px;
}

.grid-title .tools,
.grid-title .actions {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  float: right;
}

.grid-body {
  padding: 0;
}

.grid-body .btn-toolbar {
  margin: 0px !important;
  padding: 0px !important;
}

.grid-body .slimScrollBar {
  margin-right: 0px !important;
}

.grid-body:before {
  display: table;
  content: " ";
}

.grid-body:after {
  clear: both;
  display: table;
  content: " ";
}

.grid-body.light-blue,
.grid.light-blue {
  background-color: #bfd5fa !important;
}

.grid-body.blue,
.grid.blue {
  background-color: #58acf3 !important;
}

.grid-body.red,
.grid.red {
  background-color: #f35958 !important;
}

.grid-body.yellow,
.grid.yellow {
  background-color: #ffb848 !important;
}

.grid-body.green,
.grid.green {
  background-color: #0aa699 !important;
}

.grid-body.purple,
.grid.purple {
  background-color: #852b99 !important;
}

.grid-body.light-grey,
.grid.light-grey {
  background-color: #fafafa !important;
}

.grid-body.dark-grey,
.grid.dark-grey {
  background-color: #555555 !important;
}

.sortable .grid .grid-title {
  cursor: move;
}

.ui-sortable {
  min-height: 10px !important;
}

.ui-sortable-placeholder {
  border: 1px dotted black;
  visibility: visible !important;
  height: 100% !important;
}

.ui-sortable-placeholder * {
  visibility: hidden;
}

.sortable-box-placeholder {
  background-color: #f5f5f5;
  border: 1px dashed #dddddd;
  display: block;
  margin-top: 0px !important;
  margin-bottom: 24px !important;
}

.sortable-box-placeholder * {
  visibility: hidden;
}

.grid.simple .grid-title .tools a,
.grid.solid .grid-title .tools a {
  position: relative;
  background: url(./portlet-tray.png) no-repeat;
  transition: all 0.1s linear 0s;
}

.grid.simple .grid-title .tools>a.remove,
.grid.solid .grid-title .tools>a.remove {
  background-position: -66px -38px;
  width: 10px;
  height: 10px;
  top: -5px;
}

.grid.simple .grid-title .tools>a.config,
.grid.solid .grid-title .tools>a.config {
  background-position: -3px -32px;
  width: 22px;
  height: 22px;
}

.grid.simple .grid-title .tools>a.reload,
.grid.solid .grid-title .tools>a.reload {
  background-position: -37px -38px;
  width: 12px;
  height: 10px;
  top: -5px;
}

.grid.simple .grid-title .tools>a.expand,
.grid.solid .grid-title .tools>a.expand {
  background-position: -123px -40px;
  width: 10px;
  height: 6px;
  top: -5px;
}

.grid.simple .grid-title .tools>a.collapse,
.grid.solid .grid-title .tools>a.collapse {
  background-position: -95px -40px;
  width: 9px;
  height: 7px;
  top: -5px;
}

.alert {
  color: #ce8f22;
  background-color: #fffcee;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  padding: 9px 19px 9px 15px;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid #f0dbb4;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.alert .link {
  color: #ce8f22;
  font-weight: bold;
}

.alert .alert-heading {
  color: #ce8f22 !important;
  margin-bottom: 5px;
  font-weight: 600;
}

.alert .btn-small {
  position: relative;
  top: -3.5px;
}

.alert .button-set .btn {
  position: relative;
  top: 8px;
}

/*
  19.01.2018
  [nbukin]
  alert close styles were fixed due to angular-ui-bootstrap's way of painting alert
*/
.alert .close {
  /* background: url("../img/icon/noti-cross.png") no-repeat scroll 0 0 transparent; */
  /* background-position: -9px -10px; */
  width: 10px;
  height: 9px;
  position: relative;
  opacity: 0.8;
  right: 0px;
  /* top: 4.5px; */
  /* float: right; */
  /* margin-left: 20px; */
}

.alert .close:hover {
  opacity: 1;
}

.alert-success {
  color: #438a85;
  background-color: #f3faf8;
  border-color: #bfd1cf;
}

.alert-success .link {
  color: #438a85;
}

.alert-success .alert-heading {
  color: #438a85 !important;
}

.alert-success .close {
  background-position: -38px -10px !important;
}

.alert-info {
  color: #246a8e;
  background-color: #ebf6fb;
  border-color: #bfd4de;
}

.alert-info .link {
  color: #246a8e;
}

.alert-info .alert-heading {
  color: #246a8e !important;
}

.alert-info .close {
  background-position: -67px -10px !important;
}

.alert-danger,
.alert-error {
  color: #e76e70;
  background-color: #fff6f4;
  border-color: #f8cdcd;
}

.alert-danger .link,
.alert-error .link {
  color: #e76e70;
}

.alert-danger .alert-heading,
.alert-error .alert-heading {
  color: #e76e70 !important;
}

.alert-error .close,
.alert .alert-danger .close {
  background-position: -95px -10px !important;
}

.alert-block {
  padding: 15px 19px 15px 17px;
}

.alert .try-connect {
  font-size: 11px;
  text-align: center;
  margin-left: 50%;
  transform: translateX(-50%);
  display: block;
}

.popover-content .notification-messages {
  padding: 15px 18px 15px;
}

.notification-messages {
  font-family: "Arial";
  background-color: #eef9f8;
  padding: 15px 18px 10px;
  display: block;
  color: #8b91a0;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.notification-messages.success {
  background-color: #eef9f8;
}

.notification-messages.success:hover {
  background-color: #d9edf1;
  cursor: pointer;
}

.notification-messages.success .iconholder i {
  color: #f35958;
}

.notification-messages.danger {
  background-color: #fef2f2;
}

.notification-messages.danger:hover {
  background-color: #fae1e1;
  cursor: pointer;
}

.notification-messages.danger .iconholder i {
  color: #f35958;
}

.notification-messages.info {
  background-color: #edf7fc;
}

.notification-messages.info:hover {
  background-color: #d8ebf4;
  cursor: pointer;
}

.notification-messages.info .iconholder i {
  color: #f35958;
}

.notification-messages .message-wrapper {
  display: inline-block;
  width: 70%;
  height: 43px;
  float: left;
}

.notification-messages .message-wrapper .heading {
  display: block;
  float: left;
  text-align: left;
  color: #1b1e24;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  width: 100%;
  margin: 0;
  line-height: 19px;
  font-weight: 600;
}

.notification-messages .message-wrapper .description {
  display: block;
  float: left;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  font-size: 11px;
  width: 100%;
  line-height: 19px;
}

.notification-messages .date {
  display: inline-block;
  font-size: 11px;
  line-height: 15px;
  font-style: italic;
  opacity: 0.4;
}

.notification-messages .user-profile {
  border-radius: 100px 100px 100px 100px;
  display: inline-block;
  float: left;
  height: 35px;
  overflow: hidden;
  width: 35px;
  margin-right: 10px;
  margin-top: 2px;
}

.notification-messages .iconholder {
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.notification-messages .iconholder i {
  font-size: 28px;
}

.tooltip-inner {
  padding: 6px 9px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.progress {
  height: 12px;
  background-color: #e9ecee;
  background-image: none;
  box-shadow: none;
  filter: none;
}

.progress.no-radius {
  border-radius: 0px;
}

.progress.no-radius .progress-bar {
  border-radius: 0px;
}

.progress.transparent {
  background-color: rgba(0, 0, 0, 0.28);
}

.progress.progress-small {
  height: 4px;
}

.progress.progress-large {
  height: 20px;
}

.progress-bar {
  box-shadow: none;
  border-radius: 3px;
  background-color: #0090d9;
  background-image: none;
  -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  float: left;
  filter: none;
}

.progress-bar-success {
  background-color: #0aa699;
  background-image: none;
}

.progress-bar-info {
  background-color: #0090d9;
  background-image: none;
}

.progress-bar-warning {
  background-color: #fdd01c;
  background-image: none;
}

.progress-bar-danger {
  background-color: #f35958;
  background-image: none;
}

.progress-bar-white {
  background-color: #ffffff;
  background-image: none;
}

.progress-bar-black {
  background-color: #1b1e24;
  background-image: none;
}

.progress-info .bar,
.progress .bar-info {
  background-color: #1f3853;
  background-image: none;
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #fdd01c;
  background-image: none;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #f35958;
  background-image: none;
}

.progress-white .bar,
.progress .bar-white {
  background-color: #ffffff;
  background-image: none;
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #0090d9;
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #1f3853;
}

.details-status-single {
  display: inline-block;
  background-color: #e5e9ec;
  color: #5c6370;
  font-size: 11px;
  padding: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.label {
  padding: 3px 9px;
  font-size: 11px;
  text-shadow: none;
  background-color: #d1dade;
  font-family: "Open Sans";
  font-weight: 600;
  color: #5e5e5e;
}

.badge {
  text-shadow: none;
  font-family: "Open Sans";
  font-weight: 600;
  background-color: #d1dade;
  font-size: 11px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 4px;
  color: #5e5e5e;
}

.page-sidebar .badge {
  position: absolute;
  right: 20px;
}

.label-primary,
.badge-primary {
  background-color: #0090d9;
  color: #ffffff;
}

.label-success,
.badge-success {
  background-color: #0aa699;
  color: #ffffff;
}

.label-warning,
.badge-warning {
  background-color: #fdd01c;
  color: #ffffff;
}

.label-important,
.badge-important {
  background-color: #f35958;
  color: #ffffff;
}

.label-danger,
.badge-danger {
  background-color: #f35958;
  color: #ffffff;
}

.label-info,
.badge-info {
  background-color: #0090d9;
  color: #ffffff;
}

.label-inverse,
.badge-inverse {
  background-color: #1f3853;
  color: #ffffff;
}

.label-white,
.badge-white {
  background-color: #ffffff;
  color: #5e5e5e;
}

.label-white,
.badge-disable {
  background-color: #2a2e36;
  color: #8b91a0;
}

.amo-badge {
  padding-left: 7px;
  padding-right: 7px;
  background: #339dc7;
}

.amo-badge img {
  width: 56px;
}

.new-badge {
  bottom: 5px;
  margin-right: -5px;
}

.popover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  max-width: 350px;
}

.popover-title {
  background-color: #ffffff;
  margin: 0 5px;
  font-weight: bold;
  color: #505458 !important;
  text-align: center;
}

.modal {
  border-radius: 3px;
}

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

.change-message {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.close-message {
  outline: none;
  justify-self: end;
}

.modal-header p {
  color: #8b91a0;
}

.modal-body {
  height: 70vh;
  background-color: #e5e9ec;
}

.modal-content {
  border: 0;
}

.modal-footer {
  border-top: none;
  box-shadow: none;
  background-color: #f3f5f6;
  margin-top: 0;
  text-align: right;
  border-radius: 0 0 6px 6px;
}

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

.tiles-container {
  margin-left: 0px;
  margin-right: 0px;
}

.tiles {
  background-color: #bcbcbc;
  color: #ffffff;
  position: relative;
}

.tiles.overflow-hidden {
  overflow: hidden;
}

.tiles.full-height {
  height: 100%;
}

.tiles.added-margin {
  margin-right: -10px;
}

.tiles.no-margin {
  margin-right: 0;
}

.tiles.margin-reset {
  margin-left: 37px;
}

.tiles .tiles-title {
  font-size: 10.5px;
  font-family: "Open Sans";
  letter-spacing: 0.5px;
  font-weight: 600;
}

#messaging_sessions_container.row {
  margin-left: 0;
  margin-right: 0;
}

#messaging_sessions_container .friend-list-container {
  padding-left: 0;
  padding-right: 0;
}

#messaging_session_container .tiles .tiles-body {
  padding: 19px 18px 15px 24px;
}

.tiles .controller {
  position: relative;
  display: inline-block;
  float: right;
}

.tiles .controller a {
  position: relative;
  background: url(./portlet-tray.png) no-repeat;
  transition: all 0.1s linear 0s;
  display: inline-block;
}

.tiles .controller a.remove {
  background-position: -66px -38px;
  height: 10px;
  top: -5px;
  width: 10px;
}

.tiles .controller a.config {
  background-position: -3px -32px;
  height: 22px;
  width: 22px;
}

.tiles .controller a.reload {
  background-position: -37px -38px;
  height: 10px;
  top: -5px;
  width: 12px;
}

.tiles .controller a.expand {
  background-position: -123px -11px;
  width: 10px;
  height: 6px;
  top: -5px;
}

.tiles .controller a:hover.collapse {
  background-position: -95px -40px;
  height: 7px;
  top: -5px;
  width: 9px;
}

.tiles .controller a:hover.remove {
  background-position: -66px -9px;
  height: 10px;
  top: -5px;
  width: 10px;
}

.tiles .controller a:hover.config {
  background-position: -3px -32px;
  height: 22px;
  width: 22px;
}

.tiles .controller a:hover.reload {
  background-position: -38px -9px;
  height: 10px;
  top: -5px;
  width: 12px;
}

.tiles .controller a:hover.expand {
  background-position: -123px -11px;
  width: 10px;
  height: 6px;
  top: -5px;
}

.tiles.white {
  background-color: #ffffff;
  color: #8b91a0;
}

.tiles.white .controller a.remove:hover {
  background-position: -66px -38px;
  height: 10px;
  top: -5px;
  width: 10px;
  opacity: 0.6;
}

.tiles.white .controller a.config:hover {
  background-position: -3px -32px;
  height: 22px;
  width: 22px;
  opacity: 0.6;
}

.tiles.white .controller a.reload:hover {
  background-position: -37px -38px;
  height: 10px;
  top: -5px;
  width: 12px;
  opacity: 0.6;
}

.tiles.white .controller a.expand:hover {
  background-position: -123px -11px;
  width: 10px;
  height: 6px;
  top: -5px;
  opacity: 0.6;
}

.tiles.white>.tile-footer {
  background-color: #eceff1;
  color: #d1d3d9;
  font-size: 13px;
  padding: 8px 15px;
}

.tiles.white.borderall {
  border: 1px solid #e5e9ec;
}

.tiles.white.border-left {
  border-left: 1px solid #e5e9ec;
}

.tiles.white.border-right {
  border-right: 1px solid #e5e9ec;
}

.tiles.white.border-top {
  border-top: 1px solid #e5e9ec;
}

.tiles.white.border-bottom {
  border-bottom: 1px solid #e5e9ec;
}

.tiles.white hr {
  margin: 10px 0px;
  height: 1px;
  border: none;
  background-color: #f2f3f5;
}

.tiles.white label {
  color: #9aa0ad;
}

.tiles.white>.tiles-body>.heading {
  color: #000;
}

.tiles.white .tiles-body>.description {
  color: #8b91a0;
}

.tiles .settings-box {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 1px 4px;
}

.tiles .heading {
  font-size: 25px;
  display: block;
  font-family: "Open Sans";
  font-weight: 600;
  margin: 4px 0px;
}

.tiles .heading .icon-grid {
  top: 1px;
  font-size: 31px;
  position: relative;
}

.tiles p {
  margin: 0 0 5px;
}

.tiles hr {
  margin: 10px 0px;
  height: 1px;
  border: none;
  background-color: #2b3038;
}

.tiles .tiles-body-overlay {
  position: absolute;
  z-index: 100;
  padding: 19px 18px 17px 24px;
  width: auto;
}

.tiles .progress {
  width: 70%;
  margin-bottom: 15px;
}

.tiles .iconplaceholder {
  background-color: rgba(0, 0, 0, 0.28);
}

.tiles .iconplaceholder i {
  color: #ffffff;
}

.tiles>.tiles-body>.description {
  font-size: 12px;
  display: block;
  color: #ffffff;
  display: table-cell;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

.tiles .description i {
  font-size: 21px;
  color: #ffffff;
}

.tiles .description .mini-description {
  position: relative;
  top: -5px;
}

.tiles label {
  color: #ffffff;
}

.tiles.red {
  background-color: #f35958;
}

.tiles.red .button {
  background: #bf3938;
  color: #f7bebe;
}

.tiles.purple {
  background-color: #735f87;
}

.tiles.purple .button {
  background: #736086;
  color: #d7d5d7;
}

.tiles.blue {
  background-color: #0090d9;
}

.tiles.green {
  background-color: #0aa699;
}

.tiles.black {
  background-color: #22262e;
}

.tiles.black .blend {
  color: #8b91a0;
}

.tiles.black input {
  background-color: rgba(0, 0, 0, 0.35);
  border: 0;
}

.tiles.dark-blue {
  background-color: #365d98;
}

.tiles.light-blue {
  background-color: #00abea;
}

.tiles.light-red {
  background-color: #f96773;
}

.tiles.grey {
  background-color: #e9ecee;
}

.tiles.gradient-grey {
  background: -moz-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(131, 131, 131, 0.65) 100%);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, rgba(0, 0, 0, 0)),
      color-stop(100%, rgba(131, 131, 131, 0.65)));
  background: -webkit-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(131, 131, 131, 0.65) 100%);
  background: -o-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(131, 131, 131, 0.65) 100%);
  background: -ms-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(131, 131, 131, 0.65) 100%);
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(131, 131, 131, 0.65) 100%);
}

.tiles.gradient-black {
  background: -moz-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.65) 100%);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, rgba(0, 0, 0, 0)),
      color-stop(100%, rgba(0, 0, 0, 0.65)));
  background: -webkit-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.65) 100%);
  background: -o-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.65) 100%);
  background: -ms-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.65) 100%);
}

.tiles .blend {
  color: rgba(0, 0, 0, 0.42);
}

.tiles .button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 12px;
}

.tile-more-content {
  background-color: #ffffff;
}

.tile-more-content .tiles-body {
  padding: 19px 18px 17px 24px;
}

.row-fluid.side-content .tiles,
.row-fluid .tile-content {
  margin: 0;
}

.tile-footer {
  background-color: rgba(0, 0, 0, 0.28);
  color: #ffffff;
  font-size: 13px;
  padding: 8px 15px;
}

.chart-wrapper {
  padding-top: 40px;
}

.tiles.red .settings-box,
.tiles.red .button {
  background: #bf3938;
  color: #f35958;
}

.tiles.purple .settings-box,
.tiles.red .button {
  background: #08897e;
  color: transparent;
}

.tiles-chart {
  position: relative;
}

.tiles-chart .tiles-body {
  position: absolute;
  z-index: 100;
  padding: 19px 18px 17px 24px;
}

.tiles-chart .tiles-body .heading {
  color: #0aa699;
}

.tiles-chart .controller {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 100;
}

.tiles-overlay {
  width: 100%;
  height: 100%;
}

.tiles-overlay.auto {
  width: auto;
  height: auto;
}

.tiles-overlay.green {
  background-color: rgba(10, 166, 153, 0.8);
}

.tiles-overlay.blue {
  background-color: rgba(0, 144, 217, 0.8);
}

.widget-item {
  position: relative;
}

.widget-item.narrow-margin {
  margin-right: -10px;
}

.widget-item .controller {
  position: absolute;
  display: block;
  z-index: 100;
}

.widget-item .controller.right {
  right: 20px;
  top: 20px;
}

.widget-item .controller.left {
  left: 10px;
  top: 10px;
}

.widget-item .controller a {
  position: relative;
  background: url(./portlet-tray.png) no-repeat;
  transition: all 0.1s linear 0s;
  display: inline-block;
}

.widget-item .controller a.remove {
  background-position: -66px -38px;
  height: 10px;
  top: -5px;
  width: 10px;
}

.widget-item .controller a.config {
  background-position: -3px -32px;
  height: 22px;
  width: 22px;
}

.widget-item .controller a.reload {
  background-position: -37px -38px;
  height: 10px;
  top: -5px;
  width: 12px;
}

.widget-item .controller a.expand {
  background-position: -123px -11px;
  width: 10px;
  height: 6px;
  top: -5px;
}

.widget-item .controller a:hover.collapse {
  background-position: -95px -40px;
  height: 7px;
  top: -5px;
  width: 9px;
}

.widget-item.white .controller a.remove:hover {
  background-position: -66px -38px;
  height: 10px;
  top: -5px;
  width: 10px;
  opacity: 0.6;
}

.widget-item.white .controller a.config:hover {
  background-position: -3px -32px;
  height: 22px;
  width: 22px;
  opacity: 0.6;
}

.widget-item.white .controller a.reload:hover {
  background-position: -37px -38px;
  height: 10px;
  top: -5px;
  width: 12px;
  opacity: 0.6;
}

.widget-item .controller a:hover.remove,
.widget-item .controller a:hover.config,
.widget-item .controller a:hover.reload,
.widget-item .controller a:hover.expand,
.widget-item .controller a:hover.collapse {
  opacity: 0.5;
}

.widget {
  display: block;
  margin-right: -10px;
}

.widget .widget-title {
  display: block;
  padding: 10px;
  padding-bottom: 14px;
  background-color: #ffffff;
  color: #e5e9ec;
  text-align: center;
  font-weight: bold;
}

.widget .widget-title.dark {
  background-color: #1b1e24;
  color: #ffffff;
}

.widget .widget-title.dark .controller a.remove {
  background-position: -66px -9px;
  height: 10px;
  top: -5px;
  width: 10px;
}

.widget .widget-title.dark .controller a.config {
  background-position: -3px -32px;
  height: 22px;
  width: 22px;
}

.widget .widget-title.dark .controller a.reload {
  background-position: -38px -9px;
  height: 10px;
  top: -5px;
  width: 12px;
}

.widget .widget-title.blue {
  background-color: #0090d9;
  color: #ffffff;
}

.widget .widget-title.red {
  background-color: #f35958;
  color: #ffffff;
}

.widget .widget-title.green {
  background-color: #0aa699;
  color: #ffffff;
}

.widget .widget-title.purple {
  background-color: #736086;
  color: #ffffff;
}

.widget .widget-body {
  display: block;
  background-color: #ffffff;
  padding: 15px 25px;
}

.widget .controller {
  position: relative;
  display: inline-block;
  float: right;
  top: 6px;
  margin-right: 8px;
}

.widget .controller a {
  position: relative;
  background: url(./portlet-tray.png) no-repeat;
  transition: all 0.1s linear 0s;
  display: inline-block;
}

.widget .controller a.remove {
  background-position: -66px -38px;
  height: 10px;
  top: -5px;
  width: 10px;
}

.widget .controller a.config {
  background-position: -3px -32px;
  height: 22px;
  width: 22px;
}

.widget .controller a.reload {
  background-position: -37px -38px;
  height: 10px;
  top: -5px;
  width: 12px;
}

.widget .controller a.expand {
  background-position: -123px -11px;
  width: 10px;
  height: 6px;
  top: -5px;
}

.widget .controller a:hover.collapse {
  background-position: -95px -40px;
  height: 7px;
  top: -5px;
  width: 9px;
}

.widget .controller a:hover.remove {
  background-position: -66px -9px;
  height: 10px;
  top: -5px;
  width: 10px;
}

.widget .controller a:hover.config {
  background-position: -3px -32px;
  height: 22px;
  width: 22px;
}

.widget .controller a:hover.reload {
  background-position: -38px -9px;
  height: 10px;
  top: -5px;
  width: 12px;
}

.widget .controller a:hover.expand {
  background-position: -123px -11px;
  width: 10px;
  height: 6px;
  top: -5px;
}

.widget .widget-title.dark .controller a.reload:hover,
.widget .widget-title.dark .controller a.remove:hover {
  opacity: 0.5;
}

.weather-widget {
  overflow: hidden;
}

.weather-widget .big-icon {
  width: 120px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 23px;
  margin-bottom: 8px;
}

.weather-widget .small-text-description {
  position: relative;
  top: -9px;
}

.weather-widget-big-text {
  font-size: 54px !important;
}

.widget-stats {
  padding-left: 0;
  display: inline-block;
}

.widget-stats .wrapper {
  margin: 5px 0 5px 0;
  border-right: 1px solid #363a41;
  margin-right: 7px;
  padding-right: 7px;
}

.widget-stats .wrapper.transparent {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.widget-stats .wrapper.last {
  border: 0;
}

.widget-stats .item-title {
  font-size: 12px;
}

.widget-stats .item-count {
  font-size: 15px;
  color: #ffffff;
  display: block;
  font-weight: bold;
}

.market-share-widget-innerscroller {
  height: calc(100% - 110px);
}

.sales-graph-heading {
  padding-left: 45px;
  padding-top: 35px;
}

/* Metro JS */
.live-tile,
.list-tile,
.copy-tile {
  height: 100%;
}

.live-tile,
.list-tile,
.copy-tile,
.tile-strip .flip-list>li {
  margin: 0;
  width: 100%;
}

.live-tile p,
.list-tile p,
.copy-tile p {
  padding: 0;
}

h4.custom-line-height {
  line-height: 25px;
}

.hover-effect-img {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.tiles:hover .hover-effect-img {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  filter: contrast(130%);
  -webkit-filter: contrast(130%);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tiles.adjust-text p {
    font-size: 10px;
  }

  .tiles.adjust-text h3 {
    font-size: 20px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .tiles.adjust-text p {
    font-size: 14px;
  }
}

.btn {
  display: inline-block;
  padding: 9px 12px;
  padding-top: 7px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #5e5e5e;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #d1dade;
  -webkit-border-radius: 3px;
  background-image: none !important;
  border: none;
  text-shadow: none;
  box-shadow: none;
  transition: all 0.12s linear 0s !important;
  font: 14px/20px "Open Sans", sans-serif;
}

.btn:focus {
  outline: none;
}

.btn .caret {
  margin-left: 3px;
}

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

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #b9c3c8;
}

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

.btn-cons {
  margin-right: 5px;
  min-width: 120px;
  margin-bottom: 8px;
}

.btn-demo-space {
  margin-bottom: 8px;
}

.demo-placeholder {
  width: 100%;
  height: 250px;
}

.btn-social {
  font-size: 20px;
  margin: 10px;
}

.btn-social:hover,
.btn-social:focus,
.btn-social:active,
.btn-social.active,
.btn-social.disabled,
.btn-social[disabled] {
  color: #2d8ebf;
  text-decoration: none;
}

.btn-copy-clipboard {
  width: 100%;
}

.btn-primary {
  color: #ffffff;
  background-color: #0aa699;
}

.btn-statistic {
  margin-top: 10px;
  margin-bottom: 9px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #099a8c;
}

.btn-success {
  color: #ffffff;
  background-color: #0090d9;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #0082d4;
}

.btn-info {
  color: #ffffff;
  background-color: #1f3853;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #1b3148;
}

.btn-warning {
  color: #ffffff;
  background-color: #fbb05e;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #faa652;
}

.btn-danger {
  color: #ffffff;
  background-color: #f35958;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #f14d4d;
}

.btn-danger-dark {
  color: #ffffff;
  background-color: #b94141;
}

.btn-danger-dark:hover,
.btn-danger-dark:focus,
.btn-danger-dark:active,
.btn-danger-dark.active,
.btn-danger-dark.disabled,
.btn-danger-dark[disabled] {
  background-color: #e94847;
  color: #ffffff;
}

.btn-dark {
  color: #ffffff;
  background-color: #1b1e24;
}

.btn-white {
  color: #5e5e5e;
  background-color: #ffffff;
  border: 1px solid #e5e9ec;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.btn-white.disabled,
.btn-white[disabled] {
  background-color: #fbfcfd;
  border: 1px solid #b4b9be;
}

.btn-link {
  color: #5e5e5e;
  background-color: transparent;
  border: none;
}

.btn-large {
  padding: 15px 24px;
  font-size: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.btn-link.disabled,
.btn-link[disabled] {
  background-color: transparent;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 3px 12px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 2px 9px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0aa699;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #fbb05e;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #f35958;
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: #0090d9;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #1f3853;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222;
}

.btn-group.open .btn-white.dropdown-toggle {
  background-color: #fbfcfd;
}

.btn-group>.btn+.dropdown-toggle {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-left: 1px #f7f7f7 solid;
  padding-right: 10px;
  border-left: 1px solid #e5e9ec;
}

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

.btn-group>.dropdown-menu {
  font-size: 13px;
}

.btn-group>.dropdown-menu li {
  padding-left: 0px;
}

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

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
  text-shadow: none;
  border: none;
  border-radius: 3px;
  padding: 0px;
  font-size: 13px;
}

.dropdown-menu .divider {
  background-color: #eaedf0;
  height: 1px;
  margin: 3px 0;
  border-bottom: 0px;
}

.dropdown-menu>li>a {
  line-height: 25px;
  color: #2a2e36;
  margin: 4px;
  border-radius: 3px;
  text-align: left;
  cursor: pointer;
}

.dropdown-menu li {
  padding-left: 0px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
  color: #1b1e24;
  text-decoration: none;
  background-color: #eff2f3;
  background-image: none;
  outline: 0;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  color: #1b1e24;
  text-decoration: none;
  background-color: #eff2f3;
  background-image: none;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  color: #999;
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
}

.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active {
  z-index: 0;
}

.btn-group>.btn.btn-white:hover,
.btn-group>.btn.btn-white:focus,
.btn-group>.btn.btn-white:active,
.btn-group>.btn.btn-white.active {
  border: 1px solid #e5e9ec;
}

code,
pre {
  border: none;
}

code {
  background-color: #f3f6f9;
}

code:hover {
  background-color: #e8edf3;
}

.single-colored-widget {
  height: auto;
}

.single-colored-widget h3 {
  font-size: 22px;
  line-height: 32.5px;
}

.single-colored-widget .heading {
  padding: 8px 15px;
  padding-bottom: 4px;
  background-color: #ffffff;
}

.single-colored-widget .heading h4 {
  margin-bottom: 5px;
  margin-top: 5px;
}

.single-colored-widget .content-wrapper {
  padding: 15px 27px;
  padding-bottom: 20px;
}

.single-colored-widget .content-wrapper i {
  color: #ffffff;
}

.single-colored-widget .content-wrapper.red {
  background-color: #f35958;
}

.single-colored-widget .content-wrapper.red p {
  color: #832929;
}

.single-colored-widget .content-wrapper.green {
  background-color: #0aa699;
}

.single-colored-widget .content-wrapper.green p {
  color: #505458;
}

.single-colored-widget .content-wrapper.blue {
  background-color: #0090d9;
}

.single-colored-widget .content-wrapper.blue p {
  color: #0a5174;
}

.single-colored-widget .content-wrapper .mini-logo {
  margin-bottom: 15px;
}

.single-colored-widget .content-wrapper .h3 {
  margin-bottom: 15px;
}

.the-icons {
  padding-top: 17px;
}

.the-icons i {
  color: #505458;
  width: 32px;
  font-size: 14px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
}

.the-icons a {
  color: #505458;
  font-size: 14px;
  cursor: pointer;
  display: block;
  height: 32px;
  line-height: 32px;
}

.the-icons a:hover {
  text-decoration: none;
}

.the-icons [class*="span"]:first-child {
  margin-left: 2.5641%;
}

.the-icons a:hover .fa,
.the-icons a:hover [class*="fa"] {
  font-size: 28px;
  vertical-align: -5px;
}

.tabbable:after {
  clear: both;
}

.tabbable:before,
.tabbable:after {
  content: "";
  display: table;
  line-height: 0;
}

.tabs-below>.nav-tabs,
.tabs-right>.nav-tabs,
.tabs-left>.nav-tabs {
  border-bottom: 0 none;
}

.tab-content>.tab-pane,
.pill-content>.pill-pane {
  display: none;
  padding: 15px;
}

.tab-content>.active {
  min-height: 300px;
}

.tab-content>.active,
.pill-content>.active {
  display: block;
  padding: 19px;
  min-height: 288px;
  position: relative;
  overflow: visible;
}

.tabs-below>.nav-tabs {
  border-top: 1px solid #dddddd;
}

.tabs-below>.nav-tabs>li {
  margin-bottom: 0;
  margin-top: -1px;
}

.tabs-below>.nav-tabs>li>a {
  border-radius: 0 0 4px 4px;
}

.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:hover,
.tabs-below>.nav-tabs>.active>a:focus {
  border-color: rgba(0, 0, 0, 0) #dddddd #dddddd;
}

.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li {
  float: none;
}

.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
  margin-bottom: 3px;
  margin-right: 0;
  min-width: 74px;
}

.tabs-left>.nav-tabs {
  border-right: 1px solid #dddddd;
  margin-right: 19px;
  float: left;
  margin-right: 0px;
}

.tabs-left>.nav-tabs>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: -1px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.tabs-left>.nav-tabs>li>a:hover,
.tabs-left>.nav-tabs>li>a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-right>.nav-tabs {
  border-left: 1px solid #dddddd;
  margin-left: 19px;
  float: right;
  margin-left: 0px;
}

.tabs-right>.nav-tabs>li>a {
  border-radius: 0 4px 4px 0;
  margin-left: -1px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.tabs-right>.nav-tabs>li>a:hover,
.tabs-right>.nav-tabs>li>a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.nav>.disabled>a {
  color: #999999;
}

.nav .tools {
  float: right;
  position: relative;
  right: 10px;
  top: 10px;
}

.nav .tools a {
  position: relative;
  background: url(./portlet-tray.png) no-repeat;
  transition: all 0.1s linear 0s;
}

.nav>.disabled>a:hover,
.nav>.disabled>a:focus {
  background-color: rgba(0, 0, 0, 0);
  cursor: default;
  text-decoration: none;
}

.nav-tabs {
  margin-bottom: 0px;
  background-color: #d1dade;
  padding: 0;
}

.nav-tabs>li {
  margin-bottom: -3px;
  padding-left: 0;
}

.nav-tabs>li>a {
  border-radius: 0;
  border: 0px;
  padding: 15px 20px;
  color: #8e9aa2;
  min-width: 70px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  border-width: 0px;
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus {
  border: 0px;
  color: #505458;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.nav>li>a:hover,
.nav>li>a:focus {
  background-color: transparent;
  color: #505458;
}

.nav .tools>a.remove,
.nav .tools>a.remove {
  background-position: -66px -38px;
  width: 10px;
  height: 10px;
}

.nav .tools>a.config,
.nav.tools>a.config {
  background-position: -3px -32px;
  width: 22px;
  height: 22px;
}

.nav .tools>a.reload,
.nav .tools>a.reload {
  background-position: -37px -38px;
  width: 12px;
  height: 10px;
}

.nav .tools>a.expand,
.nav .tools>a.expand {
  background-position: -123px -40px;
  width: 10px;
  height: 6px;
}

.nav .tools>a.collapse,
.nav.tools>a.collapse {
  background-position: -95px -40px;
  width: 9px;
  height: 7px;
}

.nav-pills {
  margin-bottom: 10px;
}

.nav-pills>li>a {
  padding: 8px 12px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  background-color: #0090d9;
}

.nav-tabs>li>a,
.nav-pills>li>a {
  margin-right: 0px;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav>li.dropdown.open.active>a:hover,
.nav>li.dropdown.open.active>a:focus {
  background-color: #c1cace;
}

.accordion-group {
  border: 0px;
}

.accordion-heading {
  background-color: #d1dade;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-height: 35px;
}

.accordion-heading a {
  color: #505458;
}

.accordion-heading a.collapsed {
  color: #8e9aa2;
}

.accordion-heading a:hover.collapsed {
  color: #505458;
}

.accordion-heading .collapsed {
  background-color: #d9e0e4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.accordion-heading .collapsed i {
  font-family: "FontAwesome";
  float: right;
  position: relative;
  top: 4px;
}

.accordion-heading .collapsed i:before {
  content: "\F055";
}

.accordion-heading i {
  font-family: "FontAwesome";
  float: right;
  position: relative;
  top: 4px;
}

.accordion-heading i:before {
  content: "\F056";
}

.accordion-heading .accordion-toggle {
  padding: 12px 18px;
}

.panel {
  background-color: transparent;
  box-shadow: none;
}

.panel-default {
  border: 0px;
}

.panel-default>.panel-heading {
  background-image: none;
  background-color: #d1dade;
  border-radius: 2px;
  box-shadow: none;
}

.panel-group {
  margin-bottom: 18px;
}

.panel-group .panel-heading.collapsed {
  background-color: #d1dade;
}

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

.panel-group .panel-heading .panel-title>a {
  color: #505458;
  font-size: 13px;
  font-weight: normal;
  display: block;
}

.panel-group .panel-heading .panel-title>a:hover {
  color: #505458 !important;
}

.panel-group .panel-heading .panel-title>a:hover:after {
  color: #505458 !important;
}

.panel-group .panel-heading .panel-title>a:after {
  font-family: "FontAwesome";
  content: "\F056";
  float: right;
  color: #505458;
}

.panel-group .panel-heading .panel-title>a.collapsed {
  color: #8e9aa2;
}

.panel-group .panel-heading .panel-title>a.collapsed:after {
  content: "\F055";
  color: #8e9aa2;
}

.panel-group .panel+.panel {
  margin-top: 2px;
}

.slider {
  display: block;
  margin: 5px 0px;
  direction: ltr;
}

.slider.primary .slider-track {
  background: #0aa699;
  background-image: none;
}

.slider.sucess .slider-track {
  background: #0090d9;
  background-image: none;
}

.slider.info .slider-track {
  background-color: #1f3853;
  background-image: none;
}

.slider.warning .slider-track {
  background: #fbb05e;
  background-image: none;
}

.slider.danger .slider-track {
  background: #f35958;
  background-image: none;
}

.slider.white .slider-track {
  background: #ffffff;
  background-image: none;
}

.slider.slider-vertical {
  margin: 0 10px;
}

.slider.slider-vertical .slider-handle {
  margin-left: -10px !important;
}

.slider.slider-vertical .slider-track {
  width: 5px !important;
}

.slider.slider-horizontal .slider-handle {
  margin-top: -10px !important;
}

.slider.slider-horizontal .slider-track {
  height: 5px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
  -webkit-box-shadow: inset 0px 0px 1px 1px rgba(107, 170, 165, 0.33) !important;
  -moz-box-shadow: inset 0px 0px 1px 1px rgba(107, 170, 165, 0.33) !important;
  box-shadow: inset 0px 0px 1px 1px rgba(107, 170, 165, 0.33) !important;
}

.slider-handle.round {
  opacity: 1;
  background: #f8f9fa;
  background: -moz-linear-gradient(top, #f8f9fa 13%, #ffffff 97%);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(13%, #f8f9fa),
      color-stop(97%, #ffffff));
  background: -webkit-linear-gradient(top, #f8f9fa 13%, #ffffff 97%);
  background: -o-linear-gradient(top, #f8f9fa 13%, #ffffff 97%);
  background: -ms-linear-gradient(top, #f8f9fa 13%, #ffffff 97%);
  background: linear-gradient(to bottom, #f8f9fa 13%, #ffffff 97%);
  -webkit-box-shadow: inset 0 2px 1px -1px #ffffff,
    0px 1px 3px rgba(0, 0, 0, 0.39);
  -moz-box-shadow: inset 0 2px 1px -1px #ffffff, 0px 1px 3px rgba(0, 0, 0, 0.39);
  box-shadow: inset 0 2px 1px -1px #ffffff, 0px 1px 3px rgba(0, 0, 0, 0.39);
  width: 26px;
  height: 26px;
}

.slider-selection {
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.11) !important;
  -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.11) !important;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.11) !important;
}

.blue .slider-selection {
  background-image: none !important;
  background-color: #0a6ea0 !important;
}

.red .slider-selection {
  background-image: none !important;
  background-color: #000 !important;
}

.green .slider-selection {
  background-image: none !important;
  background-color: #0aa699 !important;
  cursor: point2;
}

.table>thead>tr>th {
  border-bottom: 0px;
}

.table th {
  border-top: 1px solid #e8edf1;
  padding: 10px 12px;
  font-size: 12px;
  text-transform: uppercase;
}

.table th.medium-cell {
  width: 112px;
}

.table th.big-cell {
  width: 200px;
}

.table tr.row_selected td {
  background-color: #ffffcc !important;
}

.table tr.row_selected .progress {
  background-color: #ffffff;
}

.table td {
  border-top: 1px solid #e8edf1;
  vertical-align: top;
  padding: 10px 12px !important;
  color: #576475;
  font-size: 13px;
}

.table td.no-border {
  border: none;
}

.table td:first-child {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.table td:last-child {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.table td .progress {
  margin-bottom: 0px;
}

.table td .muted {
  color: #95989a;
}

.table td.clickable {
  cursor: pointer;
}

.table .checkbox {
  margin-left: 3px;
  height: 19px;
}

.table .star {
  margin-left: 3px;
}

th {
  text-align: left;
}

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

.table th input[type="radio"],
input[type="checkbox"],
.table td input[type="radio"],
input[type="checkbox"] {
  margin-top: -2px;
}

.table td.small-cell,
.table th.small-cell {
  width: 40px;
}

.table-fixed-layout {
  table-layout: fixed;
}

.table-fixed-layout td {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.table-condensed th .checkbox {
  margin-left: 4px;
}

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

.table-striped tbody>tr:nth-child(2n + 1)>td,
.table-striped tbody>tr:nth-child(2n + 1)>th {
  background-color: #ecf0f2;
  border: none;
}

.table-striped tbody>tr>td {
  border: 0px;
}

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

.table-hover tbody tr.row_selected:hover>td {
  background-color: #fef8ae !important;
}

.table-hover tbody tr:hover>td .progress {
  background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
  padding: 10px 5px;
}

.table-tools-actions {
  margin: 0px 5px;
}

.inner-table td {
  background-color: transparent !important;
}

.table-bordered {
  border-color: #e8edf1 !important;
}

.table-bordered th {
  background-color: #ecf0f2;
  border: 0 !important;
}

.table-bordered td {
  border: 1px solid #e8edf1 !important;
}

.table-bordered td:first-child {
  border-radius: 0px;
}

.table-bordered td:last-child {
  border-radius: 0px;
}

.dataTables_wrapper .pagination ul {
  box-shadow: none;
  font-size: 12px;
  padding: 0;
}

.dataTables_wrapper .pagination ul>li {
  display: inline-block;
  padding-left: 0px;
}

.dataTables_wrapper .pagination ul>li>a {
  padding: 5px 10px;
}

.dataTables_wrapper .pagination ul>li.next>a:hover {
  background-color: #ffffff;
  color: #000;
}

.dataTables_wrapper .pagination ul>li.next.disabled>a:hover {
  color: #c2c6cb;
  opacity: 0.65;
  background-color: #ffffff;
}

.dataTables_wrapper .pagination ul>li.prev>a:hover {
  background-color: #ffffff;
  color: #000;
}

.dataTables_wrapper .pagination ul>li.prev.disabled>a:hover {
  color: #c2c6cb;
  opacity: 0.65;
  background-color: #ffffff;
}

.dataTables_wrapper .pagination ul>li:last-child>a,
.dataTables_wrapper .pagination ul>li:last-child>span {
  margin-left: -8px;
}

.dataTables_wrapper .pagination ul>li>a,
.pagination ul>li>span {
  border: none;
  box-shadow: none;
  border-radius: 3px;
  color: #6f7b8a;
}

.dataTables_wrapper .pagination ul>.disabled>span,
.pagination ul>.disabled>a,
.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>a:focus {
  color: #c2c6cb !important;
  opacity: 0.65 !important;
  background-color: #ffffff !important;
}

.dataTables_wrapper .pagination ul>.active>a,
.pagination ul>.active>span {
  background-color: #f3f6f9;
  font-weight: 600;
}

.dataTables_wrapper .pagination ul>li>a:hover,
.pagination ul>li>a:focus,
.pagination ul>.active>a,
.pagination ul>.active>span {
  background-color: #e8edf3;
}

.easy-pie-custom {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  text-align: center;
}

.easy-pie-custom canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.easy-pie-percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}

.easy-pie-percent :after {
  content: "%";
  margin-left: 0.1em;
  font-size: 0.8em;
}

.mini-chart-wrapper {
  display: block;
  width: 100%;
  padding: 19px 9px 0;
}

.mini-chart-wrapper .chart-details-wrapper {
  display: inline-block;
  margin: 8px;
}

.mini-chart-wrapper .chart-details-wrapper .chartname {
  display: block;
  font-size: 10.5px;
  text-transform: uppercase;
  color: #9a9a9a;
}

.mini-chart-wrapper .chart-details-wrapper .chart-value {
  display: block;
  font-size: 14px;
  color: #000000;
}

.mini-chart-wrapper .mini-chart {
  display: inline-block;
  position: relative;
  top: -10px;
}

.mini-chart-wrapper.donut .chart-details-wrapper {
  float: left;
  margin-top: 0;
}

.mini-chart-wrapper.donut .mini-chart {
  float: left;
}

.legendColorBox>div {
  border: 0px !important;
}

.legendLabel {
  line-height: 20px !important;
}

.rickshaw_legend {
  display: block;
  border-radius: 0px;
  background-color: transparent;
}

.rickshaw_legend .line {
  margin-bottom: 10px;
}

.rickshaw_legend .line .swatch {
  margin: 0 8px;
}

.rickshaw_legend .label {
  color: #6f7b8a;
}

.rickshaw_legend ul {
  margin: 15px 16px;
}

.profile-img-wrapper {
  float: left;
  border-radius: 100px 100px 100px 100px;
  display: inline-block;
  height: 35px;
  overflow: hidden;
  width: 35px;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
}

.profile-img-wrapper.big {
  height: 68px;
  width: 68px;
}

.profile-img-wrapper.with-left-space-custom {
  margin-left: 7px;
}

.user-comment-wrapper {
  display: block;
  margin-bottom: 9px;
  padding: 0 14px;
}

.user-comment-wrapper .profile-wrapper {
  float: left;
  border-radius: 100px 100px 100px 100px;
  display: inline-block;
  height: 35px;
  overflow: hidden;
  width: 35px;
  margin: 6px 8px 0 0px;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
}

.user-comment-wrapper .comment {
  display: inline-block;
  float: left;
}

.user-comment-wrapper .comment .user-name {
  color: #0090d9;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-comment-wrapper .comment .more-details-wrapper {
  float: left;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

.user-comment-wrapper .comment .preview-wrapper {
  display: block;
  color: #71798a;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.user-comment-wrapper .comment .more-details {
  display: inline-block;
  float: left;
  color: #bfbfbf;
  margin-right: 10px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-status {
  width: 14px;
  height: 14px;
  position: relative;
  border-radius: 14px;
  background-color: #c5c8cb;
  display: inline-block;
  float: left;
  margin-right: 3px;
  top: 3px;
}

.user-status.busy {
  background-color: #fb3c4a;
}

.user-status.away {
  background-color: #c5c8cb;
}

.user-status.available {
  background-color: #0aa699;
}

.user-status:before {
  width: 5px;
  height: 5px;
  position: relative;
  border-radius: 10px;
  background-color: #ffffff;
  display: inline-block;
}

.blog-post-controls-wrapper {
  display: block;
  margin-top: 4px;
  margin-bottom: 15px;
}

.blog-post-control {
  display: inline-block;
  float: left;
  margin-right: 8px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  opacity: 0.7;
}

.content-loading-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.content-loading {
  position: relative;
  left: 45%;
  top: 45%;
}

.simple-chat-popup {
  margin-top: 3px;
  padding: 5px 0;
  left: -77.5px;
  top: 25px;
  position: absolute;
  z-index: 10000;
  cursor: pointer;
}

.simple-chat-popup .simple-chat-popup-arrow {
  border-bottom-color: #292b2e;
  border-width: 0 5px 5px;
  left: 74%;
  margin-left: -5px;
  top: 0;
}

.simple-chat-popup-arrow {
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
  height: 0;
  position: absolute;
  width: 0;
}

.simple-chat-popup-inner {
  background-color: #000000;
  border-radius: 4px 4px 4px 4px;
  color: #ffffff;
  padding: 8px;
  text-align: right;
  text-decoration: none;
  background-color: #292b2e;
  font-size: 12px;
}

.simple-chat-popup-inner .message {
  color: #bfc0c1;
  font-size: 11px;
  margin-top: -4px;
}

.side-bar-widgets {
  position: relative;
  display: block;
}

.cover-pic-wrapper {
  max-height: 250px;
  position: relative;
  overflow: hidden;
}

.user-profile-pic {
  width: 100%;
  text-align: right;
  margin-top: -40px;
  position: relative;
  z-index: 200;
}

.user-profile-pic img {
  border-radius: 100px 100px 100px 100px;
  display: inline-block;
  height: 68px;
  overflow: hidden;
  width: 68px;
  border: 5px solid #ffffff;
  background-color: #e5e9ec;
}

.user-mini-description {
  margin-right: 10px;
}

.user-mini-description h3 {
  margin: 5px 0;
  margin-bottom: 0px;
  text-align: right;
}

.user-mini-description h5 {
  margin: 0px;
  font-size: 13px;
  color: #8b91a0;
  text-align: right;
}

.user-description-box {
  background-color: #f2f4f6;
  margin: 10px 15px;
  padding: 20px;
}

.user-description-box p {
  margin: 0 0 10px;
  font-size: 12px;
}

.user-description-box p i {
  width: 25px;
  font-size: 14px;
}

.user-description-box p:last-child {
  margin: 0px;
}

.session-tiles-container .no-chat-sessions {
  margin: 15px;
}

.friend-list {
  color: #414243;
  margin: 0;
  border-radius: 0;
  background: #e2e2e0;
  padding: 12px 15px 0;
}

.friend-list-container:not(:nth-last-child(2)) .friend-list {
  border-bottom: 1px solid rgb(180, 181, 182);
}

.friend-list.unread {
  font-weight: 600;
  background-color: white;
}

.friend-list.unread .friend-last-message {
  font-weight: 600;
}

.friend-list.current {
  background-color: #8bbbcf;
}

.friend-list.current .friend-name,
.friend-list.current .timestamp {
  color: black;
}

.friend-list .friend-details-wrapper {
  display: inline-block;
  float: left;
  width: 220px;
}

.friend-list .friend-profile-pic {
  display: inline-block;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}

.friend-list .chat-profile-pic {
  padding-right: 0;
}

.friend-list .friend-name {
  display: inline-block;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.friend-list .timestamp {
  display: inline-block;
  font-size: 10px;
  line-height: 19px;
  text-align: right;
  padding-right: 13px;
  position: relative;
  top: 1px;
}

.friend-list .friend-description {
  display: block;
  font-size: 12px;
  color: #767e84;
}

.friend-list .action-bar {
  display: inline-block;
  margin-left: 10px;
  margin-top: 8px;
  float: left;
}

.friend-list .unread-wrapper {
  padding-right: 0;
}

.friend-list .unread-conversation {
  font-size: 10px !important;
  font-weight: 400;
  background-color: #f35958;
  padding: 3px 6px;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  text-shadow: none !important;
  color: #ffffff;
  margin-left: 15px;
}

.friend-list .friend-last-message {
  padding: 0;
  color: #505458;
  margin-top: 3px;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-profile-pic-normal {
  border-radius: 100px 100px 100px 100px;
  height: 36px;
  overflow: hidden;
  width: 36px;
}

.user-profile-pic-normal .top-messages {
  top: 3px;
  left: 4px;
}

.user-profile-pic-normal .user-background {
  font-size: 13px !important;
  font-weight: 700;
  text-align: center;
  background-color: #f98bae;
  background-postion: center;
  background-size: cover;
  padding: 8px 6px;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  text-shadow: none !important;
  color: #fff;
  height: 36px;
}

.chat-profile-pic .channel-type {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: relative;
  bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.chat-profile-pic .channel-type.vk {
  background: #4c75a3;
}

.chat-profile-pic .channel-type.tg {
  background: #0088cc;
}

.channel-type.tg i {
  margin-left: -2px;
}

.chat-profile-pic .channel-type.viber,
.chat-profile-pic .channel-type.vibersm {
  background: #675ca8;
}

.chat-profile-pic .channel-type.facebook {
  background: #3b5998;
}

.chat-profile-pic .channel-type.skype {
  background: #00aff0;
}

.chat-profile-pic .channel-type.whatsapp {
  background: rgba(97, 211, 108, 0.64);
}

.chat-profile-pic .channel-type.whatsappb {
  background: #0ee675;
}

.chat-profile-pic .channel-type.whatsapp {
  background: rgba(97, 211, 108, 0.64);
}

.chat-profile-pic .channel-type.whatsappb {
  background: #0ee675;
}

.chat-profile-pic .channel-type.instagram {
  background: #f44747;
}

.chat-profile-pic .channel-type.sms {
  background: #f44747;
}

.user-profile-pic-2x {
  border-radius: 100px 100px 100px 100px;
  height: 50px;
  overflow: hidden;
  width: 50px;
}

.user-profile-pic-2x.white-border {
  border: 5px solid #ffffff;
}

.user-status-box {
  border: none;
  border-radius: 0;
  margin: 0;
}

#messaging_session_container {
  position: absolute;
  width: calc(100% - 317px);
  padding: 0;
  right: 36px;
  height: calc(100% - 60px);
  top: 60px;
  overflow: hidden;
  background: white;
  left: 317px;
  /*max-width: 650px;*/
}

@media (max-width: 767px) {
  .grid.simple .grid-body {
    padding: 18px;
  }

  .header .header-quick-nav .pull-left {
    display: block;
  }

  .header .header-quick-nav .pull-right {
    margin-right: -20px;
  }

  #messaging_session_container {
    width: 100%;
    position: fixed;
    height: 100%;
    max-width: 100%;
    left: 0;
    top: 50px;
    margin-top: 10px;
  }
}

#messaging_session_container h5 {
  margin: 0px;
  padding-top: 28px;
  padding-bottom: 11px;
  padding-left: 26px;
}

#messaging_session_container .session-logo {
  margin: 82px auto;
  display: block;
}

#messaging_session_container .session-chat-empty {
  align-content: center;
   text-align: center;
   height: 100%;
}

#messaging_session_container .session-container-hint {
  font-size: 18px;
}

#messaging_session_container .attachments-file-name {
  color: #45759f;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
}

#messaging_session_container .download-attached-file span {
  text-decoration: underline;
  font-weight: bold;
}

#messaging_session_container .attachments-err {
  text-align: center;
  color: #f68e8e;
  margin-top: 7px;
  padding-bottom: 5px;
  font-size: 15px;
  width: 60%;
  padding-right: 68px;
}

#messaging_session_container .upload-wrapper {
  margin-right: 63px;
  width: 230px;
  margin-top: 10px;
}

#messaging_session_container .upload-wrapper .info {
  margin-left: 20px;
  margin-top: 10px;
}

#messaging_session_container .upload-wrapper .info>.status {
  display: inline-block;
  margin-left: 10px;
}

#messaging_session_container .cancel-upload {
  position: relative;
  bottom: 14px;
  right: 10px;
}

#messaging_session_container .meter {
  width: 200px;
  background-color: #e5e9ec;
}

#messaging_session_container .meter>span {
  display: block;
  height: 8px;
  background-color: #45759f;
  position: relative;
  overflow: hidden;
}

#messaging_session_container .meter>span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear,
      0 0,
      100% 100%,
      color-stop(0.25, rgba(255, 255, 255, 0.2)),
      color-stop(0.25, transparent),
      color-stop(0.5, transparent),
      color-stop(0.5, rgba(255, 255, 255, 0.2)),
      color-stop(0.75, rgba(255, 255, 255, 0.2)),
      color-stop(0.75, transparent),
      to(transparent));
  background-image: -moz-linear-gradient(-45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent);
  z-index: 1;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.session-tiles {
  height: calc(100% - 219px);
  overflow-x: hidden;
  overflow-y: initial;
}

.sessions-wrapper {
  padding-bottom: 1em;
}

.text-field-wrapper {
  padding: 20px 20px 20px 20px;
  background-color: #d1dade;
  z-index: 2;
}

.text-field-wrapper .chat-input-field {
  border: 1px solid #dbdce0;
  box-shadow: 1px 1px 2px rgba(228, 223, 224, 0.9);
  border-radius: 2px;
  background: white;
}

.text-field-wrapper .chat-input-field.offline {
  background: wheat;
}

.text-field-wrapper .chat-input-field textarea {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  resize: none;
  outline: none;
  height: 75px;
  width: 100%;
  display: inline-block;
}

.text-field-wrapper .tb-chat-emoji-picker {
  left: 40px;
  bottom: 17px;
  right: inherit;
  top: inherit;
}

.chat-input-field__toolbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6em 0.8em;
  background-color: #f2f4f6;
}

.chat-input-field__blurred-overlay {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 1000;
  backdrop-filter: blur(6px);
}

.chat-input-field__blurred-overlay-close-button:hover {
  opacity: 0.5;
}

.chat-input-field__waba-24-hour-window-description {
  color: #f35958;
  font-size: 1.3em;
  text-align: center;
}

.chat-input-field__toolbox .chat-input-field__tool-icon,
.text-field-wrapper .tb-chat-emoji-picker {
  outline: none;
  margin: 0;
  font-size: 20px !important;
  cursor: pointer;
  opacity: 0.7;
  color: #adadad;
}

.chat-input-field__toolbox .chat-input-field__waba-template-icon {
  margin-left: 2em;
}

.chat-input-field__toolbox .chat-input-field__tool-icon:hover,
.text-field-wrapper .tb-chat-emoji-picker:hover {
  opacity: 1;
}

.chat-input-field__send-button-container {
  display: flex;
  align-items: center;
}

.chat-input-field__ctrl-enter-label {
  color: #adadad;
  margin-right: 1em;
}

.chat-input-field__toolbox .send-location {
  margin-left: 47px;
}

.chat-input-field__toolbox .send-location,
.send-file {
  width: 47px;
  height: 47px;
  cursor: pointer;
  border: 0;
  background: none;
  color: black;
  font-size: 20px;
  /*margin: 10px 0 0 10px;*/
}

.chat-input-field__toolbox .send-location:focus,
.send-file:focus {
  outline: 0px !important;
  -webkit-appearance: none;
}

.text-field-wrapper .tarif-over {
  padding: 10px;
  background: #ffd181;
  color: #000;
}

.text-field-wrapper .tarif-over-text {
  overflow: hidden;
}

.text-field-wrapper .tarif-over-button {
  float: right;
  margin: 10px;
}

.post {
  display: block;
}

.post .info-wrapper {
  display: inline-block;
  float: left;
  width: 80%;
}

.post .info-wrapper.small-width {
  width: 70%;
}

.post .username {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}

.post .info {
  display: block;
}

.post .user-profile-pic-wrapper {
  display: inline-block;
  float: left;
  margin-right: 16px;
}

.post .more-details {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #b6bfc5;
  padding-top: 0.4em;
  padding-right: 3px;
}

.post .message-sender-email {
  margin-left: 0.5em;
}

.post .post-links {
  margin: 4px 0 0;
  list-style: none;
  font-size: 11px;
  padding: 0;
}

.post .post-links li {
  display: inline;
  float: left;
  position: relative;
  padding-left: 0px;
  padding-right: 8px;
  line-height: 1.2em;
}

.post .post-links .fast-response-msg {
  display: block;
  float: right;
  text-align: right;
  background-size: contain;
  cursor: pointer;
}

.post .post-links .fast-response-msg.text-success {
  background: none;
  width: auto;
  cursor: auto;
}

.fast-response-msg .fa {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  width: 20px;
  text-align: center;
}

.fast-response-msg .fa-caret-up {
  display: none;
}

.fast-response-msg .fast-response-add {
  display: none;
}

.fast-response-msg.open .fa-caret-up {
  display: inline-block;
}

.fast-response-msg.open .fast-response-add {
  display: block;
}

.fast-response-msg.open .fa-caret-down {
  display: none;
}

.post .post-links li:after {
  color: #999999;
  content: "\2022";
  padding-left: 8px;
}

.post .post-links li:last-child:after {
  content: "";
}

.post .post-links .fast-response-msg {
  display: block;
  float: right;
  text-align: right;
  background-size: contain;
  cursor: pointer;
}

.post .post-links .fast-response-msg.text-success {
  background: none;
  width: auto;
  cursor: auto;
}

.fast-response-msg .fa {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  width: 20px;
  text-align: center;
}

.fast-response-msg .fa-caret-up {
  display: none;
}

.fast-response-msg .fast-response-add {
  display: none;
}

.fast-response-msg.open .fa-caret-up {
  display: inline-block;
}

.fast-response-msg.open .fast-response-add {
  display: block;
}

.fast-response-msg.open .fa-caret-down {
  display: none;
}

.post .message-error,
.post .message-error a {
  color: #f35958;
}

.post .message-error a {
  font-weight: bold;
}

.post .dark-text {
  color: #2a2e36;
}

.post .action-bar {
  display: block;
  list-style: none;
  margin: 13px 0 37px;
  font-size: 12px;
  padding: 0;
}

.post .action-bar li {
  display: inline;
  float: left;
  position: relative;
  padding-right: 8px;
}

.post-input {
  padding-left: 14px !important;
  padding-top: 15px !important;
  font-size: 14px;
}

.comments-section {
  margin-top: 12px;
  width: 90%;
}

.comments-section.inbound {
  float: left;
}

.comments-section.outbound {
  float: right;
}

.comments-section.outbound .info-wrapper {
  float: right;
}

.comments-section.outbound .muted {
  padding-left: 1px;
}

#Parks {
  margin-bottom: 30px;
}

.img_wrapper {
  position: relative;
  background: #d1dade;
  overflow: hidden;
}

.img_wrapper img {
  position: absolute;
  width: 100%;
  height: auto;
  opacity: 1;
  top: 0;
  -webkit-transition: opacity 150ms;
  -moz-transition: opacity 150ms;
  -ms-transition: opacity 150ms;
  transition: opacity 150ms;
}

.img_wrapper.loaded img {
  opacity: 1;
}

.jvectormap-zoomin {
  bottom: 15px;
  top: auto;
}

.jvectormap-zoomout {
  bottom: 15px;
  left: 35px;
  top: auto;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
  background-color: #0090d9;
  padding: 8px 10px;
  height: auto;
  width: auto;
}

.craft-map-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 0;
}

.overlap-left-10 {
  position: relative;
  left: -10px;
}

.mapplic-container {
  background-color: transparent;
}

.mapplic-element.mapplic-loading {
  background-image: none;
  opacity: 0.7;
}

.mapplic-element.mapplic-loading:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2000;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #000;
  border-left-color: #000;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

#wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}

.error-body {
  background-color: #e5e9ec !important;
  font-family: "Open Sans";
  height: 100%;
}

.error-wrapper {
  min-height: 100%;
  height: auto;
  margin: 0 auto -130px;
  padding: 0 0 60px;
  height: 624px;
}

.error-wrapper:after {
  content: "";
  display: block;
}

.wrappers {
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  vertical-align: text-top;
  width: inherit;
  height: inherit;
}

.error-container {
  font-family: "Open Sans";
}

.error-container .error-number {
  color: #22262e;
  font-size: 120px;
  text-align: center;
  font-weight: 600;
  line-height: 130px;
}

.error-container .error-description {
  color: #22262e;
  font-size: 32px;
  text-align: center;
  font-weight: 300;
}

.error-container .error-description-mini {
  color: #22262e;
  font-size: 18px;
  text-align: center;
  font-weight: 300;
}

.error-container .input-prepend.inside .add-on {
  background-color: #ffffff;
  padding-top: 6px;
  color: #a1a1a1;
}

.error-container ul.footer-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

.error-container ul.footer-links li {
  display: inline;
  border-right: 1px solid #000;
  padding: 0px 10px;
}

.error-container ul.footer-links li a {
  color: #22262e;
  font-size: 12px;
}

.error-container ul.footer-links li:last-child {
  display: inline;
  border-right: none;
  padding: 0px 10px;
}

.error-container ul.footer-links.small-links li {
  border-right: 1px solid #616a7b;
}

.error-container ul.footer-links.small-links li a {
  color: #616a7b;
  font-size: 11px;
}

.error-container ul.footer-links.small-links li:last-child {
  border-right: none;
}

.error-container .copyright {
  font-size: 12px;
  text-align: center;
}

.error-main {
  text-align: center;
  position: absolute;
  margin-top: 18%;
}

#footer {
  height: 130px;
}

#gmaps_context_menu {
  text-align: center;
}

#gmaps_context_menu a {
  color: #8b91a0;
}

#gmaps_context_menu a:hover {
  color: #1b1e24;
  text-decoration: none;
}

.cbp_tmtimeline {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.cbp_tmtimeline li {
  position: relative;
}

.cbp_tmtimeline:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #f2f4f6;
  left: 20%;
  margin-left: -10px;
}

.cbp_tmtimeline>li .cbp_tmtime {
  display: block;
  width: 25%;
  padding-right: 100px;
  position: absolute;
  font-family: "Arial";
  text-align: right;
}

.cbp_tmtimeline>li .cbp_tmtime .date {
  font-size: 1.2em;
  color: #505458;
  margin-bottom: 5px;
  display: block;
}

.cbp_tmtimeline>li .cbp_tmtime .time {
  font-size: 1.5em;
  color: #505458;
  display: block;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child {
  color: #505458;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel {
  background: #ffffff;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
  border-right-color: #ffffff;
}

.cbp_tmtimeline>li .cbp_tmlabel {
  margin: 0 0 15px 25%;
  background: #ffffff;
  font-size: 13px;
  line-height: 1.4;
  position: relative;
}

.cbp_tmtimeline>li .cbp_tmlabel h2 {
  margin-top: 0px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.cbp_tmtimeline>li .cbp_tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-right-color: #ffffff;
  border-width: 10px;
  top: 10px;
}

.cbp_tmtimeline>li .cbp_tmicon {
  width: 40px;
  height: 40px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 37px;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #7c8694;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #ffffff;
  text-align: center;
  left: 20%;
  top: 0;
  margin: 0 0 0 -25px;
  font-size: 1.3em;
}

.cbp_tmtimeline>li .cbp_tmicon.success {
  background: #0090d9;
  box-shadow: 0 0 0 8px #2ba3df;
  color: #ffffff;
}

.cbp_tmtimeline>li .cbp_tmicon.primary {
  background: #0aa699;
  box-shadow: 0 0 0 8px #33b5aa;
  color: #ffffff;
}

.cbp_tmtimeline>li .cbp_tmicon.warning {
  background: #fbb05e;
  box-shadow: 0 0 0 8px #fcbd79;
  color: #ffffff;
}

.cbp_tmtimeline>li .cbp_tmicon.danger {
  background: #f35958;
  box-shadow: 0 0 0 8px #455a70;
  color: #ffffff;
}

.cbp_tmtimeline>li .cbp_tmicon.info {
  background: #1f3853;
  box-shadow: 0 0 0 8px #455a70;
  color: #ffffff;
}

.cbp_tmtimeline .action-links {
  margin: 4px 0 0;
  list-style: none;
  font-size: 13px;
  padding: 0;
  float: left;
}

.cbp_tmtimeline .action-links li {
  display: inline;
  float: left;
  position: relative;
  padding-left: 0px;
  padding-right: 8px;
  color: #8b91a0;
}

.cbp_tmtimeline .action-links li:after {
  color: #999999;
  content: "\2022";
  padding-left: 8px;
}

.cbp_tmtimeline .action-links li:last-child:after {
  content: "";
}

/* Media Queries */
@media screen and (max-width: 47.2em) {
  .cbp_tmtimeline:before {
    display: none;
  }

  .cbp_tmtimeline>li .cbp_tmtime {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0;
  }

  .cbp_tmtimeline>li .cbp_tmtime {
    text-align: left;
  }

  .cbp_tmtimeline>li .cbp_tmlabel {
    margin: 0 0 30px 0;
    padding: 1em;
    font-weight: 400;
    font-size: 95%;
  }

  .cbp_tmtimeline>li .cbp_tmlabel:after {
    right: auto;
    left: 20px;
    border-right-color: transparent;
    border-bottom-color: #fff;
    top: -20px;
  }

  .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: transparent;
    border-bottom-color: #fff;
  }

  .cbp_tmtimeline>li .cbp_tmicon {
    position: relative;
    float: right;
    left: auto;
    margin: -55px 5px 0 0px;
  }
}

/*** Search Results ***/
#Parks {
  margin-bottom: 30px;
}

#Parks ul {
  padding-left: 0px;
}

/* IMAGES */
.img_wrapper {
  position: relative;
  background: #d1dade;
  overflow: hidden;
  float: left;
  direction: ltr;
}

.img_wrapper img {
  position: absolute;
  width: 100%;
  height: auto;
  opacity: 1;
  top: 0;
  -webkit-transition: opacity 150ms;
  -moz-transition: opacity 150ms;
  -ms-transition: opacity 150ms;
  transition: opacity 150ms;
}

.img_wrapper.loaded img {
  opacity: 1;
}

/* FAIL ELEMENT */
#Parks {
  position: relative;
  margin: 0px;
}

.fail_element {
  position: absolute;
  opacity: 0;
  top: 100px;
  text-align: center;
  width: 50%;
  left: 25%;
  line-height: 1.4;
  font-size: 30px;
  font-weight: 300;
}

.fail .fail_element {
  opacity: 1;
}

/* LIST VIEW STYLES */
#Parks.list .list_header {
  height: 38px;
  line-height: 38px;
  background: #d1dade;
  text-align: right;
  color: #59514c;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#Parks.list .meta {
  display: inline-block;
  width: 205px;
  text-align: center;
  line-height: 99px;
  border-left: 1px solid #d7dbe0;
  height: 100%;
  vertical-align: top;
}

#Parks.list .list_header .meta {
  line-height: 38px;
  border: 0 none;
  margin-top: -8px;
  vertical-align: inherit;
}

#Parks.list .meta.name {
  float: left;
  text-align: left;
  width: auto;
  border-left: 0 none;
}

#Parks.list .list_header .meta.name {
  padding-left: 15px;
}

#Parks.list .list_header .meta span {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 7px 0 0;
  cursor: pointer;
  top: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#Parks.list .list_header .meta span:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 7px;
  border: 5px solid transparent;
}

#Parks.list .list_header .meta span.asc:after {
  border-top: 7px solid #8e9aa2;
}

#Parks.list .list_header .meta span.desc:after {
  top: 4px;
  border-bottom: 7px solid #8e9aa2;
}

#Parks.list .list_header .meta span:hover {
  background: #b8bbbe;
}

#Parks.list .list_header .meta span.asc:hover:after {
  border-top-color: #e5e9ec;
}

#Parks.list .list_header .meta span.desc:hover:after {
  border-bottom-color: #e5e9ec;
}

#Parks.list .list_header .meta span.active.asc:after {
  border-top-color: #505458;
}

#Parks.list .list_header .meta span.active.desc:after {
  border-bottom-color: #505458;
}

#Parks.list .mix {
  display: none;
  opacity: 0;
  padding: 18px 0 14px;
  border-bottom: 1px solid #d7dbe0;
  text-align: right;
  height: 135px;
  width: 100%;
  line-height: 99px;
  vertical-align: top;
  font-weight: 300;
}

#Parks.list .mix .meta * {
  line-height: 1;
}

#Parks.list .mix .meta p,
#Parks.list .mix .meta ul {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
}

#Parks.list .mix .meta li {
  margin-bottom: 5px;
}

#Parks.list .img_wrapper {
  display: inline-block;
  width: 177px;
  height: 95px;
  vertical-align: top;
  margin-right: 30px;
}

#Parks.list .titles {
  display: inline-block;
  vertical-align: middle;
}

#Parks.list .titles h2 {
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
  color: #47a497;
  letter-spacing: 2px;
  margin-bottom: 3px;
  line-height: 1.2 !important;
}

#Parks.list .titles p {
  text-indent: -2px;
}

#Parks.grid {
  text-align: justify;
}

#Parks.grid .list_header {
  display: none;
}

#Parks.grid .meta {
  display: none;
}

#Parks.grid .meta.name {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: block;
}

#Parks.grid .mix {
  display: none;
  opacity: 0;
  position: relative;
  width: 48.5%;
  padding-top: 26%;
  margin-bottom: 3%;
}

#Parks.grid .img_wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
}

#Parks.grid .titles {
  position: relative;
  width: 90%;
  max-width: 400px;
  height: auto;
  margin-top: 75%;
  margin: 53.5% auto 0;
  top: -80px;
  z-index: 1;
  padding: 10px 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
}

#Parks.grid .titles h2 {
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
  color: #47a497;
  letter-spacing: 2px;
  margin-bottom: 3px;
}

#Parks.grid .titles p {
  font-weight: 300;
  text-indent: -2px;
}

#channels_settings_modal .modal-dialog {
  width: 800px;
}

#channels_settings_modal .settings-wrapper a.link {
  text-decoration: underline;
}

#channels_settings_modal .settings-wrapper .nopadding {
  padding-left: 0;
  padding-right: 0;
}

#channels_settings_modal .settings-wrapper {
  background-color: white;
  padding: 26px;
}

#channels_settings_modal .modal-content {
  width: 800px;
  min-height: 560px;
  border-radius: 0px;
  background-color: #e5e9ec;
}

#channels_settings_modal .modal-body {
  position: static;
  width: 600px;
}

.close {
  position: absolute;
  top: 5px;
  right: 10px;
  outline: none;
}

#channels_settings_modal .modal-body .heading {
  font-family: "Arial Bold", "Arial";
  font-weight: 700;
  font-style: normal;
  color: #6f7b8a;
  text-align: center;
  line-height: normal;
}

#channels_settings_modal .modal-body .greeting {
  margin-top: 16px;
  font-size: 21px;
  color: #333;
  text-align: center;
}

#channels_settings_modal .modal-body .greeting.wide-text {
  width: 616px;
  margin-left: -27px;
}

#channels_settings_modal .modal-body .step-description {
  margin-top: 6px;
}

#channels_settings_modal .modal-body .step-description p {
  font-size: 12px;
  text-align: center;
  margin-bottom: 5px;
}

#channels_settings_modal .modal-body .dropdown .dropdown-heading {
  font-size: 18px;
  color: #637fcd;
  margin-bottom: 12px;
}

#channels_settings_modal .modal-body .dropdown .dropdown-heading:before {
  content: "";
  height: 0px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 12px solid #637fcd;
  display: inline-block;
  margin-right: 6px;
}

#channels_settings_modal .modal-body .dropdown.open .dropdown-heading:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#channels_settings_modal .modal-body .dropdown .hint {
  display: none;
}

#channels_settings_modal .modal-body .dropdown.open .hint {
  display: block;
}

#channels_settings_modal .modal-body .dropdown .hint p {
  color: #6f7b8a;
}

#channels_settings_modal .modal-body .steps {
  margin-top: 80px;
  font-size: 16px;
  margin-bottom: 30px;
}

#channels_settings_modal .modal-body .enter-token {
  font-size: 24px;
  color: #333;
  font-weight: 100;
  margin-bottom: 15px;
}

#channels_settings_modal .modal-body .token-input {
  margin-bottom: 10px;
}

#channels_settings_modal .modal-body .inform-clients-actions {
  margin-top: 80px;
}

#channels_settings_modal .modal-body .inform-clients-actions .continue {
  padding-left: 28px;
  padding-right: 28px;
}

#channels_settings_modal .modal-body .wizard-bottom-buttons {
  width: 100%;
  bottom: 20px;
}

#channels_settings_modal .modal-body .btn.back {
  padding-left: 50px;
  padding-right: 50px;
  background-color: white;
}

#channels_settings_modal .modal-body .btn.next {
  padding-left: 28px;
  padding-right: 28px;
}

#channels_settings_modal .modal-body .btn.next.save-settings {
  margin-left: 20px;
}

#channels_settings_modal .modal-body .steps.step-2 {
  margin-top: 10px;
}

#channels_settings_modal .modal-body .steps.step-3 {
  margin-top: 40px;
}

#channels_settings_modal .modal-body .steps.step-4 {
  margin-top: 20px;
}

#channels_settings_modal .modal-body .sms-bottom-buttons {
  bottom: 35px;
}

#channels_settings_modal .modal-body .wizard-bottom-buttons .sms-next {
  margin-left: -40px;
}

#channels_settings_modal .modal-body li {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #333333;
  line-height: normal;
}

#channels_settings_modal .modal-body .make_sure {
  margin-top: 10px;
}

#channels_settings_modal .channel-list,
#channels_settings_modal .create-channel,
#channels_settings_modal .realtime-responses-to-clients {
  margin-top: 34px;
}

#channels_settings_modal .widget-code {
  width: 451px;
  margin-left: 20px;
}

#channels_settings_modal .widget-settings .title {
  margin-top: 4px;
  font-size: 15px;
  color: #333;
}

#channels_settings_modal .widget-settings .title.bottom {
  margin-bottom: 10px;
}

#channels_settings_modal .widget-settings .description {
  margin: 1px 0 4px;
  line-height: 1.1;
}

#channels_settings_modal .widget-settings .source {
  background-color: #f3fafe;
  border-radius: 5px;
  padding: 8px;
  height: 171px;
  font-size: 11px;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

#channels_settings_modal .widget-settings .copy-to-clipboard {
  margin-top: 16px;
}

#channels_settings_modal .widget-settings .widget-links-row {
  margin: 10px 0;
}

#channels_settings_modal .widget-settings .widget-links-textfield {
  height: 27px;
  margin-left: 10px;
}

#channels_settings_modal .widget-settings .widget-links-icon {
  padding-left: 0px;
}

#channels_settings_modal .widget-settings .widget-links-url {
  padding-left: 0;
  position: relative;
  right: 25px;
  font-size: 12px;
  top: 7px;
}

/* Widget tabs */

.widget-tabs {
  font-size: 0;
  list-style-type: none;
  padding: 0;
  margin-top: 25px;
}

.widget-tab-item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 225px;
  font-size: 15px !important;
  height: 50px;
  line-height: 50px !important;
  border: 1px solid #cedbdf;
  cursor: pointer;
}

.widget-tab-item.active {
  background: #cedbdf;
}

.widget-tab-content {
  display: none;
}

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

.widget-lang-tabs {
  font-size: 0;
  list-style-type: none;
  padding: 0;
}

.widget-lang-tab-content {
  display: none;
}

.widget-lang-tab-content.active {
  display: block;
}

.widget-icon-radio {
  position: absolute;
  opacity: 0;
}

.widget-icon-radio+label {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  padding: 5px;
  font-size: 12px;
  cursor: pointer;
}

.widget-icon-radio:checked+label {
  background: #ebeff1;
}

/* end Widget tabs */

#channels_settings_modal .create-sms-channel {
  min-height: 385px;
}

#channels_settings_modal .channel-list.channels-settings {
  margin-top: -20px;
}

#channels_settings_modal .channels-settings .checkbox-default {
  opacity: 1;
  position: static;
}

#channels_settings_modal .channel-list .sms {
  padding-left: 35px;
}

#channels_settings_modal .channel-list .tg p {
  font-weight: bold;
}

#channels_settings_modal .channel-list .vk p,
#channels_settings_modal .channel-list .fb p {
  color: #a1a1a1;
}

#channels_settings_modal .channel-list li {
  list-style-type: none;
  margin-top: 10px;
}

#channels_settings_modal .channel-list p {
  padding-top: 8px;
  font-size: 15px;
  color: #1e1e1e;
}

#channels_settings_modal .channel-list p.muted {
  color: #b6bfc5;
}

#channels_settings_modal .widget-code .wizard-icons {
  margin: 0;
}

#channels_settings_modal .channel-list .wizard-icons {
  margin: 0 0 0 auto;
}

#channels_settings_modal .wizard-icons {
  background-repeat: no-repeat;
  display: block;
  height: 35px;
  width: 35px;
}

#channels_settings_modal .create-fb-acc,
#channels_settings_modal .create-facebook-acc {
  background-image: url(./icon_facebook.svg);
}

#channels_settings_modal .create-skype-acc {
  background-image: url(./icon_skype.svg);
}

#channels_settings_modal .create-sms-acc {
  background-image: url(./icon_sms.svg);
}

#channels_settings_modal .create-tg-acc {
  background-image: url(./icon_tg.svg);
}

#channels_settings_modal .create-viber-acc {
  background-image: url(./icon_viber.svg);
}

#channels_settings_modal .create-vk-acc {
  background-image: url(./icon_vk.svg);
}

#channels_settings_modal .create-whatsapp-acc {
  background-image: url(./icon_whatsapp.svg);
}

#channels_settings_modal .create-instagram-acc {
  background-image: url(./icon_instagram.svg);
}

#channels_settings_modal .channel-list .create-new-channel {
  font-size: 11px;
  padding-left: 20px;
  padding-right: 20px;
}

#channels_settings_modal .channel-list .connect button,
#channels_settings_modal .channel-list .connect p {
  font-size: 11px;
  min-width: 105px;
}

#channels_settings_modal .channel-list .fb-channel-state button.facebook-login,
#channels_settings_modal .channel-list .fb-channel-state button.create-facebook-channel {
  font-size: 11px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
}

#channels_settings_modal .actions .create-sms-channel {
  min-width: 145px;
}

.fb-channel-err {
  text-align: center;
  padding-top: 5px;
  clear: both;
}

#channels_settings_modal .create-channel-form {
  display: block;
  min-height: 406px;
}

#channels_settings_modal .edit-channel-form {
  margin: 0 20px;
  min-height: 390px;
}

#channels_settings_modal .edit-channel-form .settings-label {
  margin-top: 6px;
  color: #545658;
  font-weight: bold;
  margin-left: 23px;
  max-width: 155px;
}

#channels_settings_modal .edit-channel-form .settings-input {
  height: 28px;
  border: none;
  background-color: #ebeff1;
  box-shadow: none;
}

#channels_settings_modal .edit-channel-form .settings-token-value {
  display: inline-block;
  width: 195px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  margin-top: 13px;
  font-size: 14px;
  color: #4284a2;
}

#channels_settings_modal .edit-channel-form .edit-token-btn {
  position: relative;
  top: 7px;
  background-color: #e5e9ec;
}

#channels_settings_modal .edit-channel-icon:before {
  font-size: 13px;
}

#channels_settings_modal .create-channel-form .back {
  min-width: 80px;
}

#channels_settings_modal .create-channel-form .control-label {
  text-align: left;
}

#channels_settings_modal .create-channel-form .form-group,
#channels_settings_modal .edit-channel-form .row {
  margin-bottom: 10px;
}

#channels_settings_modal .command {
  font-weight: 700;
  color: #333;
}

#channels_settings_modal .create-channel-form .link-to {
  color: #637fcd;
}

#channels_settings_modal .edit-channel-form .greeting {
  margin-top: 0;
  margin-bottom: 22px;
}

#channels_settings_modal .edit-channel-form .back {
  border: 1px solid #d1dade;
  height: 37px;
}

#channels_settings_modal .create-channel-form .hint {
  padding: 0 17px;
}

#channels_settings_modal .create-channel-form.is-submitting-form .btn.next {
  background-color: #d1dade;
  cursor: default;
}

#channels_settings_modal .edit-channel-icon:before {
  font-size: 11px;
  margin-right: 4px;
}

#channels_settings_modal .create-sms-hint p {
  text-align: center;
  margin-bottom: 2px;
  color: #6f7b8a;
}

#channels_settings_modal .edit-channel-form .upload-image-button {
  margin-left: 20px;
}

#channels_settings_modal .success-message {
  font-size: 20px;
}

#channels_settings_modal .inform-the-clients {
  margin-top: 20px;
}

#channels_settings_modal .inform-the-clients {
  margin-top: 30px;
  margin-bottom: 24px;
}

#channels_settings_modal ul.what-is-next {
  padding: 0;
}

#channels_settings_modal ul.what-is-next li {
  margin-bottom: 10px;
  list-style-type: none;
  font-size: 18px;
}

#channels_settings_modal ul.what-is-next li:first-child {
  margin-bottom: 30px;
}

#channels_settings_modal .created-channel-link {
  display: block;
  font-size: 16px;
  margin: 25px 0;
}

#channels_settings_modal .realtime-responses-to-clients p {
  font-size: 14px;
  margin: 15px 0 0;
}

#channels_settings_modal .enter-to-personal-account {
  margin-top: 20px;
}

#channels_settings_modal .personal-account-example-img {
  margin-left: 15px;
}

#channels_settings_modal .create-sms-channel-form .actions {
  margin-top: 60px;
}

#channels_settings_modal .settings-tabs {
  width: 680px;
  margin-left: -60px;
  margin-top: 50px;
}

#channels_settings_modal .channels-settings .channel-row {
  margin-top: 20px;
}

#channels_settings_modal .channels-settings .channel-row .channel-connection-state {
  width: 18%;
  font-size: 12px;
  margin-top: 10px;
  padding: 0;
}

#channels_settings_modal .channels-settings .channel-row .channel-label {
  margin-top: 10px;
}

#channels_settings_modal .channels-settings .channel-row .channel-connection-state .connection-state-check {
  margin-right: 2px;
}

#channels_settings_modal .channels-settings .channel-row .channel-name {
  margin-top: 11px;
}

#channels_settings_modal .channels-settings .channel-row .edit-action {
  margin-top: 9px;
}

#channels_settings_modal .channels-settings .channel-row .edit-action {
  font-size: 18px;
}

#channels_settings_modal .channels-settings .channel-row .connect {
  padding: 0;
}

#channels_settings_modal .widget-settings {
  min-height: 200px;
}

#channels_settings_modal .channel-radio {
  margin: 10px 0;
}

#channels_settings_modal .btn-submit {
  width: 150px;
  margin: 10px auto 5px;
  float: none;
}

.stepwizard-step {
  width: 25%;
}

.stepwizard-row {
  display: table-row;
}

.stepwizard {
  display: table;
  width: 100%;
  margin: 10px 0;
  position: relative;
}

.stepwizard-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-order: 0;
}

.stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

#attachments_modal {
  min-height: 435px;
  height: 100%;
}

#attachments_modal .find-location {
  margin-top: 34px;
  border-radius: 0;
}

#attachments_modal .attach-location {
  margin-top: 15px;
  border-radius: 0;
}

#attachments_modal .send-location {
  margin-top: 10px;
}

#attachments_modal .map {
  position: relative;
  height: 390px;
  margin: 20px 0 0 15px;
}

#attachments_modal .full-sized-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 560px;
  max-height: 430px;
}

.pac-container {
  z-index: 10000;
}

.edit-notifications-form .title {
  margin-top: 4px;
  margin-left: 32px;
  font-size: 15px;
  color: #333;
}

.edit-notifications-form .wizard-icons {
  margin: 0 0 0 auto;
}

.edit-notifications-form .channel-row {
  margin-top: 20px;
}

.edit-notifications-form .notifications-bottom-buttons {
  margin-top: 20px;
}

.edit-notifications-form .notification-input {
  background-color: #ebeff1;
  cursor: not-allowed;
}

.edit-notifications-form .text-error {
  margin: 0 50px 0 32px;
}

/*tarif plan*/
.edit-payments-form .title {
  font-size: 22px;
  margin: 0 0 20px 16px;
}

.tarif-plan-content {
  padding: 40px 10px 20px;
}

.tarif-plan-content.free {
  /*background: url(../img/icon/icon-tarif-free.png) 50% 0 no-repeat;*/
}

.tarif-plan-content.price {
  /*background: url(../img/icon/icon-tarif-price.png) 50% 0 no-repeat;*/
}

.tarif-plan-content .fa {
  -webkit-text-stroke: 1px white;
  font-size: 46px;
}

.tarif-plan-title {
  font-size: 16px;
  font-weight: 700;
  color: #6f7b8a;
  text-align: center;
}

.tarif-plan-price {
  font-size: 50px;
  font-weight: 500;
  text-align: center;
}

.tarif-plan-annually {
  margin: -10px 22px 10px;
}

.tarif-plan-monthly {
  margin-bottom: 20px;
}

.tarif-plan-item {
  margin-bottom: 20px;
}

.tarif-plan-condition {
  margin: -10px 0 29px;
  text-align: center;
}

.green {
  color: #009a8e;
}

.tarif-plan-list {
  padding: 0;
  list-style-type: none;
}

.tarif-plan-connected-default {
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  width: 110px;
  padding-left: 10px;
}

.back-to-payment {
  border: 1px solid #d1dade;
  height: 37px;
  background: #fff;
}

.subscription-period {
  border-radius: 3px;
  padding: 0 10px;
}

.subscription-period,
.subscription-period:focus {
  background: #eee;
  border: 1px solid #e5e9ec;
}

.subscription-period-item {
  padding: 5px 10px;
  background: #fff;
}

.choose-option-form .title {
  font-size: 22px;
  margin: 16px 0 20px 16px;
}

.choose-option-form .form-group {
  overflow: hidden;
  margin-bottom: 20px;
}

.choose-option-form input {
  background-color: #eee;
  border-radius: 3px;
  max-width: 100%;
  color: #387ea1;
}

.choose-option-form input:disabled {
  cursor: not-allowed;
}

.subscription-about {
  font-size: 12px;
  color: #387ea1;
  margin: 5px 0 0 5px;
}

.user-number {
  font-size: 12px;
}

.cms-instructions {
  margin: 10px 0;
}

.cms-instructions div {
  width: 50px;
  padding: 10px;
  margin: 0 10px;
  border: #aaa 1px solid;
  border-radius: 3px;
}

@media (max-width: 500px) {
  #Parks.grid .mix {
    width: 100%;
    padding-top: 53%;
  }

  .drop_down {
    display: none;
  }
}

@media (max-width: 1000px) {
  #Parks.list .meta {
    width: 150px;
  }
}

@media (max-width: 840px) {

  #Parks.list .meta.region,
  #Parks.list .meta.rec {
    display: none;
  }
}

@media (max-width: 540px) {
  #Parks.list .meta.area {
    display: none;
  }

  #Parks.list .titles {
    max-width: 37%;
  }
}

body.rtl .breadcrumb>li+li:before {
  display: none;
}

body.rtl .breadcrumb>li+li:after {
  padding: 0 5px;
  color: #515050;
  font-family: FontAwesome;
  content: "\F104";
}

body.rtl .chat-window-wrapper {
  left: 0;
  right: auto;
}

body.rtl #header_task_bar {
  display: none;
}

body.rtl.open-menu-left .page-content {
  -webkit-transform: translateX(-260px);
  transform: translateX(-260px);
}

body.rtl.open-menu-left .header {
  -webkit-transform: translateX(-260px);
  transform: translateX(-260px);
}

body.rtl.open-menu-right .page-content {
  -webkit-transform: translateX(260px);
  transform: translateX(260px);
}

body.rtl.open-menu-right .header {
  -webkit-transform: translateX(260px);
  transform: translateX(260px);
}

body.rtl .header {
  right: 0;
}

body.rtl .footer-widget {
  right: 0;
  left: auto;
}

/*loader */
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

img.geo {
  width: 100%;
  height: 100%;
}

.geo-loader {
  width: 200px;
  height: 200px;
  margin: auto;
  position: absolute !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

input.sender-address {
  margin-top: 10px;
  width: 300px;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  font-size: 13px;
  display: none;
}

.geo-hint-notice {
  margin-left: 10px;
}

.small-loader {
  width: 36px;
  height: 36px;
  margin: 0 auto;
}

.small-loader>div {
  top: 0 !important;
  left: 0 !important;
  width: 70px !important;
  height: 70px !important;
}

.uil-ring-css {
  background: none;
  position: relative;
}

.uil-ring-css>div {
  position: absolute;
  display: block;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 80px;
  box-shadow: 0 6px 0 0 #0aa699;
  -ms-animation: uil-ring-anim 1s linear infinite;
  -moz-animation: uil-ring-anim 1s linear infinite;
  -webkit-animation: uil-ring-anim 1s linear infinite;
  -o-animation: uil-ring-anim 1s linear infinite;
  animation: uil-ring-anim 1s linear infinite;
}

input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

/* Normal Track */
input[type="checkbox"].ios-switch+div {
  vertical-align: middle;
  width: 40px;
  height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 999px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-property: background-color, box-shadow;
  box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.4);
  margin: 8px 1.2em 15px 0.5em;
}

/* Checked Track (Blue) */
input[type="checkbox"].ios-switch:checked+div {
  width: 40px;
  background-position: 0 0;
  background-color: #3b89ec;
  border: 1px solid #0e62cd;
  box-shadow: inset 0 0 0 10px rgba(59, 137, 259, 1);
}

/* Tiny Track */
input[type="checkbox"].tinyswitch.ios-switch+div {
  width: 34px;
  height: 18px;
}

/* Big Track */
input[type="checkbox"].bigswitch.ios-switch+div {
  width: 50px;
  height: 25px;
}

/* Green Track */
input[type="checkbox"].green.ios-switch:checked+div {
  background-color: #0aa699;
  border: 1px solid #0aa699;
  box-shadow: inset 0 0 0 10px #0aa699;
}

/* Normal Knob */
input[type="checkbox"].ios-switch+div>div {
  float: left;
  width: 18px;
  height: 18px;
  border-radius: inherit;
  background: #ffffff;
  -webkit-transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-property: transform, background-color, box-shadow;
  -moz-transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
  -moz-transition-duration: 0.4s;
  -moz-transition-property: transform, background-color;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(0, 0, 0, 0.4);
  pointer-events: none;
  margin-top: 1px;
  margin-left: 1px;
}

/* Checked Knob (Blue Style) */
input[type="checkbox"].ios-switch:checked+div>div {
  -webkit-transform: translate3d(20px, 0, 0);
  -moz-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  background-color: #ffffff;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172, 1);
}

/* Tiny Knob */
input[type="checkbox"].tinyswitch.ios-switch+div>div {
  width: 15px;
  height: 15px;
  margin-top: 0;
}

/* Checked Tiny Knob (Blue Style) */
input[type="checkbox"].tinyswitch.ios-switch:checked+div>div {
  -webkit-transform: translate3d(16px, 0, 0);
  -moz-transform: translate3d(16px, 0, 0);
  transform: translate3d(16px, 0, 0);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172, 1);
}

/* Big Knob */
input[type="checkbox"].bigswitch.ios-switch+div>div {
  width: 23px;
  height: 23px;
  margin-top: 1px;
}

/* Checked Big Knob (Blue Style) */
input[type="checkbox"].bigswitch.ios-switch:checked+div>div {
  -webkit-transform: translate3d(25px, 0, 0);
  -moz-transform: translate3d(16px, 0, 0);
  transform: translate3d(16px, 0, 0);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172, 1);
}

/* Green Knob */
input[type="checkbox"].green.ios-switch:checked+div>div {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 162, 63, 1);
}

.session-panel {
  position: relative;
  display: grid;
  grid-template-columns: max-content max-content max-content;
  justify-content: left;
  column-gap: 20px;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 20px;
  z-index: 2;
  background: #f6f6f6;
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
  border-bottom: 1px solid #d4d4d4;
  font-size: 18px;
  color: black;
}

.session-panel .fa {
  color: #fff;
}

.session-panel-btn {
  display: block;
  width: 80px;
  height: 30px;
  padding: 0 30px;
  border-radius: 3px;
  cursor: pointer;
  align-items: center;
}

.session-panel-btn:hover {
  opacity: 0.8;
}

.session-panel--unread-btn {
  background: #e7a055;
}

.session-panel--open-user-info {
  background: #0086ca;
}

.session-panel--toggler-service-messages {
  padding: 0;
  display: grid;
  grid-template-columns: max-content max-content max-content;
  column-gap: 10px;
  align-items: center;
}

.session-panel--toggler-service-messages-label {
  font-size: 12px;
  display: block;
  line-height: 27px;
  color: #414243;
}

.session-panel--toggler-service-messages-icon {
  font-size: 20px;
  display: block;
  line-height: 27px;
  color: #414243;
}

.session-panel--toggler-service-messages-icon>i {
  font-size: 18px;
}

#user_profile_container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  height: calc(100% - 164px);
  width: 342px;
  background: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-shadow: -1px 0px 6px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -1px 0px 6px 0px rgba(0, 0, 0, 0.15);
  box-shadow: -1px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

#user_profile_container.closed {
  visibility: hidden;
}

/*#main-menu.closed ~ .page-content #user_profile_container .user-profile {*/
/* TODO: add width styles for closed main menu */
/*}*/

#user_profile_container .user-profile {
  width: 325px;
}

#user_profile_container .user-profile--body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#user_profile_container .user-profile--close {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 20px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #user_profile_container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    z-index: 3;
    width: 100%;
    height: calc(100% - 60px);
  }

  #user_profile_container .user-profile {
    margin: auto;
    width: auto !important
  }
}

@media screen and (min-width: 1276px) {
  #user_profile_container.closed {
    visibility: visible;
  }

  #user_profile_container {
    position: fixed;
    top: 60px;
    height: calc(100% - 60px);
    right: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-left: 1px solid #eee;
  }

  .session-panel--open-user-info,
  .user-profile--close {
    display: none;
  }

  #messaging_session_container:not(.empty-view) {
    width: calc(100% - 658px);
  }
}

@media screen and (max-width: 1275px) {
  @media screen and (max-width: 1130px) {
    .session-panel--toggler-service-messages-label {
      display: none;
    }
  }

  #chatra:not(.chatra--expanded) {
    transform: scale(0.65) translateY(2px) !important;
    right: 22px !important;
    bottom: 18px !important;
  }
}

@media screen and (min-width: 1528px) {
  #user_profile_container {
    position: fixed;
    top: 60px;
    right: 0px;
    left: auto;
  }
}

.user-profile--item {
  color: black;
  margin: 0 20px;
}

.user-profile--item-birthday {
  clear: both;
  font-size: 12px;
  color: black;
  margin: 0 24px;
}

.user-profile--item-basic-information {
  margin: 0 20px;
}

.user-profile--item-info-icon {
  cursor: pointer;
  color: #999;
  font-size: 12px;
}

.user-profile--item-label-with-tooltip-icon {
  display: inline-flex;
  align-items: center;
}

.user-profile--item-label-with-tooltip-icon i {
  cursor: pointer;
  color: #999;
  font-size: 12px;
  padding-left: 4px;
}

hr.user-profile--item {
  margin: 24px;
}

.user-profile--userpic img {
  width: 100%;
  /* height: 100%; */
}

.user-profile--userpic {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background: #fff;
  margin: 50px auto 25px;
  position: relative;
  overflow: hidden;
}

.user-profile--userpic-initials {
  font-size: 50px;
  line-height: 100px;
  text-align: center;
  display: inline-block;
  background-color: #f98bae;
  padding: 0;
  color: #fff;
  width: 100px;
  height: 100px;
}

.user-profile--username {
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: black;
}

.user-profile--message-count {
  margin-top: 24px;
}

.user-profile--message-count,
.user-profile--purchase-count {
  font-size: 14px;
}

.user-profile--message-count>span:last-child,
.user-profile--purchase-count>span:last-child {
  float: right;
  font-weight: bold;
  color: #5c5a5a;
}

.user-profile--hour-count {
  margin-top: 10px;
  font-size: 14px;
}

.user-profile--hour-count>span:last-child {
  float: right;
  color: #000;
}

.user-profile--link {
  font-size: 12px;
  margin-top: 10px;
  text-align: center;
}

.user-profile--field+.user-profile--field {
  clear: both;
  padding-top: 10px;
}

.user-profile--field {
  padding-top: 10px;
  font-size: 12px;
}

.user-profile--field>span:first-child {
  color: #999;
}

.user-profile--field>span:last-child {
  text-align: right;
  float: right;
  text-overflow: ellipsis;
  max-width: 210px;
  overflow: hidden;
}

.widget-alignment-label {
  margin: 5px 0 0 25px;
  font-size: 13px;
}

.widget-alignment-label .widget-alignment-input {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  background-color: #ebeff1;
}

.show-mobile-label {
  margin-left: -10px;
}

.extended-layout .colorpicker {
  z-index: 1051 !important;
}

.extended-layout .colorpicker input {
  top: -8px !important;
  right: 0 !important;
  background-color: transparent;
  border: 1px solid transparent;
  font-size: 10px;
  color: #898989;
  width: 60px;
}

.widget-color .widget-color-title {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  font-size: 15px;
  color: #333;
}

.widget-color .widget-color-input {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  background-color: #ebeff1;
}

.widget-color-selector {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 36px;
}

.widget-color-selector div {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  background: #4babe2;
  border: 1px solid #000;
  cursor: pointer;
}

.widget-size {
  margin-bottom: 50px;
}

.widget-size .widget-size-title {
  margin: 10px 0;
  font-size: 15px;
  color: #333;
}

#textback_icon_wrap {
  position: relative;
  float: right;
  cursor: pointer;
}

#widget_icon_tb_svg {
  width: 100%;
  height: 100%;
}

#textback_icon_inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
}

.widget-mobile-icon-inner {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: contain !important;
  vertical-align: middle;
}

.widget-icon-messaging {
  background: url(./icon_messaging.svg) no-repeat;
}

.widget-icon-bubble {
  background: url(./icon_bubble.svg) no-repeat;
}

.widget-icon-phone {
  background: url(./icon_phone.svg) no-repeat;
}

.widget-icon-facebook {
  background: url(./icon_facebook.svg) no-repeat;
}

.widget-icon-skype {
  background: url(./icon_skype.svg) no-repeat;
}

.widget-icon-sms {
  background: url(./icon_sms.svg) no-repeat;
}

.widget-icon-tg {
  background: url(./icon_tg.svg) no-repeat;
}

.widget-icon-viber {
  background: url(./icon_viber.svg) no-repeat;
}

.widget-icon-vk {
  background: url(./icon_vk.svg) no-repeat;
}

.widget-desktop-tooltiptext {
  width: 120px;
  word-wrap: break-word;
  background-color: white;
  color: #3c3a3a;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  border: 1px solid #ddd;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  float: right;
  margin: 4px 0 0 0;
}

.widget-desktop-tooltiptext.wide {
  width: 150px;
}

.widget-desktop-tooltiptext:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent white;
  margin-left: -1px;
  z-index: 1000;
}

.widget-desktop-tooltiptext:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #ddd;
}

#widget_icon_tb_svg:hover #textback_icon_tb_path0_fill {
  opacity: 0.7;
}

#widget_icon_tb_svg:active #textback_icon_tb_path0_fill {
  opacity: 1;
}

.widget-mobile-tooltiptext {
  height: 30px;
  line-height: 30px;
  font-size: 11px;
  position: absolute;
  right: 20px;
  width: 210px;
  text-align: center;
  text-transform: uppercase;
  margin: 4px -12px 0 0;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.widget-mobile-tooltiptext .fa-angle-up {
  display: none;
}

.widget-mobile-tooltiptext.angle .widget-mobile-icon-inner {
  display: none;
}

.widget-mobile-tooltiptext.angle .fa-angle-up {
  display: inline-block;
}

.edit-widget-form .widget-tooltip-input {
  display: block;
  width: 270px;
  background-color: #ebeff1;
}

#notificationWidgetViewSettings .notification-widget-settings-textarea {
  height: 150px;
}

.btn.btn-disabled {
  cursor: default;
}

#save-settings-message {
  display: inline-block;
  font-size: 15px;
}

.custom-channel-fields {
  display: none;
}

.custom-channel-fields.open {
  display: block;
}

.custom-channel-tooltip {
  margin-bottom: 20px;
}

.custom-channel-text {
  font-size: 12px !important;
}

.custom-channel-default {
  position: absolute;
  top: 130px;
  right: -20px;
}

.custom-channel-tutorial {
  text-decoration: underline;
  display: block;
  margin-bottom: 30px;
  font-size: 14px;
}

.custom-channel-tutorial:hover {
  text-decoration: none;
}

.widget-desktop-tooltiptext.custom-channel-tooltip {
  float: none;
  margin-right: 5px;
  margin-bottom: 0;
  vertical-align: middle;
  display: inline-block;
  width: 120px;
}

.widget-desktop-tooltiptext.custom-channel-tooltip.wide {
  width: 150px;
}

.widget-color #textback_icon_inner {
  position: absolute;
  top: 50%;
  color: #fff;
  left: 50%;
  font-size: 38px;
  margin: auto;
  transform: translate(-50%, -50%);
}

.edit-widget-form .custom-channel-link {
  margin-bottom: 15px;
}

.custom-channel-icon {
  max-width: 50px;
  max-height: 50px;
}

.custom-channel-radio {
  vertical-align: top;
  width: 17px;
  height: 17px;
  margin: 0 3px 0 0;
}

.custom-channel-radio+label {
  cursor: pointer;
}

.custom-channel-radio:not(checked) {
  position: absolute;
  opacity: 0;
}

.custom-channel-radio:not(checked)+label {
  position: relative;
  padding: 0 0 0 25px;
}

.custom-channel-radio:not(checked)+label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #cdd1da;
  border-radius: 50%;
  background: #fff;
}

.custom-channel-radio:not(checked)+label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0aa699;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.2s;
}

.custom-channel-radio:checked+label:after {
  opacity: 1;
}

.custom-channel-radio:disabled+label {
  opacity: 0.5;
}

.widget-alignment-direction {
  margin-top: 20px;
}

#widget-alignment-left:checked~.widget-alignment-direction-right {
  display: none;
}

#widget-alignment-right:checked~.widget-alignment-direction-left {
  display: none;
}

.tb-chat-emoji-picker {
  position: absolute;
  bottom: 12px;
  right: 12px;
  top: unset;
  height: 1em;
  width: 1em;
  font-size: 1.8em;
  cursor: pointer;
}

.emoji-wysiwyg-editor {
  height: 80px;
  white-space: pre-wrap;
}

.emoji-wysiwyg-editor img.img {
  transform: scale(0.75);
}

img.emoji {
  width: 1.5em;
  height: 1.5em;
}

.widget-open {
  margin: 30px 0;
}

.custom-channel-timetable-checkbox+label:before {
  content: " ";
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.custom-channel-timetable-checkbox:checked+label:before {
  content: "\2713";
  font-size: 15px;
  color: #000;
  text-align: center;
  line-height: 15px;
}

.custom-channel-timetable-days-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  font-size: 12px;
}

.custom-channel-timetable-select {
  display: inline-block;
  width: 37px;
  background: #ebeff1;
  border-radius: 3px;
  font-size: 12px;
}

.custom-channel-timetable-time {
  margin-top: 4px;
  padding-left: 0;
}

.fb-channel-state.logged .create-facebook-channel {
  display: block;
}

.fb-channel-state .fb-channel-connected {
  display: none;
}

.fb-channel-state.connected .facebook-login {
  display: none;
}

.fb-channel-state.connected .fb-channel-connected {
  display: block;
  width: 100% !important;
}

.fb-channel-radio {
  vertical-align: top;
  width: 17px;
  height: 17px;
  margin: 0 3px 0 0;
}

.fb-channel-radio+label {
  cursor: pointer;
}

.fb-channel-radio:not(checked) {
  position: absolute;
  opacity: 0;
}

.fb-channel-radio:not(checked)+label {
  position: relative;
  padding: 0 0 0 25px;
}

.fb-channel-radio:not(checked)+label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #cdd1da;
  border-radius: 50%;
  background: #fff;
}

.fb-channel-radio:not(checked)+label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0aa699;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.2s;
}

.fb-channel-radio:checked+label:after {
  opacity: 1;
}

.fb-channel-radio:disabled+label {
  opacity: 0.5;
  cursor: not-allowed;
}

/*Quick answers tab*/

.edit-fast-responses-form {
  margin: 0 40px;
}

.edit-fast-responses-form .title {
  margin-bottom: 5px;
  font-size: 15px;
  color: #333;
}

.fast-response-wrap {
  display: none;
  position: relative;
  background: #ebeff1;
  border-radius: 5px;
  min-height: 170px;
}

.fast-response-wrap.active {
  display: block;
}

.fast-response-textarea {
  position: relative;
  width: 100%;
  height: 100px;
  resize: none;
  background: #ebeff1;
  border: none;
  color: #377ea1;
  font-size: 16px;
  border-radius: 5px;
  white-space: pre-wrap;
}

.fast-responses-list {
  list-style-type: none;
  padding: 0;
}

.fast-response-item {
  background: #ebeff1;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fast-response-item.edit {
  padding: 0;
}

.fast-response-text {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 80%;
  overflow: hidden;
  color: #377ea1;
  font-size: 16px;
}

.fast-response-item.edit .fast-response-wrap {
  display: block;
}

.fast-response-item.edit .fast-response-text {
  display: none;
}

.fast-response-item.edit .edit-answer-icon {
  display: none;
}

.fast-response-item.edit .change-fast-response {
  display: none;
}

.change-fast-response {
  cursor: pointer;
  padding-left: 5px;
}

.btn-create-answer {
  margin-bottom: 20px;
}

.fast-response-wrap .text-error {
  display: none;
  position: absolute;
  left: 12px;
  bottom: 50px;
}

.fast-response-wrap.error .text-error {
  display: block;
}

.fast-response-save,
.fast-response-create {
  position: absolute;
  bottom: 0;
  right: 5px;
}

.fast-response-cancel {
  position: absolute;
  bottom: 0;
  right: 135px;
}

.fast-response-remove {
  position: absolute;
  bottom: 0;
  left: 10px;
}

.show-fast-responses {
  color: #000000;
  font-size: 16px;
  cursor: pointer;
}

.fast-responses-block {
  position: absolute;
  width: 623px;
  bottom: 150px;
  left: 22px;
  box-shadow: 0 0 10px 0 #ccc;
  background: #fff;
  color: #000;
  padding: 30px 10px 10px 10px;
  cursor: pointer;
}

.fast-responses-block.scroll {
  max-height: 300px;
  min-width: 300px;
  overflow-y: scroll;
}

.fast-responses-block-close {
  position: absolute;
  padding: 5px 15px;
  top: 0;
  right: 0;
}

.fast-responses-link {
  margin-left: 10px;
}

.fb-login-button.btn {
  padding: 0;
}

.fb_iframe_widget iframe {
  top: 0;
  right: 0;
  opacity: 0;
  z-index: 2;
}

.create-new-channel-text {
  width: 111px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 10px;
  z-index: 1;
}

.fb-channel-state.logged .facebook-login {
  display: none;
}

.create-facebook-channel {
  display: none;
}

/*Quick answers tab*/

.edit-fast-responses-form {
  margin: 0 40px;
}

.edit-fast-responses-form .title {
  margin-bottom: 5px;
  font-size: 15px;
  color: #333;
}

.fast-response-wrap {
  display: none;
  position: relative;
  background: #ebeff1;
  border-radius: 5px;
  min-height: 170px;
}

.fast-response-wrap.active {
  display: block;
}

.fast-response-textarea {
  position: relative;
  width: 100%;
  height: 100px;
  resize: none;
  background: #ebeff1;
  border: none;
  color: #377ea1;
  font-size: 16px;
  border-radius: 5px;
  white-space: pre-wrap;
}

.fast-responses-list {
  list-style-type: none;
  padding: 0;
}

.fast-response-item {
  background: #ebeff1;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fast-response-item.edit {
  padding: 0;
}

.fast-response-text {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 80%;
  overflow: hidden;
  color: #377ea1;
  font-size: 16px;
}

.fast-response-item.edit .fast-response-wrap {
  display: block;
}

.fast-response-item.edit .fast-response-text {
  display: none;
}

.fast-response-item.edit .edit-answer-icon {
  display: none;
}

.fast-response-item.edit .change-fast-response {
  display: none;
}

.change-fast-response {
  cursor: pointer;
  padding-left: 5px;
}

.btn-create-answer {
  margin-bottom: 20px;
}

.fast-response-wrap .text-error {
  display: none;
  position: absolute;
  left: 12px;
  bottom: 50px;
}

.fast-response-wrap.error .text-error {
  display: block;
}

.fast-response-save,
.fast-response-create {
  position: absolute;
  bottom: 0;
  right: 5px;
}

.fast-response-cancel {
  position: absolute;
  bottom: 0;
  right: 135px;
}

.fast-response-remove {
  position: absolute;
  bottom: 0;
  left: 10px;
}

.show-fast-responses {
  color: #000000;
  font-size: 16px;
  cursor: pointer;
}

.fast-responses-block {
  position: absolute;
  width: 623px;
  bottom: 150px;
  left: 22px;
  box-shadow: 0 0 10px 0 #ccc;
  background: #fff;
  color: #000;
  padding: 30px 10px 10px 10px;
  cursor: pointer;
}

.fast-responses-block.scroll {
  max-height: 300px;
  min-width: 300px;
  overflow-y: scroll;
}

.fast-responses-block-close {
  position: absolute;
  padding: 5px 15px;
  top: 0;
  right: 0;
}

.fast-responses-link {
  margin-left: 10px;
}

/* Welcome widget */

.edit-welcome-form {
  padding: 0 40px;
}

.edit-welcome-form .title {
  display: inline-block;
  min-width: 130px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #333;
}

.welcome-avatar-radioblock {
  display: inline-block;
  vertical-align: top;
  width: 320px;
}

#welcomeTooltipInput {
  width: 320px;
  margin-bottom: 15px;
}

#welcomeAvatarUrl {
  width: 100%;
  margin-bottom: 5px;
}

.welcome-tooltip-textarea {
  width: 100%;
  height: 130px;
  margin-bottom: 50px;
  word-break: break-word;
}

.welcome-radio+label {
  cursor: pointer;
}

.welcome-radio:not(checked) {
  position: absolute;
  opacity: 0;
}

.welcome-radio:not(checked)+label {
  position: relative;
  padding: 0 0 0 25px;
}

.welcome-radio:not(checked)+label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #cdd1da;
  border-radius: 50%;
  background: #fff;
}

.welcome-radio:not(checked)+label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0aa699;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.2s;
}

.welcome-radio:checked+label:after {
  opacity: 1;
}

.welcome-preview {
  position: relative;
  height: 300px;
  margin-bottom: 30px;
}

.welcome-avatar {
  position: absolute;
  bottom: 0;
  left: 40px;
  width: 80px;
  text-align: center;
}

.welcome-avatar-img {
  max-width: 62px;
  max-height: 62px;
  border-radius: 62px;
  margin-bottom: 10px;
  box-shadow: 0 0 10px #aaa;
}

.welcome-avatar-name {
  padding: 2px 5px;
  border-radius: 10px;
  box-shadow: 0 1px 5px #aaa;
  font-weight: 700;
  background: #ffffff;
  color: #282323;
  position: relative;
  transform: translateX(-50%);
  left: 40px;
  white-space: nowrap;
  display: inline-block;
  min-width: 80px;
}

.welcome-select {
  display: inline-block;
  width: 100px;
  background: #ebeff1;
  border-radius: 3px;
}

/* profile */
.edit-profile-form {
  margin-left: 25px;
  min-height: 250px;
}

.edit-profile-form .title {
  margin-bottom: 10px;
  font-size: 15px;
  color: #333;
}

/* agency */
.show-agency-form {
  margin-left: 25px;
  min-height: 250px;
  font-size: 13px;
  word-wrap: break-word;
}

.edit-agency-btn {
  min-width: 60px;
  padding: 5px;
  font-size: 13px;
  margin-top: -5px;
}

.delete-agency-btn {
  min-width: 60px;
  padding: 5px;
  font-size: 13px;
  margin-top: -5px;
}

.add-agency-form {
  margin-left: 25px;
  min-height: 250px;
  font-size: 13px;
}

.add-agency-form .title {
  margin-top: 4px;
  font-size: 15px;
  color: #333;
}

.add-agency-form input {
  background-color: #ebeff1;
  min-height: 30px;
  margin-bottom: 10px;
}

.agency-radio-wrap {
  position: relative;
}

.agency-about {
  font-size: 12px;
  color: #0aa699;
  margin-bottom: 10px;
}

.edit-agency-form {
  margin-left: 25px;
  min-height: 250px;
  font-size: 13px;
}

.edit-agency-form .title {
  margin-top: 4px;
  font-size: 15px;
  color: #333;
}

.show-agency-col {
  word-wrap: break-word;
}

.delete-confirm-wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.delete-confirm-wrap.active {
  display: block;
}

.delete-confirm {
  background: #fff5f3;
  width: 345px;
  height: 100px;
  padding: 15px 20px;
  border: 1px solid #eedad9;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.delete-confirm-title {
  margin-bottom: 10px;
}

/* loader */
.cssload-container {
  display: none;
  width: 100%;
  height: 49px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}

.cssload-speeding-wheel {
  width: 49px;
  height: 49px;
  margin: 0 auto;
  border: 3px solid rgb(0, 0, 0);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: cssload-spin 575ms infinite linear;
  -o-animation: cssload-spin 575ms infinite linear;
  -ms-animation: cssload-spin 575ms infinite linear;
  -webkit-animation: cssload-spin 575ms infinite linear;
  -moz-animation: cssload-spin 575ms infinite linear;
}

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

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

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

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

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

.edit-welcome-form .emoji-picker {
  left: 20px;
  bottom: 20px;
  right: inherit;
  top: inherit;
  position: absolute;
  font-size: 20px;
}

.welcome-tooltip {
  position: absolute;
  bottom: 40px;
  left: 130px;
  width: 320px;
  padding: 10px 15px 10px 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px 0 #aaa;
  word-wrap: break-word;
}

.welcome-tooltip::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: -5px;
  width: 20px;
  height: 14px;
  -webkit-transform: rotate(135deg) skewX(45deg);
  -moz-transform: rotate(135deg) skewX(45deg);
  -ms-transform: rotate(135deg) skewX(45deg);
  -o-transform: rotate(135deg) skewX(45deg);
  background: #fff;
  z-index: 0;
  box-shadow: 4px 0px 5px 0px #aaa;
}

.welcome-tooltip::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #fff;
}

.welcome-tooltip-close {
  position: absolute;
  top: 0;
  right: 5px;
  padding: 5px;
  cursor: pointer;
  font-size: 20px;
}

#welcome_tooltip_text {
  font-size: 15px;
  white-space: pre-wrap;
  line-height: 1.2;
}

.welcome-list {
  padding: 0;
  margin: 25px 0 0;
  text-align: center;
  list-style-type: none;
}

.welcome-list.flex {
  display: flex;
  justify-content: center;
}

.welcome-list li {
  padding: 0;
}

.welcome-list img {
  max-width: 100%;
}

.text-field-over {
  position: absolute;
  bottom: 0;
}

.your-tarif-plan-title {
  font-size: 22px;
  margin: 20px 0 20px 15px;
}

.your-tarif-plan-description {
  background: #ebeff1;
  padding: 10px 20px;
  font-size: 14px;
  margin-bottom: 20px;
  overflow: hidden;
}

.your-tarif-plan-description:last-child {
  margin-bottom: 0px;
}

.your-tarif-plan-description.out-of-date {
  background: #ffd1d1;
}

.your-tarif-plan-name {
  color: #0aa699;
  font-weight: 700;
  margin-bottom: 5px;
}

.your-tarif-plan-date {
  font-weight: 700;
}

.your-tarif-plan-users {
  font-size: 16px;
}

/*#messaging_session_container > div > div.tiles.session-tiles{*/
/*!*overflow-y: hidden;*!*/
/*width: 100%;*/
/*}*/

.session-tiles-container .cssload-container {
  margin-top: 32px;
}

.alert.alert-error.offline-error .alert-buttons {
  text-align: center;
  color: black;
}

.alert.alert-error.offline-error .alert-buttons button {
  margin-left: 10px;
}

#widget-size-slider {
  width: 230px;
  height: 10px;
  background: url(./slider-bg.png);
  position: relative;
  margin: 0;
  padding: 0 10px;
  border-radius: 10px;
}

#widget-size-slider .ui-widget-header {
  background: url(./slider-fill.png) no-repeat left;
  height: 8px;
  position: absolute;
  top: 1px;
  left: 0;
}

#widget-size-slider .ui-slider-handle {
  width: 24px;
  height: 26px;
  position: absolute;
  top: -8px;
  margin-left: -12px;
  z-index: 200;
  background: url(./slider-button.png);
  border: none;
  outline: none;
}

.child-messages {
  display: grid;
  grid-row-gap: 1.5em;
}

.child-messages .muted {
  color: #4c4c4c;
}

.child-messages .post-links {
  text-align: right;
}

.widget-preview-onb-button {
  display: none;
}

.onboarding-settings .widget-preview-onb-button {
  display: inherit;
}

.widget-preview-onb-button button {
  background-color: #7c8694;
}

.tiles-body,
.chat-list>.tiles,
.session-tiles-container.md-virtual-repeat-container {
  height: 100%;
}

.load-more-div {
  text-align: center;
  padding: 1em 0;
}

.notif-widget-show-widget-switch {
  position: relative;
  top: -26px;
  left: 150px;
}

input[type="checkbox"][disabled="disabled"].tinyswitch.ios-switch+div>div {
  display: none;
}

input[type="checkbox"][disabled="disabled"].tinyswitch.ios-switch+div {
  background-color: rgb(249, 249, 249);
}

.dbl-chck-warning h3 {
  color: orangered;
}

.visibility-hidden {
  visibility: hidden;
}

.ng-error-title {
  text-align: center;
  font-size: 21px;
  margin: 48px 0;
}

.vibersm-channel-icon {
  background: url(./vibersm_channel_tiny.png) no-repeat center center;
  width: 20px;
  height: 14px;
}

.menu-channel.ng-enter {
  transition: all 0.5s linear;
  opacity: 0;
}

.menu-channel.ng-enter-active {
  opacity: 1;
}

.menu-channel.ng-leave {
  animation: 0.5s leave_animation;
}

@keyframes leave_animation {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.menu-item {
  display: grid;
  grid-template-columns: 80% 20%;
}

.menu-item_text {
  display: grid;
  grid-template-columns: min-content auto;
  grid-column-gap: 0.5em;
}

.menu-item_text_icon {
  align-self: start;
  margin-top: 0.2em;
}

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

.menu-item_text_title {
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tooltip.unreadCounts .tooltip-inner {
  margin-right: 1em;
  padding-right: 2em;
}

.tooltip.longСhannelName .tooltip-inner {
  margin-left: -3em !important;
}

.tooltip.unreadCounts .tooltip-arrow,
.tooltip.longСhannelName .tooltip-arrow {
  display: none;
}

.text-warning-yellow {
  color: #f9ff00;
}

.widget-detail_redirector {
  width: 60%;
}

.chat-list_search-results {
  padding: 10px;
}

#landings-menu {
  height: 43px;
}

.item_phones {
  display: grid;
  background: #eee;
  padding: 0.5em;
  grid-template-columns: 1fr;
  grid-gap: 0.5em;
  border-radius: 0.25em;
  border: 1px solid #ead7d7;
}

.item_phones_phone {
  background: gray;
  color: #eee;
  cursor: pointer;
  grid-template-columns: 1fr;
  border-radius: 0.25em;
  padding: 0.25em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item_phones_phone_tooltip .tooltip-inner {
  width: 350px;
  overflow-wrap: break-word;
  word-break: break-all;
}

#contacts_phone_menu .contact_link {
  padding: 0 !important;
  color: #929ba7;
}

.contact_item {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr;
  justify-items: center;
  padding-bottom: 0.5em !important;
}

.contact_name_bold {
  color: whitesmoke;
  font-weight: bold;
}

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

.ng-uploads {
  display: flex;
  padding: 0 30px;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

@media (min-width: 1200px) {}

@media (max-width: 767px) {}

@media (max-width: 480px) {}

@media (max-width: 320px) {}/*!
* direction.less v0.1.0
*/
@media only screen and (min-width: 1824px) {
  body {
    height: 100%;
  }
  .page-container {
    height: 100%;
  }
  /** Side bar widget **/
  .footer-widget {
    position: fixed;
  }
  /** Tables **/
  .table th {
    font-size: 14px;
  }
  .table td {
    font-size: 14px;
  }
  .table td.small-cell,
  .table th.small-cell {
    width: 42px;
  }
  /** Controls **/
  .checkbox label:before {
    top: 1px;
  }
  /** Tiles **/
  .tiles.margin-reset {
    margin-left: 51px;
  }
  /** Only Demo Purpose **/
  .demo-map {
    min-height: 100%;
  }
  .error-main {
    margin-top: 40%;
  }
  .visible-xlg {
    display: block !important;
  }
  .hidden-xlg {
    display: none !important;
  }
  .cbp_tmtimeline > li .cbp_tmtime {
    width: 24%;
  }
}
@media (min-width: 1600px) {
  .visible-xlg {
    display: block !important;
  }
  .hidden-xlg {
    display: none !important;
  }
}
@media (max-width: 1400px) {
  .sales-graph-heading {
    padding-left: 17px;
    padding-top: 30px;
  }
}

/*** Page sidebar ***/
body.bottom-header .page-sidebar {
  margin-top: 0;
  margin-bottom: 58px;
}
.menu-non-fixed .page-sidebar {
  margin-top: 0;
  padding-top: 58px;
}
.page-sidebar {
  display: inline-block;
  float: left;
  position: fixed;
  width: 250px;
  z-index: 10;
}

  .page-sidebar.page-sidebar-offset {
    left:0;
  }

.menu-non-fixed .footer-widget {
  z-index: 100;
}
.page-sidebar .page-sidebar-wrapper {
  display: inline-block;
  float: left;
  height: 100%;
  max-width: 250px;
  width: 100%;
}
.page-sidebar.fixed {
  position: fixed;
}
.page-sidebar ul {
  width: 250px;
}
/*** Page content ***/
.page-content {
  min-height: 100%;
}
  .page-content .chat-list {
    width: 375px;
  }
.page-content.no-min-height {
  min-height: auto;
}
.full-width-page .page-content {
  margin-left: 0px !important;
}
.inner-menu {
  padding-top: 60px;
}
/** Const size button for medium devices **/
.btn-cons-md {
  min-width: 120px;
}
.boxed-layout {
  background-color: #f6f7f8;
}
.boxed-layout .container {
  position: relative;
}
.boxed-layout .chat-window-wrapper {
  position: absolute;
}
.boxed-layout .chat-window-wrapper .inner-content .chat-window-wrapper {
  margin-right: 0;
}
.horizontal-menu .header-seperation {
  display: none !important;
}

.page-content {
  margin-left:250px;
}


@media screen and (min-width:0\0) {
  body.open-menu-right .page-container {
    position: relative;
    left: -260px;
  }
  body.open-menu-right .header {
    left: -260px;
  }
  body.open-menu-right .footer-widget {
    left: -260px;
  }
  body.open-menu-right .scrollup {
    display: none !important;
  }
  body.open-menu-right .page-content .admin-bar {
    left: -260px;
  }
}
/*** General tablets and phones ***/
@media (max-width: 979px) {
  /*** Body ***/
  body {
    margin: 0px !important;
  }
  .horizontal-menu .page-content {
    margin-left: 0px;
  }
  /*** Page header ***/
  .header {
    margin: 0 !important;
  }
  .header .nav li.dropdown i {
    display: inline-block;
    position: relative;
    top: 1px;
    right: 0px;
  }
  .header .nav {
    margin-bottom: 0px !important;
  }
  /*** Page container ***/
  .page-container {
    margin: 0 !important;
    padding: 0 !important;
  }
  .fixed-top .page-container {
    margin-top: 0px !important;
  }
  /*** Page content ***/
  .page-content {
    margin-top: 0;
  }
  .chat-window-wrapper {
    -webkit-overflow-scrolling: touch;
  }
  .chat-messages {
    -webkit-overflow-scrolling: touch;
  }
  .tiles {
    margin-right: 0px;
  }
  .tiles.added-margin {
    margin-right: 0px;
  }
  .page-content .admin-bar .admin-bar-inner {
    margin-right: 0px;
  }
  .scrollup {
    left: 235px;
  }
  body.condense-menu .page-content {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
 /* body.hide-top-content-header .header {
    width: 100%;
  }
  body.hide-top-content-header .page-content .content {
    padding-top: 93px;
  }*/
  .tiles.session-tiles {
    height: calc(100% - 274px);
  }

  .page-content .chat-list {
    width: 100% !important;
    touch-action: inherit;
  }

  .page-sidebar .page-sidebar-wrapper {
    display: inline-block;
    float: left;
    width: 260px;
    height: 100%;
  }

  .inner-menu {
    display: none;
  }
  .page-sidebar.mini-mobile {
    width: 260px;
  }
  /*** Page header ***/
  .header .navbar-inner .container-fluid {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .header .top-nav .nav {
    margin-top: 0px;
    margin-right: 5px;
  }
  .header .nav > li > .dropdown-menu.notification:after,
  .header .nav > li > .dropdown-menu.notification:before {
    margin-right: 180px;
  }
  .header .nav > li > .dropdown-menu.notification {
    margin-right: -180px;
  }
  .header .nav > li > .dropdown-menu.inbox:after,
  .header .nav > li > .dropdown-menu.inbox:before {
    margin-right: 140px;
  }
  .header .nav > li > .dropdown-menu.inbox {
    margin-right: -140px;
  }
  .header .nav > li > .dropdown-menu.tasks:after,
  .header .nav > li > .dropdown-menu.tasks:before {
    margin-right: 90px;
  }
  .header .nav > li > .dropdown-menu.tasks {
    margin-right: -90px;
  }
  .header-seperation {
    width: 100% !important;
    z-index: 999;
    text-align: center;
    min-height: 60px;
    display: block !important;
  }
  .header .notifcation-center {
    margin-left: 15px;
  }
  .logo {
    margin-right: auto;
    margin-left: auto;
    margin-top: 16px;
  }
  /*** Page content ***/
  .page-content .content {
    padding: 8px;
    padding-top: 2em;
    padding-bottom: 0;
  }
  /*** Page title ***/
  .page-title {
    margin-bottom: 10px;
  }
  /*** Portlet form action ***/
  .portlet-body.form .form-actions {
    padding-left: 15px;
  }
  .scrollup {
    right: 50px;
    left: auto;
    bottom: 35px;
  }
  .footer-widget {
    display: none;
  }
  .form-horizontal .form-actions {
    padding-left: 180px;
  }
  .no-margin-grid .row-fluid [class*="span"] {
    width: 100% !impotant;
    margin: 0px;
    margin-bottom: 10px;
  }
  .tiles.margin-reset {
    margin-left: 0px;
  }
  /** Profile Page **/
  .user-profile-pic {
    text-align: center;
  }
  .user-mini-description h3,
  .user-mini-description h5 {
    text-align: center;
  }
  /** email **/
  .email-body {
    padding: 8px !important;
  }
  /** Login Page **/
  .login-container {
    padding: 0 10px;
  }
  .table td.small-cell,
  .table th.small-cell {
    width: 42px;
  }
  .error-wrapper {
    margin-bottom: 0px;
    min-height: 624px;
    height: 624px;
  }
  .widget-item.narrow-margin {
    margin-right: auto;
  }
  .page-content.condensed {
    margin-left: 0px;
  }
  .scrollup {
    display: none;
  }
  body.boxed-layout .header {
    width: 100%;
    padding: 0 !important;
  }
  body.boxed-layout .container {
    padding: 0;
    width: 100%;
  }
  .inner-menu-always-open .user-info-wrapper {
    display: none;
  }
  .inner-menu-always-open .page-sidebar .page-sidebar-wrapper {
    height: auto;
  }
  /** Horizontal Menu **/
  .horizontal-menu .bar {
    display: none;
  }
  /*** Horizontal Menu **/
  .horizontal-menu .bar {
    background-color: #fff;
  }
  .horizontal-menu .bar .bar-inner {
    display: block;
    max-height: 400px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .horizontal-menu .bar .bar-inner > ul > li {
    display: block;
  }
  .horizontal-menu .bar .bar-inner > ul > li .classic {
    position: relative;
    background-color: transparent;
    top: 0;
  }
  .horizontal-menu .bar .bar-inner > ul > li .mega,
  .horizontal-menu .bar .bar-inner > ul > li.horizontal {
    position: relative;
  }
  .horizontal-menu .bar .bar-inner > ul > li > .horizontal {
    position: relative;
    top: 0;
    border-bottom: 0;
  }
  .horizontal-menu .bar .bar-inner > ul > li > .horizontal li {
    display: block;
  }
  .chat-window-wrapper {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s,opacity 0.5s linear;
  }
}
/*** Phones ***/
@media (max-width: 480px) {
  body.hide-top-content-header .header {
    width: 100%;
  }
  body.hide-top-content-header .page-content .content {
    padding-top: 93px;
  }
  .page-title h3 {
    width: 80%;
  }
  .page-content .content {
    padding-left: 8px;
    padding-right: 8px;
    /* overflow-x: hidden; */
  }
  .tiles.margin-reset {
    margin-left: 0px;
  }
  .column-seperation > div[class*="span"] {
    border-right: none;
  }
  table th.unseen,
  table td.unseen {
    display: none !important;
  }
  .row-fluid {
    margin-bottom: 10px;
  }
  .small {
    width: 100px !important;
  }
  .medium {
    width: 150px !important;
  }
  .large {
    width: 200px !important;
  }
  .huge {
    width: 246px !important;
    font-size: 24px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 22px 8px !important;
  }
  select.small {
    width: 114px !important;
  }
  select.medium {
    width: 164px !important;
  }
  select.large {
    width: 214px !important;
  }
  .btn-cons {
    min-width: 110px;
  }
  .btn-large {
    padding: 9px 15px;
  }
  /* Force table to not be like tables anymore */
  .no-more-tables table,
  .no-more-tables thead,
  .no-more-tables tbody,
  .no-more-tables th,
  .no-more-tables td,
  .no-more-tables tr {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  .no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .no-more-tables.table-bordered td {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }
  .no-more-tables td {
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    white-space: normal;
    text-align: left;
  }
  .no-more-tables td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }
  /*
  Label the data
  */
  .no-more-tables td:before {
    content: attr(data-title);
  }
  .no-more-tables .text-right,
  .no-more-tables .text-center {
    text-align: left !important;
  }
  .table-flip-scroll .cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  .table-flip-scroll * html .cf {
    zoom: 1;
  }
  .table-flip-scroll *:first-child + html .cf {
    zoom: 1;
  }
  .table-flip-scroll table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .table-flip-scroll th {
    width: auto !important;
    border-radius: 0px !important;
  }
  .table-flip-scroll th,
  .table-flip-scroll td {
    margin: 0;
    vertical-align: top;
  }
  .table-flip-scroll th {
    text-align: left;
  }
  .table-flip-scroll table {
    display: block;
    position: relative;
    width: 100%;
  }
  .table-flip-scroll thead {
    display: block;
    float: left;
  }
  .table-flip-scroll tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  .table-flip-scroll thead tr {
    display: block;
  }
  .table-flip-scroll th {
    display: block;
  }
  .table-flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  .table-flip-scroll td {
    display: block;
    min-height: 1.25em;
    text-align: left;
  }
  /* sort out borders */
  .table-flip-scroll th {
    border-bottom: 0;
    border-left: 0;
  }
  .table-flip-scroll td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0px !important;
  }
  .table-flip-scroll tbody tr {
    border-left: 1px solid #babcbf;
  }
  /** Profile Page **/
  .user-profile-pic {
    text-align: center;
  }
  .user-mini-description h3,
  .user-mini-description h5 {
    text-align: center;
  }
  /** email **/
  .email-body {
    padding: 8px !important;
  }
  /** lockscreen **/
  .lockscreen-wrapper .profile-wrapper {
    margin-bottom: 8px;
  }
  .image-responsive-width {
    width: auto;
  }
  .xs-image-responsive-width {
    width: 100%;
  }
}
@media (max-width: 320px) {
  .header .nav > li.dropdown .dropdown-toggle {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
/*** Retina Display Images **/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200/100), only screen and (min-device-pixel-ratio: 2) {
  .grid.simple .grid-title .tools a {
    background: url(./portlet-tray-2x.png);
    background-size: 199px 57px;
  }
  .tiles .controller a {
    position: relative;
    background: url(./portlet-tray-2x.png);
    background-size: 199px 57px;
  }
  .widget-item .controller a {
    position: relative;
    background: url(./portlet-tray-2x.png);
    background-size: 199px 57px;
  }
  .iconset {
    background: url(./top-trayx2.png) no-repeat;
    background-size: 394px 29px;
  }
  .status-icon {
    background: url(./status2x.png);
    background-size: 79px 16px;
  }
  .scrollup {
    background: url(./pullup2x.png);
    background-size: 57px 27px;
  }
  .alert .close {
    background: url(./noti-cross-2x.png) no-repeat scroll 0 0 transparent;
    background-position: -9px -10px;
    width: 10px;
    height: 9px;
    position: relative;
    opacity: 0.8;
    background-size: 114px 29px;
  }
  .checkbox label::after {
    top: 1.5px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: none;
    background-repeat: no-repeat !important;
    background-size: none !important;
  }
  .select2-search input {
    background-position: none !important;
  }
}
@media (min-width: 980px) {
  body.open-menu-right .page-content {
    position: relative;
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  body.open-menu-right .header {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  body.open-menu-right .page-sidebar {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  body.open-menu-right .footer-widget {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  body.open-menu-right .scrollup {
    display: none !important;
  }
  body.rtl.open-menu-right .page-content {
    position: relative;
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    transform: translateX(260px);
  }
  body.rtl.open-menu-right .header {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    transform: translateX(260px);
  }
  body.rtl.open-menu-right .page-sidebar {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    transform: translateX(260px);
  }
  body.rtl.open-menu-right .footer-widget {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    transform: translateX(260px);
  }
  body.rtl.open-menu-right .scrollup {
    display: none !important;
  }
}
/*** General tablets and phones ***/
@media (max-width: 979px) {
  body.open-menu-left .page-content {
    -webkit-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0);
  }
  body.open-menu-left .header {
    -webkit-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0);
  }
  body.open-menu-right .page-content {
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
  }
  body.open-menu-right .header {
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
  }
  body.open-menu-right .page-content .admin-bar {
    display: none;
  }
}
@media (min-width: 1024px) {
  .nav.toggle-sidebar {
    display: none;
  }
}
/* Landscape view of all tablet devices */
@media (min-width: 768px) and (max-width: 1024px) {
  .page-content {
    margin-left: 0;
  }

  .page-sidebar {
    left: -250px;
  }
  body.open-menu-right .page-content {
    -webkit-transform: translateX(-260px);
    transform: translateX(-260px);
    left: auto;
  }
  body.open-menu-right .header {
    -webkit-transform: translateX(-260px);
    transform: translateX(-260px);
    left: auto;
  }
  body.open-menu-right .page-content .admin-bar {
    display: none;
  }
  body.boxed-layout {
    background-color: #f6f7f8;
  }
  body.boxed-layout .container {
    position: relative;
  }
  body.boxed-layout .chat-window-wrapper {
    position: absolute;
    margin-right: 15px;
  }
}
/* Portrait view of all tablet devices */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .chat-window-wrapper {
    display: none;
  }
  .chat-window-wrapper.visible {
    display: block;
  }
  .page-sidebar.visible {
    display: block;
  }
  body.open-menu-left .page-sidebar {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
  }
  body.open-menu-right .chat-window-wrapper {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
  }
}
@media (max-width: 767px) {
  .page-sidebar {
    left: -250px;
  }

  .page-content {
    margin-left: 0;
  }
  .chat-window-wrapper {
    display: none;
  }
  .chat-window-wrapper.visible {
    display: block;
  }
  .page-sidebar.visible {
    display: block;
  }
  body.open-menu-right .chat-window-wrapper {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
  }
  body.open-menu-left .page-sidebar {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    -webkit-backface-visibility: hidden;
  }

  #header_container {
    position: fixed;
    top: 0px;
  }

  .mobile-trigger {
    display: block;
    margin: 0;
    border-radius: 3px;
    border: 1px solid #B9C3C8;
    font-size: 0;
    height: 28px;
    overflow: hidden;
    margin-top: 4px;
  }

  .mobile-trigger--item + .mobile-trigger--item {
    border-left: 1px solid #B9C3C8;
  }
  .mobile-trigger--item {
    display: inline-block;
    padding: 3px 12px;
    font-size: 12px;
    cursor: pointer;
    background: #f0f3f5;
  }
  .mobile-trigger--item.active {
    background: #c5d2d8;
    cursor: default;
  }

  .mobile-inactive {
    display: none;
  }

  .chat-input-field__ctrl-enter-label {
    display: none !important;
  }

  .header .header-quick-nav .logout {
    margin-right: 0;
  }

  .header .quick-section {
    margin: 18px 0 0 10px;
  }

  .header .quick-section.toggle-sidebar {
    margin: 19px 0 0 15px;
  }
}
.flag-icon-background{background-size:contain;background-position:50%;background-repeat:no-repeat}.flag-icon{background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative;display:inline-block;width:1.33333333em;line-height:1em}.flag-icon:before{content:'\A0'}.flag-icon.flag-icon-squared{width:1em}.flag-icon-ad{background-image:url(./ad.svg)}.flag-icon-ad.flag-icon-squared{background-image:url(./ad.svg)}.flag-icon-ae{background-image:url(./ae.svg)}.flag-icon-ae.flag-icon-squared{background-image:url(./ae.svg)}.flag-icon-af{background-image:url(./af.svg)}.flag-icon-af.flag-icon-squared{background-image:url(./af.svg)}.flag-icon-ag{background-image:url(./ag.svg)}.flag-icon-ag.flag-icon-squared{background-image:url(./ag.svg)}.flag-icon-ai{background-image:url(./ai.svg)}.flag-icon-ai.flag-icon-squared{background-image:url(./ai.svg)}.flag-icon-al{background-image:url(./al.svg)}.flag-icon-al.flag-icon-squared{background-image:url(./al.svg)}.flag-icon-am{background-image:url(./am.svg)}.flag-icon-am.flag-icon-squared{background-image:url(./am.svg)}.flag-icon-ao{background-image:url(./ao.svg)}.flag-icon-ao.flag-icon-squared{background-image:url(./ao.svg)}.flag-icon-aq{background-image:url(./aq.svg)}.flag-icon-aq.flag-icon-squared{background-image:url(./aq.svg)}.flag-icon-ar{background-image:url(./ar.svg)}.flag-icon-ar.flag-icon-squared{background-image:url(./ar.svg)}.flag-icon-as{background-image:url(./as.svg)}.flag-icon-as.flag-icon-squared{background-image:url(./as.svg)}.flag-icon-at{background-image:url(./at.svg)}.flag-icon-at.flag-icon-squared{background-image:url(./at.svg)}.flag-icon-au{background-image:url(./au.svg)}.flag-icon-au.flag-icon-squared{background-image:url(./au.svg)}.flag-icon-aw{background-image:url(./aw.svg)}.flag-icon-aw.flag-icon-squared{background-image:url(./aw.svg)}.flag-icon-ax{background-image:url(./ax.svg)}.flag-icon-ax.flag-icon-squared{background-image:url(./ax.svg)}.flag-icon-az{background-image:url(./az.svg)}.flag-icon-az.flag-icon-squared{background-image:url(./az.svg)}.flag-icon-ba{background-image:url(./ba.svg)}.flag-icon-ba.flag-icon-squared{background-image:url(./ba.svg)}.flag-icon-bb{background-image:url(./bb.svg)}.flag-icon-bb.flag-icon-squared{background-image:url(./bb.svg)}.flag-icon-bd{background-image:url(./bd.svg)}.flag-icon-bd.flag-icon-squared{background-image:url(./bd.svg)}.flag-icon-be{background-image:url(./be.svg)}.flag-icon-be.flag-icon-squared{background-image:url(./be.svg)}.flag-icon-bf{background-image:url(./bf.svg)}.flag-icon-bf.flag-icon-squared{background-image:url(./bf.svg)}.flag-icon-bg{background-image:url(./bg.svg)}.flag-icon-bg.flag-icon-squared{background-image:url(./bg.svg)}.flag-icon-bh{background-image:url(./bh.svg)}.flag-icon-bh.flag-icon-squared{background-image:url(./bh.svg)}.flag-icon-bi{background-image:url(./bi.svg)}.flag-icon-bi.flag-icon-squared{background-image:url(./bi.svg)}.flag-icon-bj{background-image:url(./bj.svg)}.flag-icon-bj.flag-icon-squared{background-image:url(./bj.svg)}.flag-icon-bl{background-image:url(./bl.svg)}.flag-icon-bl.flag-icon-squared{background-image:url(./bl.svg)}.flag-icon-bm{background-image:url(./bm.svg)}.flag-icon-bm.flag-icon-squared{background-image:url(./bm.svg)}.flag-icon-bn{background-image:url(./bn.svg)}.flag-icon-bn.flag-icon-squared{background-image:url(./bn.svg)}.flag-icon-bo{background-image:url(./bo.svg)}.flag-icon-bo.flag-icon-squared{background-image:url(./bo.svg)}.flag-icon-bq{background-image:url(./bq.svg)}.flag-icon-bq.flag-icon-squared{background-image:url(./bq.svg)}.flag-icon-br{background-image:url(./br.svg)}.flag-icon-br.flag-icon-squared{background-image:url(./br.svg)}.flag-icon-bs{background-image:url(./bs.svg)}.flag-icon-bs.flag-icon-squared{background-image:url(./bs.svg)}.flag-icon-bt{background-image:url(./bt.svg)}.flag-icon-bt.flag-icon-squared{background-image:url(./bt.svg)}.flag-icon-bv{background-image:url(./bv.svg)}.flag-icon-bv.flag-icon-squared{background-image:url(./bv.svg)}.flag-icon-bw{background-image:url(./bw.svg)}.flag-icon-bw.flag-icon-squared{background-image:url(./bw.svg)}.flag-icon-by{background-image:url(./by.svg)}.flag-icon-by.flag-icon-squared{background-image:url(./by.svg)}.flag-icon-bz{background-image:url(./bz.svg)}.flag-icon-bz.flag-icon-squared{background-image:url(./bz.svg)}.flag-icon-ca{background-image:url(./ca.svg)}.flag-icon-ca.flag-icon-squared{background-image:url(./ca.svg)}.flag-icon-cc{background-image:url(./cc.svg)}.flag-icon-cc.flag-icon-squared{background-image:url(./cc.svg)}.flag-icon-cd{background-image:url(./cd.svg)}.flag-icon-cd.flag-icon-squared{background-image:url(./cd.svg)}.flag-icon-cf{background-image:url(./cf.svg)}.flag-icon-cf.flag-icon-squared{background-image:url(./cf.svg)}.flag-icon-cg{background-image:url(./cg.svg)}.flag-icon-cg.flag-icon-squared{background-image:url(./cg.svg)}.flag-icon-ch{background-image:url(./ch.svg)}.flag-icon-ch.flag-icon-squared{background-image:url(./ch.svg)}.flag-icon-ci{background-image:url(./ci.svg)}.flag-icon-ci.flag-icon-squared{background-image:url(./ci.svg)}.flag-icon-ck{background-image:url(./ck.svg)}.flag-icon-ck.flag-icon-squared{background-image:url(./ck.svg)}.flag-icon-cl{background-image:url(./cl.svg)}.flag-icon-cl.flag-icon-squared{background-image:url(./cl.svg)}.flag-icon-cm{background-image:url(./cm.svg)}.flag-icon-cm.flag-icon-squared{background-image:url(./cm.svg)}.flag-icon-cn{background-image:url(./cn.svg)}.flag-icon-cn.flag-icon-squared{background-image:url(./cn.svg)}.flag-icon-co{background-image:url(./co.svg)}.flag-icon-co.flag-icon-squared{background-image:url(./co.svg)}.flag-icon-cr{background-image:url(./cr.svg)}.flag-icon-cr.flag-icon-squared{background-image:url(./cr.svg)}.flag-icon-cu{background-image:url(./cu.svg)}.flag-icon-cu.flag-icon-squared{background-image:url(./cu.svg)}.flag-icon-cv{background-image:url(./cv.svg)}.flag-icon-cv.flag-icon-squared{background-image:url(./cv.svg)}.flag-icon-cw{background-image:url(./cw.svg)}.flag-icon-cw.flag-icon-squared{background-image:url(./cw.svg)}.flag-icon-cx{background-image:url(./cx.svg)}.flag-icon-cx.flag-icon-squared{background-image:url(./cx.svg)}.flag-icon-cy{background-image:url(./cy.svg)}.flag-icon-cy.flag-icon-squared{background-image:url(./cy.svg)}.flag-icon-cz{background-image:url(./cz.svg)}.flag-icon-cz.flag-icon-squared{background-image:url(./cz.svg)}.flag-icon-de{background-image:url(./de.svg)}.flag-icon-de.flag-icon-squared{background-image:url(./de.svg)}.flag-icon-dj{background-image:url(./dj.svg)}.flag-icon-dj.flag-icon-squared{background-image:url(./dj.svg)}.flag-icon-dk{background-image:url(./dk.svg)}.flag-icon-dk.flag-icon-squared{background-image:url(./dk.svg)}.flag-icon-dm{background-image:url(./dm.svg)}.flag-icon-dm.flag-icon-squared{background-image:url(./dm.svg)}.flag-icon-do{background-image:url(./do.svg)}.flag-icon-do.flag-icon-squared{background-image:url(./do.svg)}.flag-icon-dz{background-image:url(./dz.svg)}.flag-icon-dz.flag-icon-squared{background-image:url(./dz.svg)}.flag-icon-ec{background-image:url(./ec.svg)}.flag-icon-ec.flag-icon-squared{background-image:url(./ec.svg)}.flag-icon-ee{background-image:url(./ee.svg)}.flag-icon-ee.flag-icon-squared{background-image:url(./ee.svg)}.flag-icon-eg{background-image:url(./eg.svg)}.flag-icon-eg.flag-icon-squared{background-image:url(./eg.svg)}.flag-icon-eh{background-image:url(./eh.svg)}.flag-icon-eh.flag-icon-squared{background-image:url(./eh.svg)}.flag-icon-er{background-image:url(./er.svg)}.flag-icon-er.flag-icon-squared{background-image:url(./er.svg)}.flag-icon-es{background-image:url(./es.svg)}.flag-icon-es.flag-icon-squared{background-image:url(./es.svg)}.flag-icon-et{background-image:url(./et.svg)}.flag-icon-et.flag-icon-squared{background-image:url(./et.svg)}.flag-icon-fi{background-image:url(./fi.svg)}.flag-icon-fi.flag-icon-squared{background-image:url(./fi.svg)}.flag-icon-fj{background-image:url(./fj.svg)}.flag-icon-fj.flag-icon-squared{background-image:url(./fj.svg)}.flag-icon-fk{background-image:url(./fk.svg)}.flag-icon-fk.flag-icon-squared{background-image:url(./fk.svg)}.flag-icon-fm{background-image:url(./fm.svg)}.flag-icon-fm.flag-icon-squared{background-image:url(./fm.svg)}.flag-icon-fo{background-image:url(./fo.svg)}.flag-icon-fo.flag-icon-squared{background-image:url(./fo.svg)}.flag-icon-fr{background-image:url(./fr.svg)}.flag-icon-fr.flag-icon-squared{background-image:url(./fr.svg)}.flag-icon-ga{background-image:url(./ga.svg)}.flag-icon-ga.flag-icon-squared{background-image:url(./ga.svg)}.flag-icon-gb{background-image:url(./gb.svg)}.flag-icon-gb.flag-icon-squared{background-image:url(./gb.svg)}.flag-icon-gd{background-image:url(./gd.svg)}.flag-icon-gd.flag-icon-squared{background-image:url(./gd.svg)}.flag-icon-ge{background-image:url(./ge.svg)}.flag-icon-ge.flag-icon-squared{background-image:url(./ge.svg)}.flag-icon-gf{background-image:url(./gf.svg)}.flag-icon-gf.flag-icon-squared{background-image:url(./gf.svg)}.flag-icon-gg{background-image:url(./gg.svg)}.flag-icon-gg.flag-icon-squared{background-image:url(./gg.svg)}.flag-icon-gh{background-image:url(./gh.svg)}.flag-icon-gh.flag-icon-squared{background-image:url(./gh.svg)}.flag-icon-gi{background-image:url(./gi.svg)}.flag-icon-gi.flag-icon-squared{background-image:url(./gi.svg)}.flag-icon-gl{background-image:url(./gl.svg)}.flag-icon-gl.flag-icon-squared{background-image:url(./gl.svg)}.flag-icon-gm{background-image:url(./gm.svg)}.flag-icon-gm.flag-icon-squared{background-image:url(./gm.svg)}.flag-icon-gn{background-image:url(./gn.svg)}.flag-icon-gn.flag-icon-squared{background-image:url(./gn.svg)}.flag-icon-gp{background-image:url(./gp.svg)}.flag-icon-gp.flag-icon-squared{background-image:url(./gp.svg)}.flag-icon-gq{background-image:url(./gq.svg)}.flag-icon-gq.flag-icon-squared{background-image:url(./gq.svg)}.flag-icon-gr{background-image:url(./gr.svg)}.flag-icon-gr.flag-icon-squared{background-image:url(./gr.svg)}.flag-icon-gs{background-image:url(./gs.svg)}.flag-icon-gs.flag-icon-squared{background-image:url(./gs.svg)}.flag-icon-gt{background-image:url(./gt.svg)}.flag-icon-gt.flag-icon-squared{background-image:url(./gt.svg)}.flag-icon-gu{background-image:url(./gu.svg)}.flag-icon-gu.flag-icon-squared{background-image:url(./gu.svg)}.flag-icon-gw{background-image:url(./gw.svg)}.flag-icon-gw.flag-icon-squared{background-image:url(./gw.svg)}.flag-icon-gy{background-image:url(./gy.svg)}.flag-icon-gy.flag-icon-squared{background-image:url(./gy.svg)}.flag-icon-hk{background-image:url(./hk.svg)}.flag-icon-hk.flag-icon-squared{background-image:url(./hk.svg)}.flag-icon-hm{background-image:url(./hm.svg)}.flag-icon-hm.flag-icon-squared{background-image:url(./hm.svg)}.flag-icon-hn{background-image:url(./hn.svg)}.flag-icon-hn.flag-icon-squared{background-image:url(./hn.svg)}.flag-icon-hr{background-image:url(./hr.svg)}.flag-icon-hr.flag-icon-squared{background-image:url(./hr.svg)}.flag-icon-ht{background-image:url(./ht.svg)}.flag-icon-ht.flag-icon-squared{background-image:url(./ht.svg)}.flag-icon-hu{background-image:url(./hu.svg)}.flag-icon-hu.flag-icon-squared{background-image:url(./hu.svg)}.flag-icon-id{background-image:url(./id.svg)}.flag-icon-id.flag-icon-squared{background-image:url(./id.svg)}.flag-icon-ie{background-image:url(./ie.svg)}.flag-icon-ie.flag-icon-squared{background-image:url(./ie.svg)}.flag-icon-il{background-image:url(./il.svg)}.flag-icon-il.flag-icon-squared{background-image:url(./il.svg)}.flag-icon-im{background-image:url(./im.svg)}.flag-icon-im.flag-icon-squared{background-image:url(./im.svg)}.flag-icon-in{background-image:url(./in.svg)}.flag-icon-in.flag-icon-squared{background-image:url(./in.svg)}.flag-icon-io{background-image:url(./io.svg)}.flag-icon-io.flag-icon-squared{background-image:url(./io.svg)}.flag-icon-iq{background-image:url(./iq.svg)}.flag-icon-iq.flag-icon-squared{background-image:url(./iq.svg)}.flag-icon-ir{background-image:url(./ir.svg)}.flag-icon-ir.flag-icon-squared{background-image:url(./ir.svg)}.flag-icon-is{background-image:url(./is.svg)}.flag-icon-is.flag-icon-squared{background-image:url(./is.svg)}.flag-icon-it{background-image:url(./it.svg)}.flag-icon-it.flag-icon-squared{background-image:url(./it.svg)}.flag-icon-je{background-image:url(./je.svg)}.flag-icon-je.flag-icon-squared{background-image:url(./je.svg)}.flag-icon-jm{background-image:url(./jm.svg)}.flag-icon-jm.flag-icon-squared{background-image:url(./jm.svg)}.flag-icon-jo{background-image:url(./jo.svg)}.flag-icon-jo.flag-icon-squared{background-image:url(./jo.svg)}.flag-icon-jp{background-image:url(./jp.svg)}.flag-icon-jp.flag-icon-squared{background-image:url(./jp.svg)}.flag-icon-ke{background-image:url(./ke.svg)}.flag-icon-ke.flag-icon-squared{background-image:url(./ke.svg)}.flag-icon-kg{background-image:url(./kg.svg)}.flag-icon-kg.flag-icon-squared{background-image:url(./kg.svg)}.flag-icon-kh{background-image:url(./kh.svg)}.flag-icon-kh.flag-icon-squared{background-image:url(./kh.svg)}.flag-icon-ki{background-image:url(./ki.svg)}.flag-icon-ki.flag-icon-squared{background-image:url(./ki.svg)}.flag-icon-km{background-image:url(./km.svg)}.flag-icon-km.flag-icon-squared{background-image:url(./km.svg)}.flag-icon-kn{background-image:url(./kn.svg)}.flag-icon-kn.flag-icon-squared{background-image:url(./kn.svg)}.flag-icon-kp{background-image:url(./kp.svg)}.flag-icon-kp.flag-icon-squared{background-image:url(./kp.svg)}.flag-icon-kr{background-image:url(./kr.svg)}.flag-icon-kr.flag-icon-squared{background-image:url(./kr.svg)}.flag-icon-kw{background-image:url(./kw.svg)}.flag-icon-kw.flag-icon-squared{background-image:url(./kw.svg)}.flag-icon-ky{background-image:url(./ky.svg)}.flag-icon-ky.flag-icon-squared{background-image:url(./ky.svg)}.flag-icon-kz{background-image:url(./kz.svg)}.flag-icon-kz.flag-icon-squared{background-image:url(./kz.svg)}.flag-icon-la{background-image:url(./la.svg)}.flag-icon-la.flag-icon-squared{background-image:url(./la.svg)}.flag-icon-lb{background-image:url(./lb.svg)}.flag-icon-lb.flag-icon-squared{background-image:url(./lb.svg)}.flag-icon-lc{background-image:url(./lc.svg)}.flag-icon-lc.flag-icon-squared{background-image:url(./lc.svg)}.flag-icon-li{background-image:url(./li.svg)}.flag-icon-li.flag-icon-squared{background-image:url(./li.svg)}.flag-icon-lk{background-image:url(./lk.svg)}.flag-icon-lk.flag-icon-squared{background-image:url(./lk.svg)}.flag-icon-lr{background-image:url(./lr.svg)}.flag-icon-lr.flag-icon-squared{background-image:url(./lr.svg)}.flag-icon-ls{background-image:url(./ls.svg)}.flag-icon-ls.flag-icon-squared{background-image:url(./ls.svg)}.flag-icon-lt{background-image:url(./lt.svg)}.flag-icon-lt.flag-icon-squared{background-image:url(./lt.svg)}.flag-icon-lu{background-image:url(./lu.svg)}.flag-icon-lu.flag-icon-squared{background-image:url(./lu.svg)}.flag-icon-lv{background-image:url(./lv.svg)}.flag-icon-lv.flag-icon-squared{background-image:url(./lv.svg)}.flag-icon-ly{background-image:url(./ly.svg)}.flag-icon-ly.flag-icon-squared{background-image:url(./ly.svg)}.flag-icon-ma{background-image:url(./ma.svg)}.flag-icon-ma.flag-icon-squared{background-image:url(./ma.svg)}.flag-icon-mc{background-image:url(./mc.svg)}.flag-icon-mc.flag-icon-squared{background-image:url(./mc.svg)}.flag-icon-md{background-image:url(./md.svg)}.flag-icon-md.flag-icon-squared{background-image:url(./md.svg)}.flag-icon-me{background-image:url(./me.svg)}.flag-icon-me.flag-icon-squared{background-image:url(./me.svg)}.flag-icon-mf{background-image:url(./mf.svg)}.flag-icon-mf.flag-icon-squared{background-image:url(./mf.svg)}.flag-icon-mg{background-image:url(./mg.svg)}.flag-icon-mg.flag-icon-squared{background-image:url(./mg.svg)}.flag-icon-mh{background-image:url(./mh.svg)}.flag-icon-mh.flag-icon-squared{background-image:url(./mh.svg)}.flag-icon-mk{background-image:url(./mk.svg)}.flag-icon-mk.flag-icon-squared{background-image:url(./mk.svg)}.flag-icon-ml{background-image:url(./ml.svg)}.flag-icon-ml.flag-icon-squared{background-image:url(./ml.svg)}.flag-icon-mm{background-image:url(./mm.svg)}.flag-icon-mm.flag-icon-squared{background-image:url(./mm.svg)}.flag-icon-mn{background-image:url(./mn.svg)}.flag-icon-mn.flag-icon-squared{background-image:url(./mn.svg)}.flag-icon-mo{background-image:url(./mo.svg)}.flag-icon-mo.flag-icon-squared{background-image:url(./mo.svg)}.flag-icon-mp{background-image:url(./mp.svg)}.flag-icon-mp.flag-icon-squared{background-image:url(./mp.svg)}.flag-icon-mq{background-image:url(./mq.svg)}.flag-icon-mq.flag-icon-squared{background-image:url(./mq.svg)}.flag-icon-mr{background-image:url(./mr.svg)}.flag-icon-mr.flag-icon-squared{background-image:url(./mr.svg)}.flag-icon-ms{background-image:url(./ms.svg)}.flag-icon-ms.flag-icon-squared{background-image:url(./ms.svg)}.flag-icon-mt{background-image:url(./mt.svg)}.flag-icon-mt.flag-icon-squared{background-image:url(./mt.svg)}.flag-icon-mu{background-image:url(./mu.svg)}.flag-icon-mu.flag-icon-squared{background-image:url(./mu.svg)}.flag-icon-mv{background-image:url(./mv.svg)}.flag-icon-mv.flag-icon-squared{background-image:url(./mv.svg)}.flag-icon-mw{background-image:url(./mw.svg)}.flag-icon-mw.flag-icon-squared{background-image:url(./mw.svg)}.flag-icon-mx{background-image:url(./mx.svg)}.flag-icon-mx.flag-icon-squared{background-image:url(./mx.svg)}.flag-icon-my{background-image:url(./my.svg)}.flag-icon-my.flag-icon-squared{background-image:url(./my.svg)}.flag-icon-mz{background-image:url(./mz.svg)}.flag-icon-mz.flag-icon-squared{background-image:url(./mz.svg)}.flag-icon-na{background-image:url(./na.svg)}.flag-icon-na.flag-icon-squared{background-image:url(./na.svg)}.flag-icon-nc{background-image:url(./nc.svg)}.flag-icon-nc.flag-icon-squared{background-image:url(./nc.svg)}.flag-icon-ne{background-image:url(./ne.svg)}.flag-icon-ne.flag-icon-squared{background-image:url(./ne.svg)}.flag-icon-nf{background-image:url(./nf.svg)}.flag-icon-nf.flag-icon-squared{background-image:url(./nf.svg)}.flag-icon-ng{background-image:url(./ng.svg)}.flag-icon-ng.flag-icon-squared{background-image:url(./ng.svg)}.flag-icon-ni{background-image:url(./ni.svg)}.flag-icon-ni.flag-icon-squared{background-image:url(./ni.svg)}.flag-icon-nl{background-image:url(./nl.svg)}.flag-icon-nl.flag-icon-squared{background-image:url(./nl.svg)}.flag-icon-no{background-image:url(./no.svg)}.flag-icon-no.flag-icon-squared{background-image:url(./no.svg)}.flag-icon-np{background-image:url(./np.svg)}.flag-icon-np.flag-icon-squared{background-image:url(./np.svg)}.flag-icon-nr{background-image:url(./nr.svg)}.flag-icon-nr.flag-icon-squared{background-image:url(./nr.svg)}.flag-icon-nu{background-image:url(./nu.svg)}.flag-icon-nu.flag-icon-squared{background-image:url(./nu.svg)}.flag-icon-nz{background-image:url(./nz.svg)}.flag-icon-nz.flag-icon-squared{background-image:url(./nz.svg)}.flag-icon-om{background-image:url(./om.svg)}.flag-icon-om.flag-icon-squared{background-image:url(./om.svg)}.flag-icon-pa{background-image:url(./pa.svg)}.flag-icon-pa.flag-icon-squared{background-image:url(./pa.svg)}.flag-icon-pe{background-image:url(./pe.svg)}.flag-icon-pe.flag-icon-squared{background-image:url(./pe.svg)}.flag-icon-pf{background-image:url(./pf.svg)}.flag-icon-pf.flag-icon-squared{background-image:url(./pf.svg)}.flag-icon-pg{background-image:url(./pg.svg)}.flag-icon-pg.flag-icon-squared{background-image:url(./pg.svg)}.flag-icon-ph{background-image:url(./ph.svg)}.flag-icon-ph.flag-icon-squared{background-image:url(./ph.svg)}.flag-icon-pk{background-image:url(./pk.svg)}.flag-icon-pk.flag-icon-squared{background-image:url(./pk.svg)}.flag-icon-pl{background-image:url(./pl.svg)}.flag-icon-pl.flag-icon-squared{background-image:url(./pl.svg)}.flag-icon-pm{background-image:url(./pm.svg)}.flag-icon-pm.flag-icon-squared{background-image:url(./pm.svg)}.flag-icon-pn{background-image:url(./pn.svg)}.flag-icon-pn.flag-icon-squared{background-image:url(./pn.svg)}.flag-icon-pr{background-image:url(./pr.svg)}.flag-icon-pr.flag-icon-squared{background-image:url(./pr.svg)}.flag-icon-ps{background-image:url(./ps.svg)}.flag-icon-ps.flag-icon-squared{background-image:url(./ps.svg)}.flag-icon-pt{background-image:url(./pt.svg)}.flag-icon-pt.flag-icon-squared{background-image:url(./pt.svg)}.flag-icon-pw{background-image:url(./pw.svg)}.flag-icon-pw.flag-icon-squared{background-image:url(./pw.svg)}.flag-icon-py{background-image:url(./py.svg)}.flag-icon-py.flag-icon-squared{background-image:url(./py.svg)}.flag-icon-qa{background-image:url(./qa.svg)}.flag-icon-qa.flag-icon-squared{background-image:url(./qa.svg)}.flag-icon-re{background-image:url(./re.svg)}.flag-icon-re.flag-icon-squared{background-image:url(./re.svg)}.flag-icon-ro{background-image:url(./ro.svg)}.flag-icon-ro.flag-icon-squared{background-image:url(./ro.svg)}.flag-icon-rs{background-image:url(./rs.svg)}.flag-icon-rs.flag-icon-squared{background-image:url(./rs.svg)}.flag-icon-ru{background-image:url(./ru.svg)}.flag-icon-ru.flag-icon-squared{background-image:url(./ru.svg)}.flag-icon-rw{background-image:url(./rw.svg)}.flag-icon-rw.flag-icon-squared{background-image:url(./rw.svg)}.flag-icon-sa{background-image:url(./sa.svg)}.flag-icon-sa.flag-icon-squared{background-image:url(./sa.svg)}.flag-icon-sb{background-image:url(./sb.svg)}.flag-icon-sb.flag-icon-squared{background-image:url(./sb.svg)}.flag-icon-sc{background-image:url(./sc.svg)}.flag-icon-sc.flag-icon-squared{background-image:url(./sc.svg)}.flag-icon-sd{background-image:url(./sd.svg)}.flag-icon-sd.flag-icon-squared{background-image:url(./sd.svg)}.flag-icon-se{background-image:url(./se.svg)}.flag-icon-se.flag-icon-squared{background-image:url(./se.svg)}.flag-icon-sg{background-image:url(./sg.svg)}.flag-icon-sg.flag-icon-squared{background-image:url(./sg.svg)}.flag-icon-sh{background-image:url(./sh.svg)}.flag-icon-sh.flag-icon-squared{background-image:url(./sh.svg)}.flag-icon-si{background-image:url(./si.svg)}.flag-icon-si.flag-icon-squared{background-image:url(./si.svg)}.flag-icon-sj{background-image:url(./sj.svg)}.flag-icon-sj.flag-icon-squared{background-image:url(./sj.svg)}.flag-icon-sk{background-image:url(./sk.svg)}.flag-icon-sk.flag-icon-squared{background-image:url(./sk.svg)}.flag-icon-sl{background-image:url(./sl.svg)}.flag-icon-sl.flag-icon-squared{background-image:url(./sl.svg)}.flag-icon-sm{background-image:url(./sm.svg)}.flag-icon-sm.flag-icon-squared{background-image:url(./sm.svg)}.flag-icon-sn{background-image:url(./sn.svg)}.flag-icon-sn.flag-icon-squared{background-image:url(./sn.svg)}.flag-icon-so{background-image:url(./so.svg)}.flag-icon-so.flag-icon-squared{background-image:url(./so.svg)}.flag-icon-sr{background-image:url(./sr.svg)}.flag-icon-sr.flag-icon-squared{background-image:url(./sr.svg)}.flag-icon-ss{background-image:url(./ss.svg)}.flag-icon-ss.flag-icon-squared{background-image:url(./ss.svg)}.flag-icon-st{background-image:url(./st.svg)}.flag-icon-st.flag-icon-squared{background-image:url(./st.svg)}.flag-icon-sv{background-image:url(./sv.svg)}.flag-icon-sv.flag-icon-squared{background-image:url(./sv.svg)}.flag-icon-sx{background-image:url(./sx.svg)}.flag-icon-sx.flag-icon-squared{background-image:url(./sx.svg)}.flag-icon-sy{background-image:url(./sy.svg)}.flag-icon-sy.flag-icon-squared{background-image:url(./sy.svg)}.flag-icon-sz{background-image:url(./sz.svg)}.flag-icon-sz.flag-icon-squared{background-image:url(./sz.svg)}.flag-icon-tc{background-image:url(./tc.svg)}.flag-icon-tc.flag-icon-squared{background-image:url(./tc.svg)}.flag-icon-td{background-image:url(./td.svg)}.flag-icon-td.flag-icon-squared{background-image:url(./td.svg)}.flag-icon-tf{background-image:url(./tf.svg)}.flag-icon-tf.flag-icon-squared{background-image:url(./tf.svg)}.flag-icon-tg{background-image:url(./tg.svg)}.flag-icon-tg.flag-icon-squared{background-image:url(./tg.svg)}.flag-icon-th{background-image:url(./th.svg)}.flag-icon-th.flag-icon-squared{background-image:url(./th.svg)}.flag-icon-tj{background-image:url(./tj.svg)}.flag-icon-tj.flag-icon-squared{background-image:url(./tj.svg)}.flag-icon-tk{background-image:url(./tk.svg)}.flag-icon-tk.flag-icon-squared{background-image:url(./tk.svg)}.flag-icon-tl{background-image:url(./tl.svg)}.flag-icon-tl.flag-icon-squared{background-image:url(./tl.svg)}.flag-icon-tm{background-image:url(./tm.svg)}.flag-icon-tm.flag-icon-squared{background-image:url(./tm.svg)}.flag-icon-tn{background-image:url(./tn.svg)}.flag-icon-tn.flag-icon-squared{background-image:url(./tn.svg)}.flag-icon-to{background-image:url(./to.svg)}.flag-icon-to.flag-icon-squared{background-image:url(./to.svg)}.flag-icon-tr{background-image:url(./tr.svg)}.flag-icon-tr.flag-icon-squared{background-image:url(./tr.svg)}.flag-icon-tt{background-image:url(./tt.svg)}.flag-icon-tt.flag-icon-squared{background-image:url(./tt.svg)}.flag-icon-tv{background-image:url(./tv.svg)}.flag-icon-tv.flag-icon-squared{background-image:url(./tv.svg)}.flag-icon-tw{background-image:url(./tw.svg)}.flag-icon-tw.flag-icon-squared{background-image:url(./tw.svg)}.flag-icon-tz{background-image:url(./tz.svg)}.flag-icon-tz.flag-icon-squared{background-image:url(./tz.svg)}.flag-icon-ua{background-image:url(./ua.svg)}.flag-icon-ua.flag-icon-squared{background-image:url(./ua.svg)}.flag-icon-ug{background-image:url(./ug.svg)}.flag-icon-ug.flag-icon-squared{background-image:url(./ug.svg)}.flag-icon-um{background-image:url(./um.svg)}.flag-icon-um.flag-icon-squared{background-image:url(./um.svg)}.flag-icon-us{background-image:url(./us.svg)}.flag-icon-us.flag-icon-squared{background-image:url(./us.svg)}.flag-icon-uy{background-image:url(./uy.svg)}.flag-icon-uy.flag-icon-squared{background-image:url(./uy.svg)}.flag-icon-uz{background-image:url(./uz.svg)}.flag-icon-uz.flag-icon-squared{background-image:url(./uz.svg)}.flag-icon-va{background-image:url(./va.svg)}.flag-icon-va.flag-icon-squared{background-image:url(./va.svg)}.flag-icon-vc{background-image:url(./vc.svg)}.flag-icon-vc.flag-icon-squared{background-image:url(./vc.svg)}.flag-icon-ve{background-image:url(./ve.svg)}.flag-icon-ve.flag-icon-squared{background-image:url(./ve.svg)}.flag-icon-vg{background-image:url(./vg.svg)}.flag-icon-vg.flag-icon-squared{background-image:url(./vg.svg)}.flag-icon-vi{background-image:url(./vi.svg)}.flag-icon-vi.flag-icon-squared{background-image:url(./vi.svg)}.flag-icon-vn{background-image:url(./vn.svg)}.flag-icon-vn.flag-icon-squared{background-image:url(./vn.svg)}.flag-icon-vu{background-image:url(./vu.svg)}.flag-icon-vu.flag-icon-squared{background-image:url(./vu.svg)}.flag-icon-wf{background-image:url(./wf.svg)}.flag-icon-wf.flag-icon-squared{background-image:url(./wf.svg)}.flag-icon-ws{background-image:url(./ws.svg)}.flag-icon-ws.flag-icon-squared{background-image:url(./ws.svg)}.flag-icon-ye{background-image:url(./ye.svg)}.flag-icon-ye.flag-icon-squared{background-image:url(./ye.svg)}.flag-icon-yt{background-image:url(./yt.svg)}.flag-icon-yt.flag-icon-squared{background-image:url(./yt.svg)}.flag-icon-za{background-image:url(./za.svg)}.flag-icon-za.flag-icon-squared{background-image:url(./za.svg)}.flag-icon-zm{background-image:url(./zm.svg)}.flag-icon-zm.flag-icon-squared{background-image:url(./zm.svg)}.flag-icon-zw{background-image:url(./zw.svg)}.flag-icon-zw.flag-icon-squared{background-image:url(./zw.svg)}.flag-icon-es-ca{background-image:url(./es-ca.svg)}.flag-icon-es-ca.flag-icon-squared{background-image:url(./es-ca.svg)}.flag-icon-es-ga{background-image:url(./es-ga.svg)}.flag-icon-es-ga.flag-icon-squared{background-image:url(./es-ga.svg)}.flag-icon-eu{background-image:url(./eu.svg)}.flag-icon-eu.flag-icon-squared{background-image:url(./eu.svg)}.flag-icon-gb-eng{background-image:url(./gb-eng.svg)}.flag-icon-gb-eng.flag-icon-squared{background-image:url(./gb-eng.svg)}.flag-icon-gb-nir{background-image:url(./gb-nir.svg)}.flag-icon-gb-nir.flag-icon-squared{background-image:url(./gb-nir.svg)}.flag-icon-gb-sct{background-image:url(./gb-sct.svg)}.flag-icon-gb-sct.flag-icon-squared{background-image:url(./gb-sct.svg)}.flag-icon-gb-wls{background-image:url(./gb-wls.svg)}.flag-icon-gb-wls.flag-icon-squared{background-image:url(./gb-wls.svg)}.flag-icon-un{background-image:url(./un.svg)}.flag-icon-un.flag-icon-squared{background-image:url(./un.svg)}.flag-icon-xk{background-image:url(./xk.svg)}.flag-icon-xk.flag-icon-squared{background-image:url(./xk.svg)}
@charset "UTF-8";
@keyframes spin {
  to {
    transform: rotate(360deg); } }

/* typography */
.tb-text-danger {
  color: #f35958; }

/* BOOTSTRAP */
.form-horizontal {
  display: block;
  position: static;
  margin: 0px; }

.form-control-static--small {
  min-height: 29px;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 15px; }

/* validation */
input[type="text"].ng-invalid,
input[type="url"].ng-invalid,
input[type="tel"].ng-invalid,
textarea.ng-invalid,
.contenteditable-textarea.ng-invalid,
.ui-select-textback.ng-invalid {
  outline: 1px solid #f35958; }

textarea.ng-invalid + .emoji-wysiwyg-editor {
  border-color: #f35958; }

/* Хлебные крошки */
.page-content .breadcrumb {
  margin-bottom: 20px; }
  .page-content .breadcrumb > li {
    padding-left: 10px; }
    .page-content .breadcrumb > li > a,
    .page-content .breadcrumb > li > span {
      margin-left: 10px; }
    .page-content .breadcrumb > li:first-child {
      padding-left: 0px; }
      .page-content .breadcrumb > li:first-child > a,
      .page-content .breadcrumb > li:first-child > span {
        margin-left: 0px; }
    .page-content .breadcrumb > li.active span,
    .page-content .breadcrumb > li.active a {
      font-weight: bold; }

/* Расширение webarch-шаблона */
.p-l-150 {
  padding-left: 150px; }

.m-b-0 {
  margin-bottom: 0px; }

.p-t-8 {
  padding-top: 8px; }

.page-title h3 {
  font-weight: normal; }

.menu-collapse-arrow {
  float: right;
  position: relative;
  bottom: -3px; }

/* Компонент controls/slide-toggle */
slide-toggle label {
  margin: 0px;
  display: inline-block;
  vertical-align: middle; }
  slide-toggle label > div {
    margin: 0px !important; }

/* Оверрайд стилей для daterandipicker'a */
.daterangepicker .daterangepicker_input i {
  top: 11px; }

.daterangepicker .input-mini {
  padding: 0 6px 0 28px !important; }

.daterangepicker td,
.daterangepicker th {
  padding: 5.5px !important; }

.daterangepicker td.disabled {
  cursor: default;
  text-decoration: none; }

.daterangepicker td.active {
  background-color: #0aa699; }
  .daterangepicker td.active:hover {
    background-color: #0aa699;
    opacity: 0.65; }

.daterangepicker thead th.prev, .daterangepicker thead th.next {
  color: #0aa699; }
  .daterangepicker thead th.prev:hover, .daterangepicker thead th.next:hover {
    color: #0aa699; }

.daterangepicker thead th.month {
  font-size: 13px; }
  .daterangepicker thead th.month:hover {
    background-color: #eee; }

.daterangepicker thead tr:last-child th {
  text-transform: uppercase;
  color: #0090d9;
  font-size: 11px; }

/* Оверрайд стилей для ui.bootstrap.datepicker / компонент controls/datepicker */
.uib-datepicker {
  padding: 8px; }
  .uib-datepicker,
  .uib-datepicker * {
    outline: 0 !important; }
  .uib-datepicker thead th .uib-left,
  .uib-datepicker thead th .uib-right {
    color: #0090d9;
    background-color: transparent; }
    .uib-datepicker thead th .uib-left:hover,
    .uib-datepicker thead th .uib-right:hover {
      background-color: #eee; }
  .uib-datepicker thead th .uib-title {
    font-size: 13px;
    background-color: transparent; }
    .uib-datepicker thead th .uib-title:hover {
      background-color: #eee; }
  .uib-datepicker td button,
  .uib-datepicker th button {
    padding: 5.5px !important; }
  .uib-datepicker .uib-day .btn {
    background-color: transparent;
    border-radius: 2px; }
    .uib-datepicker .uib-day .btn.active {
      background-color: #0090d9; }
      .uib-datepicker .uib-day .btn.active .text-info {
        color: #fff !important; }
      .uib-datepicker .uib-day .btn.active:hover {
        background-color: #0090d9;
        opacity: 0.65; }
    .uib-datepicker .uib-day .btn:hover {
      background-color: #eee; }
    .uib-datepicker .uib-day .btn[disabled] {
      cursor: default; }

/* Иконка статуса канала */
.channel-status-icon {
  position: absolute;
  top: 10px;
  left: 30px;
  outline: 0; }

.popover.channel-status {
  padding: 0px; }
  .popover.channel-status .arrow {
    display: none; }
  .popover.channel-status .popover-content {
    padding: 0px; }
    .popover.channel-status .popover-content .alert {
      margin-bottom: 0px;
      padding: 10px; }

/* Компонент controls/message-editor */
.message-editor .ng-infobox {
  border: 1px solid #dbdce0;
  box-shadow: 1px 1px 2px rgba(228, 223, 224, 0.9);
  border-radius: 2px;
  background: white;
  margin-bottom: 15px; }
  .message-editor .ng-infobox__head {
    text-align: center;
    padding: 10px 15px;
    background-color: #e4eaed; }
    .message-editor .ng-infobox__head > input {
      background-color: #fff;
      width: 100%;
      text-align: center; }
  .message-editor .ng-infobox__body {
    position: relative; }
    .message-editor .ng-infobox__body textarea {
      width: 100%;
      resize: none; }
    .message-editor .ng-infobox__body .emoji-wysiwyg-editor {
      outline: 0; }
    .message-editor .ng-infobox__body .tb-chat-emoji-picker {
      position: absolute;
      left: inherit;
      bottom: 6px;
      right: 6px;
      font-size: 1.8em; }
    .message-editor .ng-infobox__body--actions .ng-infobox-body-toggle-message {
      font-size: 1.8em;
      opacity: 0.7;
      cursor: pointer; }
      .message-editor .ng-infobox__body--actions .ng-infobox-body-toggle-message:hover {
        opacity: 1; }
  .message-editor .ng-infobox__buttons {
    background-color: #f2f4f6; }
    .message-editor .ng-infobox__buttons .ng-infobox__left-col {
      width: 50%;
      float: left;
      padding: 4px 6px;
      position: relative; }
      .message-editor .ng-infobox__buttons .ng-infobox__left-col input {
        width: 100%;
        text-align: center; }
        .message-editor .ng-infobox__buttons .ng-infobox__left-col input.ng-invalid-required {
          border: 1px solid #f87f83; }
    .message-editor .ng-infobox__buttons .ng-infobox__symbols-left {
      position: absolute;
      right: 9px;
      font-size: 0.8em;
      bottom: 4px; }
    .message-editor .ng-infobox__buttons .ng-infobox__right-col {
      float: left;
      width: 50%;
      padding: 4px 6px;
      padding-right: 24px; }
      .message-editor .ng-infobox__buttons .ng-infobox__right-col input {
        width: 100%;
        background: #d3d8da;
        text-align: center; }
        .message-editor .ng-infobox__buttons .ng-infobox__right-col input.ng-invalid-url, .message-editor .ng-infobox__buttons .ng-infobox__right-col input.ng-invalid-required {
          border: 1px solid #f87f83; }
    .message-editor .ng-infobox__buttons::after {
      content: "";
      display: block;
      clear: both; }
  .message-editor .ng-infobox__button {
    border-bottom: 1px solid #dbdce0;
    position: relative; }
    .message-editor .ng-infobox__button::after {
      content: "";
      display: block;
      clear: both; }
    .message-editor .ng-infobox__button .ng-infobox__button-close {
      position: absolute;
      right: 2px;
      top: -2px;
      font-size: 1.1em;
      color: #5c636f; }
    .message-editor .ng-infobox__button.ng-infobox__button--link {
      display: block;
      padding: 10px 17px;
      color: #6f7b8a; }
      .message-editor .ng-infobox__button.ng-infobox__button--link .ng-infobox__button-close {
        right: 10px;
        top: 1px;
        font-size: 24px; }
  .message-editor .ng-infobox__footer {
    background-color: #e4eaed;
    min-height: 47px;
    position: relative; }
    .message-editor .ng-infobox__footer--add-button {
      text-transform: uppercase;
      text-align: center;
      line-height: 47px;
      cursor: pointer; }

.message-editor .ng-attach-files-box {
  display: grid;
  justify-items: center;
  justify-content: center; }
  .message-editor .ng-attach-files-box__error {
    display: grid;
    width: max-content;
    margin: 10px 0; }
  .message-editor .ng-attach-files-box .file-upload-button {
    position: relative;
    text-align: center;
    min-height: 30px;
    width: 50px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    align-self: center;
    justify-self: end;
    margin: 4px 0 0 0; }
    .message-editor .ng-attach-files-box .file-upload-button button {
      padding: 0;
      margin: 0;
      position: relative;
      font-size: 2em !important;
      opacity: 0.6;
      width: 100%;
      height: 26px;
      text-align: center; }
    .message-editor .ng-attach-files-box .file-upload-button input {
      position: absolute;
      width: 100%;
      height: 26px !important;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      opacity: 0;
      cursor: pointer;
      font-size: 0; }

.message-editor .ng-disabled {
  pointer-events: none;
  opacity: 0.5; }

.message-editor .message-editor__control {
  position: relative;
  background: #e4eaed;
  border: 1px solid #a9acb3;
  border-radius: 2px;
  text-align: center;
  display: inline-block;
  padding: 10px 16px; }

.message-editor .emoji-wysiwyg-editor {
  height: 150px; }

/* компонент controls/interactive-message-editor */
.interactive-button-form {
  width: 350px;
  margin-bottom: 30px;
  max-width: 350px;
  box-shadow: 0px 3px 13px rgba(169, 172, 179, 0.7);
  font-family: "Open Sans";
  right: -360px; }
  .interactive-button-form .form-group {
    margin: 0px -15px 20px; }
  .interactive-button-form .arrow {
    display: none; }
  .interactive-button-form label {
    font-weight: bold; }

/* widget-overlay */
.widget-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.7); }
  .widget-overlay .widget-overlay__message {
    margin: 50px auto auto;
    font-size: 20px;
    font-weight: bold;
    text-align: center; }

.tb-fade.ng-enter {
  transition: 0.2s linear all;
  opacity: 0; }

.tb-fade.ng-enter.ng-enter-active {
  opacity: 1; }

.tb-fade.ng-leave {
  transition: 0.2s linear all;
  opacity: 1; }

.tb-fade.ng-leave.ng-leave-active {
  opacity: 0; }

/* компонент targeting-config-form/tags-conditions */
.tag-filter .tag-filter__state {
  padding-right: 0px; }

.tag-filter .tag-filter__tag {
  position: relative;
  padding-left: 0px;
  padding-right: 35px; }

.tag-filter .tag-filter__remove {
  position: absolute;
  top: 0px;
  right: 15px;
  font-size: 20px; }

.tb-popover {
  position: absolute;
  top: 0px;
  display: block;
  left: unset;
  z-index: 10; }

.tb-chat-emoji-picker {
  font-size: 1.8em !important; }

.send-file {
  font-size: 20px !important; }

/* Фикс стилей после добавления jquery-clockpicker */
.btn:hover.btn-primary, .btn:hover.btn-success, .btn:hover.btn-info, .btn:hover.btn-warning, .btn:hover.btn-danger,
.btn:focus.btn-primary,
.btn:focus.btn-success,
.btn:focus.btn-info,
.btn:focus.btn-warning,
.btn:focus.btn-danger {
  color: #fff; }

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

.friend-list .search-result .friend-last-message {
  white-space: normal; }
  .friend-list .search-result .friend-last-message em {
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
    font-style: normal; }

/*
    Коррекция стилей отображения контролов в форме поиска в хедере
*/
.search-form .host {
  margin: 0px;
  width: 500px; }
  .search-form .host .tags input.input {
    height: 26px !important; }
  .search-form .host .autocomplete {
    text-align: left; }

/*
    Стили ссылок с текстов в хедере
*/
.quicklinks .header-link {
  display: inline-block;
  line-height: 25px;
  padding-top: 1px;
  padding-bottom: 1px;
  color: #7a7f8c; }

.abbr {
  border-bottom-width: 1px;
  border-bottom-style: dashed; }

.header-tags-search-popover {
  min-width: 300px;
  max-width: 300px; }

.closable-block {
  position: relative;
  padding-right: 30px !important; }
  .closable-block .cb-close {
    position: absolute;
    top: 0px;
    right: 0px;
    outline: 0;
    line-height: 37px;
    font-size: 24px;
    color: #5e636e;
    opacity: 0.7;
    transition: opacity 0.15s; }
    .closable-block .cb-close:hover, .closable-block .cb-close.tb-active {
      opacity: 1;
      color: inherit; }
    .closable-block .cb-close.cb-info {
      color: #0d638f; }

.overflow-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%; }

.link-primary {
  color: #5e636e !important;
  opacity: 0.7;
  transition: opacity 0.15s; }
  .link-primary:hover, .link-primary.tb-active {
    opacity: 1;
    color: inherit; }

.header-input {
  position: relative;
  top: -2px;
  margin-bottom: 10px;
  width: 83%; }
  .header-input:focus {
    background-color: #fff !important; }

.angular-ui-tree-handle {
  font-weight: normal; }

/*
    jquery custom scrollbar fix
*/
.mCSB_inside > .mCSB_container {
  margin-right: 0px; }

.mCSB_scrollTools {
  opacity: 1;
  width: 10px; }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #a1b2bd; }

.mCS-tb-regular.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #cdcdcd; }

.mCS-tb-regular.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #eaeaea; }

.mCS-tb-regular.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-tb-regular.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px; }

.attachment-preview {
  text-align: center; }
  .attachment-preview .ap-img {
    max-width: 100%;
    max-height: 430px; }
  .attachment-preview .ap-toolbar {
    padding-top: 10px; }

.file-format-help-popover {
  font-size: 12px;
  width: 310px;
  max-width: 310px;
  right: -320px; }

.hoverable {
  opacity: 0.7;
  transition: opacity 0.15s; }
  .hoverable:hover, .hoverable.tb-active {
    opacity: 1;
    color: inherit; }

.hover-success, .draghandle {
  opacity: 0.7;
  transition: opacity 0.15s; }
  .hover-success:hover, .draghandle:hover, .hover-success.tb-active, .tb-active.draghandle {
    opacity: 1;
    color: #0aa699; }

.chat-input-noid {
  color: #323232;
  height: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px; }

.quicklinks.hidden-xs.ng-scope {
  margin-right: 3px; }

.no-chats-helper {
  font-size: 12pt; }

.paginated-chats-wrapper {
  height: 100%; }

.chats-wraper {
  position: static; }

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 10;
  border-top: 1px solid #e8edf1; }
  .sticky-bottom .fa-spinner {
    font-size: 16px;
    margin-top: 9px;
    animation: spin .5s linear infinite; }

.mailing-overview {
  color: #5e636e; }
  .mailing-overview h4 {
    margin-bottom: 26px;
    color: #5e636e !important;
    font-size: 2em;
    font-weight: 600;
    padding-left: 0;
    font-weight: 400; }
  .mailing-overview .step-block {
    margin-bottom: 20px; }
  .mailing-overview .mailing-summary-counter {
    font-size: 3em;
    font-weight: bold; }
    .mailing-overview .mailing-summary-counter.key-metric {
      color: #475f93; }
  .mailing-overview .sub-header {
    font-size: 1.2em; }
  .mailing-overview .mailing-stats-container {
    margin-bottom: 40px; }
  .mailing-overview .mailing-summary-block {
    max-width: 250px; }

.mailing .form-horizontal {
  display: block;
  position: static;
  margin: 0px; }

.mailing.phone-numbers .btn {
  min-width: 120px; }

.mailing textarea {
  resize: none; }

.mailing .page-title h3 {
  font-weight: normal; }
  .mailing .page-title h3 a i {
    top: 5px; }
  .mailing .page-title h3 img.emoji {
    width: 33px;
    height: 33px;
    vertical-align: middle; }

.mailing .page-title .icon-custom-left {
  top: 5px; }

.mailing .tb-chat-emoji-picker {
  right: 21px;
  bottom: 6px;
  left: unset; }

.mailing .mailing-page-title {
  margin: 30px 0px;
  color: #5e636e;
  font-size: 2em;
  font-weight: 400; }
  .mailing .mailing-page-title a {
    color: #5e636e; }

.mailing .cbp_tmtimeline {
  margin-top: 0px; }
  .mailing .cbp_tmtimeline:before {
    left: 0;
    margin-left: 20px; }
  .mailing .cbp_tmtimeline > li:not(:last-child) {
    margin-bottom: 40px; }
  .mailing .cbp_tmtimeline .cbp_tmicon {
    left: 0;
    margin-left: 5px;
    font-size: 1.6em; }
    .mailing .cbp_tmtimeline .cbp_tmicon .fa {
      vertical-align: middle; }
  .mailing .cbp_tmtimeline .cbp_tmlabel {
    margin-left: 70px; }
    .mailing .cbp_tmtimeline .cbp_tmlabel:after {
      display: none; }
    .mailing .cbp_tmtimeline .cbp_tmlabel .cbp_tmheader {
      margin-bottom: 18px; }
  .mailing .cbp_tmtimeline.no-bar:before {
    display: none; }

.mailing .phones-link {
  margin-bottom: 10px; }
  .mailing .phones-link.phones-link--valid a {
    color: #0aa699; }
  .mailing .phones-link.phones-link--invalid a {
    color: #f35958; }
  .mailing .phones-link.phones-link--duplicates a {
    color: #777; }
  .mailing .phones-link .phones-link__inner {
    line-height: 22px;
    font-size: 18px;
    font-weight: 600;
    display: inline-block; }
  .mailing .phones-link.phones-link--active .phones-link__inner {
    border-bottom-width: 2px;
    border-bottom-style: dashed; }

.copy-success-label {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s ease-in; }
  .copy-success-label.copy-success-label--shown {
    visibility: visible;
    opacity: 1; }

.chevron-container {
  position: relative;
  padding-left: 40px; }
  .chevron-container .chevron-container__chevron {
    position: absolute;
    left: 0px;
    top: 3px;
    font-size: 18px;
    color: #5e636e; }

.mailing-pages-select {
  width: 100%; }
  .mailing-pages-select .ui-select-choices-row > .ui-select-choices-row-inner div,
  .mailing-pages-select .ui-select-match-item span[uis-transclude-append] div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .mailing-pages-select .ui-select-choices-row > .ui-select-choices-row-inner div a,
    .mailing-pages-select .ui-select-match-item span[uis-transclude-append] div a {
      text-decoration: underline; }
    .mailing-pages-select .ui-select-choices-row > .ui-select-choices-row-inner div:first-child,
    .mailing-pages-select .ui-select-match-item span[uis-transclude-append] div:first-child {
      color: #000; }
      .mailing-pages-select .ui-select-choices-row > .ui-select-choices-row-inner div:first-child a,
      .mailing-pages-select .ui-select-match-item span[uis-transclude-append] div:first-child a {
        color: inherit; }
  .mailing-pages-select .ui-select-match-item .channel-icon {
    margin-left: 5px; }

.channel-icon {
  width: 20px;
  height: 20px;
  margin-right: 3px; }

.mailing-settings-form.form.form-horizontal {
  display: block;
  margin-right: 0px;
  position: static;
  top: 0px; }
  .mailing-settings-form.form.form-horizontal .form-group {
    margin-top: 0px; }
    .mailing-settings-form.form.form-horizontal .form-group:not(:last-child):not(.m-b-0) {
      margin-bottom: 20px; }

/*
  Очереди рассылок
*/
.sequences-table thead th,
.sequences-table tbody td {
  white-space: nowrap; }
  .sequences-table thead th:first-child,
  .sequences-table tbody td:first-child {
    width: 150px; }
  .sequences-table thead th:nth-child(2),
  .sequences-table tbody td:nth-child(2) {
    overflow-x: hidden;
    text-overflow: ellipsis; }
  .sequences-table thead th:nth-child(3),
  .sequences-table tbody td:nth-child(3) {
    width: 250px; }
  .sequences-table thead th:nth-child(4),
  .sequences-table tbody td:nth-child(4) {
    width: 250px; }

.msg-timeline {
  margin-top: 30px; }
  .msg-timeline .msg-timeline__header > div {
    display: inline-block;
    font-weight: bold; }
    .msg-timeline .msg-timeline__header > div:first-child {
      width: 130px;
      margin-right: 20px;
      text-align: center; }
    .msg-timeline .msg-timeline__header > div:nth-child(2) {
      width: 150px;
      text-align: center; }
  .msg-timeline .cbp_tmtimeline {
    margin-top: 15px; }
    .msg-timeline .cbp_tmtimeline:before {
      display: none; }
    .msg-timeline .cbp_tmtimeline > li:not(:last-child):before {
      position: absolute;
      background-color: #f2f4f6;
      width: 10px;
      height: 100%;
      content: '';
      left: 150px;
      margin-left: -20px; }
    .msg-timeline .cbp_tmtimeline > li .cbp_tmtime {
      width: 150px;
      padding-right: 30px;
      text-align: left; }
    .msg-timeline .cbp_tmtimeline > li .cbp_tmicon {
      width: 20px;
      height: 20px;
      line-height: 17px;
      left: 150px;
      background: #73777c;
      box-shadow: 0 0 0 4px rgba(115, 119, 124, 0.5); }
      .msg-timeline .cbp_tmtimeline > li .cbp_tmicon.active {
        background: #0aa699;
        box-shadow: 0 0 0 4px #33b5aa; }
    .msg-timeline .cbp_tmtimeline > li .cbp_tmlabel {
      margin: 0px 0px 0px 150px; }
      .msg-timeline .cbp_tmtimeline > li .cbp_tmlabel:after {
        display: none; }
  .msg-timeline .msg-timeline__toggle {
    float: left;
    width: 150px;
    text-align: center; }

.msg-timeline-table tr:not(:first-child) td:first-child, .msg-timeline-table tr:not(:first-child) td:nth-child(2) {
  border-top: none; }

.msg-timeline-table th:first-child, .msg-timeline-table td:first-child {
  width: 150px;
  text-align: center; }

.msg-timeline-table th:nth-child(2), .msg-timeline-table td:nth-child(2) {
  width: 44px;
  text-align: center; }

.msg-timeline-table th:nth-child(3), .msg-timeline-table td:nth-child(3) {
  width: 28px;
  text-align: center;
  padding-right: 0px !important; }

.msg-timeline-table th:nth-child(4), .msg-timeline-table td:nth-child(4) {
  width: 108px;
  text-align: center; }

.msg-timeline-table th:nth-child(6), .msg-timeline-table td:nth-child(6) {
  width: 120px; }

.msg-timeline-table tr td:nth-child(2) {
  position: relative;
  width: 44px; }
  .msg-timeline-table tr td:nth-child(2):before {
    content: '';
    position: absolute;
    top: 0px;
    left: 20px;
    width: 4px;
    height: 100%;
    background-color: #e5e9ec; }

.msg-timeline-table tr:first-child td:nth-child(2):before {
  height: 50%;
  top: 50%; }

.msg-timeline-table tr:last-child td:nth-child(2):before {
  height: 50%;
  top: 0px; }

.msg-timeline-table tr:first-child:last-child td:nth-child(2):before {
  display: none; }

.msg-timeline-table tr:hover .msg-timeline-draghandle {
  visibility: visible;
  opacity: 1; }

.msg-timeline-table .msg-timeline-draghandle {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity .15s;
  font-size: 16px;
  vertical-align: middle;
  cursor: pointer;
  transform: rotate(90deg); }
  .msg-timeline-table .msg-timeline-draghandle:hover {
    color: #0aa699; }

.ui-sortable-helper th:nth-child(5), .ui-sortable-helper td:nth-child(5) {
  padding-left: 12px; }

.ui-sortable-helper th:nth-child(6), .ui-sortable-helper td:nth-child(6) {
  display: none; }

.time-step {
  position: relative;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: #e5e9ec; }
  .time-step:after {
    content: '';
    position: absolute;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #fff;
    top: 5px;
    left: 5px; }
  .time-step.time-step--active {
    background-color: #0aa699; }

/* Компонент sequences/message-delay-picker */
.delay-picker {
  /* оверрайд стилей из шаблона, которые ломают отображение */ }
  .delay-picker .delay-picker__toggler {
    color: #5e636e;
    text-decoration: underline;
    font-weight: normal; }
  .delay-picker .delay-picker__measure {
    display: inline-block;
    width: 98px; }
    .delay-picker .delay-picker__measure.delay-picker__measure--fullwidth {
      width: 100%; }
  .delay-picker .delay-picker__value {
    display: inline-block;
    width: 80px; }
  .delay-picker .popover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.2); }
    .delay-picker .popover .arrow {
      border-right-color: transparent; }
      .delay-picker .popover .arrow:after {
        border-top-width: 10px;
        border-left-width: 10px;
        border-right-width: 10px; }

.checkbox-addition {
  padding-left: 25px; }
  .checkbox-addition .checkbox-addition__text, .checkbox-addition .checkbox-addition__number, .checkbox-addition .checkbox-addition__daterange-picker {
    display: inline-block;
    font-size: 13px; }
  .checkbox-addition .checkbox-addition__number {
    width: 70px;
    margin: 0px 10px; }
  .checkbox-addition .checkbox-addition__daterange-picker {
    width: 200px;
    margin: 0px 10px; }
  .checkbox-addition input.ng-invalid {
    border-color: #f35958; }

sequence-form .form-group {
  margin-bottom: 20px; }

.mailing-trial-block {
  background: #ffd173;
  padding: 8px 16px;
  overflow: hidden; }
  .mailing-trial-block h5 {
    font-weight: bold;
    font-size: 20px;
    color: #000;
    margin-bottom: 10px; }
  .mailing-trial-block p {
    color: #000; }
  .mailing-trial-block button {
    float: right;
    margin-top: 16px; }

/* компонент mailing/drafts/drafts-list */
.drafts-table thead th,
.drafts-table tbody td {
  white-space: nowrap; }
  .drafts-table thead th:first-child,
  .drafts-table tbody td:first-child {
    overflow-x: hidden;
    text-overflow: ellipsis; }
  .drafts-table thead th:nth-child(2),
  .drafts-table tbody td:nth-child(2) {
    width: 300px; }
  .drafts-table thead th:nth-child(3),
  .drafts-table tbody td:nth-child(3) {
    width: 250px; }

.contact-type-tooltip {
  width: 250px;
  right: -260px; }

@media (max-width: 767px) {
  targeting-config-form .mailing-settings-form.form.form-horizontal {
    margin-bottom: 1.5em; }
  targeting-config-form .tags-conditions > div,
  targeting-config-form .tags-conditions_tag-form > div {
    margin-bottom: 0.9em; }
  targeting-config-form .tags-conditions > div:last-child {
    margin-bottom: 0; }
  phones-config-form .p-l-45, targeting-config-form .p-l-45 {
    padding-left: 15px; }
  phones-config-form .chevron-container, targeting-config-form .chevron-container {
    padding-left: 25px; }
    phones-config-form .chevron-container .chevron-container__chevron, targeting-config-form .chevron-container .chevron-container__chevron {
      left: 5px; }
  .msg-timeline-container {
    overflow: scroll;
    overflow-y: hidden;
    margin-bottom: 20px; }
    .msg-timeline-container .msg-timeline-table {
      margin-bottom: 0; }
      .msg-timeline-container .msg-timeline-table tr th, .msg-timeline-container .msg-timeline-table tr td {
        padding-left: 0 !important; }
        .msg-timeline-container .msg-timeline-table tr th:not(:last-child), .msg-timeline-container .msg-timeline-table tr td:not(:last-child) {
          padding-right: 10px !important; }
        .msg-timeline-container .msg-timeline-table tr th:nth-child(2), .msg-timeline-container .msg-timeline-table tr td:nth-child(2) {
          padding-right: 0 !important; }
        .msg-timeline-container .msg-timeline-table tr th:last-child, .msg-timeline-container .msg-timeline-table tr td:last-child {
          display: flex;
          justify-content: space-between;
          width: 6.4em;
          padding-right: 0 !important; }
      .msg-timeline-container .msg-timeline-table tr th {
        white-space: nowrap; }
      .msg-timeline-container .msg-timeline-table tr td:nth-child(2) {
        min-width: 44px; }
      .msg-timeline-container .msg-timeline-table tr:first-child td:nth-child(2):before {
        top: 10px;
        height: 100%; }
      .msg-timeline-container .msg-timeline-table tr:last-child td:nth-child(2):before {
        top: 0;
        height: 12px; }
      .msg-timeline-container .msg-timeline-table tr .text-right button {
        margin-right: 0; } }

/*
    ui.select.textback styles
*/
.ui-select-textback {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  min-height: 37px;
  position: relative; }
  .ui-select-textback .ui-select-search.ui-select-search-hidden {
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0 !important;
    margin: 0 !important;
    border: 0;
    display: none; }
  .ui-select-textback input[type="search"] {
    box-sizing: border-box;
    padding: 6px 11px !important;
    border: 0;
    outline: 0;
    background: transparent !important; }
  .ui-select-textback .ui-select-match[disabled] {
    background: #f4f5f7; }
  .ui-select-textback .ui-select-match .ui-select-toggle {
    display: block;
    line-height: 17px;
    padding: 8px 12px 10px;
    position: relative; }
    .ui-select-textback .ui-select-match .ui-select-toggle[disabled] {
      cursor: not-allowed; }
    .ui-select-textback .ui-select-match .ui-select-toggle .caret {
      position: absolute;
      height: 10px;
      top: 50%;
      right: 10px;
      margin-top: -2px; }
  .ui-select-textback .ui-select-match > span {
    display: inline-block;
    max-width: 100%; }
  .ui-select-textback .ui-select-match .ui-select-match-item {
    position: relative;
    margin: 4px 0px 0px 4px;
    display: inline-block;
    padding: 4px 8px 4px 21px;
    background-color: #e8edf1;
    border-radius: 8px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .ui-select-textback .ui-select-match .ui-select-match-item .ui-select-match-close {
      top: 3px;
      left: 1px;
      right: auto;
      outline: 0; }
  .ui-select-textback.ui-select-multiple > div:first-child {
    padding-right: 25px;
    width: 100%;
    position: relative;
    outline: 0; }
    .ui-select-textback.ui-select-multiple > div:first-child i.caret {
      position: absolute;
      top: 16px;
      right: 8px;
      outline: 0; }
  .ui-select-textback.open > div:first-child {
    background-color: #f4f5f7; }
  .ui-select-textback.open .ui-select-match-item {
    background-color: #fff; }
  .ui-select-textback .ui-select-search {
    width: auto; }
  .ui-select-textback .ui-select-choices {
    width: 100%;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: -1px;
    padding-top: 5px;
    border-left: 1px solid #e5e9ec;
    border-right: 1px solid #e5e9ec;
    max-height: 300px;
    overflow-y: auto; }
  .ui-select-textback .ui-select-choices-row {
    padding: 4px 10px; }
    .ui-select-textback .ui-select-choices-row:hover {
      cursor: pointer; }
  .ui-select-textback:not(.ui-select-multiple) .ui-select-toggle {
    font-size: 13px;
    border: 0px;
    padding-top: 10px;
    padding-right: 18px; }
  .ui-select-textback:not(.ui-select-multiple) .ui-select-match-text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #282323; }
  .ui-select-textback:not(.ui-select-multiple) .ui-select-choices-row.active {
    color: #fff;
    background-color: #0aa699; }
  .ui-select-textback:not(.ui-select-multiple).ui-select-small {
    min-height: unset;
    font-size: 11.9px; }
    .ui-select-textback:not(.ui-select-multiple).ui-select-small .ui-select-toggle {
      line-height: 15px;
      padding: 6px 17px 6px 11px; }
    .ui-select-textback:not(.ui-select-multiple).ui-select-small .ui-select-search.ui-select-search-hidden {
      opacity: 0;
      height: 0;
      min-height: 0;
      padding: 0 !important;
      margin: 0 !important;
      border: 0; }
    .ui-select-textback:not(.ui-select-multiple).ui-select-small input[type="search"] {
      box-sizing: border-box;
      padding: 6px 11px !important;
      border: 0;
      outline: 0;
      min-height: 27px;
      background: transparent !important; }
    .ui-select-textback:not(.ui-select-multiple).ui-select-small .ui-select-choices {
      margin-top: 1px; }

/*
    Фикс плагина dropdown-multiselect
*/
.dropdown-multiselect {
  width: 300px; }
  .dropdown-multiselect > button {
    width: 100% !important;
    text-align: left; }
    .dropdown-multiselect > button .caret {
      position: absolute;
      outline: 0;
      top: 16px;
      right: 12px; }
  .dropdown-multiselect > ul {
    width: 100% !important; }

.slider-control-component {
  width: 230px;
  height: 10px;
  background: url(./slider-bg.png);
  position: relative;
  margin: 0;
  padding: 0 10px;
  border-radius: 10px;
  display: block; }
  .slider-control-component .ui-widget-header {
    background: url(./slider-fill.png) no-repeat left;
    height: 8px;
    position: absolute;
    top: 1px;
    left: 0; }
  .slider-control-component .ui-slider-handle {
    width: 24px;
    height: 26px;
    position: absolute;
    top: -8px;
    margin-left: -12px;
    z-index: 200;
    background: url(./slider-button.png);
    border: none;
    outline: none; }

tags-input .autocomplete .suggestion-item {
  font: 14px "Open Sans"; }
  tags-input .autocomplete .suggestion-item em {
    font: bold 14px "Open Sans"; }

tags-input .tags {
  padding: 4px 6px;
  border: 1px solid #E5E9EC;
  border-radius: 3px;
  box-shadow: none; }
  tags-input .tags.focused {
    box-shadow: none; }
  tags-input .tags .tag-item {
    background: #0090d9;
    border: none;
    border-radius: 0.25em;
    height: 19px;
    line-height: 18px;
    font-size: 12px !important;
    margin: 3px 4px 3px 0px;
    color: #fff;
    position: relative;
    padding-right: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%; }
    tags-input .tags .tag-item .remove-button {
      color: #fff;
      position: absolute;
      right: 4px;
      top: 1px; }
      tags-input .tags .tag-item .remove-button:active {
        color: #fff; }
  tags-input .tags .input {
    min-height: unset;
    margin: 0px;
    padding: 6px 11px; }

tags-input.ng-invalid .tags {
  box-shadow: none;
  border-color: #f35958; }

.ui-select-container.tags-select .ui-select-choices-row-inner {
  width: 100%;
  max-width: 100%;
  display: block; }
  .ui-select-container.tags-select .ui-select-choices-row-inner .tags-select-choice {
    width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.client-base-chat .material-tabs {
  padding-bottom: 30px; }

.client-base-chat .material-tabs .widget-tab-item {
  border: none;
  width: 25%;
  margin-bottom: -3px;
  border-bottom: 3px solid transparent; }

.client-base-chat .material-tabs > .widget-tabs {
  margin-top: 0;
  border-bottom: 1px solid #ccc; }

.client-base-chat .material-tabs .widget-tab-item.active {
  border-bottom-color: #0aa699;
  background-color: transparent; }

.client-base-chat .tb-form-field {
  overflow: hidden;
  padding-bottom: 30px; }

.client-base-chat .widget-settings a.internal-link {
  color: #3778FF;
  font-size: 1.1em; }

.client-base-chat #textback_icon_notification {
  width: 80px;
  height: 80px; }

.client-base-chat .roistat-visit__tooltip {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 5px; }

.client-base-subscription .btn-cons {
  margin-bottom: 0px; }

.client-base-subscription .notification-widget-code-block {
  padding-top: 24px; }
  .client-base-subscription .notification-widget-code-block .description {
    max-width: 480px; }

.client-base-subscription .tb-form-field .title {
  margin: 16px 0; }

.client-base-subscription .tab-content {
  overflow: visible; }

.client-base-subscription .tags-to-assign {
  width: 400px; }

@media (max-width: 767px) {
  .client-base-subscription #notification-widget-source {
    width: 100% !important; }
  .client-base-subscription .widget-detail_redirector {
    width: 100%; }
    .client-base-subscription .widget-detail_redirector .tg-redirector_main {
      grid-template-columns: 1fr auto; } }

@media (max-width: 600px) {
  .client-base-subscription #message_form {
    grid-template-columns: 1fr;
    grid-row-gap: 1em; } }

@media (max-width: 480px) {
  .client-base-subscription .tags-to-assign {
    width: 100%; }
  .client-base-subscription .nav.nav-tabs {
    display: flex; }
    .client-base-subscription .nav.nav-tabs li > a {
      padding: 15px 5px; }
    .client-base-subscription .nav.nav-tabs .nav-item {
      flex-grow: 1;
      text-align: center; }
  .client-base-subscription .code-copy-button {
    width: 100%; }
  .client-base-subscription .page-controll-buttons {
    display: flex;
    justify-content: space-between; }
    .client-base-subscription .page-controll-buttons button {
      margin-right: 0; }
    .client-base-subscription .page-controll-buttons .btn {
      flex-grow: 1; } }

.cb-title {
  font-weight: normal; }

.cb-card {
  background: #ffffff;
  text-align: center;
  min-height: 180px;
  max-width: 190px;
  margin: auto;
  margin-bottom: 20px;
  position: relative; }
  .cb-card .cb-card-title {
    color: #5c5d5f;
    font-size: 18px;
    margin: auto;
    padding-top: 19px; }
  .cb-card .cb-card-text {
    color: #0aa699;
    font-size: 18px;
    margin: auto;
    padding-top: 8px; }
  .cb-card .cb-card-image {
    margin: auto;
    margin-top: 8px;
    min-height: 170px; }
  .cb-card .cb-card-img {
    margin: auto; }
  .cb-card .cb-card-button {
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 34px;
    background: #0aa699;
    border-radius: 5px;
    text-align: center;
    height: 36px;
    width: 133px;
    margin: auto;
    margin-top: 10px; }
  .cb-card .cb-card-note {
    margin-top: 15px;
    color: #5c5d5f; }

.gateways_helper,
.offers_helper {
  margin-bottom: 10px; }

.ww-white-block {
  background: #ffffff;
  min-height: 700px;
  margin-left: 10px;
  margin-bottom: 60px;
  padding-bottom: 20px;
  overflow: hidden; }
  .ww-white-block:before {
    position: absolute;
    width: 100vw;
    background: #e5e9ec;
    height: 200%;
    content: " ";
    z-index: -1;
    left: -66px;
    top: -2px;
    display: block; }

.ww-white-block .widget-tabs {
  padding-left: 15px; }

.ww-white-block .ww-title {
  color: #4d4d4f;
  font-size: 14px;
  margin: auto;
  margin-left: 15px;
  padding-top: 25px; }

.ww-white-block .ww-text {
  color: #96a3ae;
  font-size: 13px;
  margin: auto;
  margin-left: 15px;
  margin-top: 15px;
  max-width: 460px; }

.ww-white-block .ww-buttom-ul {
  padding: 0;
  margin-left: 30px; }

.ww-white-block .ww-buttom-li {
  display: inline-block;
  list-style-type: none;
  padding: 0;
  margin-right: 25px; }

.ww-white-block .ww-button {
  display: block;
  color: #5e5e5e;
  font-family: "OpenSans Semibold", sans-serif;
  font-size: 14.41px;
  font-weight: bold;
  line-height: 34px;
  background: #d1dade;
  border-radius: 5px;
  text-align: center;
  height: 36px;
  width: 170px;
  margin: auto;
  margin-top: 10px; }

.ww-white-block .ww-button:hover, .ww-white-block .ww-button:active {
  color: #ffffff;
  background: #518fd6; }

.ww-white-block .widget-tab-content {
  margin: 40px 0 20px 50px;
  color: #4d4d4f; }

.ww-white-block .widget-tab-content .title {
  margin-bottom: 20px;
  color: #4d4d4f; }

.ww-white-block .form-control.widget-links-textfield {
  background: #efefef; }

.ww-white-block .wizard-icons.create-tg-acc {
  margin: 0px; }

.ww-white-block .form-control.widget-links-textfield {
  max-width: 190px;
  margin-left: 30px; }

.ww-white-block .widget-code .wizard-icons {
  margin: 0; }

.ww-white-block .channel-list .wizard-icons {
  margin: 0 0 0 auto; }

.ww-white-block .wizard-icons {
  background-repeat: no-repeat;
  display: block;
  height: 35px;
  width: 35px; }

.ww-white-block .create-fb-acc, .ww-white-block .create-facebook-acc {
  background-image: url(./icon_facebook.svg); }

.ww-white-block .create-skype-acc {
  background-image: url(./icon_skype.svg); }

.ww-white-block .create-sms-acc {
  background-image: url(./icon_sms.svg); }

.ww-white-block .create-tg-acc {
  background-image: url(./icon_tg.svg); }

.ww-white-block .create-viber-acc {
  background-image: url(./icon_viber.svg); }

.ww-white-block .create-vk-acc {
  background-image: url(./icon_vk.svg); }

.ww-white-block .create-whatsapp-acc {
  background-image: url(./icon_whatsapp.svg); }

.ww-white-block .create-instagram-acc {
  background-image: url(./icon_instagram.svg); }

.cb-source {
  height: 0;
  padding: 0; }

.cb-source.source-showed {
  height: auto;
  padding: 10px; }

.widget-icon-bell {
  background: url(./bell-icon.png) no-repeat center center;
  background-size: cover; }

.widget-icon-broadcast {
  background: url(./broadcast-icon.png) no-repeat center center;
  background-size: cover; }

.widget-icon-paper-plane {
  background: url(./paper-plane-icon.png) no-repeat center center;
  background-size: cover; }

/* Onboarding ---> */
/* ---> Onboarding */
#textback_icon_notification {
  width: 60px;
  height: 60px;
  margin: -7px 0 -20px 0; }

.notification-widget-timeout-delay {
  padding: 0px; }

.client-base .form-group,
.client-base-subscription .tb-form-field .form-group,
.client-base-content-card .form-group {
  margin: 2px; }

.client-base .form-group input[type="checkbox"] + .btn-group > label,
.client-base-subscription .tb-form-field .form-group input[type="checkbox"] + .btn-group > label,
.client-base-content-card .form-group input[type="checkbox"] + .btn-group > label {
  font-size: 12px;
  padding: 6px; }

.client-base .form-group input[type="checkbox"] + .btn-group > label:last-child,
.client-base-subscription .tb-form-field .form-group input[type="checkbox"] + .btn-group > label:last-child,
.client-base-content-card .form-group input[type="checkbox"] + .btn-group > label:last-child {
  width: 180px; }

.client-base .form-group input[type="checkbox"] + .btn-group > label span,
.client-base-subscription .tb-form-field .form-group input[type="checkbox"] + .btn-group > label span,
.client-base-content-card .form-group input[type="checkbox"] + .btn-group > label span {
  width: 20px; }

.client-base .form-group input[type="checkbox"] + .btn-group > label span:first-child,
.client-base-subscription .tb-form-field .form-group input[type="checkbox"] + .btn-group > label span:first-child,
.client-base-content-card .form-group input[type="checkbox"] + .btn-group > label span:first-child {
  display: none; }

.client-base .form-group input[type="checkbox"] + .btn-group > label span:last-child,
.client-base-subscription .tb-form-field .form-group input[type="checkbox"] + .btn-group > label span:last-child,
.client-base-content-card .form-group input[type="checkbox"] + .btn-group > label span:last-child {
  display: inline-block; }

.client-base .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child,
.client-base-subscription .tb-form-field .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child,
.client-base-content-card .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
  display: inline-block; }

.client-base .form-group input[type="checkbox"]:checked + .btn-group > label span:last-child,
.client-base-subscription .tb-form-field .form-group input[type="checkbox"]:checked + .btn-group > label span:last-child,
.client-base-content-card .form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
  display: none; }

.client-base-content-card {
  background: #fff;
  margin-left: px;
  padding: 48px 12px; }

.client-base-content-card .welcome-tooltip-textarea {
  width: 100%;
  height: 130px;
  margin-bottom: 50px;
  white-space: pre; }

.up-subscriotion-block p {
  font-size: 14px;
  color: #000; }

.up-subscriotion-block {
  padding: 16px; }

.client-base-heading h3 {
  margin-left: 10px;
  margin-bottom: 16px; }

.cb-footer-buttons {
  overflow: hidden; }
  .cb-footer-buttons > div {
    margin-left: 5px;
    margin-top: 12px;
    float: left; }
  .cb-footer-buttons > button {
    margin-left: 5px;
    float: left; }
  .cb-footer-buttons .cb-success-message {
    padding-top: 8px;
    margin-top: 0; }
  .cb-footer-buttons .cb-error-message {
    padding-top: 8px;
    margin-top: 0;
    color: red; }

.widget-name-input {
  padding-top: 16px;
  padding-left: 8px; }
  .widget-name-input .input-label {
    margin-bottom: 4px; }

.display-delay-option {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: auto;
  column-gap: 10px;
  margin: 0;
  align-items: center; }

.display-delay-wraper {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 10px;
  align-items: center; }

power-bi-report {
  display: block;
  height: 100%;
  width: 100%; }
  power-bi-report iframe {
    border: 0; }

.table.audience-table > tbody > tr > td {
  vertical-align: middle; }
  .table.audience-table > tbody > tr > td chat-profile-pic {
    display: inline-block;
    height: 47px; }

.draghandle {
  visibility: visible;
  transition: visibility 0s, opacity .15s;
  font-size: 16px !important;
  vertical-align: middle;
  cursor: pointer;
  transform: rotate(90deg); }

.draghandle-container:hover .draghandle {
  visibility: visible; }

.messages-list {
  margin-bottom: 18px; }
  .messages-list .ml-title {
    font-size: 14px;
    margin-bottom: 18px;
    line-height: 23px;
    font-weight: bold; }
  .messages-list .ml-item {
    margin-bottom: 8px; }
    .messages-list .ml-item > a {
      padding: 12px 15px;
      border: 1px solid #e5e9ec;
      border-radius: 2px;
      display: block; }
      .messages-list .ml-item > a:hover {
        background-color: #fbfcfd; }
    .messages-list .ml-item.active:not(.highlighted) > a, .messages-list .ml-item.active.invalid:not(.highlighted) > a {
      border-color: #0aa699;
      color: #0aa699; }
    .messages-list .ml-item.invalid > a {
      border-color: #f35958;
      color: #f35958; }
    .messages-list .ml-item .ml-item-close {
      right: 15px; }
      .messages-list .ml-item .ml-item-close:hover {
        color: #f35958; }
    .messages-list .ml-item.highlighted > a {
      border-color: #0090d9;
      color: #0090d9; }

.popover.message-editor-help-popover {
  font-size: 12px;
  max-width: 300px;
  right: 0;
  top: 30px;
  width: 300px; }

.tb-sprut-theme #textback_widget,
.tb-sprut-theme #main-menu .label.label-info {
  display: none; }
.editable-message-panel {
  display: grid;
  row-gap: 10px; }
  .editable-message-panel__textarea {
    font-family: "Open Sans", "Noto Sans Emoji";
    line-height: 1.5;
    border: none;
    width: 100%;
    letter-spacing: normal;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal; }
  .editable-message-panel__invisible-popover-target {
    position: absolute; }
  .editable-message-panel .message-template-expression {
    display: inline-block;
    letter-spacing: normal;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: break-word;
    font-size: 0.9em;
    background: #0AA699;
    border-radius: 3px;
    text-transform: uppercase;
    color: #fff;
    padding: 0.14em 0;
    cursor: pointer;
    transition: background 0.35s ease-in;
    outline: none; }
  .editable-message-panel__controls-section {
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    align-items: center;
    padding: 0 1em; }
  .editable-message-panel__tools {
    display: grid;
    column-gap: 1em;
    grid-auto-flow: column; }
    .editable-message-panel__tools button,
    .editable-message-panel__tools [role="button"] {
      outline: none; }
    .editable-message-panel__tools .fa-paperclip,
    .editable-message-panel__tools .tb-emoji-picker_show-button {
      font-size: 24px;
      color: #abb0bb; }
      .editable-message-panel__tools .fa-paperclip:hover,
      .editable-message-panel__tools .tb-emoji-picker_show-button:hover {
        color: #8f95a4; }
    .editable-message-panel__tools .fa-paperclip {
      margin-top: -1px; }
    .editable-message-panel__tools #curly-brackets-icon {
      height: 100%;
      width: 24px;
      fill: #abb0bb; }
      .editable-message-panel__tools #curly-brackets-icon:hover {
        fill: #8f95a4; }
    .editable-message-panel__tools #curly-brackets-icon,
    .editable-message-panel__tools .fa-paperclip,
    .editable-message-panel__tools .tb-emoji-picker_show-button {
      cursor: pointer; }
    .editable-message-panel__tools .error {
      color: red;
      width: max-content; }
      .editable-message-panel__tools .error:hover {
        color: red; }
  .editable-message-panel__expression-icon-wrapper {
    height: 100%; }
  .editable-message-panel__template-expression-picker .dropdown-menu {
    left: inherit;
    right: 0px; }
  .editable-message-panel__tool {
    display: flex;
    background: transparent;
    margin: 0;
    border: none;
    align-items: center; }
  .editable-message-panel__message-length-error {
    text-align: center; }

.template-expression-popover {
  max-width: 360px;
  z-index: 1050; }
  .template-expression-popover__content {
    display: grid;
    grid-auto-flow: column;
    column-gap: 1em; }
  .template-expression-popover__select, .template-expression-popover__input {
    min-width: 120px;
    width: 100%; }
  .template-expression-popover__field-label {
    font-size: 1em;
    margin: 0;
    margin-bottom: 0.2em;
    font-weight: normal; }
    .template-expression-popover__field-label .fa-info-circle {
      font-size: 0.9em;
      cursor: pointer; }
  .template-expression-popover .arrow {
    border-right-color: transparent; }
.add-button-modal .modal-content {
  border-radius: 0; }

.mailing-add-button {
  display: grid;
  grid-row-gap: 1em; }
  .mailing-add-button_header {
    display: flex;
    justify-content: space-between;
    background: #0aa699;
    padding: 1.8em 1em; }
    .mailing-add-button_header_text {
      color: #fff;
      font-weight: bold; }
    .mailing-add-button_header_close {
      height: 100%;
      background: none;
      border: none;
      color: #fff;
      transition: all 0.25s ease-in-out; }
      .mailing-add-button_header_close i {
        font-size: 1.25em; }
    .mailing-add-button_header_close:focus, .mailing-add-button_header_close:hover {
      opacity: 0.5; }
  .mailing-add-button_body {
    padding: 1.5em;
    padding-top: 0; }
    .mailing-add-button_body_form_group {
      display: grid;
      grid-row-gap: 0.25em; }
    .mailing-add-button_body_form_group > label {
      margin: 0;
      font-size: 1.1em;
      font-weight: bold; }
    .mailing-add-button_body_radio-group {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: max-content;
      grid-column-gap: 1.8em; }
    .mailing-add-button_body .radio + .radio {
      margin: 0; }
    .mailing-add-button_body_radio-group.vertical {
      grid-auto-flow: unset;
      grid-template-columns: 1fr;
      row-gap: 0.5em; }
    .mailing-add-button_body_radio-group_item {
      display: flex;
      margin: 0; }
      .mailing-add-button_body_radio-group_item label {
        font-size: 13px;
        margin: 0; }
    .mailing-add-button_body_buttons {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 1em; }
    .mailing-add-button_body_additional-text {
      font-size: 0.9em; }
  .mailing-add-button #mailing-add-button_body_form {
    display: grid;
    grid-row-gap: 1.6em; }
    .mailing-add-button #mailing-add-button_body_form input {
      color: #999;
      border: 1px solid #e5e9ec; }
    .mailing-add-button #mailing-add-button_body_form input:focus,
    .mailing-add-button #mailing-add-button_body_form input:hover {
      border-color: #f1f1f1;
      background-color: #f4f5f7;
      outline: 0 !important; }
    .mailing-add-button #mailing-add-button_body_form input:invalid {
      border-color: #f35958; }
  .mailing-add-button .mailing-button_vk-color {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 1em; }
    .mailing-add-button .mailing-button_vk-color .btn {
      color: #fff;
      border: 1px solid transparent; }
    .mailing-add-button .mailing-button_vk-color .btn.selected {
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5); }
    .mailing-add-button .mailing-button_vk-color .btn.default {
      color: #5e5e5e;
      background-color: #ffffff;
      border: 1px solid #c4c4c4; }
    .mailing-add-button .mailing-button_vk-color .btn.primary:hover,
    .mailing-add-button .mailing-button_vk-color .btn.primary.selected {
      background: #3569A2 !important; }
    .mailing-add-button .mailing-button_vk-color .btn.default:hover,
    .mailing-add-button .mailing-button_vk-color .btn.default.selected {
      background: #fbfcfe !important;
      border-color: #babbbd; }
    .mailing-add-button .mailing-button_vk-color .btn.positive:hover,
    .mailing-add-button .mailing-button_vk-color .btn.positive.selected {
      background: #2D9A2D !important; }
    .mailing-add-button .mailing-button_vk-color .btn.negative:hover,
    .mailing-add-button .mailing-button_vk-color .btn.negative.selected {
      background: #CF1F1F !important; }
    @media (max-width: 480px) {
      .mailing-add-button .mailing-button_vk-color {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0.75em;
        row-gap: 0.75em; } }
  .mailing-add-button .invalid_hyper_link_input {
    border-color: #f35958 !important; }
  .mailing-add-button .vk-helper {
    color: #f35958; }
    .mailing-add-button .vk-helper a {
      text-decoration: underline; }
.subscriptions-report-chart {
  margin-bottom: 1.5em;
  position: relative; }
  .subscriptions-report-chart svg#tb-subscriptions-report-chart {
    width: 100%;
    font-size: 0.9em;
    cursor: move; }
  .subscriptions-report-chart .domain {
    display: none; }
  .subscriptions-report-chart text {
    fill: #a0a0a0;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 400; }
  .subscriptions-report-chart .tick line {
    stroke: #dbdbdb;
    stroke-width: 1.4; }
  .subscriptions-report-chart .x-axis {
    font-size: 1em; }
    .subscriptions-report-chart .x-axis line {
      display: none; }
  .subscriptions-report-chart .y-axis {
    font-size: 1em; }
  .subscriptions-report-chart .custom-tick line {
    stroke-width: 1.8; }
  .subscriptions-report-chart .custom-tick text,
  .subscriptions-report-chart .y-axis text {
    transform: translate(-5px, 0px); }
  .subscriptions-report-chart .bar {
    transition: fill .08s ease, opacity .08s ease; }
    .subscriptions-report-chart .bar.minimized {
      opacity: 0.4; }
    .subscriptions-report-chart .bar:hover {
      opacity: 1; }
    .subscriptions-report-chart .bar.positive {
      fill: #0aa699; }
      .subscriptions-report-chart .bar.positive:hover {
        fill: #07766d; }
    .subscriptions-report-chart .bar.negative {
      fill: #f35958; }
      .subscriptions-report-chart .bar.negative:hover {
        fill: #f02a28; }
    .subscriptions-report-chart .bar:hover {
      cursor: pointer; }
  .subscriptions-report-chart .bar-tooltip {
    position: absolute;
    padding: 0.7em;
    text-align: center;
    border-radius: 8px;
    background: rgba(22, 22, 22, 0.85);
    pointer-events: none;
    font-size: 1.1em;
    line-height: 1.2em; }
    .subscriptions-report-chart .bar-tooltip__text {
      font-family: "Open Sans", Helvetica, sans-serif;
      font-size: 0.8em;
      color: #fff; }
    .subscriptions-report-chart .bar-tooltip__text:after {
      width: 100%;
      color: rgba(22, 22, 22, 0.85);
      content: "\25BC";
      position: absolute;
      text-align: center;
      left: 0;
      bottom: -1em; }
#message_form {
  display: grid;
  grid-template-columns: calc(40% - 1em) minmax(260px, 100%);
  grid-column-gap: 1em; }

.message_form_messages {
  display: grid;
  grid-row-gap: 1em;
  align-self: start; }

#message_form button.add_message:focus {
  border-color: #00bc9a; }

@media (max-width: 890px) {
  #message_form {
    grid-template: auto auto / 1fr;
    grid-row-gap: 1em; } }
.ml-item {
  background: white;
  border: 1px solid #e5e9ec;
  padding: 0.5em 1em;
  color: #5e5e5e;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: min-content;
  align-items: baseline;
  grid-column-gap: 1em;
  width: 100%;
  transition: all 0.25s ease-in-out; }

.ml-item.active.invalid {
  border-color: #f14d4d;
  color: #f14d4d;
  box-shadow: 0 0 2px 2px #f14d4d; }

.ml-item.invalid {
  border-color: #f14d4d;
  color: #f14d4d; }

.ml-item.active {
  box-shadow: 0 0 2px 2px #99bdf5;
  border-color: #99bdf5;
  outline: none; }

.ml-item:hover {
  border-color: #b4b9be; }

.ml-item .fa-comment-dots,
.ml-item > span {
  justify-self: start; }

.ml-item .fa-times {
  justify-self: end; }
.widget_list_items {
  display: grid;
  margin-bottom: 1em; }

.widget_list_items_group {
  display: grid;
  grid-template-columns: 0.5fr 1fr 1fr 1fr 0.5fr;
  grid-template-rows: 1fr;
  justify-items: center;
  grid-auto-flow: row;
  margin-bottom: 1em; }

.widget_list_title:first-child {
  justify-self: start !important; }

.widget_list_title {
  font-size: 1.25em;
  font-weight: bold; }

.widget_list_items_item {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  grid-column-gap: 5px;
  transition: all 0.25s ease-in-out;
  outline: none;
  border-bottom: 1px solid #e8edf1;
  padding: 1em 0 1em 0; }

.widget_name {
  justify-self: start; }

.widget_total_count {
  justify-self: center; }

.widget_list_button {
  justify-self: end; }

.widget_list_items_item:first-of-type {
  border-top: 1px solid #e8edf1; }

.widget_list_statistics {
  display: grid;
  grid-template-columns: 0.1fr 0.1fr 0.1fr;
  align-items: center; }

.widget_field {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 0.5fr 1fr 1fr 1fr 0.5fr;
  overflow: hidden;
  align-content: center; }

.statistics_name {
  padding-left: 2em;
  justify-self: left; }

.button_new_widget {
  padding: 10px 20px;
  margin-left: 1em; }

.statistics_count {
  justify-self: stretch; }

.widget_title_subscribe {
  margin: 0; }

.widget_icon {
  justify-self: end; }
.widget-links-table {
  display: grid;
  grid-row-gap: 1em;
  margin-bottom: 1em;
  font-size: 9pt; }

.widget-links-heading {
  font-size: 1.25em;
  font-weight: bold;
  display: grid;
  grid-template-columns: 20px 200px 100px auto;
  grid-column-gap: 20px;
  border-bottom: 1px solid #e8edf1;
  padding-bottom: 1em;
  color: #6f7b8a; }

.widget-links-heading_first {
  grid-column: 2/3; }

.widget-notifications {
  display: grid;
  grid-template-columns: max-content min-content;
  grid-column-gap: 1em;
  align-items: baseline; }

.device-type-select {
  margin-bottom: 1em; }

.device-type-select label {
  color: #55606e; }

@media (max-width: 767px) {
  .widget-links-heading {
    grid-template-columns: 20px 180px 80px 1fr;
    grid-column-gap: 10px;
    font-size: 1em; } }

@media (max-width: 570px) {
  .widget-links-heading {
    display: none; }
  .widget-links-table {
    grid-row-gap: 1.25em; } }

.detail__controls-container {
  display: grid;
  grid-template-columns: 200px 300px;
  column-gap: 3em;
  row-gap: 2em; }
#draft {
  display: grid;
  grid-row-gap: 1em; }

#draft h4 {
  font-weight: bold;
  color: #0aa699; }

#draft .draft_send {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1em; }

#mailing_create_form {
  display: grid;
  grid-template-columns: 70% 30%;
  grid-column-gap: 1em; }

.timepicker_label_message {
  padding-left: 1em; }

.draft-subscription-form_buttons > button:last-child {
  margin-left: 1em; }

.waba-mode-toggler {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  column-gap: 20px; }

.waba-mode-toggler__head {
  font-weight: bold;
  color: #0aa699; }

.waba-mode-toggler__container {
  display: flex;
  flex-direction: row;
  justify-items: start;
  align-items: center;
  column-gap: 12px; }

.message-tab-container {
  overflow: visible !important; }

.mailing_create_form_editor .tab-content {
  overflow: visible !important; }

.mailing_create_form_editor .nav-tabs > li.active > a {
  background-color: #0AA699 !important;
  color: #fff !important; }

.mailing_create_form_editor .nav-tabs {
  background-color: #fff !important;
  border-bottom: none !important; }

.mailing_create_form_editor .nav-tabs > li > a {
  border: 1px solid #e5e5e5 !important; }

.mailing_create_form_editor .tab-pane {
  padding: 20px 0 !important; }

@media (max-width: 890px) {
  #draft .draft_send {
    grid-template-columns: 1fr; }
  #mailing_create_form {
    grid-template-columns: 1fr 12em;
    grid-column-gap: 2em; }
  #mailing_create_form tb-notification-button {
    margin-right: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  #mailing_create_form .mailing_create_form_selfcheck {
    padding-top: 3.2em; }
  #mailing_create_form .chevron-container {
    padding-left: 0; }
  #mailing_create_form .chevron-container__chevron {
    display: none; } }

@media (max-width: 480px) {
  #mailing_create_form {
    grid-template-columns: 1fr; } }

@media (max-width: 460px) {
  #mailing_create_form {
    grid-template-columns: 1fr; }
  .draft-subscription-form_buttons > button {
    width: 100%; }
  .draft-subscription-form_buttons > button:last-child {
    margin-left: 0;
    margin-top: 0.75em; }
  .mailing_create_form_selfcheck doublecheck-widget .col-xs-12 {
    max-width: none !important; } }
.drafts-list_table {
  display: grid;
  grid-row-gap: 1em; }

.drafts-list_header {
  display: grid;
  grid-template-columns: 2em 1fr 1fr 8em;
  font-weight: bold;
  border-bottom: 1px solid #e8edf1;
  padding-bottom: 1em;
  grid-column-gap: 1em; }

.drafts-list_header > div {
  font-size: 1.25em; }

.drafts-list_header_item.padded_row {
  grid-column: 2/3; }

.drafts-list_drafts_draft {
  display: grid;
  grid-template-columns: 2em 1fr 1fr 8em;
  border-bottom: 1px solid #e8edf1;
  padding-bottom: 1em;
  grid-column-gap: 1em; }

.drafts-list_drafts_draft_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.drafts-list_drafts_draft_buttons {
  display: flex;
  justify-content: space-around;
  justify-self: end; }

.drafts-list_drafts_draft_buttons i {
  font-size: 1em; }

.drafts-list_drafts_load-more {
  text-align: center; }

@media (max-width: 400px) {
  .drafts-list_table {
    font-size: 8pt; }
  .drafts-list_header,
  .drafts-list_drafts_draft {
    grid-template-columns: 1.5em 1fr 1fr 8em;
    grid-column-gap: 0.5em; }
  .drafts-list_header > div {
    font-size: 1.15em; } }

@media (min-width: 401px) {
  .drafts-list_table {
    font-size: 10pt; } }
.phone-numbers-modal__body-content {
  padding: 1em;
  background: #fff;
  border-radius: 6px;
  min-height: 10em; }
  .phone-numbers-modal__body-content_violations {
    padding-top: 1.5em; }

.phone-numbers-modal__table-wrapper {
  overflow: auto; }

.phone-numbers-modal__table-wrapper {
  min-height: 10em;
  max-height: 36em; }

.phone-numbers-modal__violations-list {
  overflow-y: auto;
  max-height: 36em;
  padding-left: 1.8em; }
@media (max-width: 400px) {
  .scheduled-list_table {
    font-size: 8pt; } }

@media (min-width: 401px) {
  .scheduled-list_table {
    font-size: 10pt; } }

.scheduled-list_table {
  display: grid;
  grid-row-gap: 1em; }

.scheduled-list_header {
  display: grid;
  grid-template-columns: 2em 1fr 1fr 8em;
  font-weight: bold;
  border-bottom: 1px solid #e8edf1;
  padding-bottom: 1em;
  grid-column-gap: 1em; }

.scheduled-list_header > div {
  font-size: 1.25em; }

.scheduled-list_header_item.padded_row {
  grid-column: 2/3; }

.scheduled-list_scheduled {
  display: grid;
  grid-template-columns: 2em 1fr 1fr 8em;
  border-bottom: 1px solid #e8edf1;
  padding-bottom: 1em;
  grid-column-gap: 1em; }

.scheduled-list_scheduled_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.scheduled-list_scheduled_buttons {
  justify-self: end; }

.scheduled-list_scheduled_buttons i {
  font-size: 1em; }

.scheduled-list_scheduled_load-more {
  text-align: center; }
#messaging_modal_views_container {
  padding: 0px;
  min-height: 50px;
  height: 600px;
  text-align: center; }

.mailing-views-modal_titles,
.mailing-views-modal_items {
  display: grid;
  column-gap: 1em;
  grid-template-columns: 12em 3.5em 1fr 7em 4em;
  align-items: center;
  justify-items: center;
  color: #6f7b8a;
  border-bottom: 1px ridge rgba(232, 237, 241, 0.5); }

.mailing-views-modal_titles {
  font-weight: 600;
  text-transform: uppercase;
  padding: 1em; }

.mailing-views-modal_items {
  padding: 0 1em; }

.mailing-views-modal_item {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.mailing-views-modal_title_displayName {
  grid-column: 3/3; }

.mailing-views-modal_title_repeats {
  grid-column: 4; }

.mailing-views-modal_scroll {
  overflow-y: auto; }
@charset "UTF-8";
/* компонент file-upload-preview */
.thumb {
  display: inline-block;
  height: 70px;
  width: 70px;
  padding: 5px;
  overflow: hidden;
  position: relative;
  text-align: center;
  border-radius: 2px; }
  .thumb__image {
    width: 100%;
    height: 100%; }
  .thumb__remove {
    opacity: 0.7;
    transition: opacity 0.15s;
    position: absolute;
    top: 6px;
    right: 5px;
    background: #FFF;
    color: #333;
    line-height: 16px;
    font-size: 25px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer; }
    .thumb__remove:hover, .thumb__remove.tb-active {
      opacity: 1;
      color: inherit; }
  .thumb__link {
    display: block;
    height: 100%;
    font-size: 11.9px; }
  .thumb__icon {
    display: block;
    line-height: 40px;
    font-size: 3em;
    color: #6f7b8a; }
  .thumb__filename {
    margin-top: 5px;
    color: #6f7b8a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.message-delay-popover {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 200px;
  min-width: 200px; }

.message-delay-popover_delay {
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%; }

.delay-form {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 5px 0; }

.delay-picker .delay-picker__value {
  height: 40px; }

.message-delay-popover_time {
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: flex;
  width: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center; }

.time_execution_picker {
  width: 100%;
  margin: 10px 0; }

.time_execution_timer {
  width: 100%; }

.time_execution_timer > div {
  width: unset !important; }

.message-delay-popover_helper-text {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
  font-size: 11px;
  color: #aeaeae; }

.message-delay-popover_time-selector {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center; }

.message-delay-popover_time-selector_hours,
.message-delay-popover_time-selector_minutes {
  width: 45%; }
.sequence-radio-select {
  display: flex;
  flex-direction: column; }

.sequence-radio-select_item {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: start;
  margin-bottom: 10px; }

.sequence-radio-select_item > label {
  margin: 0;
  margin-left: 5px; }

.sequence-channels_error {
  color: #ff4545; }

.tooltip.in {
  opacity: 1; }

.finished-sequences {
  color: #6fabff; }

.active-sequences {
  color: #4abf69; }

.sequences-table-item-number {
  display: grid;
  text-align: center; }

.number-container {
  display: grid;
  grid-template-columns: repeat(2, max-content); }

.th-align-center {
  text-align: center; }
#token-input {
  display: flex;
  flex-direction: column; }

.token-input-buttons {
  margin: 10px 0 0 0; }

.token-input-buttons button {
  margin: 1px 15px 0 0; }

.token-input {
  width: 400px; }
.create-channel-vk {
  display: grid;
  grid-template-rows: 1fr;
  grid-row-gap: 1em;
  justify-items: center; }

.create-channel-vk_errors {
  font-size: 1em;
  color: #f35958;
  font-weight: bold; }

.create-channel-vk_buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1em; }

.create-channel-vk_groups_items {
  display: grid;
  grid-row-gap: 1em; }

.create-channel-vk_import-checkbox {
  display: grid;
  grid-template-columns: max-content auto;
  align-items: center;
  grid-column-gap: 1em; }

.create-channel-vk_import-checkbox > input[type="checkbox"] {
  opacity: 1;
  position: unset; }

.label-icon {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  grid-column-gap: 1em;
  align-items: center; }

.label-icon > label {
  margin: unset; }

.tooltip.tb-tooltip-white .tooltip-inner {
  color: black;
  background-color: white;
  box-shadow: 0 0 5px rgba(86, 96, 117, 0.15);
  border: 1px solid rgba(86, 96, 117, 0.15);
  text-align: left;
  hyphens: auto; }

.tooltip.tb-tooltip-white .tooltip-arrow {
  display: none; }

.create-channel-vk_import-checkbox > label {
  font-size: 1em;
  line-height: unset;
  margin: 0; }

.create-channel-vk_content,
.create-channel-vk_warning,
.create-channel-vk_warning a {
  color: #827ba5; }

.create-channel-vk_warning b {
  color: #f35958; }

.create-channel-vk_warning a {
  text-decoration: underline; }

.create-channel-vk_content {
  text-align: justify;
  hyphens: auto; }
#token-input {
  display: flex;
  flex-direction: column; }

.token-input-buttons {
  margin: 10px 0 0 0; }

.token-input-buttons button {
  margin: 1px 15px 0 0; }

.token-input {
  width: 400px; }
.wa-templates {
  padding: 1em;
  display: flex;
  flex-direction: column;
  row-gap: 1em;
  word-break: break-all; }
  .wa-templates__attachment-upload-container {
    display: flex;
    justify-content: center;
    padding: 1em 0;
    font-size: inherit; }
  .wa-templates__attachment-upload-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    outline: none; }
    .wa-templates__attachment-upload-button:hover .wa-templates__attachment-upload-icon.fa {
      color: #8f95a4; }
  .wa-templates__attachment-upload-icon.fa {
    font-size: 6em;
    color: #abb0bb;
    margin-bottom: 0.15em; }
  .wa-templates .thumb {
    height: auto;
    width: auto; }
    .wa-templates .thumb__image {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 150px; }
    .wa-templates .thumb__filename {
      white-space: break-spaces;
      word-break: break-word; }

.ng-infobox__textarea_error {
  padding: 1em 1em 0 1em;
  text-align: center; }

.ng-infobox__textarea_with-buttons {
  border-bottom: none; }

.ng-infobox__textarea_error > div > a > b {
  color: red !important; }

.ng-infobox__textarea::-webkit-input-placeholder {
  color: red; }

.ng-infobox__textarea::-moz-placeholder {
  color: red; }

.ng-infobox__waba-buttons {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75em;
  padding: 1em;
  border: 1px solid #e5e9ec;
  border-radius: 2px;
  border-top: none; }

.ng-infobox__waba-button {
  position: relative;
  padding: 0.5em 1em;
  border: 1px dashed #d5d8da;
  border-radius: 8px;
  text-align: center;
  color: #45b9d8; }

.ng-infobox__waba-button-icon {
  margin-right: 0.2em;
  font-size: 1.2em; }

.dndDraggingSource {
  display: none; }

.handle {
  position: absolute;
  left: 20px; }

.dndPlaceholder {
  list-style: none;
  background: #6fabff;
  box-shadow: 0 0 10px #5690ff;
  padding: 1px; }

.button-draggable {
  display: inline-flex; }

.add-template-button {
  margin-top: 1em; }

.button-settings {
  padding: 5px;
  font-size: 12px;
  text-align: center;
  display: block;
  position: absolute;
  right: 0px;
  bottom: -123px;
  width: 170px;
  background-color: #e4eaed;
  border: #6f7b8a 1px solid;
  z-index: 1; }

.button-settings__radio_group_body {
  grid-row-gap: 0.25em;
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: max-content;
  grid-column-gap: 1.8em; }

.radio-group_item {
  display: flex;
  margin: 0; }

.button-settings label {
  font-size: 13px;
  margin: 0;
  padding-left: 20px; }

.link-substitution {
  background: #ab9ff9;
  padding: 2px 4px;
  display: inline-block;
  border-radius: 2px; }
.templates-params__container {
  display: grid;
  grid-template-columns: 100%;
  justify-content: center;
  align-items: center; }

.templates-params__param {
  display: grid;
  grid-template-columns: 20px 1fr max-content;
  column-gap: 10px;
  align-items: center;
  border-radius: 2px;
  border: 1px solid #e5e9ec;
  padding: 0 10px;
  margin: -1px 0;
  margin-bottom: 4px; }

.templates-params__param-url {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  column-gap: 10px;
  align-items: center;
  border-radius: 2px;
  border: 1px solid #e5e9ec;
  padding: 0 10px;
  margin: -1px 0; }

.templates-params__param-header {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  column-gap: 10px;
  align-items: center;
  border-radius: 2px;
  border: 1px solid #e5e9ec;
  padding: 0 10px;
  margin: -1px 0; }

.templates-params__param-code {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  border-radius: 2px;
  border: 1px solid #e5e9ec;
  margin: -1px 0; }

.templates-params__label {
  margin: 0 !important;
  font-size: 13px;
  color: #9e9e9e; }

.templates-params__title {
  margin-bottom: 4px;
  margin-top: 10px;
  color: #282323;
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 18.2px */
  letter-spacing: -0.13px; }
  .templates-params__title i {
    margin-right: 4px; }

.templates-params__input {
  display: block;
  border: none !important; }

.templates-params__param-picker {
  margin-top: 5px; }

.templates-params__hint {
  display: flex;
  justify-content: space-between;
  margin-top: 2px; }
  .templates-params__hint-text {
    font-size: 12px;
    color: #9e9e9e; }
.wa-templates {
  padding: 1em;
  display: flex;
  flex-direction: column;
  row-gap: 1em;
  word-break: break-all; }
  .wa-templates__attachment-upload-container {
    display: flex;
    justify-content: center;
    padding: 1em 0;
    font-size: inherit; }
  .wa-templates__attachment-upload-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    outline: none; }
    .wa-templates__attachment-upload-button:hover .wa-templates__attachment-upload-icon.fa {
      color: #8f95a4; }
  .wa-templates__attachment-upload-icon.fa {
    font-size: 6em;
    color: #abb0bb;
    margin-bottom: 0.15em; }
  .wa-templates .thumb {
    height: auto;
    width: auto; }
    .wa-templates .thumb__image {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 150px; }
    .wa-templates .thumb__filename {
      white-space: break-spaces;
      word-break: break-word; }

.ng-infobox__textarea {
  height: 180px;
  min-width: 200px;
  overflow-y: auto;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 6px 11px !important;
  line-height: 15px;
  font-size: 13px;
  font-weight: normal;
  border-radius: 2px;
  border: 1px solid #e5e9ec;
  transition: background 0.2s ease-in-out 0s, box-shadow 0.2s linear 0s; }

.ng-infobox__textarea_error {
  padding: 1em 1em 0 1em;
  text-align: center; }

.ng-infobox__textarea_with-buttons {
  border-bottom: none; }

.ng-infobox__textarea_error > div > a > b {
  color: red !important; }

.ng-infobox__textarea::-webkit-input-placeholder {
  color: red; }

.ng-infobox__textarea::-moz-placeholder {
  color: red; }

.ng-infobox__waba-buttons {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75em;
  padding: 1em;
  border: 1px solid #e5e9ec;
  border-radius: 2px;
  border-top: none; }
  .ng-infobox__waba-buttons__quick-reply {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; }
    .ng-infobox__waba-buttons__quick-reply > *:nth-last-child(1):nth-child(odd) {
      grid-column: span 2; }

.ng-infobox__waba-button {
  position: relative;
  padding: 0.5em 1em;
  border: 1px dashed #d5d8da;
  border-radius: 8px;
  text-align: center;
  color: #45b9d8;
  width: 100%; }

.ng-infobox__waba-button-icon {
  margin-right: 0.2em;
  font-size: 1.2em; }

.template-text__header {
  color: #282323;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; }

.template-text__body {
  white-space: pre-line;
  color: #282323;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; }

.template-text__footer {
  margin-top: 15px;
  font-size: 12px; }

.dndDraggingSource {
  display: none; }

.handle {
  position: absolute;
  left: 20px; }

.dndPlaceholder {
  list-style: none;
  background: #6fabff;
  box-shadow: 0 0 10px #5690ff;
  padding: 1px; }

.button-draggable {
  display: inline-flex; }

.add-template-button {
  margin-top: 1em; }

.button-settings {
  padding: 5px;
  font-size: 12px;
  text-align: center;
  display: block;
  position: absolute;
  right: 0px;
  bottom: -123px;
  width: 170px;
  background-color: #e4eaed;
  border: #6f7b8a 1px solid;
  z-index: 1; }

.button-settings__radio_group_body {
  grid-row-gap: 0.25em;
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: max-content;
  grid-column-gap: 1.8em; }

.radio-group_item {
  display: flex;
  margin: 0; }

.button-settings label {
  font-size: 13px;
  margin: 0;
  padding-left: 20px; }

.waba-templates-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  height: 300px;
  text-align: center; }
.dc-table > .dct-header .dct-cell {
  text-transform: uppercase;
  font-weight: bold; }

.dc-table .dct-cell {
  padding: 12px; }

.dc-table > .dct-body .dct-row .dct-fullwidth {
  padding: 0px 0px 12px; }

.dc-table > .dct-body .dct-row.ui-sortable-helper .dct-fullwidth {
  display: none; }

.dc-table > .dct-body .dct-row:not(.ui-sortable-helper) .dct-cell {
  border-top: 1px solid #e8edf1; }

.dc-table .dct-row-placeholder.ui-sortable-placeholder {
  background-color: #f2fbff;
  border: 1px dashed #b6bcbf;
  height: 51px !important; }

.dc-table .dct-columns {
  display: flex;
  flex-direction: row;
  width: 100%; }
  .dc-table .dct-columns > .dct-cell:nth-child(1) {
    flex: 0 0 110px; }
  .dc-table .dct-columns > .dct-cell:nth-child(2) {
    flex: 0 0 160px; }
  .dc-table .dct-columns > .dct-cell:nth-child(3) {
    text-align: left; }
  .dc-table .dct-columns > .dct-cell:nth-child(4) {
    flex-grow: 1; }
  .dc-table .dct-columns > .dct-cell:nth-child(5) {
    flex: 0 0 120px; }
.subscription-date-checkbox_disabled {
  display: block; }

.filter-buttons {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 180px 180px;
  column-gap: 10px; }

.full-height {
  height: 100%; }

.tab-content {
  height: 100%; }
.template-preview {
  white-space: pre-line; }
.tags-conditions {
  display: flex;
  flex-direction: column; }

.tags-conditions > div,
.tags-conditions_tag-form > div:not(:last-child) {
  margin: 0 0 0.8em 0; }

.tags-conditions_conditions_tags_list {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.tags-conditions_conditions_tags_list_item {
  flex-basis: 90%; }

.tags-conditions_conditions_tags_list_item > * {
  width: 100%; }

.tags-conditions_tag-list {
  display: flex;
  flex-flow: row wrap; }

.tags-conditions_tag-list-tag {
  align-items: center;
  border-radius: 5px;
  border: 1px solid;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  margin: 0 5px 5px 0;
  padding: 3px;
  position: relative; }

.tags-conditions_tag-list-tag_condition,
.tags-conditions_tag-list-tag_tag {
  display: flex; }

.tags-conditions_tag-list-tag_condition {
  font-weight: bold;
  font-size: 14px; }

.tags-conditions_tag-list-tag_remove {
  display: none;
  margin-top: -2px; }

.tags-conditions_tag-list-tag_condition,
.tags-conditions_tag-list-tag_remove {
  transition: all 1s ease-out; }

.tags-conditions_tag-list-tag_tag {
  margin: 2px 5px 0 5px; }

.tags-conditions_tag-list-tag:hover .tags-conditions_tag-list-tag_condition {
  display: none; }

.tags-conditions_tag-list-tag:hover .tags-conditions_tag-list-tag_remove {
  display: flex; }

@keyframes show-button {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.tags-conditions_add-button {
  margin-bottom: 5px;
  animation: show-button 2s ease-in-out; }

.ui-select-textback.disabled {
  background: #f8f8f8; }

/*# sourceMappingURL=textback-app.css.map*/