hap-homematic/lib/configurationsrv/html/css/style.css

provides a homekit bridge to the ccu

@charset "UTF-8";
/*!
 * CoreUI - HTML, CSS, and JavaScript UI Components Library
 * @version v3.0.0
 * @link https://coreui.io/
 * Copyright (c) 2020 creativeLabs Łukasz Holeczek
 * License MIT  (https://coreui.io/license/)
 */
:root {
  --primary: #321fdb;
  --secondary: #ced2d8;
  --success: #2eb85c;
  --info: #39f;
  --warning: #f9b115;
  --danger: #e55353;
  --light: #ebedef;
  --dark: #636f83;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 21, 0);
}

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body,.c-app {
  color: #3c4b64;
  background-color: #ebedef;
}

.c-app {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 21, 0.2);
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  font-style: normal;
  line-height: inherit;
}

address,ol,
ul,
dl {
  margin-bottom: 1rem;
}

ol,
ul,
dl {
  margin-top: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
}

html:not([dir="rtl"]) dd {
  margin-left: 0;
}

*[dir="rtl"] dd {
  margin-right: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  text-decoration: none;
  background-color: transparent;
}

a,a:hover {
  color: #321fdb;
}

a:hover {
  text-decoration: underline;
}

a:not([href]),a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  display: block;
  font-size: 87.5%;
  color: #4f5d73;
}

figure {
  margin: 0 0 1rem;
}

img {
  border-style: none;
}

img,svg {
  vertical-align: middle;
}

