/*!
* Tabler v1.0.0-alpha.21 (https://tabler.io)
* @version 1.0.0-alpha.21
* @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
pre.highlight,
.highlight pre {
  max-height: 30rem;
  margin: 1.5rem 0;
  overflow: auto;
  font-size: 85.7142857%;
  border-radius: 3px; }
  pre.highlight::-webkit-scrollbar,
  .highlight pre::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    -webkit-transition: .3s background;
    transition: .3s background; }
  pre.highlight::-webkit-scrollbar-thumb,
  .highlight pre::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #dbdee3; }
  pre.highlight::-webkit-scrollbar-corner,
  .highlight pre::-webkit-scrollbar-corner {
    background: transparent; }
  pre.highlight:hover::-webkit-scrollbar-thumb,
  .highlight pre:hover::-webkit-scrollbar-thumb {
    background: #c6cad0;
    background: #c6cad0; }

.highlight {
  margin: 0; }
  .highlight code > * {
    margin: 0 !important;
    padding: 0 !important; }
  .highlight .dl {
    color: #4070a0; }
  .highlight .c {
    color: #727272; }
  .highlight .c1 {
    color: #727272; }
  .highlight .ch {
    font-style: italic;
    color: #60a0b0; }
  .highlight .cm {
    color: #727272; }
  .highlight .cp {
    color: #008085; }
  .highlight .cpf {
    color: #007020; }
  .highlight .cs {
    color: #727272; }
  .highlight .gd {
    background-color: #fcc;
    border: 1px solid #c00; }
  .highlight .ge {
    font-style: italic; }
  .highlight .gh {
    color: #030; }
  .highlight .gi {
    background-color: #cfc;
    border: 1px solid #0c0; }
  .highlight .gl {
    text-decoration: underline; }
  .highlight .go {
    color: #aaa; }
  .highlight .gp {
    color: #009; }
  .highlight .gr {
    color: #f00; }
  .highlight .gs {
    font-weight: 700; }
  .highlight .gt {
    color: #9c6; }
  .highlight .gu {
    color: #030; }
  .highlight .il {
    color: #c24f19; }
  .highlight .k {
    color: #069; }
  .highlight .kc {
    color: #069; }
  .highlight .kd {
    color: #069; }
  .highlight .kn {
    color: #069; }
  .highlight .kp {
    color: #069; }
  .highlight .kr {
    color: #069; }
  .highlight .kt {
    color: #078; }
  .highlight .m {
    color: #c24f19; }
  .highlight .mf {
    color: #c24f19; }
  .highlight .mb {
    color: #40a070; }
  .highlight .mh {
    color: #c24f19; }
  .highlight .mi {
    color: #c24f19; }
  .highlight .mo {
    color: #c24f19; }
  .highlight .na {
    color: #006ee0; }
  .highlight .nb {
    color: #366; }
  .highlight .nc {
    color: #168174; }
  .highlight .nd {
    color: #6b62de; }
  .highlight .ne {
    color: #c00; }
  .highlight .nf {
    color: #b715f4; }
  .highlight .ni {
    color: #727272; }
  .highlight .nl {
    color: #6b62de; }
  .highlight .nn {
    color: #007ca5; }
  .highlight .no {
    color: #360; }
  .highlight .nt {
    color: #2f6f9f; }
  .highlight .nv {
    color: #033; }
  .highlight .o {
    color: #555; }
  .highlight .ow {
    color: #000; }
  .highlight .s {
    color: #d73038; }
  .highlight .s1 {
    color: #c30; }
  .highlight .s2 {
    color: #c30; }
  .highlight .sa {
    color: #4070a0; }
  .highlight .sb {
    color: #c30; }
  .highlight .sc {
    color: #c30; }
  .highlight .sd {
    font-style: italic;
    color: #c30; }
  .highlight .se {
    color: #c30; }
  .highlight .sh {
    color: #c30; }
  .highlight .si {
    color: #a00; }
  .highlight .sr {
    color: #337e7e; }
  .highlight .ss {
    color: #fc3; }
  .highlight .sx {
    color: #c30; }
  .highlight .w {
    color: #bbb; }
  .highlight .language-bash::before, .highlight .language-sh::before {
    color: #009;
    content: "$ ";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .highlight .language-bash .m, .highlight .language-sh .m {
    color: inherit; }
  .highlight .language-powershell::before {
    color: #009;
    content: "PM> ";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.example {
  padding: 2rem;
  margin: 2rem 0;
  border: 1px solid #e6e8e9;
  border-radius: 3px 3px 0 0;
  position: relative;
  min-height: 12rem;
  display: flex;
  align-items: center;
  overflow-x: auto; }

.example-centered {
  justify-content: center; }
  .example-centered .example-content {
    flex: 0 auto; }

.example-content {
  font-size: 0.875rem;
  line-height: 1.4285714;
  color: #232e3c;
  flex: 1;
  max-width: 100%; }
  .example-content .page-header {
    margin-bottom: 0; }

.example-bg {
  background: #f4f6fa; }

.example-code {
  margin: 2rem 0;
  border: 1px solid #e6e8e9;
  border-top: none; }
  .example-code pre {
    margin: 0;
    border: 0;
    border-radius: 0 0 3px 3px; }
  .example + .example-code {
    margin-top: -2rem; }

.example-column {
  margin: 0 auto; }
  .example-column > .card:last-of-type {
    margin-bottom: 0; }

.example-column-1 {
  max-width: 26rem; }

.example-column-2 {
  max-width: 52rem; }

.example-modal-backdrop {
  background: #232e3c;
  opacity: 0.24;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 2px 2px 0 0; }

@media not print {
  .theme-dark .example-code {
    border: 1px solid #e6e8e9;
    border-top: none; } }

@media not print and (prefers-color-scheme: dark) {
  .theme-dark-auto .example-code {
    border: 1px solid #e6e8e9;
    border-top: none; } }

.card-sponsor {
  background: #dbe7f6 no-repeat center/100% 100%;
  border-color: #548ed2;
  min-height: 316px; }

body.no-transitions * {
  transition: none !important; }

.dropdown-menu-demo {
  display: inline-block;
  width: 100%;
  position: relative;
  top: 0;
  margin-bottom: 1rem; }

.demo-icon-preview {
  position: -webkit-sticky;
  position: sticky;
  top: 0; }
  .demo-icon-preview svg,
  .demo-icon-preview i {
    width: 15rem;
    height: 15rem;
    font-size: 15rem;
    stroke-width: 1.5;
    margin: 0 auto;
    display: block; }
    @media (max-width: 575.98px) {
      .demo-icon-preview svg,
      .demo-icon-preview i {
        width: 10rem;
        height: 10rem;
        font-size: 10rem; } }

.demo-icon-preview-icon pre {
  margin: 0;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all; }

.demo-dividers > p {
  opacity: .2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.demo-icons-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 -2px -1px 0;
  list-style: none; }
  .demo-icons-list > * {
    flex: 1 0 7rem; }

.demo-icons-list-wrap {
  overflow: hidden; }

.demo-icons-list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 7rem;
  text-align: center;
  padding: .5rem;
  border-right: 1px solid #e6e8e9;
  border-bottom: 1px solid #e6e8e9;
  color: inherit;
  cursor: pointer; }
  .demo-icons-list-item .icon {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem; }
  .demo-icons-list-item:hover {
    text-decoration: none; }

.down-state{
  padding: 20px;
  font-size: 14px ;
  font-weight: 500
}

.loading{
  background-color: #3793fd;
  width: 90px;
  margin: 0 auto;
  padding: 20px 0 20px;
  text-align: center;
  border-radius: 15px;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  min-height: 2.0rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.0rem 0.7rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  font-size: 12px;
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
  width: 2.0rem;
  height: 2.0rem;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-weight: bold;
  font-size: 12px;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
  font-size: 12px;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.2rem 0.5rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

.accordion-button {
  width: auto;
  border: none;
}
.accordion-button::after {
  margin-left: 0.25rem;
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-width: 0px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.avatar {
  background-color: transparent;
}

.card-title {
  line-height: inherit;
}

.ribbon {
  top: 0.25rem;
}

.container-tight-custom {
  max-width: initial;
}

.form-control-xs {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.custom-select-flush, .form-control-flush {
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  box-shadow: none;
  padding-right: 0;
  padding-left: 5px;
  border-radius: 0;
  border-color: rgba(101, 109, 119, 0.16);
  border-bottom: 1px solid rgba(101, 109, 119, 0.16);
}

.form-control-xs:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-select-xs {
  display: block;
  width: 100%;
  padding: .175rem 2.25rem .175rem .75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-control-xs[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -ms-flex: 1;
  flex: 1;
}

.accordion-collapse {
  border: none;
}

.bootstrap-tagsinput {
  width: 100%;
  margin-bottom: 0px;
  border-top-left-radius: .3125rem;
  border-bottom-left-radius: .3125rem;
  border: .0625rem solid #e7eaf3;
  padding: .3rem .3rem;
  box-shadow: none;
  font-size: 12px;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
}

.twitter-typeahead .tt-hint
{
  display: none;
}

.tt-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  cursor: pointer;
}

.tt-suggestion {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.tt-suggestion:hover,
.tt-suggestion:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #4299e1;
}

.tt-input {
  width: 250px !important;
  font-size: 12px;
}

span.tag {
  padding: 2px 5px;
  background-color: #4299e1;
  margin-bottom: 0px;
  font-family: inherit;
  border-radius: 4px;
  word-break: keep-all;
  margin-top: 2px;
  font-size: 12px;
  justify-content: space-between;
}

span.tag > span {
  margin-top: -2px;
}

.toast-body  {
  background-color: #f4f6fa;
}

.list-group-item-action:hover .list-group-item-button {
  display: inline-block;
}


.list-group-item-action:not(:hover) .list-group-item-button {
  display: none;
}

*::-webkit-scrollbar {
  width: 8px;  /* 스크롤바의 너비 */
}