svg {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #768192;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

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

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

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

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

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

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

.ps {
  overflow: hidden !important;
  -ms-touch-action: auto;
  touch-action: auto;
  -ms-overflow-style: none;
  overflow-anchor: none;
}

.ps__rail-x {
  bottom: 0;
  height: 15px;
}

.ps__rail-x,.ps__rail-y {
  position: absolute;
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
}

.ps__rail-y {
  width: 15px;
}

html:not([dir="rtl"]) .ps__rail-y {
  right: 0;
}

*[dir="rtl"] .ps__rail-y {
  left: 0;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: .6;
}

.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus {
  background-color: #eee;
  opacity: .9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  bottom: 2px;
  height: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
}

.ps__thumb-x,.ps__thumb-y {
  position: absolute;
  background-color: #aaa;
  border-radius: 6px;
}

.ps__thumb-y {
  width: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
}

html:not([dir="rtl"]) .ps__thumb-y {
  right: 2px;
}

*[dir="rtl"] .ps__thumb-y {
  left: 2px;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x {
  height: 11px;
  background-color: #999;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y {
  width: 11px;
  background-color: #999;
}

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

html:not([dir="rtl"]) .alert-dismissible {
  padding-right: 3.8125rem;
}

*[dir="rtl"] .alert-dismissible {
  padding-left: 3.8125rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

html:not([dir="rtl"]) .alert-dismissible .close {
  right: 0;
}

*[dir="rtl"] .alert-dismissible .close {
  left: 0;
}

.alert-primary {
  color: #1a107c;
  background-color: #d6d2f8;
  border-color: #c6c0f5;
}

.alert-primary hr {
  border-top-color: #b2aaf2;
}

.alert-primary .alert-link {
  color: #110a4f;
}

.alert-secondary {
  color: #6b6d7a;
  background-color: #f5f6f7;
  border-color: #f1f2f4;
}

.alert-secondary hr {
  border-top-color: #e3e5e9;
}

.alert-secondary .alert-link {
  color: #53555f;
}

.alert-success {
  color: #18603a;
  background-color: #d5f1de;
  border-color: #c4ebd1;
}

.alert-success hr {
  border-top-color: #b1e5c2;
}

.alert-success .alert-link {
  color: #0e3721;
}

.alert-info {
  color: #1b508f;
  background-color: #d6ebff;
  border-color: #c6e2ff;
}

.alert-info hr {
  border-top-color: #add5ff;
}

.alert-info .alert-link {
  color: #133864;
}

.alert-warning {
  color: #815c15;
  background-color: #feefd0;
  border-color: #fde9bd;
}

.alert-warning hr {
  border-top-color: #fce1a4;
}

.alert-warning .alert-link {
  color: #553d0e;
}

.alert-danger {
  color: #772b35;
  background-color: #fadddd;
  border-color: #f8cfcf;
}

.alert-danger hr {
  border-top-color: #f5b9b9;
}

.alert-danger .alert-link {
  color: #521d24;
}

.alert-light {
  color: #7a7b86;
  background-color: #fbfbfc;
  border-color: #f9fafb;
}

.alert-light hr {
  border-top-color: #eaedf1;
}

.alert-light .alert-link {
  color: #62626b;
}

.alert-dark {
  color: #333a4e;
  background-color: #e0e2e6;
  border-color: #d3d7dc;
}

.alert-dark hr {
  border-top-color: #c5cad1;
}

.alert-dark .alert-link {
  color: #1f232f;
}

.c-avatar {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50em;
  width: 36px;
  height: 36px;
  font-size: 14.4px;
}

.c-avatar .c-avatar-status {
  width: 10px;
  height: 10px;
}

.c-avatar-img {
  width: 100%;
  height: auto;
  border-radius: 50em;
}

.c-avatar-status {
  position: absolute;
  bottom: 0;
  display: block;
  border: 1px solid #fff;
  border-radius: 50em;
}

html:not([dir="rtl"]) .c-avatar-status {
  right: 0;
}

*[dir="rtl"] .c-avatar-status {
  left: 0;
}

.c-avatar-sm {
  width: 24px;
  height: 24px;
  font-size: 9.6px;
}

.c-avatar-sm .c-avatar-status {
  width: 8px;
  height: 8px;
}

.c-avatar-lg {
  width: 48px;
  height: 48px;
  font-size: 19.2px;
}

.c-avatar-lg .c-avatar-status {
  width: 12px;
  height: 12px;
}

.c-avatar-xl {
  width: 64px;
  height: 64px;
  font-size: 25.6px;
}

.c-avatar-xl .c-avatar-status {
  width: 14px;
  height: 14px;
}

.c-avatars-stack {
  display: -ms-flexbox;
  display: flex;
}

.c-avatars-stack .c-avatar {
  margin-right: -18px;
  transition: margin-right 0.25s;
}

.c-avatars-stack .c-avatar:hover {
  margin-right: 0;
}

.c-avatars-stack .c-avatar-sm {
  margin-right: -12px;
}

.c-avatars-stack .c-avatar-lg {
  margin-right: -24px;
}

.c-avatars-stack .c-avatar-xl {
  margin-right: -32px;
}

.c-avatar-rounded {
  border-radius: 0.25rem;
}

.c-avatar-square {
  border-radius: 0;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #321fdb;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #2819ae;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(50, 31, 219, 0.5);
}

.badge-secondary {
  color: #4f5d73;
  background-color: #ced2d8;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #4f5d73;
  background-color: #b2b8c1;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(206, 210, 216, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #2eb85c;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #248f48;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(46, 184, 92, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #39f;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #0080ff;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(51, 153, 255, 0.5);
}

.badge-warning {
  color: #4f5d73;
  background-color: #f9b115;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #4f5d73;
  background-color: #d69405;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(249, 177, 21, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #e55353;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #de2727;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(229, 83, 83, 0.5);
}

.badge-light {
  color: #4f5d73;
  background-color: #ebedef;
}

a.badge-light:hover, a.badge-light:focus {
  color: #4f5d73;
  background-color: #cfd4d8;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(235, 237, 239, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #636f83;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #4d5666;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(99, 111, 131, 0.5);
}

html:not([dir="rtl"]) .breadcrumb-menu {
  margin-left: auto;
  margin-right: auto;
}

.breadcrumb-menu::before {
  display: none;
}

.breadcrumb-menu .btn-group,.breadcrumb-menu .btn {
  vertical-align: top;
}

.breadcrumb-menu .btn {
  padding: 0 0.75rem;
  color: #768192;
  border: 0;
}

.breadcrumb-menu .btn:hover, .breadcrumb-menu .btn.active,.breadcrumb-menu .show .btn {
  color: #4f5d73;
  background: transparent;
}

.breadcrumb-menu .dropdown-menu {
  min-width: 180px;
  line-height: 1.5;
}

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1.5rem;
  list-style: none;
  border-radius: 0;
  border-bottom: 1px solid;
  background-color: transparent;
  border-color: #d8dbe0;
}

html:not([dir="rtl"]) .breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

*[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-right: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  color: #8a93a2;
  content: "/";
}

html:not([dir="rtl"]) .breadcrumb-item + .breadcrumb-item::before {
  padding-right: 0.5rem;
}

*[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #8a93a2;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

html:not([dir="rtl"]) .btn-group > .btn:not(:first-child), html:not([dir="rtl"])
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

*[dir="rtl"] .btn-group > .btn:not(:first-child), *[dir="rtl"]
.btn-group > .btn-group:not(:first-child) {
  margin-right: -1px;
}

html:not([dir="rtl"]) .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
html:not([dir="rtl"]) .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html:not([dir="rtl"]) .btn-group > .btn:not(:first-child),
html:not([dir="rtl"]) .btn-group > .btn-group:not(:first-child) > .btn,*[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
*[dir="rtl"] .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

*[dir="rtl"] .btn-group > .btn:not(:first-child),
*[dir="rtl"] .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

html:not([dir="rtl"]) .dropdown-toggle-split::after, html:not([dir="rtl"])
.dropup .dropdown-toggle-split::after, html:not([dir="rtl"])
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

*[dir="rtl"] .dropdown-toggle-split::after, *[dir="rtl"]
.dropup .dropdown-toggle-split::after, *[dir="rtl"]
.dropright .dropdown-toggle-split::after,html:not([dir="rtl"]) .dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

*[dir="rtl"] .dropleft .dropdown-toggle-split::before {
  margin-left: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

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

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

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

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

.btn {
  display: inline-block;
  font-weight: 400;
  color: #4f5d73;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn i,
.btn .c-icon {
  width: 0.875rem;
  height: 0.875rem;
  margin: 0.21875rem 0;
  height: 0.875rem;
  margin: 0.21875rem 0;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #4f5d73;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(50, 31, 219, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

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

.btn-primary {
  color: #fff;
  background-color: #321fdb;
  border-color: #321fdb;
}

.btn-primary:hover,.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #2a1ab9;
  border-color: #2819ae;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(81, 65, 224, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #321fdb;
  border-color: #321fdb;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2819ae;
  border-color: #2517a3;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(81, 65, 224, 0.5);
}

.btn-secondary {
  color: #4f5d73;
  background-color: #ced2d8;
  border-color: #ced2d8;
}

.btn-secondary:hover,.btn-secondary:focus, .btn-secondary.focus {
  color: #4f5d73;
  background-color: #b9bec7;
  border-color: #b2b8c1;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(187, 192, 201, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #4f5d73;
  background-color: #ced2d8;
  border-color: #ced2d8;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #4f5d73;
  background-color: #b2b8c1;
  border-color: #abb1bc;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(187, 192, 201, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #2eb85c;
  border-color: #2eb85c;
}

.btn-success:hover,.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #26994d;
  border-color: #248f48;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(77, 195, 116, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #2eb85c;
  border-color: #2eb85c;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #248f48;
  border-color: #218543;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(77, 195, 116, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #39f;
  border-color: #39f;
}

.btn-info:hover,.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #0d86ff;
  border-color: #0080ff;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 168, 255, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #39f;
  border-color: #39f;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #0080ff;
  border-color: #0079f2;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 168, 255, 0.5);
}

.btn-warning {
  color: #4f5d73;
  background-color: #f9b115;
  border-color: #f9b115;
}

.btn-warning:hover,.btn-warning:focus, .btn-warning.focus {
  color: #4f5d73;
  background-color: #e29c06;
  border-color: #d69405;
}

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(224, 164, 35, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #4f5d73;
  background-color: #f9b115;
  border-color: #f9b115;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #4f5d73;
  background-color: #d69405;
  border-color: #c98b05;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(224, 164, 35, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #e55353;
  border-color: #e55353;
}

.btn-danger:hover,.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #e03232;
  border-color: #de2727;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(233, 109, 109, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #e55353;
  border-color: #e55353;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #de2727;
  border-color: #d82121;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(233, 109, 109, 0.5);
}

.btn-light {
  color: #4f5d73;
  background-color: #ebedef;
  border-color: #ebedef;
}

.btn-light:hover,.btn-light:focus, .btn-light.focus {
  color: #4f5d73;
  background-color: #d6dade;
  border-color: #cfd4d8;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(212, 215, 220, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #4f5d73;
  background-color: #ebedef;
  border-color: #ebedef;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #4f5d73;
  background-color: #cfd4d8;
  border-color: #c8cdd3;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(212, 215, 220, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #636f83;
  border-color: #636f83;
}

.btn-dark:hover,.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #535d6d;
  border-color: #4d5666;
}

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(122, 133, 150, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #636f83;
  border-color: #636f83;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #4d5666;
  border-color: #48505f;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(122, 133, 150, 0.5);
}

.btn-transparent {
  color: rgba(255, 255, 255, 0.8);
}

.btn-transparent:hover {
  color: white;
}

.btn-outline-primary {
  color: #321fdb;
  border-color: #321fdb;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #321fdb;
  border-color: #321fdb;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(50, 31, 219, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #321fdb;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #321fdb;
  border-color: #321fdb;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(50, 31, 219, 0.5);
}

.btn-outline-secondary {
  color: #ced2d8;
  border-color: #ced2d8;
}

.btn-outline-secondary:hover {
  color: #4f5d73;
  background-color: #ced2d8;
  border-color: #ced2d8;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(206, 210, 216, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #ced2d8;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #4f5d73;
  background-color: #ced2d8;
  border-color: #ced2d8;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(206, 210, 216, 0.5);
}

.btn-outline-success {
  color: #2eb85c;
  border-color: #2eb85c;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #2eb85c;
  border-color: #2eb85c;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 184, 92, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #2eb85c;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #2eb85c;
  border-color: #2eb85c;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 184, 92, 0.5);
}

.btn-outline-info {
  color: #39f;
  border-color: #39f;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #39f;
  border-color: #39f;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 153, 255, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #39f;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #39f;
  border-color: #39f;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 153, 255, 0.5);
}

.btn-outline-warning {
  color: #f9b115;
  border-color: #f9b115;
}

.btn-outline-warning:hover {
  color: #4f5d73;
  background-color: #f9b115;
  border-color: #f9b115;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(249, 177, 21, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #f9b115;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #4f5d73;
  background-color: #f9b115;
  border-color: #f9b115;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(249, 177, 21, 0.5);
}

.btn-outline-danger {
  color: #e55353;
  border-color: #e55353;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #e55353;
  border-color: #e55353;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(229, 83, 83, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #e55353;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #e55353;
  border-color: #e55353;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(229, 83, 83, 0.5);
}

.btn-outline-light {
  color: #ebedef;
  border-color: #ebedef;
}

.btn-outline-light:hover {
  color: #4f5d73;
  background-color: #ebedef;
  border-color: #ebedef;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(235, 237, 239, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #ebedef;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #4f5d73;
  background-color: #ebedef;
  border-color: #ebedef;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(235, 237, 239, 0.5);
}

.btn-outline-dark {
  color: #636f83;
  border-color: #636f83;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #636f83;
  border-color: #636f83;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(99, 111, 131, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #636f83;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #636f83;
  border-color: #636f83;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(99, 111, 131, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #321fdb;
  text-decoration: none;
}

.btn-link:hover {
  color: #231698;
  text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: #8a93a2;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-lg i, .btn-group-lg > .btn i,
.btn-lg .c-icon,
.btn-group-lg > .btn .c-icon {
  width: 1.09375rem;
  height: 1.09375rem;
  margin: 0.2734375rem 0;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-sm i, .btn-group-sm > .btn i,
.btn-sm .c-icon,
.btn-group-sm > .btn .c-icon {
  width: 0.765625rem;
  height: 0.765625rem;
  margin: 0.19140625rem 0;
}

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

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

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

.btn-pill {
  border-radius: 50em;
}

.btn-square {
  border-radius: 0;
}

.btn-ghost-primary {
  color: #321fdb;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}

.btn-ghost-primary:hover {
  color: #fff;
  background-color: #321fdb;
  border-color: #321fdb;
}

.btn-ghost-primary:focus, .btn-ghost-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(50, 31, 219, 0.5);
}

.btn-ghost-primary.disabled, .btn-ghost-primary:disabled {
  color: #321fdb;
  background-color: transparent;
  border-color: transparent;
}

.btn-ghost-primary:not(:disabled):not(.disabled):active, .btn-ghost-primary:not(:disabled):not(.disabled).active,
.show > .btn-ghost-primary.dropdown-toggle {
  color: #fff;
  background-color: #321fdb;
  border-color: #321fdb;
}

.btn-ghost-primary:not(:disabled):not(.disabled):active:focus, .btn-ghost-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-ghost-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(50, 31, 219, 0.5);
}

.btn-ghost-secondary {
  color: #ced2d8;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}

.btn-ghost-secondary:hover {
  color: #4f5d73;
  background-color: #ced2d8;
  border-color: #ced2d8;
}

.btn-ghost-secondary:focus, .btn-ghost-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(206, 210, 216, 0.5);
}

.btn-ghost-secondary.disabled, .btn-ghost-secondary:disabled {
  color: #ced2d8;
  background-color: transparent;
  border-color: transparent;
}

.btn-ghost-secondary:not(:disabled):not(.disabled):active, .btn-ghost-secondary:not(:disabled):not(.disabled).active,
.show > .btn-ghost-secondary.dropdown-toggle {
  color: #4f5d73;
  background-color: #ced2d8;
  border-color: #ced2d8;
}

.btn-ghost-secondary:not(:disabled):not(.disabled):active:focus, .btn-ghost-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-ghost-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(206, 210, 216, 0.5);
}

.btn-ghost-success {
  color: #2eb85c;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}

.btn-ghost-success:hover {
  color: #fff;
  background-color: #2eb85c;
  border-color: #2eb85c;
}

.btn-ghost-success:focus, .btn-ghost-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 184, 92, 0.5);
}

.btn-ghost-success.disabled, .btn-ghost-success:disabled {
  color: #2eb85c;
  background-color: transparent;
  border-color: transparent;
}

.btn-ghost-success:not(:disabled):not(.disabled):active, .btn-ghost-success:not(:disabled):not(.disabled).active,
.show > .btn-ghost-success.dropdown-toggle {
  color: #fff;
  background-color: #2eb85c;
  border-color: #2eb85c;
}

.btn-ghost-success:not(:disabled):not(.disabled):active:focus, .btn-ghost-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-ghost-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 184, 92, 0.5);
}

.btn-ghost-info {
  color: #39f;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}

.btn-ghost-info:hover {
  color: #fff;
  background-color: #39f;
  border-color: #39f;
}

.btn-ghost-info:focus, .btn-ghost-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 153, 255, 0.5);
}

.btn-ghost-info.disabled, .btn-ghost-info:disabled {
  color: #39f;
  background-color: transparent;
  border-color: transparent;
}

.btn-ghost-info:not(:disabled):not(.disabled):active, .btn-ghost-info:not(:disabled):not(.disabled).active,
.show > .btn-ghost-info.dropdown-toggle {
  color: #fff;
  background-color: #39f;
  border-color: #39f;
}

.btn-ghost-info:not(:disabled):not(.disabled):active:focus, .btn-ghost-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-ghost-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 153, 255, 0.5);
}

.btn-ghost-warning {
  color: #f9b115;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}

.btn-ghost-warning:hover {
  color: #4f5d73;
  background-color: #f9b115;
  border-color: #f9b115;
}

.btn-ghost-warning:focus, .btn-ghost-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(249, 177, 21, 0.5);
}

.btn-ghost-warning.disabled, .btn-ghost-warning:disabled {
  color: #f9b115;
  background-color: transparent;
  border-color: transparent;
}

.btn-ghost-warning:not(:disabled):not(.disabled):active, .btn-ghost-warning:not(:disabled):not(.disabled).active,
.show > .btn-ghost-warning.dropdown-toggle {
  color: #4f5d73;
  background-color: #f9b115;
  border-color: #f9b115;
}