*::-webkit-scrollbar-thumb {
  height: 30%; /* 스크롤바의 길이 */
  background: #217af4; /* 스크롤바의 색상 */

  border-radius: 10px;
}

*::-webkit-scrollbar-track {
  background: rgba(33, 122, 244, .1);  /*스크롤바 뒷 배경 색상*/
}

.badge-primary {
  color: #fff;
  background-color: #0061f2;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #004dbf;
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 97, 242, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6900c7;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #4e0094;
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(105, 0, 199, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #00ac69;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #00794a;
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 172, 105, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #00cfd5;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #009da2;
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 207, 213, 0.5);
}

.badge-warning {
  color: #fff;
  background-color: #f4a100;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #fff;
  background-color: #c17f00;
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(244, 161, 0, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #e81500;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #b51000;
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(232, 21, 0, 0.5);
}

.badge-light {
  color: #1f2d41;
  background-color: #eff3f9;
}
a.badge-light:hover, a.badge-light:focus {
  color: #1f2d41;
  background-color: #cad7eb;
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(239, 243, 249, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #1f2d41;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #0f151e;
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(31, 45, 65, 0.5);
}

.badge-black {
  color: #fff;
  background-color: #000;
}
a.badge-black:hover, a.badge-black:focus {
  color: #fff;
  background-color: black;
}
a.badge-black:focus, a.badge-black.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

.badge-white {
  color: #1f2d41;
  background-color: #fff;
}
a.badge-white:hover, a.badge-white:focus {
  color: #1f2d41;
  background-color: #e6e6e6;
}
a.badge-white:focus, a.badge-white.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.badge-red {
  color: #fff;
  background-color: #e81500;
}
a.badge-red:hover, a.badge-red:focus {
  color: #fff;
  background-color: #b51000;
}
a.badge-red:focus, a.badge-red.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(232, 21, 0, 0.5);
}

.badge-orange {
  color: #fff;
  background-color: #f76400;
}
a.badge-orange:hover, a.badge-orange:focus {
  color: #fff;
  background-color: #c44f00;
}
a.badge-orange:focus, a.badge-orange.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(247, 100, 0, 0.5);
}