.btn-ghost-warning:not(:disabled):not(.disabled):active:focus, .btn-ghost-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-ghost-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(249, 177, 21, 0.5);
}

.btn-ghost-danger {
  color: #e55353;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}

.btn-ghost-danger:hover {
  color: #fff;
  background-color: #e55353;
  border-color: #e55353;
}

.btn-ghost-danger:focus, .btn-ghost-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(229, 83, 83, 0.5);
}

.btn-ghost-danger.disabled, .btn-ghost-danger:disabled {
  color: #e55353;
  background-color: transparent;
  border-color: transparent;
}

.btn-ghost-danger:not(:disabled):not(.disabled):active, .btn-ghost-danger:not(:disabled):not(.disabled).active,
.show > .btn-ghost-danger.dropdown-toggle {
  color: #fff;
  background-color: #e55353;
  border-color: #e55353;
}

.btn-ghost-danger:not(:disabled):not(.disabled):active:focus, .btn-ghost-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-ghost-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(229, 83, 83, 0.5);
}

.btn-ghost-light {
  color: #ebedef;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}

.btn-ghost-light:hover {
  color: #4f5d73;
  background-color: #ebedef;
  border-color: #ebedef;
}

.btn-ghost-light:focus, .btn-ghost-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(235, 237, 239, 0.5);
}