.badge-yellow {
  color: #fff;
  background-color: #f4a100;
}
a.badge-yellow:hover, a.badge-yellow:focus {
  color: #fff;
  background-color: #c17f00;
}
a.badge-yellow:focus, a.badge-yellow.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(244, 161, 0, 0.5);
}

.badge-green {
  color: #fff;
  background-color: #00ac69;
}
a.badge-green:hover, a.badge-green:focus {
  color: #fff;
  background-color: #00794a;
}
a.badge-green:focus, a.badge-green.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 172, 105, 0.5);
}

.badge-teal {
  color: #fff;
  background-color: #00ba94;
}
a.badge-teal:hover, a.badge-teal:focus {
  color: #fff;
  background-color: #00876b;
}
a.badge-teal:focus, a.badge-teal.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 186, 148, 0.5);
}

.badge-cyan {
  color: #fff;
  background-color: #00cfd5;
}
a.badge-cyan:hover, a.badge-cyan:focus {
  color: #fff;
  background-color: #009da2;
}
a.badge-cyan:focus, a.badge-cyan.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 207, 213, 0.5);
}

.badge-blue {
  color: #fff;
  background-color: #0061f2;
}
a.badge-blue:hover, a.badge-blue:focus {
  color: #fff;
  background-color: #004dbf;
}
a.badge-blue:focus, a.badge-blue.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 97, 242, 0.5);
}