.btn-ghost-light.disabled, .btn-ghost-light:disabled {
  color: #ebedef;
  background-color: transparent;
  border-color: transparent;
}

.btn-ghost-light:not(:disabled):not(.disabled):active, .btn-ghost-light:not(:disabled):not(.disabled).active,
.show > .btn-ghost-light.dropdown-toggle {
  color: #4f5d73;
  background-color: #ebedef;
  border-color: #ebedef;
}

.btn-ghost-light:not(:disabled):not(.disabled):active:focus, .btn-ghost-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-ghost-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(235, 237, 239, 0.5);
}

.btn-ghost-dark {
  color: #636f83;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}

.btn-ghost-dark:hover {
  color: #fff;
  background-color: #636f83;
  border-color: #636f83;
}

.btn-ghost-dark:focus, .btn-ghost-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(99, 111, 131, 0.5);
}

.btn-ghost-dark.disabled, .btn-ghost-dark:disabled {
  color: #636f83;
  background-color: transparent;
  border-color: transparent;
}

.btn-ghost-dark:not(:disabled):not(.disabled):active, .btn-ghost-dark:not(:disabled):not(.disabled).active,
.show > .btn-ghost-dark.dropdown-toggle {
  color: #fff;
  background-color: #636f83;
  border-color: #636f83;
}