.badge-indigo {
  color: #fff;
  background-color: #5800e8;
}
a.badge-indigo:hover, a.badge-indigo:focus {
  color: #fff;
  background-color: #4500b5;
}
a.badge-indigo:focus, a.badge-indigo.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(88, 0, 232, 0.5);
}

.badge-purple {
  color: #fff;
  background-color: #6900c7;
}
a.badge-purple:hover, a.badge-purple:focus {
  color: #fff;
  background-color: #4e0094;
}
a.badge-purple:focus, a.badge-purple.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(105, 0, 199, 0.5);
}

.badge-pink {
  color: #fff;
  background-color: #e30059;
}
a.badge-pink:hover, a.badge-pink:focus {
  color: #fff;
  background-color: #b00045;
}
a.badge-pink:focus, a.badge-pink.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(227, 0, 89, 0.5);
}

.badge-red-soft {
  color: #1f2d41;
  background-color: #eec7c7;
}
a.badge-red-soft:hover, a.badge-red-soft:focus {
  color: #1f2d41;
  background-color: #e2a0a0;
}
a.badge-red-soft:focus, a.badge-red-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(238, 199, 199, 0.5);
}

.badge-orange-soft {
  color: #1f2d41;
  background-color: #f1d6c7;
}
a.badge-orange-soft:hover, a.badge-orange-soft:focus {
  color: #1f2d41;
  background-color: #e7b89e;
}
a.badge-orange-soft:focus, a.badge-orange-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(241, 214, 199, 0.5);
}

.badge-yellow-soft {
  color: #1f2d41;
  background-color: #f0e3c7;
}
a.badge-yellow-soft:hover, a.badge-yellow-soft:focus {
  color: #1f2d41;
  background-color: #e5cf9f;
}
a.badge-yellow-soft:focus, a.badge-yellow-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(240, 227, 199, 0.5);
}

.badge-green-soft {
  color: #1f2d41;
  background-color: #bfe5dc;
}
a.badge-green-soft:hover, a.badge-green-soft:focus {
  color: #1f2d41;
  background-color: #9bd6c8;
}
a.badge-green-soft:focus, a.badge-green-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(191, 229, 220, 0.5);
}

.badge-teal-soft {
  color: #1f2d41;
  background-color: #bfe8e5;
}
a.badge-teal-soft:hover, a.badge-teal-soft:focus {
  color: #1f2d41;
  background-color: #99dbd6;
}
a.badge-teal-soft:focus, a.badge-teal-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(191, 232, 229, 0.5);
}