.btn-ghost-dark:not(:disabled):not(.disabled):active:focus, .btn-ghost-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-ghost-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(99, 111, 131, 0.5);
}

.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
}

.btn-facebook:hover,.btn-facebook:focus, .btn-facebook.focus {
  color: #fff;
  background-color: #30497c;
  border-color: #2d4373;
}

.btn-facebook:focus, .btn-facebook.focus {
  box-shadow: 0 0 0 0.2rem rgba(88, 114, 167, 0.5);
}

.btn-facebook.disabled, .btn-facebook:disabled {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
}

.btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active,
.show > .btn-facebook.dropdown-toggle {
  color: #fff;
  background-color: #2d4373;
  border-color: #293e6a;
}

.btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus,
.show > .btn-facebook.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(88, 114, 167, 0.5);
}

.btn-twitter {
  color: #fff;
  background-color: #00aced;
  border-color: #00aced;
}

.btn-twitter:hover,.btn-twitter:focus, .btn-twitter.focus {
  color: #fff;
  background-color: #0090c7;
  border-color: #0087ba;
}

.btn-twitter:focus, .btn-twitter.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 184, 240, 0.5);
}

.btn-twitter.disabled, .btn-twitter:disabled {
  color: #fff;
  background-color: #00aced;
  border-color: #00aced;
}

.btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active,
.show > .btn-twitter.dropdown-toggle {
  color: #fff;
  background-color: #0087ba;
  border-color: #007ead;
}

.btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus,
.show > .btn-twitter.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 184, 240, 0.5);
}

.btn-linkedin {
  color: #fff;
  background-color: #4875b4;
  border-color: #4875b4;
}

.btn-linkedin:hover,.btn-linkedin:focus, .btn-linkedin.focus {
  color: #fff;
  background-color: #3d6399;
  border-color: #395d90;
}

.btn-linkedin:focus, .btn-linkedin.focus {
  box-shadow: 0 0 0 0.2rem rgba(99, 138, 191, 0.5);
}

.btn-linkedin.disabled, .btn-linkedin:disabled {
  color: #fff;
  background-color: #4875b4;
  border-color: #4875b4;
}

.btn-linkedin:not(:disabled):not(.disabled):active, .btn-linkedin:not(:disabled):not(.disabled).active,
.show > .btn-linkedin.dropdown-toggle {
  color: #fff;
  background-color: #395d90;
  border-color: #365786;
}

.btn-linkedin:not(:disabled):not(.disabled):active:focus, .btn-linkedin:not(:disabled):not(.disabled).active:focus,
.show > .btn-linkedin.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(99, 138, 191, 0.5);
}

.btn-flickr {
  color: #fff;
  background-color: #ff0084;
  border-color: #ff0084;
}

.btn-flickr:hover,.btn-flickr:focus, .btn-flickr.focus {
  color: #fff;
  background-color: #d90070;
  border-color: #cc006a;
}

.btn-flickr:focus, .btn-flickr.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 38, 150, 0.5);
}

.btn-flickr.disabled, .btn-flickr:disabled {
  color: #fff;
  background-color: #ff0084;
  border-color: #ff0084;
}

.btn-flickr:not(:disabled):not(.disabled):active, .btn-flickr:not(:disabled):not(.disabled).active,
.show > .btn-flickr.dropdown-toggle {
  color: #fff;
  background-color: #cc006a;
  border-color: #bf0063;
}

.btn-flickr:not(:disabled):not(.disabled):active:focus, .btn-flickr:not(:disabled):not(.disabled).active:focus,
.show > .btn-flickr.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 38, 150, 0.5);
}

.btn-tumblr {
  color: #fff;
  background-color: #32506d;
  border-color: #32506d;
}

.btn-tumblr:hover,.btn-tumblr:focus, .btn-tumblr.focus {
  color: #fff;
  background-color: #263d53;
  border-color: #22364a;
}

.btn-tumblr:focus, .btn-tumblr.focus {
  box-shadow: 0 0 0 0.2rem rgba(81, 106, 131, 0.5);
}

.btn-tumblr.disabled, .btn-tumblr:disabled {
  color: #fff;
  background-color: #32506d;
  border-color: #32506d;
}