.badge-cyan-soft {
  color: #1f2d41;
  background-color: #bfecf2;
}
a.badge-cyan-soft:hover, a.badge-cyan-soft:focus {
  color: #1f2d41;
  background-color: #95dfe9;
}
a.badge-cyan-soft:focus, a.badge-cyan-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(191, 236, 242, 0.5);
}

.badge-blue-soft {
  color: #1f2d41;
  background-color: #bfd6f8;
}
a.badge-blue-soft:hover, a.badge-blue-soft:focus {
  color: #1f2d41;
  background-color: #91b9f3;
}
a.badge-blue-soft:focus, a.badge-blue-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(191, 214, 248, 0.5);
}

.badge-indigo-soft {
  color: #1f2d41;
  background-color: #d1c2f6;
}
a.badge-indigo-soft:hover, a.badge-indigo-soft:focus {
  color: #1f2d41;
  background-color: #af96ef;
}
a.badge-indigo-soft:focus, a.badge-indigo-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(209, 194, 246, 0.5);
}

.badge-purple-soft {
  color: #1f2d41;
  background-color: #d4c2ef;
}
a.badge-purple-soft:hover, a.badge-purple-soft:focus {
  color: #1f2d41;
  background-color: #b89ae4;
}
a.badge-purple-soft:focus, a.badge-purple-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(212, 194, 239, 0.5);
}

.badge-pink-soft {
  color: #1f2d41;
  background-color: #edc2d9;
}
a.badge-pink-soft:hover, a.badge-pink-soft:focus {
  color: #1f2d41;
  background-color: #e19bc0;
}
a.badge-pink-soft:focus, a.badge-pink-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(237, 194, 217, 0.5);
}

.badge-primary-soft {
  color: #1f2d41;
  background-color: #bfd6f8;
}
a.badge-primary-soft:hover, a.badge-primary-soft:focus {
  color: #1f2d41;
  background-color: #91b9f3;
}
a.badge-primary-soft:focus, a.badge-primary-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(191, 214, 248, 0.5);
}

.badge-secondary-soft {
  color: #1f2d41;
  background-color: #d4c2ef;
}
a.badge-secondary-soft:hover, a.badge-secondary-soft:focus {
  color: #1f2d41;
  background-color: #b89ae4;
}
a.badge-secondary-soft:focus, a.badge-secondary-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(212, 194, 239, 0.5);
}

.badge-success-soft {
  color: #1f2d41;
  background-color: #bfe5dc;
}
a.badge-success-soft:hover, a.badge-success-soft:focus {
  color: #1f2d41;
  background-color: #9bd6c8;
}
a.badge-success-soft:focus, a.badge-success-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(191, 229, 220, 0.5);
}

.badge-info-soft {
  color: #1f2d41;
  background-color: #bfecf2;
}
a.badge-info-soft:hover, a.badge-info-soft:focus {
  color: #1f2d41;
  background-color: #95dfe9;
}
a.badge-info-soft:focus, a.badge-info-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(191, 236, 242, 0.5);
}

.badge-warning-soft {
  color: #1f2d41;
  background-color: #f0e3c7;
}
a.badge-warning-soft:hover, a.badge-warning-soft:focus {
  color: #1f2d41;
  background-color: #e5cf9f;
}
a.badge-warning-soft:focus, a.badge-warning-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(240, 227, 199, 0.5);
}

.badge-danger-soft {
  color: #1f2d41;
  background-color: #eec7c7;
}
a.badge-danger-soft:hover, a.badge-danger-soft:focus {
  color: #1f2d41;
  background-color: #e2a0a0;
}
a.badge-danger-soft:focus, a.badge-danger-soft.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(238, 199, 199, 0.5);
}

.hr-dot {
  margin: 0.5rem 0rem;
  border-top: 1px dashed rgba(101, 109, 119, 0.16);
  height: 1px;
}

.form-control-xxs {
  display: block;
  width: 100%;
  padding: 0.075rem 0.375rem;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: right;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-xxs:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control-xxs[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}