.btn-tumblr:not(:disabled):not(.disabled):active, .btn-tumblr:not(:disabled):not(.disabled).active,
.show > .btn-tumblr.dropdown-toggle {
  color: #fff;
  background-color: #22364a;
  border-color: #1e3041;
}

.btn-tumblr:not(:disabled):not(.disabled):active:focus, .btn-tumblr:not(:disabled):not(.disabled).active:focus,
.show > .btn-tumblr.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(81, 106, 131, 0.5);
}

.btn-xing {
  color: #fff;
  background-color: #026466;
  border-color: #026466;
}

.btn-xing:hover,.btn-xing:focus, .btn-xing.focus {
  color: #fff;
  background-color: #013f40;
  border-color: #013334;
}

.btn-xing:focus, .btn-xing.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 123, 125, 0.5);
}

.btn-xing.disabled, .btn-xing:disabled {
  color: #fff;
  background-color: #026466;
  border-color: #026466;
}

.btn-xing:not(:disabled):not(.disabled):active, .btn-xing:not(:disabled):not(.disabled).active,
.show > .btn-xing.dropdown-toggle {
  color: #fff;
  background-color: #013334;
  border-color: #012727;
}

.btn-xing:not(:disabled):not(.disabled):active:focus, .btn-xing:not(:disabled):not(.disabled).active:focus,
.show > .btn-xing.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 123, 125, 0.5);
}

.btn-github {
  color: #fff;
  background-color: #4183c4;
  border-color: #4183c4;
}

.btn-github:hover,.btn-github:focus, .btn-github.focus {
  color: #fff;
  background-color: #3570aa;
  border-color: #3269a0;
}

.btn-github:focus, .btn-github.focus {
  box-shadow: 0 0 0 0.2rem rgba(94, 150, 205, 0.5);
}

.btn-github.disabled, .btn-github:disabled {
  color: #fff;
  background-color: #4183c4;
  border-color: #4183c4;
}

.btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active,
.show > .btn-github.dropdown-toggle {
  color: #fff;
  background-color: #3269a0;
  border-color: #2f6397;
}

.btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus,
.show > .btn-github.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(94, 150, 205, 0.5);
}

.btn-stack-overflow {
  color: #fff;
  background-color: #fe7a15;
  border-color: #fe7a15;
}

.btn-stack-overflow:hover,.btn-stack-overflow:focus, .btn-stack-overflow.focus {
  color: #fff;
  background-color: #ec6701;
  border-color: #df6101;
}

.btn-stack-overflow:focus, .btn-stack-overflow.focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 142, 56, 0.5);
}

.btn-stack-overflow.disabled, .btn-stack-overflow:disabled {
  color: #fff;
  background-color: #fe7a15;
  border-color: #fe7a15;
}

.btn-stack-overflow:not(:disabled):not(.disabled):active, .btn-stack-overflow:not(:disabled):not(.disabled).active,
.show > .btn-stack-overflow.dropdown-toggle {
  color: #fff;
  background-color: #df6101;
  border-color: #d25c01;
}

.btn-stack-overflow:not(:disabled):not(.disabled):active:focus, .btn-stack-overflow:not(:disabled):not(.disabled).active:focus,
.show > .btn-stack-overflow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 142, 56, 0.5);
}

.btn-youtube {
  color: #fff;
  background-color: #b00;
  border-color: #b00;
}

.btn-youtube:hover,.btn-youtube:focus, .btn-youtube.focus {
  color: #fff;
  background-color: #950000;
  border-color: #880000;
}

.btn-youtube:focus, .btn-youtube.focus {
  box-shadow: 0 0 0 0.2rem rgba(197, 38, 38, 0.5);
}

.btn-youtube.disabled, .btn-youtube:disabled {
  color: #fff;
  background-color: #b00;
  border-color: #b00;
}

.btn-youtube:not(:disabled):not(.disabled):active, .btn-youtube:not(:disabled):not(.disabled).active,
.show > .btn-youtube.dropdown-toggle {
  color: #fff;
  ba