/*!
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --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, 0, 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: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

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

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

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 {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

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

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

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 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;
}

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;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

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

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

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

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

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

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

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

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

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

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

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

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

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

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

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

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

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

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

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

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

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

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

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

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

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  /* box-shadow: 0 0 0 0.2rem rgba(43, 80, 52, 0.25); */
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

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

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #222;
  text-align: center;
  vertical-align: middle;
  -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: 1rem;
  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;
}

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

.btn:hover {
  /* color: #212529; */
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  /* box-shadow: 0 0 0 0.2rem rgba(43, 80, 52, 0.25); */
}

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

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

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

.btn-primary {
  color: #fff;
  background-color: #229B61;
  border-color: #229B61;
}

/* .btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
} */

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #43D277;
  border-color: #43D277;
}

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

.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(43, 80, 52, 0.5); */
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.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(130, 138, 145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.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(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

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

.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(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.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(222, 170, 12, 0.5);
}

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

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

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

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

.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(225, 83, 97, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.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(216, 217, 219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.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(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

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

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  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: #007bff;
  border-color: #007bff;
}

.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(0, 123, 255, 0.5);
}

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

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  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: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.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(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  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: #28a745;
  border-color: #28a745;
}

.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(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  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: #17a2b8;
  border-color: #17a2b8;
}

.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(23, 162, 184, 0.5);
}

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

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  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: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.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(255, 193, 7, 0.5);
}

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

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

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

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  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: #dc3545;
  border-color: #dc3545;
}

.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(220, 53, 69, 0.5);
}

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

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  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: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.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(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  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: #343a40;
  border-color: #343a40;
}

.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(52, 58, 64, 0.5);
}

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

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

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

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

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

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

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

.fade {
  transition: opacity 0.15s linear;
}

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

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

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

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

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

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

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

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

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

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

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.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 {
  z-index: 1;
}

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

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

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

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

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

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 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;
}

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: -ms-flexbox;
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

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

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  /* z-index: 1; */
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

.custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #43D277;
}

.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #e5e5e5 solid 1px;
}

.custom-control-label::after {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 8 8'%3e%3cpath fill='%23528a3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); */
  font-family: xeicon;
  content: '\e6e0';
  color: #43D277;
  left: -23px;
  font-weight: bold;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23528a3d' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='%23528a3d'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: transform 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;
  transition: transform 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, -webkit-transform 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  /* box-shadow: 0 0 0 0.2rem rgba(43, 80, 52, 0.25); */
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  /* box-shadow: 0 0 0 0.2rem rgba(43, 80, 52, 0.25); */
}

.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-range:focus {
  outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}

.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 20px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
  cursor: default;
}

.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: 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) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

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

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

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

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

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
  .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 20px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item {
  display: -ms-flexbox;
  display: flex;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

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

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

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  /* box-shadow: 0 0 0 0.2rem rgba(43, 80, 52, 0.25); */
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.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: #007bff;
}

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

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

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

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

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

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

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

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

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

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

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

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

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

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

.alert-dismissible {
  padding-right: 4rem;
}

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

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

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

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

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

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

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

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

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

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

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

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

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

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

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

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

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

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

.alert-dark .alert-link {
  color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}

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

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

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}

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

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

.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  -ms-flex-direction: row;
  flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  -ms-flex-preferred-size: 350px;
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast.showing {
  opacity: 1;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast.hide {
  display: none;
}

.toast-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}

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

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

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

.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

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

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.75rem;
  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;
}

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

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  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-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  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-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc(-0.5rem - 1px);
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

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

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

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

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow .75s linear infinite;
  animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

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

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

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

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

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

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

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  -ms-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

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

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

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

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

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

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

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

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

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

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

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table thead tr:first-child th { padding-bottom: 10px; }

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #7c7c7c;
}

.daterangepicker td.in-range {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #222;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #229B61;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #7c7c7c;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

.daterangepicker .cancelBtn {
  color: #e5e5e5;
  border: solid 1px #e5e5e5;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

@charset "utf-8";
/* reset */
* { padding:0; margin:0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, enbed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-style:inherit; font-weight:inherit; }
b { font-weight: 700; }

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

html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none}
body {line-height:1;}

a {text-decoration:none; color:inherit}
/*a:link {}
a:visited {}
a:hover, a:active { }*/

img {max-width:100%; border:0}

ul, ol, li {list-style:none}
ul:after{content:""; display:block; clear:both}

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

caption, legend { position: absolute; top: -9999px; left: -9999px; font-size: 0px; line-height: 0 }

input, select, textarea, button { vertical-align:middle; font-family:inherit; font-size:inherit; }
textarea { resize: none; outline: none; }
select, input { outline:none; cursor:auto }
select, label { cursor: pointer; }
button { outline:none; cursor:pointer; background-color: transparent; border:none; }
button:focus { outline: none !important; }
input[type="text"], input[type="password"], input[type="tel"] {padding-left:3px; box-sizing:border-box}
input::-webkit-input-placeholder { color: #e5e5e5; }
input::-ms-input-placeholder { color: #e5e5e5; }
input::placeholder { color: #e5e5e5; }
textarea::-webkit-input-placeholder { color: #e5e5e5; }
textarea::-ms-input-placeholder { color: #e5e5e5; }
textarea::placeholder { color: #e5e5e5; }


.clear:after {content:""; display:block; clear:both}
.hidden {overflow:hidden; position:absolute; width:1px; height:1px; margin:0; padding:0; border:none; clip:rect(1px, 1px, 1px, 1px)}
.blind {display:none;overflow:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999em;visibility:hidden;outline:none;z-index:-1}

/*드래그
::selection{background:; color:#fff;}
::-moz-selection{background:; color:#fff;} */

/* 마진 -------------------------------------------------------------------*/
.top5{margin-top:5px;}.top10{margin-top:10px;}.top15{margin-top:15px;}.top20{margin-top:20px;}.top25{margin-top:25px;}.top30{margin-top:30px;}.top35{margin-top:35px;}.top40{margin-top:40px;}.top50{margin-top:50px;}.top60{margin-top:60px;}.top70{margin-top:70px;}.top80{margin-top:80px;}.top90{margin-top:90px;}.bottom5{margin-bottom:5px;}.bottom10{margin-bottom:10px;}.bottom15{margin-bottom:15px;}.bottom20{margin-bottom:20px;}.bottom25{margin-bottom:25px;}.bottom30{margin-bottom:30px;}.bottom35{margin-bottom:35px;}.bottom40{margin-bottom:40px;}.bottom50{margin-bottom:50px;}.bottom60{margin-bottom:60px;}.bottom70{margin-bottom:70px;}.bottom80{margin-bottom:80px;}.bottom90{margin-bottom:90px;}.left5{margin-left:5px;}.left10{margin-left:10px;}.left15{margin-left:15px;}.left20{margin-left:20px;}.left25{margin-left:25px;}.left30{margin-left:30px;}.left35{margin-left:35px;}.left40{margin-left:40px;}.left50{margin-left:50px;}.left60{margin-left:60px;}.left70{margin-left:70px;}.left80{margin-left:80px;}.left90{margin-left:90px;}.right5{margin-right:5px;}.right10{margin-right:10px;}.right15{margin-right:15px;}.right20{margin-right:20px;}.right25{margin-right:25px;}.right30{margin-right:30px;}.right40{margin-right:40px;}.right50{margin-right:50px;}.right60{margin-right:60px;}.right70{margin-right:70px;}.right80{margin-right:80px;}.right90{margin-right:90px;}

@font-face{font-family:xeicon;src:url(/assets/xeicon-a4feaacf565ef84636293ba718fb7e7a.eot);src:url(/assets/xeicon-a4feaacf565ef84636293ba718fb7e7a.eot?#iefix&v=1.0.4)format('embedded-opentype'),url(/assets/xeicon-a85c42c166e4ef41be6742b516ee50a2.woff2)format('woff2'),url(/assets/xeicon-dae89210f63dca7533ec0dfdc573606d.woff)format('woff'),url(/assets/xeicon-6cec20e292596be3d14059915fbcd4c8.ttf)format('truetype'),url(/assets/xeicon-36211ad14c294bf09c2fab9bdedb62a3.svg#xeicon)format('svg');font-weight:400;font-style:normal}i{display:inline-block;font-family:xeicon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.xi-home:before{content:"\e606"}.xi-bars:before{content:"\e607"}.xi-plus:before{content:"\e603"}.xi-plus-circle:before{content:"\e611"}.xi-plus-square:before{content:"\e612"}.xi-minus:before{content:"\e613"}.xi-minus-circle:before{content:"\e614"}.xi-minus-square:before{content:"\e615"}.xi-close:before{content:"\e616"}.xi-close-circle:before{content:"\e617"}.xi-close-square:before{content:"\e618"}.xi-angle-left:before{content:"\e60b"}.xi-left-circle:before{content:"\e61a"}.xi-left-square:before{content:"\e61b"}.xi-angle-right:before{content:"\e60d"}.xi-right-circle:before{content:"\e61d"}.xi-right-square:before{content:"\e61e"}.xi-angle-up:before{content:"\e60e"}.xi-up-circle:before{content:"\e620"}.xi-up-square:before{content:"\e621"}.xi-angle-down:before{content:"\e619"}.xi-down-circle:before{content:"\e623"}.xi-down-square:before{content:"\e624"}.xi-arrow-left:before{content:"\e625"}.xi-arrow-right:before{content:"\e626"}.xi-arrow-up:before{content:"\e627"}.xi-arrow-down:before{content:"\e628"}.xi-angle-double-left:before{content:"\e629"}.xi-angle-double-right:before{content:"\e62a"}.xi-angle-double-up:before{content:"\e62b"}.xi-angle-double-down:before{content:"\e62c"}.xi-caret-left:before{content:"\e62d"}.xi-caret-left-circle:before{content:"\e62e"}.xi-caret-left-square:before{content:"\e62f"}.xi-caret-right:before{content:"\e630"}.xi-caret-right-circle:before{content:"\e631"}.xi-caret-right-square:before{content:"\e632"}.xi-caret-up:before{content:"\e633"}.xi-caret-up-circle:before{content:"\e634"}.xi-caret-up-square:before{content:"\e635"}.xi-caret-down:before{content:"\e636"}.xi-caret-down-circle:before{content:"\e637"}.xi-caret-down-square:before{content:"\e638"}.xi-arrows:before{content:"\e639"}.xi-arrows-alt:before{content:"\e63a"}.xi-expand-square:before{content:"\e61c"}.xi-compress-square:before{content:"\e63c"}.xi-arrows-h:before{content:"\e63e"}.xi-arrows-v:before{content:"\e63f"}.xi-expand:before{content:"\e640"}.xi-compress:before{content:"\e641"}.xi-refresh:before{content:"\e642"}.xi-power-off:before{content:"\e643"}.xi-alt:before{content:"\e644"}.xi-command:before{content:"\e645"}.xi-esc:before{content:"\e646"}.xi-eye:before{content:"\e64a"}.xi-eye-slash:before{content:"\e61f"}.xi-toggle:before{content:"\e647"}.xi-toggle-off:before{content:"\e648"}.xi-toggle-on:before{content:"\e649"}.xi-ellipsis-h:before{content:"\e64b"}.xi-ellipsis-v:before{content:"\e64c"}.xi-link:before{content:"\e600"}.xi-link-l:before{content:"\e601"}.xi-unlink:before{content:"\e602"}.xi-download-circle:before{content:"\e64d"}.xi-upload-circle:before{content:"\e650"}.xi-download:before{content:"\e651"}.xi-upload:before{content:"\e652"}.xi-download-disk:before{content:"\e653"}.xi-upload-disk:before{content:"\e654"}.xi-archive:before{content:"\e655"}.xi-download-my:before{content:"\e656"}.xi-download-bottom:before{content:"\e657"}.xi-download-caret:before{content:"\e658"}.xi-cloud:before{content:"\e659"}.xi-cloud-upload:before{content:"\e65a"}.xi-cloud-download:before{content:"\e65b"}.xi-upload-square:before{content:"\e65d"}.xi-download-square:before{content:"\e622"}.xi-share2:before{content:"\e64e"}.xi-share-l:before{content:"\e64f"}.xi-share-alt:before{content:"\e65f"}.xi-share-arrow-alt:before{content:"\e661"}.xi-cloud-minus:before{content:"\e663"}.xi-external-share:before{content:"\e664"}.xi-external-link:before{content:"\e665"}.xi-rss-square:before{content:"\e666"}.xi-code-fork:before{content:"\e667"}.xi-sitemap:before{content:"\e65c"}.xi-wifi-router:before{content:"\e668"}.xi-wifi:before{content:"\e669"}.xi-signal:before{content:"\e66a"}.xi-antenna:before{content:"\e660"}.xi-marquee-add:before{content:"\e66e"}.xi-marquee-remove:before{content:"\e66f"}.xi-exchange:before{content:"\e670"}.xi-repeat:before{content:"\e671"}.xi-pen:before{content:"\e673"}.xi-eraser:before{content:"\e674"}.xi-magnifier:before{content:"\e63b"}.xi-magnifier-expand:before{content:"\e63d"}.xi-magnifier-reduce:before{content:"\e65e"}.xi-trash:before{content:"\e662"}.xi-scissors:before{content:"\e675"}.xi-pin:before{content:"\e678"}.xi-clip:before{content:"\e679"}.xi-key:before{content:"\e683"}.xi-slip-tongs:before{content:"\e684"}.xi-lock:before{content:"\e66b"}.xi-unlock:before{content:"\e66c"}.xi-target:before{content:"\e68f"}.xi-paper:before{content:"\e604"}.xi-stack-paper:before{content:"\e605"}.xi-pen-point:before{content:"\e67a"}.xi-pencil-point:before{content:"\e67b"}.xi-brush-point:before{content:"\e67c"}.xi-magnet:before{content:"\e67d"}.xi-cube:before{content:"\e67e"}.xi-type:before{content:"\e66d"}.xi-paint-brush:before{content:"\e672"}.xi-paint-bucket:before{content:"\e676"}.xi-crop:before{content:"\e677"}.xi-marquee:before{content:"\e685"}.xi-color:before{content:"\e687"}.xi-rgb:before{content:"\e67f"}.xi-ruler:before{content:"\e68c"}.xi-ruler-triangle:before{content:"\e680"}.xi-magic:before{content:"\e68d"}.xi-eyedropper:before{content:"\e681"}.xi-canvas:before{content:"\e682"}.xi-cog:before{content:"\e686"}.xi-wrench:before{content:"\e68b"}.xi-align-justify:before{content:"\e690"}.xi-align-left:before{content:"\e691"}.xi-align-center:before{content:"\e692"}.xi-align-right:before{content:"\e693"}.xi-layout-full:before{content:"\e694"}.xi-layout-side-left:before{content:"\e695"}.xi-layout-side-right:before{content:"\e696"}.xi-layout-left-mid:before{content:"\e6a1"}.xi-layout-center:before{content:"\e6a7"}.xi-layout-side-three:before{content:"\e6ac"}.xi-layout-grid:before{content:"\e697"}.xi-layout-top:before{content:"\e698"}.xi-layout-top-left:before{content:"\e699"}.xi-layout-top-grid:before{content:"\e69a"}.xi-layout-top-three:before{content:"\e6ad"}.xi-layout-top-center:before{content:"\e69b"}.xi-layout-top-left-mid:before{content:"\e69c"}.xi-layout-top-right:before{content:"\e69d"}.xi-bold:before{content:"\e69e"}.xi-underline:before{content:"\e69f"}.xi-italic:before{content:"\e6a0"}.xi-caps:before{content:"\e6ae"}.xi-strikethrough:before{content:"\e6a2"}.xi-paragraph:before{content:"\e6a3"}.xi-list-ul:before{content:"\e6a4"}.xi-list-ul-square:before{content:"\e6a5"}.xi-list-ol:before{content:"\e6a6"}.xi-list-ul-l:before{content:"\e6af"}.xi-indent:before{content:"\e6a8"}.xi-indent-arrow:before{content:"\e6a9"}.xi-dedent:before{content:"\e6aa"}.xi-dedent-arrow:before{content:"\e6ab"}.xi-contents-right:before{content:"\e6b0"}.xi-contents-left:before{content:"\e6b1"}.xi-contents-grid:before{content:"\e6b2"}.xi-lineheight-plus:before{content:"\e6b4"}.xi-lineheight-minus:before{content:"\e6b5"}.xi-lineheight:before{content:"\e688"}.xi-code:before{content:"\e689"}.xi-rotate-right:before{content:"\e6b8"}.xi-rotate-left:before{content:"\e6b9"}.xi-user:before{content:"\e68a"}.xi-user-plus:before{content:"\e68e"}.xi-user-minus:before{content:"\e6b3"}.xi-user-check:before{content:"\e6b6"}.xi-user-circle:before{content:"\e6b7"}.xi-user-info:before{content:"\e6ba"}.xi-user-add:before{content:"\e6bb"}.xi-users:before{content:"\e6c0"}.xi-user-folder:before{content:"\e6c4"}.xi-user-address:before{content:"\e6c5"}.xi-user-lock:before{content:"\e6c6"}.xi-female:before{content:"\e6c7"}.xi-male:before{content:"\e6c8"}.xi-gender:before{content:"\e6c9"}.xi-woman:before{content:"\e6bc"}.xi-man:before{content:"\e6bd"}.xi-toilet:before{content:"\e6be"}.xi-love:before{content:"\e6bf"}.xi-handshake:before{content:"\e6c1"}.xi-meeting:before{content:"\e6c2"}.xi-community:before{content:"\e6c3"}.xi-family:before{content:"\e6ca"}.xi-lecture:before{content:"\e6cb"}.xi-maternity:before{content:"\e6cd"}.xi-baby:before{content:"\e6cf"}.xi-wheelchair:before{content:"\e6d0"}.xi-collaboration:before{content:"\e6d3"}.xi-envelope:before{content:"\e6cc"}.xi-letter:before{content:"\e6ce"}.xi-postcard:before{content:"\e6d4"}.xi-envelope-open:before{content:"\e6d1"}.xi-at:before{content:"\e6d2"}.xi-postbox:before{content:"\e6d6"}.xi-reply:before{content:"\e6d7"}.xi-reply-all:before{content:"\e6d8"}.xi-reply-l:before{content:"\e6d9"}.xi-reply-all-l:before{content:"\e6da"}.xi-paper-plane:before{content:"\e6d5"}.xi-refresh-l:before{content:"\e6db"}.xi-undo:before{content:"\e6dc"}.xi-chat:before{content:"\e6dd"}.xi-message:before{content:"\e6de"}.xi-message-list:before{content:"\e6df"}.xi-comment:before{content:"\e6eb"}.xi-comments:before{content:"\e6ec"}.xi-note:before{content:"\e6ed"}.xi-smiley-face:before{content:"\e6ee"}.xi-neutral-face:before{content:"\e6ef"}.xi-sad-face:before{content:"\e6f0"}.xi-happy-face:before{content:"\e6f1"}.xi-lol-face:before{content:"\e6f2"}.xi-dead-face:before{content:"\e6f3"}.xi-angry-face:before{content:"\e6f4"}.xi-confused-face:before{content:"\e6f7"}.xi-wink-face:before{content:"\e6f9"}.xi-lips-sealed-face:before{content:"\e6fa"}.xi-thumbs-up:before{content:"\e6fc"}.xi-thumbs-down:before{content:"\e6fd"}.xi-star:before{content:"\e6fe"}.xi-heart:before{content:"\e6ff"}.xi-badge:before{content:"\e700"}.xi-medal:before{content:"\e701"}.xi-trophy:before{content:"\e753"}.xi-present:before{content:"\e755"}.xi-tag:before{content:"\e70a"}.xi-tags:before{content:"\e70b"}.xi-flag-triangle:before{content:"\e70c"}.xi-bookmark:before{content:"\e70d"}.xi-book-spread:before{content:"\e70e"}.xi-book:before{content:"\e70f"}.xi-tagged-book:before{content:"\e710"}.xi-crown:before{content:"\e711"}.xi-check:before{content:"\e6e0"}.xi-check-box:before{content:"\e6e1"}.xi-check-boxout:before{content:"\e6e2"}.xi-check-circle:before{content:"\e6e3"}.xi-check-circleout:before{content:"\e6e4"}.xi-check-shield:before{content:"\e6e5"}.xi-check-shieldout:before{content:"\e6e6"}.xi-check-comment:before{content:"\e6e8"}.xi-check-commentout:before{content:"\e6e7"}.xi-check-home-o:before{content:"\e712"}.xi-check-home:before{content:"\e6e9"}.xi-check-homeout:before{content:"\e6ea"}.xi-form:before{content:"\e713"}.xi-form-check:before{content:"\e714"}.xi-form-checkout:before{content:"\e715"}.xi-notice:before{content:"\e608"}.xi-announce:before{content:"\e609"}.xi-slash-circle:before{content:"\e60a"}.xi-ban-circle:before{content:"\e716"}.xi-ban-square:before{content:"\e717"}.xi-unknown-square:before{content:"\e718"}.xi-unknown-circle:before{content:"\e719"}.xi-rollback:before{content:"\e6f5"}.xi-rollback-circle:before{content:"\e6f6"}.xi-info-circle:before{content:"\e71a"}.xi-info-suqare:before{content:"\e71b"}.xi-info-triangle:before{content:"\e6f8"}.xi-new:before{content:"\e71e"}.xi-update:before{content:"\e725"}.xi-information-square:before{content:"\e726"}.xi-information-circle:before{content:"\e727"}.xi-help:before{content:"\e6fb"}.xi-skull:before{content:"\e728"}.xi-image:before{content:"\e729"}.xi-images:before{content:"\e72b"}.xi-camera:before{content:"\e72c"}.xi-camera-round:before{content:"\e702"}.xi-camera-retro:before{content:"\e703"}.xi-cameracorder:before{content:"\e704"}.xi-shutter:before{content:"\e72d"}.xi-shuffle:before{content:"\e60c"}.xi-step-backward:before{content:"\e705"}.xi-step-forward:before{content:"\e706"}.xi-pause:before{content:"\e72e"}.xi-fast-backward:before{content:"\e707"}.xi-fast-forward:before{content:"\e708"}.xi-eject:before{content:"\e72f"}.xi-stop:before{content:"\e709"}.xi-record:before{content:"\e71c"}.xi-play:before{content:"\e71d"}.xi-forward:before{content:"\e71f"}.xi-backward:before{content:"\e720"}.xi-pause-o:before{content:"\e721"}.xi-step-forward-o:before{content:"\e722"}.xi-step-backward-o:before{content:"\e723"}.xi-eject-o:before{content:"\e724"}.xi-video-camera:before{content:"\e72a"}.xi-movie:before{content:"\e730"}.xi-cine-camera:before{content:"\e731"}.xi-video-call:before{content:"\e732"}.xi-film:before{content:"\e733"}.xi-volume-circle:before{content:"\e738"}.xi-volume-off-circle:before{content:"\e734"}.xi-volume:before{content:"\e735"}.xi-volume-min:before{content:"\e73c"}.xi-volume-mid:before{content:"\e73b"}.xi-volume-max:before{content:"\e73a"}.xi-volume-plus:before{content:"\e73d"}.xi-volume-minus:before{content:"\e73e"}.xi-volume-slash:before{content:"\e73f"}.xi-volume-off:before{content:"\e740"}.xi-headset:before{content:"\e736"}.xi-microphone:before{content:"\e737"}.xi-microphone-slash:before{content:"\e739"}.xi-stand-mic:before{content:"\e741"}.xi-dynamic-mic:before{content:"\e742"}.xi-volume-bar:before{content:"\e743"}.xi-music:before{content:"\e744"}.xi-music-scale:before{content:"\e74f"}.xi-speaker:before{content:"\e745"}.xi-record-play:before{content:"\e746"}.xi-music-keyboard:before{content:"\e748"}.xi-adult:before{content:"\e749"}.xi-marker:before{content:"\e60f"}.xi-marker-circle:before{content:"\e763"}.xi-marker-plus:before{content:"\e764"}.xi-marker-minus:before{content:"\e765"}.xi-marker-multiply:before{content:"\e766"}.xi-pin-circle:before{content:"\e767"}.xi-pin-plus:before{content:"\e768"}.xi-pin-minus:before{content:"\e769"}.xi-pin-multiply:before{content:"\e76a"}.xi-map-marker:before{content:"\e74a"}.xi-map-folding:before{content:"\e770"}.xi-location-arrow:before{content:"\e771"}.xi-compass:before{content:"\e74b"}.xi-gps:before{content:"\e774"}.xi-flag-wind:before{content:"\e74e"}.xi-flag:before{content:"\e750"}.xi-flag-line:before{content:"\e751"}.xi-car:before{content:"\e752"}.xi-bus:before{content:"\e754"}.xi-taxi:before{content:"\e756"}.xi-subway:before{content:"\e757"}.xi-ship:before{content:"\e758"}.xi-scooter:before{content:"\e759"}.xi-bike:before{content:"\e75a"}.xi-ambulance:before{content:"\e75b"}.xi-truck:before{content:"\e75c"}.xi-flight:before{content:"\e75d"}.xi-automobile:before{content:"\e75e"}.xi-walking:before{content:"\e75f"}.xi-bicycle:before{content:"\e760"}.xi-motorbike:before{content:"\e761"}.xi-cruise:before{content:"\e762"}.xi-bus-side:before{content:"\e76b"}.xi-train:before{content:"\e76c"}.xi-helicopter:before{content:"\e76d"}.xi-shipping:before{content:"\e76e"}.xi-gas-station:before{content:"\e76f"}.xi-coffee:before{content:"\e772"}.xi-restaurants:before{content:"\e773"}.xi-florist:before{content:"\e775"}.xi-market:before{content:"\e776"}.xi-hlz:before{content:"\e777"}.xi-park:before{content:"\e778"}.xi-cake:before{content:"\e779"}.xi-cash-machine:before{content:"\e77a"}.xi-gamepad:before{content:"\e77b"}.xi-hospital:before{content:"\e77c"}.xi-bank-o:before{content:"\e77e"}.xi-monitor:before{content:"\e77f"}.xi-laptop:before{content:"\e780"}.xi-pc:before{content:"\e781"}.xi-mobile:before{content:"\e782"}.xi-tablet:before{content:"\e783"}.xi-tv:before{content:"\e784"}.xi-mouse:before{content:"\e77d"}.xi-print:before{content:"\e785"}.xi-fax:before{content:"\e787"}.xi-battery-min:before{content:"\e788"}.xi-battery-mid:before{content:"\e78b"}.xi-battery-full:before{content:"\e78c"}.xi-keyboard:before{content:"\e78e"}.xi-telephone:before{content:"\e610"}.xi-phone:before{content:"\e78f"}.xi-ringing:before{content:"\e791"}.xi-missed:before{content:"\e793"}.xi-reception:before{content:"\e794"}.xi-outgoing:before{content:"\e795"}.xi-call-log:before{content:"\e796"}.xi-plug:before{content:"\e78d"}.xi-presentation:before{content:"\e797"}.xi-projector:before{content:"\e79b"}.xi-radio:before{content:"\e79c"}.xi-diskette:before{content:"\e786"}.xi-usb:before{content:"\e79d"}.xi-memorycard:before{content:"\e79e"}.xi-webcam:before{content:"\e79f"}.xi-cd-r:before{content:"\e789"}.xi-hdd:before{content:"\e78a"}.xi-line-sharer:before{content:"\e7a0"}.xi-tablet-pen:before{content:"\e7a1"}.xi-time:before{content:"\e790"}.xi-alarm-clock:before{content:"\e792"}.xi-timer:before{content:"\e7a2"}.xi-time-forward:before{content:"\e7a3"}.xi-time-back:before{content:"\e7a4"}.xi-bell:before{content:"\e798"}.xi-bell-ring:before{content:"\e799"}.xi-bell-slash:before{content:"\e79a"}.xi-sandwatch-min:before{content:"\e7a5"}.xi-sandwatch-mid:before{content:"\e7a6"}.xi-sandwatch-full:before{content:"\e7a7"}.xi-watch:before{content:"\e7a8"}.xi-calendar:before{content:"\e7a9"}.xi-calendar-o:before{content:"\e7aa"}.xi-calendar-month:before{content:"\e7ab"}.xi-calendar-week:before{content:"\e7ac"}.xi-calendar-add:before{content:"\e7ad"}.xi-calendar-remove:before{content:"\e7ae"}.xi-calendar-cancel:before{content:"\e7af"}.xi-calendar-check:before{content:"\e7b0"}.xi-file:before{content:"\e7b1"}.xi-file-add:before{content:"\e7b2"}.xi-file-remove:before{content:"\e7b3"}.xi-file-text:before{content:"\e7b4"}.xi-documents:before{content:"\e7b5"}.xi-file-image:before{content:"\e7b6"}.xi-file-movie:before{content:"\e7b7"}.xi-file-music:before{content:"\e7b8"}.xi-file-code:before{content:"\e7b9"}.xi-file-zip:before{content:"\e7ba"}.xi-file-excel:before{content:"\e7bb"}.xi-file-word:before{content:"\e7bc"}.xi-file-powerpoint:before{content:"\e7bd"}.xi-file-check:before{content:"\e7be"}.xi-file-upload:before{content:"\e7bf"}.xi-file-download:before{content:"\e7c0"}.xi-file-bookmark:before{content:"\e7c1"}.xi-folder:before{content:"\e7c2"}.xi-folder-open:before{content:"\e7c3"}.xi-folder-check:before{content:"\e7c4"}.xi-folder-plus:before{content:"\e7c5"}.xi-folder-remove:before{content:"\e7c6"}.xi-folder-upload:before{content:"\e7c7"}.xi-folder-download:before{content:"\e7c8"}.xi-folder-zip:before{content:"\e7c9"}.xi-windows:before{content:"\e7ca"}.xi-windows-text:before{content:"\e7cb"}.xi-windows-ban:before{content:"\e7cc"}.xi-windows-add:before{content:"\e7cd"}.xi-windows-remove:before{content:"\e7ce"}.xi-windows-check:before{content:"\e7cf"}.xi-windows-refresh:before{content:"\e7d0"}.xi-windows-search:before{content:"\e7d1"}.xi-windows-lock:before{content:"\e7d2"}.xi-computer-network:before{content:"\e7d3"}.xi-home-network:before{content:"\e7d4"}.xi-cloud-network:before{content:"\e7d5"}.xi-internet-network:before{content:"\e7d6"}.xi-server:before{content:"\e7d7"}.xi-server-folder:before{content:"\e7d8"}.xi-db-min:before{content:"\e7d9"}.xi-db-mid:before{content:"\e7da"}.xi-db-full:before{content:"\e7db"}.xi-db-pull:before{content:"\e7dc"}.xi-db-push:before{content:"\e7dd"}.xi-chart-bar:before{content:"\e7de"}.xi-rise:before{content:"\e7df"}.xi-decline:before{content:"\e7e0"}.xi-chart-circle:before{content:"\e7e1"}.xi-chart-donut:before{content:"\e7e2"}.xi-chart-pyramid:before{content:"\e7e3"}.xi-chart-line:before{content:"\e7e4"}.xi-chart-star:before{content:"\e7e5"}.xi-yuan:before{content:"\e7e6"}.xi-yen:before{content:"\e7e7"}.xi-pound:before{content:"\e7e8"}.xi-euro:before{content:"\e7e9"}.xi-won:before{content:"\e7ea"}.xi-dollar:before{content:"\e7eb"}.xi-peso:before{content:"\e7ec"}.xi-rupee:before{content:"\e7ed"}.xi-rial:before{content:"\e7ee"}.xi-credit-card:before{content:"\e7ef"}.xi-wallet:before{content:"\e7f0"}.xi-money:before{content:"\e7f3"}.xi-piggy-bank:before{content:"\e7f4"}.xi-strongbox:before{content:"\e7f5"}.xi-bank:before{content:"\e7f8"}.xi-briefcase:before{content:"\e7f9"}.xi-percent:before{content:"\e7fa"}.xi-calculator:before{content:"\e7fb"}.xi-payment:before{content:"\e7fc"}.xi-scales:before{content:"\e7fd"}.xi-cart:before{content:"\e7fe"}.xi-cart-add:before{content:"\e7ff"}.xi-cart-remove:before{content:"\e800"}.xi-shopping-bag:before{content:"\e801"}.xi-basket:before{content:"\e802"}.xi-barcode:before{content:"\e803"}.xi-box:before{content:"\e804"}.xi-fragile:before{content:"\e805"}.xi-hat:before{content:"\e806"}.xi-underwear:before{content:"\e807"}.xi-shirts:before{content:"\e808"}.xi-dress:before{content:"\e809"}.xi-sofa:before{content:"\e80a"}.xi-clothes:before{content:"\e80b"}.xi-barter:before{content:"\e80c"}.xi-shop:before{content:"\e80d"}.xi-shoes:before{content:"\e80e"}.xi-glasses:before{content:"\e80f"}.xi-ring:before{content:"\e810"}.xi-lipstick:before{content:"\e811"}.xi-toilet-paper:before{content:"\e812"}.xi-backpack:before{content:"\e813"}.xi-tent:before{content:"\e814"}.xi-sticker:before{content:"\e815"}.xi-coupon:before{content:"\e816"}.xi-feeding-bottle:before{content:"\e817"}.xi-apple:before{content:"\e818"}.xi-education:before{content:"\e84a"}.xi-qr-code:before{content:"\e857"}.xi-devices:before{content:"\e865"}.xi-html5:before{content:"\e866"}.xi-css3:before{content:"\e867"}.xi-ruby:before{content:"\e868"}.xi-radiation:before{content:"\e7f1"}.xi-rocket:before{content:"\e7f2"}.xi-satellite:before{content:"\e869"}.xi-atom:before{content:"\e86a"}.xi-shield:before{content:"\e86b"}.xi-globus:before{content:"\e7f6"}.xi-saturn:before{content:"\e86c"}.xi-network:before{content:"\e86d"}.xi-idea:before{content:"\e86e"}.xi-funnel:before{content:"\e7f7"}.xi-chip:before{content:"\e86f"}.xi-microscope:before{content:"\e870"}.xi-gene:before{content:"\e871"}.xi-vitro:before{content:"\e872"}.xi-robot:before{content:"\e873"}.xi-fire:before{content:"\e874"}.xi-spinner-1:before{content:"\e875"}.xi-spinner-2:before{content:"\e876"}.xi-spinner-3:before{content:"\e877"}.xi-spinner-4:before{content:"\e878"}.xi-spinner-5:before{content:"\e879"}.xi-spinner-6:before{content:"\e87a"}.xi-sun:before{content:"\e87b"}.xi-sunset:before{content:"\e87c"}.xi-umbrella:before{content:"\e87d"}.xi-humidity:before{content:"\e87e"}.xi-snow:before{content:"\e87f"}.xi-fog:before{content:"\e880"}.xi-lightning:before{content:"\e881"}.xi-cloudiness:before{content:"\e882"}.xi-cloudy-rain:before{content:"\e883"}.xi-heavy-snow:before{content:"\e884"}.xi-rain:before{content:"\e885"}.xi-cloudy-night:before{content:"\e886"}.xi-partly-cloudy:before{content:"\e887"}.xi-cloudy:before{content:"\e888"}.xi-wind:before{content:"\e889"}.xi-windy:before{content:"\e88a"}.xi-night:before{content:"\e88b"}.xi-full-moon:before{content:"\e88c"}.xi-waxing-gibbous:before{content:"\e88d"}.xi-halfmoon:before{content:"\e88e"}.xi-crescent:before{content:"\e88f"}.xi-hot:before{content:"\e890"}.xi-warm:before{content:"\e891"}.xi-cold:before{content:"\e892"}.xi-tree:before{content:"\e893"}.xi-leaf:before{content:"\e894"}.xi-flower:before{content:"\e895"}.xi-tornado:before{content:"\e896"}.xi-snowman:before{content:"\e897"}.xi-facebook:before{content:"\e819"}.xi-google-plus:before{content:"\e81a"}.xi-twitter:before{content:"\e81b"}.xi-vk:before{content:"\e81c"}.xi-blogger:before{content:"\e81d"}.xi-hubpages:before{content:"\e81e"}.xi-medium:before{content:"\e81f"}.xi-naver:before{content:"\e820"}.xi-tumblr:before{content:"\e821"}.xi-xing:before{content:"\e822"}.xi-bloglovin:before{content:"\e823"}.xi-stumbleupon:before{content:"\e824"}.xi-delicious:before{content:"\e825"}.xi-linkedin:before{content:"\e826"}.xi-pocket:before{content:"\e827"}.xi-feedly:before{content:"\e828"}.xi-social-rssfeed:before{content:"\e829"}.xi-digg:before{content:"\e82a"}.xi-reddit:before{content:"\e82b"}.xi-social-email:before{content:"\e82c"}.xi-social-print:before{content:"\e82d"}.xi-github:before{content:"\e82e"}.xi-git:before{content:"\e82f"}.xi-hunie:before{content:"\e830"}.xi-trello:before{content:"\e831"}.xi-yobi:before{content:"\e832"}.xi-d2:before{content:"\e898"}.xi-skillshare:before{content:"\e833"}.xi-slideshare:before{content:"\e834"}.xi-stackoverflow:before{content:"\e835"}.xi-flickr:before{content:"\e836"}.xi-instagram:before{content:"\e837"}.xi-kakaostory:before{content:"\e838"}.xi-path:before{content:"\e839"}.xi-behance:before{content:"\e83a"}.xi-deviantart:before{content:"\e83b"}.xi-dribbble:before{content:"\e83c"}.xi-pinterest:before{content:"\e83d"}.xi-evernote:before{content:"\e83e"}.xi-onenote:before{content:"\e83f"}.xi-goodreads:before{content:"\e840"}.xi-kickstarter:before{content:"\e841"}.xi-senscritique:before{content:"\e842"}.xi-myplace:before{content:"\e843"}.xi-soundcloud:before{content:"\e844"}.xi-vimeo:before{content:"\e845"}.xi-youtube:before{content:"\e846"}.xi-foursquare:before{content:"\e847"}.xi-trover:before{content:"\e848"}.xi-facebook-messenger:before{content:"\e849"}.xi-kakaotalk:before{content:"\e899"}.xi-line-messenger:before{content:"\e84b"}.xi-skype:before{content:"\e84c"}.xi-telegram:before{content:"\e84d"}.xi-wechat:before{content:"\e84e"}.xi-whatsapp:before{content:"\e84f"}.xi-bitrix:before{content:"\e850"}.xi-concrete5:before{content:"\e851"}.xi-dot-cms:before{content:"\e852"}.xi-drupal:before{content:"\e853"}.xi-expressionengine:before{content:"\e854"}.xi-ghost:before{content:"\e855"}.xi-joomla:before{content:"\e856"}.xi-magento:before{content:"\e858"}.xi-opencart:before{content:"\e859"}.xi-oscommerce:before{content:"\e85a"}.xi-prestashop:before{content:"\e85b"}.xi-silverstripe:before{content:"\e85c"}.xi-typo3:before{content:"\e85d"}.xi-ubercart:before{content:"\e85e"}.xi-vbulletin:before{content:"\e85f"}.xi-wix:before{content:"\e860"}.xi-virtuemart:before{content:"\e861"}.xi-wordpress:before{content:"\e862"}.xi-xpressengine:before{content:"\e863"}.xi-xe:before{content:"\e89b"}.xi-zencart:before{content:"\e864"}.xi-copyright:before{content:"\e89c"}.xi-copyleft:before{content:"\e89d"}.xi-registered:before{content:"\e89e"}.xi-trademark:before{content:"\e89f"}.xi-cc:before{content:"\e8a0"}.xi-by:before{content:"\e8a1"}.xi-sa:before{content:"\e8a2"}.xi-nd:before{content:"\e8a3"}.xi-nc:before{content:"\e8a4"}.xi-nc-eu:before{content:"\e8a5"}.xi-nc-jp:before{content:"\e8a6"}.xi-remix:before{content:"\e8a7"}.xi-pd:before{content:"\e8a8"}.xi-sampling:before{content:"\e8a9"}.xi-share:before{content:"\e8aa"}.xi-zero:before{content:"\e8ab"}.xi-x{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.xi-2x{font-size:2em}.xi-3x{font-size:3em}.xi-4x{font-size:4em}.xi-5x{font-size:5em}.xi-spin{-webkit-animation:xi-spin 2s infinite linear;animation:xi-spin 2s infinite linear}@-webkit-keyframes xi-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes xi-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.xi-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.xi-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.xi-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.xi-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.xi-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .xi-flip-horizontal,:root .xi-flip-vertical,:root .xi-rotate-180,:root .xi-rotate-270,:root .xi-rotate-90{filter:none}.xi-fw{width:1.28571429em;text-align:center}.xi-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.xi-ul>li{position:relative}.xi-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.xi-li.xi-lg{left:-1.85714286em}.xi-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.xi.pull-left{margin-right:.3em}.xi.pull-right{margin-left:.3em}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('NotoSans-Light'), url(/assets/NotoSans-Light-516f7bce44bf65da2463d70aae8fc23f.eot);
src: url(/assets/NotoSans-Light-516f7bce44bf65da2463d70aae8fc23f.eot?#iefix) format('embedded-opentype'),
url(/assets/NotoSans-Light-d3283d226f8f74e7a8d573c221c95608.woff2) format('woff2'),
url(/assets/NotoSans-Light-1214e1a50a7c03f7940eba76688be8cd.woff) format('woff');;
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/assets/NotoSans-Regular-7c7f50cbc536eb2b68e98aecd5ad2178.eot);
src: url(/assets/NotoSans-Regular-7c7f50cbc536eb2b68e98aecd5ad2178.eot?#iefix) format('embedded-opentype'),
url(/assets/NotoSans-Regular-12c5f3f90455943689153262702765ca.woff2) format('woff2'),
url(/assets/NotoSans-Regular-d19c129f30e0373f60b62ff54339c2c6.woff) format('woff');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(/assets/NotoSans-Medium-d742f671e98e6947f0660553b4b6e3f6.eot);
src: url(/assets/NotoSans-Medium-d742f671e98e6947f0660553b4b6e3f6.eot?#iefix) format('embedded-opentype'),
url(/assets/NotoSans-Medium-43b5c29006f365a91ccd1e8e9e0d04ee.woff2) format('woff2'),
url(/assets/NotoSans-Medium-e892f21f7dd918a8fab93061d03e3d65.woff) format('woff');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: bold;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/assets/NotoSans-Bold-97724077fe848cc1c195d78fac286a44.eot);
src: url(/assets/NotoSans-Bold-97724077fe848cc1c195d78fac286a44.eot?#iefix) format('embedded-opentype'),
url(/assets/NotoSans-Bold-a2b8ed27e25e7116ab30cab19b2fff77.woff2) format('woff2'),
url(/assets/NotoSans-Bold-ba396a9fc63ba86c7d0a1326ffb707ba.woff) format('woff');
}

* { font-family:'Noto Sans KR'; letter-spacing: -0.8px; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background-color: #fff; border-radius: 4px; background-clip: padding-box; border: 1px solid #cfcfcf; }
*::-webkit-scrollbar-track { background-color: #fff; }

body { font-size: 16px; color: #2f2f2f; font-weight: 300; background-color: #fff;  position: relative; margin: 0; padding: 0; transition: .5s;}

.font-12 { font-size: 12px !important; }
.font-14 { font-size: 14px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-22 { font-size: 22px !important; }
.font-24 { font-size: 24px !important; }
.font-26 { font-size: 26px !important; }
.font-28 { font-size: 28px !important; }
.font-30 { font-size: 30px !important; }

.ui-sortable-handle { cursor: grab; }
.ui-sortable-helper { cursor: grabbing; }

span.positive { color: #E96060; }
span.negative { color: #5967EA; }
span.gray { color: #999; }

/*** common ***/
#new_wrap { position: relative; width: 100%; min-width: 1240px;  height: 1080px;  }
.guide_new {position: relative; float: left; width: 1240px;  }
.guide_new::after { content: ''; display: block; float: left; clear: both; }

.sub_wrap.close_nav #main  { margin-left: 530px}
#main  { margin-left: 660px}

#wrap { position: relative; width: 100%; min-width: 1280px; }
.guide { position: relative; width: 1260px; margin: 0 auto; }
.guide::after { content: ''; display: block; float: none; clear: both; }
.dim { position: fixed; width: 100%; top: 0; left: 0; bottom: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.35); display: none; }
.sound-only { font-size: 0; opacity: 0; text-indent: -9999px; }
.width_auto { width: auto !important; }

.tooltips_wrap { position: relative; display: inline-block; vertical-align: bottom; }
.tooltips_wrap > div:not(.tooltips) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/* .tooltips_wrap,
.tooltips_wrap > div:not(.tooltips) { width: 100%; } */
.tooltips_wrap > div:not(.tooltips) label { width: 100%; }
.tooltips_wrap > div:not(.tooltips) label span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: block; }
.tooltips,
.tooltips_preview,
.tooltips_calendar { display: none; text-align: left; z-index: 100; position: absolute; padding: 20px; font-weight: 300; font-size: 14px; line-height: 150%; background-color: #fff; color: #2f2f2f; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.03);
  word-break: keep-all; overflow: auto !important; }
@media (max-width: 1600px) {
  .tooltips { white-space: normal !important; }
}
.tooltips_preview .keyword { color: #43D277; font-weight: 500; }
.tooltips_calendar { top: 100%; color: #43D277; cursor: pointer; white-space: nowrap; }
/* .tooltips { max-width: 200px; } */

:root {
  --nav--width: 85px;
  /* Colores */
  --bg-color: #2f2f2f;
  --sub-color: #b6cefc;
  --white-color: #fff;

  /* Fuente y tipografia */
  --normal-font-size: 1rem;
  --small-font-size: .875rem;

  /* z index */
  --z-fixed: 100;
}

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

/* l NAV */
.sidenavbar {
  position: fixed;
  top: 0;
  left: 0;
  width:250px;
  height: 100%;
  background-color:#2f2f2f;
  color:#fff;
  padding: 2.25rem 1.5rem 2rem;
  transition: .5s;
  z-index: 100;
}

.sidenavbar.close_nav {
  width:85px;
}

/* NAV */
.nav {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.nav__brand {
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 4rem;
}

.nav__toggle {
  color: #fff;
  font-size: 1.5rem;
  padding: .75rem;
  cursor: pointer;
}

.board__toggle {margin: 60px 0 0 40px;cursor: pointer;  overflow: hidden;}

.closebtn {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
}

/* Expander menu */
.expander {
  width: 240px;
}

/* Add padding body*/
.body-pd {
  padding: 2rem 0 0 16rem;
}

/* Active links menu */
/* .active {
  background-color: var(--first-color);
} */

/* COLLAPSE */
.collapse {
  grid-template-columns: 20px max-content 1fr;
}

.nav__list > li.active .sub__menu  {
  height: 0;
  display: none;
}

.nav__list > li.active .sub__menu.active {
  height: 120px;
  display: block;
}

.nav__list > li .sub__menu .sub__sublink {
  color: #fff;
  place-items: center;
  margin-top: 20px;
  margin-left: 15px;
  font-size: var(--small-font-size);
}

.nav__list > li .nav__link.active {
  background-color:#43D277;
  border-radius: .5rem;
}

.nav__list > li .sub__menu .sub__sublink:hover {
  color:#43D277;
}

.nav__list > li .sub__menu .sub__sublink.active {
  color:#43D277;
}


.nav__link {
  display: grid !important;
  font-size: 1.25rem;
  grid-template-columns: max-content max-content 1rem;
  align-items: center;
  column-gap: .5rem;
  padding: 0.75rem;
  color: var(--white-color);
  border-radius: .5rem;
  margin-bottom: 1rem;
  transition: .3s;
  /* cursor: pointer; */
}

.nav__link:hover {
  background-color:#43D277;
}

/* .nav__icon {
  font-size: 1.25rem;
} */

.nav__list .nav_name {
  font-size: var(--small-font-size);
}

.nav_link_sub {
  grid-template-columns: 20px max-content 1fr;
}

.close_nav .nav__list .nav__link:hover div
/* , .close_nav  .nav__link.active div  */
{
  transform: scale(1);
  opacity: 1;
}

.nav__list .nav__link div {
  position: absolute;
  background-color: #2f2f2f;
  white-space: nowrap;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  left: calc(100% + 1.5rem);
  transform-origin: center left;
  transform: scale(0);
  opacity: 0;
  transition: 0.15s ease;
  font-size: 12px;
}
.nav__list .nav__link div:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: #2f2f2f;
  left: -5px;
  top: 50%;
  transform: translatey(-50%) rotate(45deg);
  border-radius: 3px;
}




/* input */
input[type=text], input[type=password], input[type=tel], input[type=email], input[type=number], select { width: 100%; border: solid 1px #e5e5e5; height: 36px; color: #7c7c7c; font-size: 14px; padding-left: 10px; font-weight: 300; }
input[type=text]::-ms-clear { display: none; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
select { width: 240px; color: #43D277; }
select.select_small { width: 100px; }
textarea { width: 100%; border: solid 1px #e5e5e5; height: 150px; padding: 15px 18px; font-size: 14px; color: #2f2f2f; line-height: 150%; font-weight: 300; }
.select { float: left; width: 240px; }

.input_tit {float:left; width: 90px; font-size: 16px; line-height: 36px; font-weight: 700; margin-right: 25px;}

.input_field { float: left; }
.input_field input[type=text], .input_field input[type=password], .input_field input[type=tel],
.input_field input[type=email], .input_field input[type=number], .input_field select, .input_field button, .input_field > div { float: left; }
.input_field > div { margin-left: 30px; }
.input_field > div:first-child { margin-left: 0; }
.input_field > .input_tit + div { margin-bottom: 0.5rem; margin-left: 0; max-width: calc(100% - 115px); }
.input_field > .input_sentence + div { margin-left: 0; }
.input_field > .input_tit + .full_input { width: calc(100% - 115px); }
.input_field > .input_tit.w120 + .full_input { width: calc(100% - 145px); }
/* .input_field .input_tit + select,
.input_field .input_tit + input[type=text],
.input_field .input_tit + input[type=password],
.input_field .input_tit + input[type=tel],
.input_field .input_tit + input[type=email],
.input_field .input_tit + div { width: calc(100% - 115px); } */
.input_field .input_desc { float: left; margin: 0 4px; font-size: 14px; line-height: 36px; color: #2f2f2f; }
.input_field .input_desc:first-child { margin-left: 0; }
.input_field .input_sentence { float: left; margin: 0 10px; line-height: 36px; color: #2f2f2f; }
.input_field .input_sentence:first-child { margin-left: 0; }
.input_field .input_slider > b { line-height: 36px; margin: 0 10px; color: #7c7c7c; font-size: 14px; font-weight: 500; }

.input_field_wrap { width: 100%; margin-top: 20px; }
.input_field_wrap::after { content: ''; display: block; clear: both; float: none; }
.input_field_wrap:first-child { margin-top: 0; }
form > .input_field_wrap:first-of-type { margin-top: 0; }

.input_range_field input,
.input_range_field select { width: 100px; }
.input_range_field span { float: left; line-height: 36px; margin: 0 14px; }
.input_range_field .input_range_input input { margin-left: 0; width: 80px; padding: 0; text-align: center; }
.input_range_field .input_range_input button { width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 5px; color: #fff; background-color: #c5c5c5; margin: 10px 2px; }

.input_checkbox_field .input_checkbox { float: left; width: 800px; position: relative; }
.input_checkbox_field .input_checkbox input[type=text] { width: 100%; cursor: pointer; color: #43d277; padding-right: 30px; }
.input_checkbox_field .input_checkbox i { color: #43D277; position: absolute; top: 10px; right: 10px; }
.input_checkbox_field .input_checkbox .checkbox_group { display: none; position: absolute; width: 100%; top: 36px; padding: 12px 10px 8px; border: solid 1px #e5e5e5; border-top: 0; z-index: 10; background-color: #fff; max-height: 216px; overflow-y: auto; }
.input_checkbox_field .input_checkbox.active .checkbox_group { display: block; }
.input_checkbox_field .input_checkbox .checkbox_group .custom_checkbox { margin-top: 5px; }
.input_checkbox_field .input_checkbox .checkbox_group .custom_checkbox:first-child { margin-top: 0; }
.input_checkbox_field .input_checkbox .checkbox_group .custom_checkbox .custom-control-label { display: block; }
.input_checkbox_field .input_checkbox .checkbox_group .custom_checkbox .custom-control-label:hover { color: #43d277; font-weight: 500; }
.input_checkbox_field .input_checkbox .checkbox_group .custom_checkbox .custom-control-label::before { display: none; }

.input_field .custom-radio { float: left; margin-left: 20px; }
.input_field .custom-radio:first-child { margin-left: 0; }
.input_field .custom-radio .custom-control-label { font-size: 14px; }

.input_radio_button_field { float: left; }
.input_radio_button_field .custom-radio { float: left; padding-left: 0; margin-left: 10px; }
.input_radio_button_field .custom-radio:first-child { margin-left: 0 !important; }
.input_radio_button_field .custom-radio .custom-control-label { background-color: #e5e5e5; color: #2f2f2f; font-size: 14px; line-height: 36px; width: 120px; text-align: center; border-radius: 5px; }
.input_radio_button_field .custom-radio .custom-control-label::before,
.input_radio_button_field .custom-radio .custom-control-label::after { display: none; }
.input_radio_button_field .custom-radio .custom-control-input:checked ~ .custom-control-label { background-color: #229B61; border-color: #229B61; color: #fff; }
.input_radio_button_field.light .custom-radio .custom-control-label { background-color: #fff; border: solid 1px #e5e5e5; color: #7c7c7c; }
.input_radio_button_field.light .custom-radio .custom-control-input:checked ~ .custom-control-label { background-color: #43d277; border-color: #43d277; color: #fff; }

.input_theme_tit { position: absolute; font-size: 16px; line-height: 36px; font-weight: 700; margin-right: 25px; }
.input_theme_tit.w120 { float:left; width: 120px; }

.input_theme_keyword_field { width: 200%; }
.input_theme_keyword_field > div { position: absolute ; width: 50%; }
/* .input_theme_keyword_field > div { position: absolute ; width: 100%; } */

.input_keyword_field { width: 100%; }
.input_keyword_field > div { position: relative; width: 100%; }
.input_keyword_field > div .input_keyword { width: 100%; padding-right: 40px; }
.input_keyword_field > div .input_keyword_submit { position: absolute; top: 0; right: 0; width: 36px; height: 36px; background-color: transparent; color: #85C688; }
.input_keyword_field > div .input_keyword_sel { width: 30%; }
.input_keyword_field > div .input_keyword_sel + .input_keyword { width: calc(70% - 2px); margin-left: 2px; }
.input_keyword_field > div .input_keyword_sel + div { float: left; width: calc(70% - 2px); margin-left: 2px; }
.input_keyword_field > .tit + div { width: calc(100% - 115px); }

.news_search_input_wrap .input_keyword_field > div .input_keyword_sel { width: 200px; }
.news_search_input_wrap .input_keyword_field > div .input_keyword_sel + div { width: calc(100% - 205px); margin-left: 5px; }
.news_search_input_wrap .news_search_input > div { float: left; width: 43%; }
.news_search_input_wrap .news_search_input > div:first-child { width: 55%; margin-right: 5px; }
.news_search_input_wrap .news_search_input .search_guide_wrap .search_guide { width: 348px; }

.input_tit { float: left; width: 90px; font-size: 16px; line-height: 36px; font-weight: 700; margin-right: 25px; }
.input_tit.w120 { width: 120px; }

.double_input_field { float: left; position: relative; width: 100%; background-color: #fff; border: solid 1px #e5e5e5; height: 36px; }
.double_input_field::after { content: ''; position: absolute; width: 1px; height: 20px; margin-top: -10px; top: 50%; left: 40px; background-color: #e5e5e5; }
.double_input_field input { float: left; border: none; height: 100%; font-size: 14px; padding: 0 15px; color: #7c7c7c; }
.double_input_field input:nth-child(1) { width: 40px; padding: 0 5px; text-align: center; color: #43D277; }
.double_input_field input:nth-child(2) { width: calc(100% - 40px); }

.label_input_field { float: left; position: relative; width: 100%; background-color: #fff; border: solid 1px #e5e5e5; height: 50px; }
.label_input_field::after { position: absolute; width: 1px; height: 20px; margin-top: -10px; top: 50%; left: 80px; background-color: #e5e5e5; }
.label_input_field label, .label_input_field input { float: left; border: none; height: 100%; padding: 0 15px; }
.label_input_field label { width: 80px; padding: 0 5px 0 20px; text-align: left; color: #2f2f2f; font-size: 16px; font-weight: 700; line-height: 48px; }
.label_input_field input { width: calc(100% - 80px); color: #2f2f2f; font-size: 14px; }

.input_btn { width: 80px; height: 36px; background-color: #43D277; color: #fff; margin-left: 10px; font-size: 14px; border-radius: 5px; }
.btn { border-radius: 5px; border: solid 1px #e5e5e5; color: #999; background-color: transparent; font-size: 14px; border-radius: 5px; }
.btn i { margin-right: 5px; }
.btn.icon_btn { width: 26px; height: 26px; padding: 0; color: #fff; background-color: #2f2f2f; border: #2f2f2f; }
.btn.icon_btn i { margin-right: 0; }
.btn.green { background-color: #43d277 !important; color: #fff !important; border: solid 1px #43d277 !important; }
.btn.gray { background-color: #2f2f2f !important; color: #fff !important; border: solid 1px #2f2f2f !important; }
.btn.black { background-color: #2f2f2f !important; color: #fff !important; border: solid 1px #2f2f2f !important; }
.btn.transparent { border: none; }
.btn:disabled { background: #e5e5e5 !important; border: solid 1px #e5e5e5 !important; cursor: default !important; }

.custom_select { position: relative; cursor: pointer; }
.custom_select .custom_select_input { line-height: 34px; padding-left: 10px; font-size: 14px; width: 100%; height: 36px; border: solid 1px #e5e5e5; background-color: #fff !important; font-weight: 500; color: #7c7c7c; }
.custom_select .custom_select_input > div { width: calc(100% - 36px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.custom_select .custom_select_input .div_placeholder { color: #e5e5e5 !important; }
.custom_select .custom_select_arrow { position: absolute; width: 36px; line-height: 36px; right: 5px; top: 0; color: #43D277; text-align: center; font-size: 16px; }
.custom_select .custom_select_ul { display: none; position: absolute; width: 100%; border: solid 1px #e5e5e5; background-color: #fff; top: calc(100% - 1px); z-index: 10; overflow: hidden; font-weight: 500; max-height: 200px; overflow-y: auto; }
.custom_select .custom_select_ul > li { float: left; width: 100%; line-height: 2em; font-size: 14px; padding: 0 10px; cursor: pointer;}
.custom_select .custom_select_ul > li:hover { background-color: #f1f1f1; }
.custom_select .custom_select_ul > li.selected { background-color: #EFF9F2; }
.custom_select .custom_select_ul > li > div { float: left; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #7c7c7c;}
.custom_select .custom_select_selected { position: absolute; display: none !important; }
.custom_select.green .custom_select_input > div { color: #43D277; }
.custom_select.gray .custom_select_arrow { color: #7c7c7c; }
.custom_select.active .custom_select_ul { display: block;}
.custom_select.bg_green .custom_select_input { background-color: #43D277 !important; }
.custom_select.bg_green .custom_select_input > div { color: #fff; }
.custom_select.bg_green .custom_select_arrow { color: #fff;  }

/* layout */
.top_btn { display: inline-block; position: fixed; left: 50%; margin-left: -700px; bottom: 35px; width: 36px; height: 36px; border-radius: 50%; background-color: #f9f9f9; color: #d9d9d9; line-height: 36px; text-align: center; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); }
.top_btn.absolute { position: absolute; }

.table_ul > li { float: left; width: 100%; }
.table_ul > li > div { float: left; }
.table_ul > li.th > div { text-align: center; background-color: #999; color: #fff; font-size: 12px; line-height: 24px; }

.table_ul > li.th > .theme_indicate { width: 100%;text-align: center; background-color: #999; color: #fff; font-size: 12px; line-height: 24px; }

.table_ul > li.td { margin-top: 5px; }
.table_ul > li.td > div:not(.category_wrap) { font-size: 14px; line-height: 24px; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.tree_view { line-height: 24px; }
.tree_view ul.active { display: block !important; }
.tree_view ul li:not(.last) { line-height: 30px; }
.tree_view ul > li > .category { position: relative; cursor: pointer; padding-right: 32px; }
.tree_view ul > li > .category::after { content: ''; display: block; clear: both; float: none; }
.tree_view ul > li > .category .tree_btn { float: left; margin: 7px 7px 0 0; width: 16px; height: 16px; border: solid 1px #e5e5e5; }
.tree_view ul > li > .category .tree_btn::after { content: '+'; position: absolute; line-height: 14px; top: 7px; left: 0; width: 16px; height: 16px; text-align: center; font-weight: 500; color: #43d277; }
.tree_view ul > li > .category .tree_tit { float: left; }
.tree_view ul > li > .category .category_wrap { position: absolute; top: 0; right: 0; }
.tree_view ul > li > .category .category_wrap .category_more { width: 32px; height: 32px; background-color: transparent; font-size: 16px; font-weight: 500; color: #7c7c7c; display: none; line-height: 32px; }
.tree_view ul > li > .category.now .category_wrap .category_more,
.tree_view ul > li > .category:hover .category_wrap .category_more { display: block; }
.tree_view ul > li > .category.now .category_wrap .category_more { color: #43D277; }
.tree_view ul > li > .category .category_wrap .category_more_list { display: none; position: absolute; top: 0; right: 22px; width: 60px; background-color: #fff; color: #7c7c7c; font-size: 12px; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.03); z-index: 10; }
.tree_view ul > li > .category .category_wrap .category_more_list > div { line-height: 30px; border-top: solid 1px #f9f9f9; text-align: center; cursor: pointer; }
.tree_view ul > li > .category .category_wrap .category_more_list > div:first-child { border-top: none; }
.tree_view ul > li > .category .category_wrap .category_more_list > div:hover { background-color: #f1f1f1; }
.tree_view ul > li > .category .category_wrap .category_more_list > div > i { margin-right: 5px; }
.tree_view ul > li > .category.now .category_wrap .category_more_list { display: block; }
.tree_view ul > li > .category.active .tree_btn::after { content: '-'; }
.tree_view > ul > li:last-child .category .category_wrap .category_more_list { top: auto; bottom: 0; }
.tree_view ul > li.first > div { font-weight: 700; color: #43d277; }
.tree_view ul > li.last { color: #7c7c7c; }
.tree_view ul > li.last > .category::before { content: '└'; float: left; margin: 0 3px 0 0; border: none; }
.tree_view ul > li.last > .category .tree_btn { display: none !important; }
.tree_view ul > li > ul { display: none; padding: 0 0 0 20px; }
.tree_view ul > li > .category .count { background-color: #999; color: #fff; font-size: 12px; padding: 0 5px; margin-left: 5px; vertical-align: middle; }
.tree_view ul > li > .category .tree_tit.now { font-weight: 700; color: #000; }

.event_list_wrap { width: 100%; }
.event_list_cont_wrap { display: flex; gap: 20px; overflow: auto;}
.event_cont_list { list-style: none;border-top: solid 1px #e5e5e5; font-size: 14px;table-layout: fixed;width: 560px;padding: 0;margin: 0;}
.event_cont_list li { display: flex; flex-direction: row; width: 100%; justify-content: space-between;align-items: center; border-bottom: solid 1px #e5e5e5;}
.event_cont_list li:hover { background-color: #EFF9F2; }
.event_cont_list .name img { margin-right: 10px; }
.event_cont_list .name { width: 30%; padding: 9px 10px; }
.event_cont_list .event { border-left: solid 1px #e5e5e5;  width: 70%; padding: 9px 10px; }

.table_cont_wrap { width: 100%; }
.table_cont_wrap .table_cont_tit_wrap { margin-bottom: 20px; }
.table_cont_wrap .table_cont_tit_wrap .table_cont_tit { float: left; color: #2f2f2f; font-size: 16px; font-weight: 700; line-height: 31px; }
.table_cont_wrap .table_cont_tit_wrap .table_cont_tit.icon { padding-left: 25px; }
.table_cont_wrap .table_cont_tit_wrap .table_cont_tit.icon > i { line-height: 31px; font-size: 16px; }
.table_cont_wrap .table_cont_tit_wrap .table_input_field { float: right; }
.table_cont_wrap .table_cont_tit_wrap .table_input_field .input_tit { line-height: 31px; width: auto; font-size: 14px; margin-right: 10px; }
.table_cont_wrap .table_cont_tit_wrap .table_input_field input,
.table_cont_wrap .table_cont_tit_wrap .table_input_field button { height: 31px; }
.table_cont_wrap .table_cont_tit_wrap .table_input_field input { width: 100px; }
.table_cont_wrap .table_cont_tit_wrap .table_input_field button { width: 50px; font-size: 12px; background-color: #2f2f2f; }
.table_cont_wrap .table_cont_tit_wrap .table_input_field span { line-height: 31px; margin: 0 5px; }
.table_cont_wrap .table_cont_tit_wrap .input_range_field input { width: 60px; }

/* general table */
.table_cont_wrap .table_cont { border-top: solid 1px #e5e5e5; font-size: 14px; table-layout: fixed; width: 100%; }
.table_cont_wrap .table_cont tr th .custom-control-label::before,
.table_cont_wrap .table_cont tr td .custom-control-label::before { margin-top: 0.7rem; left: 50%; transform: translate(-50%, -50%); }
.table_cont_wrap .table_cont tr th .custom-control-label::after,
.table_cont_wrap .table_cont tr td .custom-control-label::after { margin-top: 0.7rem; left: 50%; transform: translate(-50%, -50%); }
.table_cont_wrap .table_cont tr th  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.table_cont_wrap .table_cont tr td  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { left: inherit; }
.table_cont_wrap .table_cont thead { border-bottom: solid 2px #e5e5e5; }
.table_cont_wrap .table_cont thead tr th { background-color: #f9f9f9; position: relative; border-bottom: solid 1px #e5e5e5; border-left: solid 1px #e5e5e5; line-height: 180%; text-align: center; color: #7c7c7c; font-weight: 500; }
.table_cont_wrap .table_cont thead tr th > div { position: relative; padding: 9px 20px; }
.table_cont_wrap .table_cont thead tr th > div::after { display: none; content: ""; position: absolute; font-family: 'xeicon'; color: #999; font-size: 12px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 10px; font-weight: 500; }
.table_cont_wrap .table_cont thead tr th > div.sorted_asc,
.table_cont_wrap .table_cont thead tr th > div.sorted_desc { cursor: pointer; }
.table_cont_wrap .table_cont thead tr th > div.sorted_asc::after { content: "\e627"; }
.table_cont_wrap .table_cont thead tr th > div.sorted_desc::after { content: "\e628"; }
.table_cont_wrap .table_cont thead tr th > div:hover::after,
.table_cont_wrap .table_cont thead tr th.sorted_row > div::after { display: block !important; }
.table_cont_wrap .table_cont thead tr th.sorted_row { color: #2f2f2f; font-weight: 700; }
.table_cont_wrap .table_cont thead tr:first-child th:first-child { border-left: none; }
.table_cont_wrap .table_cont tbody tr span.super { vertical-align: super; font-size: smaller; }
.table_cont_wrap .table_cont tbody tr td,
.table_cont_wrap .table_cont tbody tr th { overflow: visible !important; position: relative; border-bottom: solid 1px #e5e5e5; border-left: solid 1px #e5e5e5; line-height: 150%; text-align: center; color: #2f2f2f; }
.table_cont_wrap .table_cont tbody tr th { font-weight: 700; }
.table_cont_wrap .table_cont tbody tr td > div:not(.tooltips),
.table_cont_wrap .table_cont tbody tr th > div:not(.tooltips),
.table_cont_wrap .table_cont thead tr th > .custom_checkbox { display: block; padding: 9px 10px; }
.table_cont_wrap .table_cont tbody tr td:first-child,
.table_cont_wrap .table_cont tbody tr th:first-child { border-left: none; }
.table_cont_wrap .table_cont tbody tr.fixed_column { font-weight: 700; }
.table_cont_wrap .table_cont tbody tr.fixed_column th { color: #43D277; }
.table_cont_wrap .table_cont tbody tr.fixed_column.last td,
.table_cont_wrap .table_cont tbody tr.fixed_column.last th { border-bottom: dashed 1px #7c7c7c; }
.table_cont_wrap .table_cont tbody tr td.sorted_row { background-color: #EFF9F2; }
.table_cont_wrap .table_cont tbody tr td.positive_row { color: #E96060; }
.table_cont_wrap .table_cont tbody tr td.negative_row { color: #5967EA; }
.table_cont_wrap .table_cont tbody tr:hover th,
.table_cont_wrap .table_cont tbody tr:hover td { background-color: #EFF9F2; }
.table_cont_wrap .table_cont tbody tr.sub_data th,
.table_cont_wrap .table_cont tbody tr.sub_data td { color: #7c7c7c; }
.table_cont_wrap.text_overflow_none th > div:not(.tooltips),
.table_cont_wrap.text_overflow_none td > div:not(.tooltips) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.table_cont_wrap.text_overflow_none .table_cont div.tooltips { top: 85%; left: 0; max-width: 415px; }
.table_cont_wrap .table_cont.table_theme_dark { border-top: none; }
.table_cont_wrap .table_cont.table_theme_dark thead { border: none; }
.table_cont_wrap .table_cont.table_theme_dark thead tr th { background-color: #2f2f2f; border: none; color: #fff !important; text-align: center; }
.table_cont_wrap .table_cont.table_theme_dark thead tr th > div { padding: 12px 7px; }
.table_cont_wrap.table_scroll .tbody_wrap { max-height: 510px; overflow-y: scroll; overflow-x: hidden; }
.table_cont_wrap .table_cont tbody tr.tr_highlight.red { border: dashed 2px #E96060; }
.table_cont_wrap .table_cont tbody tr.tr_highlight.blue { border: dashed 2px #5967EA; }

.table_cont_wrap .table_cont .title > a { display: block; width: 100%; line-height: 200%; padding: 9px 10px; }
.table_cont_wrap .table_cont .title > a::after { content: ''; display: block; clear: both; float: none; }
.table_cont_wrap .table_cont .title > a > div { float: left; max-width: 80%; padding-right: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }
.table_cont_wrap .table_cont .title i { float: left; padding-left: 5px; color: #999; line-height: 200%; }

/* div table */
.table_cont_wrap .table_cont .tr { position: relative; width: 100%; min-height: 50px; border-bottom: solid 1px #e5e5e5; align-items: stretch; }
.table_cont_wrap .table_cont .tr::after { content: ''; display: block; clear: both; float: none; }
.table_cont_wrap .table_cont .tr .td { position: relative; border-left: solid 1px #e5e5e5; font-size: 14px; padding: 12px 7px;
 display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.table_cont_wrap .table_cont .tr .td > div { width: 100%; line-height: 150%; text-align: center; }
.table_cont_wrap .table_cont .tr .td:first-child { border-left: none; }
.table_cont_wrap .table_cont .thead .tr { background-color: #2f2f2f; font-weight: 500; border: none; }
.table_cont_wrap .table_cont .thead .tr .td { border: none; color: #fff !important; }
.table_cont_wrap .table_cont .tbody .tr:nth-child(even) { background-color: #f9f9f9; }
.table_cont_wrap .table_cont .tbody .tr:hover { background-color: #EFF9F2; }
.table_cont_wrap.text_overflow_none .table_cont .thead { background-color: #2f2f2f; padding-right: 8px; }
.table_cont_wrap.text_overflow_none .table_cont .tr .td > div:not(.tooltips) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.table_cont_wrap.table_scroll .table_cont .thead > div:last-child { padding-right: 8px; }
.table_cont_wrap.table_scroll .table_cont .tbody { max-height: 510px; overflow-y: scroll; }
.table_cont_wrap.table_scroll .table_cont .tr:last-child .td > div.tooltips,
.table_cont_wrap.table_scroll .table_cont .tr:nth-last-child(2) .td > div.tooltips { bottom: 85%; top: auto; }

.table_cont_wrap.positive_table_cont_wrap .table_cont_tit_wrap .table_cont_tit.icon > i { color: #E96060; }
.table_cont_wrap.negative_table_cont_wrap .table_cont_tit_wrap .table_cont_tit.icon > i { color: #5967EA; }

.cont_calendar_event_list .select tbody td:first-child { color: #43D277; font-weight: 500; }

.table_cont_wrap .table_calendar tbody tr td { height: 200px; vertical-align: top; padding-bottom: 20px; }
.table_cont_wrap .table_calendar tbody tr td > div:not(.tooltips) { padding: 0; }
.table_cont_wrap .table_calendar tbody tr td > div.day_num { text-align: right; padding: 15px 20px 10px; }
.table_cont_wrap .table_calendar tbody tr td > div.day_num.day_num_other_month { color: #e5e5e5; }
.table_cont_wrap .table_calendar tbody tr:hover td { background-color: #fff !important; }
.table_cont_wrap .table_calendar tbody tr td.active { background-color: #EFF9F2 !important;}

.dash_cont_box { width: 100%; padding: 10px 18px; border: dashed 1px #f1f1f1; }
.form_cont_wrap + .dash_cont_box { margin-top: 20px; }
.form_cont_wrap_right_tit { float: left; width: 53%; font-size: 18px; color: #43D277; font-weight: 500; line-height: 36px; }
.form_cont_wrap_right_tit .tooltips_wrap { max-width: 100%; }
.form_cont_wrap_right { float: right;  }
.dash_cont_box + .chart_area { margin-top: 20px; }
.chart_period_wrap + .chart_area { margin-top: 20px; }
.dash_cont_box + .table_cont_wrap { margin-top: 20px; }
.chart_area + .table_cont_wrap { margin-top: 20px; }

.table_cont_wrap + .table_cont_wrap { margin-top: 20px; }
.chart_area + .chart_area { margin-top: 100px; }
.chart_area_wrap + .chart_area_wrap { margin-top: 20px; }
.news_chart_wrap .chart_area + .chart_area { margin-top: 0px; }
.highlight { display: inline-block; margin: 0 5px; padding: 0 10px; text-align: center; background-color: #f9f9f9; color: #2f2f2f; }
.highlight > b { color: #2f2f2f; }

.result_summary { line-height: 150%; }
.result_summary .dash_cont_box { margin-top: 10px; }
.result_summary .dash_cont_box > div { margin-top: 10px; }
.result_summary .dash_cont_box > div:first-child { margin-top: 0; }
.result_summary b { color: #2f2f2f; }
.result_summary .indicator { max-width: 65%; display: inline-block; padding-right: 1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom; }
.result_summary .tooltips_wrap { max-width: 65%; }
.result_summary .tooltips_wrap .indicator { max-width: 100% ; }
.result_summary .dash_cont_box .indicator { max-width: 80%; }
.result_summary .dash_cont_box .tooltips_wrap { max-width: 80%; }
.result_summary .dash_cont_box .tooltips_wrap .indicator { max-width: 100%; }
.result_summary_positive .highlight,
.result_summary_negative .highlight { width: 70px; padding: 0; }
.result_summary_positive .highlight,
.result_summary_positive .highlight > b { color: #E96060; }
.result_summary_negative .highlight,
.result_summary_negative .highlight > b { color: #5967EA; }

.input_field_table { width: 100%; border-top: solid 1px #e5e5e5; font-size: 14px; line-height: 150%; }
.input_field_table > div { margin: 0; }
.input_field_table .tr { width: 100%; border-bottom: solid 1px #e5e5e5; padding: 8px 0; }
.input_field_table .tr::after { content: ''; display: block; clear: both; float: none; }
.input_field_table .tr > .td { float: left; width: 75%; border-left: solid 1px #e5e5e5; padding: 0 20px; color: #43D277; }
.input_field_table .tr > .td.th { width: 25%; text-align: center; color: #7c7c7c; border-left: none; }

.input_date_wrap { position: relative; width: 200px !important; }
.input_date_wrap input { border: solid 1px #f9f9f9; background-color: #f9f9f9; width: 100%; color: #2f2f2f; padding-left: 40px; }
.input_date_wrap input.input_date { width: 60%; }
.input_date_wrap i { position: absolute; top: 0; left: 15px; line-height: 36px; color: #7c7c7c; }
.input_tit + .input_date_wrap { float: left; }

.indicator_select_field { position: relative; cursor: pointer; }
.indicator_select_field input[type=text] { background-color: #85C688; border: solid 1px #85C688; color: #fff; cursor: pointer; padding-right: 40px; }
.indicator_select_field i { position: absolute; color: #fff; line-height: 36px; top: 0; right: 10px; }

.info_modal_wrap { position: relative; }
.info_modal_wrap > i { font-size: 24px; color: #d9d9d9; cursor: pointer; }
.info_modal_wrap .info_modal { display: none; position: absolute; right: 0; top: calc(100% + 10px); width: 300px; padding: 30px; background-color: #fff; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.03); cursor: default; z-index: 10; font-size: 12px; line-height: 150%; color: #7c7c7c; }
.info_modal_wrap .info_modal .info_modal_cont { margin-top: 20px; }
.info_modal_wrap .info_modal .info_modal_cont:first-child { margin-top: 0; }
.info_modal_wrap .info_modal .info_modal_cont .tit { color: #43D277; font-weight: 500; }
.info_modal_wrap:hover .info_modal { display: block; }

.search_guide_wrap { position: relative; }
.search_guide_wrap::after { content: ''; display: block; clear: both; float: none; }
.search_guide_wrap .search_guide { display: none; top: calc(100% + 12px); left: 0; position: absolute; z-index: 10; background-color: #fff; width: 560px; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.03); }
/* .search_guide_wrap .search_guide.active { display: block; } */
.search_guide_wrap .search_guide::before { content: ''; position: absolute; top: -10px; left: 10px; width: 0; height: 0; border-bottom: solid 10px #2f2f2f; border-left: solid 10px transparent;  border-right: solid 10px transparent; line-height: 0; font-size: 0; }
.search_guide_wrap .search_guide > .tit { background-color: #2f2f2f; color: #fff; font-weight: 700; padding: 0 18px; line-height: 30px; }
.search_guide_wrap .search_guide > .cont { padding: 15px 20px; font-size: 14px; color: #2f2f2f; line-height: 180%; }
.search_guide_wrap .search_guide > .cont span { color: #43D277; font-weight: 500; }
.search_guide_wrap .search_guide > .btn_wrap { float: right; text-align: right; padding: 10px; padding-top: 0; font-size: 0; }
.search_guide_wrap .search_guide > .btn_wrap button { background-color: #f1f1f1; border: solid 1px #f1f1f1; color: #7c7c7c; font-weight: 500; font-size: 12px; line-height: 30px; padding: 0 10px; margin-left: 5px; }
.search_guide_wrap .search_guide.right { left: auto; right: 0; }
.search_guide_wrap .search_guide.right::before { left: auto; right: 10px; }

.input_guide_wrap { position: relative; }
.input_guide_wrap .input_guide { display: none; top: calc(100% + 10px); left: 50%; margin-left: -75px; position: absolute; z-index: 10; width: 150px; background-color: #fff; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.03); border: solid 1px #e5e5e5; }
.input_guide_wrap .input_guide::before { content: ''; position: absolute; top: -12px; left: 50%; margin-left: -12px; width: 0; height: 0; border-bottom: solid 12px #e5e5e5; border-left: solid 12px transparent;  border-right: solid 12px transparent; line-height: 0; font-size: 0; }
.input_guide_wrap .input_guide::after { content: ''; position: absolute; top: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-bottom: solid 10px #fff; border-left: solid 10px transparent;  border-right: solid 10px transparent; line-height: 0; font-size: 0; }
.input_guide_wrap .input_guide > .cont { padding: 10px 5px; font-size: 14px; color: #2f2f2f; line-height: 150%; text-align: center; }
.input_guide_wrap .input_guide > .cont span { color: #43D277; font-weight: 500; }
.input_guide_wrap input[type=text]:focus ~ .input_guide { display: block; }

/* bootstrap custom */
.custom-checkbox .custom-control-label { line-height: 20px; font-size: 14px; color: #2f2f2f; cursor: pointer; }

/* header */
.header .logo { float: left; }
.header .header_menu_wrap { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1001; text-align: center; }
.header .header_menu_wrap .header_menu { float: left; line-height: 24px; font-size: 14px; }
.header .header_menu_wrap .header_menu.logout { color: #fff; }
.header .header_menu_wrap .header_menu.login { color: #7c7c7c; }
.header .header_menu_wrap .header_menu.login b { color: #fff; font-weight: 500; }
.header .header_menu_wrap .header_menu.login i { font-size: 24px; margin-right: 5px; color: #e5e5e5; vertical-align: middle; }
.header .header_menu_wrap .top_nav { position: relative; float: left; margin-left: 20px; }
.header .header_menu_wrap .top_nav .top_nav_btn i { font-size: 24px; color: #43D277; }
.header .header_menu_wrap .top_nav .top_nav_menu { display: none; position: absolute; top: calc(100% + 15px); right: 0; background-color: #fff; color: #2f2f2f; border: solid 1px #e3e3e3; border-radius: 10px; width: 340px; padding: 20px; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); z-index:99;}
.header .header_menu_wrap .top_nav .top_nav_menu.active { display: flex; }
.header .header_menu_wrap .top_nav .top_nav_menu > li > a { display: block; padding: 20px 0; }
.header .header_menu_wrap .top_nav .top_nav_menu > li i { font-size: 24px; margin-bottom: 15px; }
.header .header_menu_wrap .top_nav .top_nav_menu > li h2 { font-size: 1em; }
.header .header_menu_wrap .top_nav .top_nav_menu > li:not(.top_nav_btm):hover { color: #43D277;  }
.header .header_menu_wrap .top_nav .top_nav_menu > li:not(.top_nav_btm):hover h2 { font-weight: 700; }
.header .header_menu_wrap .top_nav .top_nav_menu > li.top_nav_btm > a { background-color: #999; color: #fff; padding: 13px 0; }
.header .header_menu_wrap .top_nav .top_nav_menu > li.top_nav_btm > a:hover { background-color: #7c7c7c; }
.header .header_menu_wrap .top_nav .top_nav_menu > li.top_nav_btm h2 { font-size: 12px; }

/* footer */
.footer { position: relative; background-color: #2f2f2f; width: 100%; font-size: 12px; padding: 13px 0; }
.footer .footer_menu { float: left; color: #fff; }
.footer .footer_menu > li { float: left; margin-left: 20px; padding-left: 20px; border-left: solid 1px #606060; }
.footer .footer_menu > li:first-child { border: none; padding: 0; margin: 0; }
.footer .copyright { float: right; color: #7c7c7c; }

/* search */
.search { position: relative; width: 100%; border: solid 1px #43D277; }
.search .search_input_wrap { position: relative; height: 60px; }
.search .search_select { position: relative; float: left; width: 20%; height: 100%; line-height: 60px; text-align: left; padding-left: 15px; cursor: pointer; color: #2f2f2f; }
.search .search_select::after { content: ''; position: absolute; width: 1px; height: 30px; top: 50%; right: 0; margin-top: -15px; background-color: #85C688; }
.search .search_select > i { position: absolute; line-height: 60px; top: 0; right: 20px; color: #2f2f2f; }
.search .search_input { float: left; width: 80%; height: 100%; padding: 0 90px 0 30px; }
.search .search_input .search_result { position: relative; width: 100%; height: 100%; overflow: hidden; }
.search .search_input .search_result .search_input_field { position: absolute; top: 0; right: 0; min-width: 100%; text-align: left; font-size: 16px; white-space: nowrap; outline: none; line-height: 60px; display: inline-block; }
.search .search_input .search_result .search_input_field:empty:before { content: attr(placeholder); display: block; color: #e5e5e5; position: absolute; line-height: 60px; top: 0; left: 0; }
.search .search_input .search_result .search_input_field .keyword { font-weight: 700; color: #43D277; }
.search .search_input > input { width: 100%; height: 100%; border: none; outline: none; font-size: 16px; padding: 0; }
.main_wrap .search .search_input { padding: 0 90px 0 30px; }

.search .search_button { position: absolute; top: 0; right: 10px; width: 30px; height: 100%; }
.search .search_button i { font-size: 26px; color: #85C688; }
.search .search_keyword_del_btn { position: absolute; top: 50%; right: 50px; width: 20px; height: 20px; margin-top: -10px; background-color: #f1f1f1; color: #fff; }
.search .search_keyword_del_btn:disabled { display: none; }
.search .search_category_wrap { height: 0; overflow-y: scroll; overflow-x: hidden; }
.search .search_category { padding: 10px 15px; }
.search .search_category .search_category_tit { width: 100%; padding: 10px 0; border-bottom: solid 1px transparent; cursor: pointer; }
.search .search_category .search_category_tit .category_sub { float: left; width: 40%; font-size: 16px; text-align: left; color: #2f2f2f; }
.search .search_category .search_category_tit .category_sub i { display: none; }
.search .search_category .search_category_tit .category_ex { float: left; width: 60%; text-align: left; font-weight: 100; }
.search .search_category .search_category_tit:hover,
.search .search_category .search_category_tit.active { border-bottom-color: #f1f1f1; }
.search .search_category .search_category_tit:hover .category_sub,
.search .search_category .search_category_tit.active .category_sub { font-weight: 700; }
.search .search_category .search_category_tit:hover .category_sub i,
.search .search_category .search_category_tit.active .category_sub i { display: inline-block; margin-left: 5px; }
.search .search_category .search_category_tit:hover .category_sub { color: #85C688; }
.search .search_category .search_category_tit.active .category_sub { color: #4D825C; }
.search .search_category .search_category_cont { display: none; background-color: #f1f1f1; padding: 35px 30px; font-size: 14px; }
.search .search_category .search_category_cont .search_category_input { margin-top: -5px; }
.search .search_category .search_category_cont .search_category_input .search_category_field { float: left; position: relative; height: 30px; margin-left: 10px; margin-top: 5px; }
.search .search_category .search_category_cont .search_category_input .search_category_field:first-child { margin-left: 0; }
.search .search_category .search_category_cont .search_category_input .search_category_field input[type=text] { width: 150px; height: 100%; color: #fff; border-radius: 5px; background-color: #43D277; border: solid 1px #43D277; padding: 0 10px 0 10px; }
.search .search_category .search_category_cont .search_category_input .search_category_field input[type=text].input_small { width: 80px; }
.search .search_category .search_category_cont .search_category_input .search_category_field input[type=text]:read-only { cursor: pointer; }
.search .search_category .search_category_cont .search_category_input .search_category_field input[type=text].input_keyword { color: #43D277; background-color: #fff; }
.search .search_category .search_category_cont .search_category_input .search_category_field select { border-radius: 5px; background-color: #43D277; border: solid 1px #43D277; color: #fff; height: 100%; padding-left: 3px; width: auto; }
.search .search_category .search_category_cont .search_category_input .search_category_field i { position: absolute; color: #fff; line-height: 30px; top: 0; right: 10px; cursor: pointer; }
.search .search_category .search_category_cont .search_category_input .search_category_field .select { width: 70px; }
.search .search_category .search_category_cont .search_category_input .search_category_field .select .custom_select_input { border-radius: 5px; background-color: #43D277 !important; border: solid 1px #43D277; color: #fff; height: 100%; padding-left: 10px; width: auto; line-height: 28px; height: 30px; }
.search .search_category .search_category_cont .search_category_input .search_category_field .select .custom_select_input > div { width: calc(100% - 20px);}
.search .search_category .search_category_cont .search_category_input .search_category_field .select .custom_select_arrow { width: 20px; right: 0; font-size: 12px; }
.search .search_category .search_category_cont .search_category_input span { display: block; float: left; line-height: 30px; color: #43D277; margin-top: 5px; }
.search .search_category .search_category_cont .search_category_input .search_category_field + span { margin-left: 5px; }
.search .search_category .search_category_cont .search_category_search { margin-top: 10px; }
.search .search_category .search_category_cont .search_category_search .search_category_sentence { float: left; width: calc(100% - 95px); line-height: 40px; background-color: #fff; text-align: left; color: #7c7c7c; }
.search .search_category .search_category_cont .search_category_search .search_category_sentence b { color: #4D825C; font-weight: 500; }
.search .search_category .search_category_cont .search_category_search .search_category_sentence::before { content: '='; display: inline-block; margin: 0 10px; }
.search .search_category .search_category_cont .search_category_search .search_category_submit { float: left; width: 85px; height: 40px; margin-left: 10px; background-color: #4D825C; border-radius: 5px; color: #fff; }
.search .search_recomm_wrap .search_recomm_section { height: 0; overflow-y: scroll; overflow-x: hidden; }
.search .search_recomm_wrap .search_recomm_section .search_recomm_tit { text-align: left; padding: 20px; padding-bottom: 15px; font-size: 14px; }
.search .search_recomm_wrap .search_recomm_section .search_recomm_tit .keyword { font-weight: 700; color: #229B61; }
.search .search_recomm_wrap .search_recomm_section .search_recomm_list { padding-bottom: 15px; color: #7c7c7c; font-size: 14px; text-align: left; }
.search .search_recomm_wrap .search_recomm_section .search_recomm_list li { position: relative; padding: 5px 20px; cursor: pointer; }
.search .search_recomm_wrap .search_recomm_section .search_recomm_list li:first-child { margin-top: 0; }
.search .search_recomm_wrap .search_recomm_section .search_recomm_list li::after { position: absolute; content: '\e627'; font-family: 'xeicon'; display: block; height: 1em; width: 1em; right: 20px; top: 50%; margin-top: -0.5em; color: #d9d9d9; transform: rotate(-45deg); }
.search .search_recomm_wrap .search_recomm_section .search_recomm_list li .category { display: inline-block; width: 40px; font-size: 11px; color: #fff; background-color: #43D277; line-height: 16px; text-align: center; margin-right: 5px; }
.search .search_recomm_wrap .search_recomm_section .search_recomm_list li:hover .keyword,
.search .search_recomm_wrap .search_recomm_section .search_recomm_list li:hover::after { color: #43D277; }
.search.active_category,
.search.active_recomm { background-color: #fff; }
.search.active_category .search_category_wrap { height: 421px; border-top: solid 1px #e5e5e5; }
/* .search.active_recomm .search_recomm_wrap .search_recomm_section { height: 421px; border-top: solid 1px #e5e5e5; } */
.search.active_recomm .search_recomm_wrap .search_recomm_section { height: 421px; border-top: solid 1px #e5e5e5; }
.search.active_recomm .search_recomm_wrap.double_search_recomm .search_recomm_section.keyword { height: 211px; border-top: solid 1px #e5e5e5; }
.search.active_recomm .search_recomm_wrap.double_search_recomm .search_recomm_section.sentence { height: 210px; border-top: solid 1px #e5e5e5; }
.search .search_category .search_category_tit.active + .search_category_cont { display: block; }

.tab_search_cont .search_category .search_category_cont {width:100%; height:0px; font-size: 24px; margin-bottom: 5px;}
.tab_search_cont .search_category .search_category_cont .search_category_input .search_category_field { float: left; position: relative; height: 25px; margin-left: 10px; margin-top: 5px; }
.tab_search_cont .search_category .search_category_cont .search_category_input .search_category_field:first-child { margin-left: 0; }
.tab_search_cont .search_category .search_category_cont .search_category_input .search_category_field .search_category_field_imgBtn { float: left; width:52px; height: 52px; color: #fff; border-radius: 10%; background-color: #43D277; }
.tab_search_cont .search_category .search_category_cont .search_category_input .search_category_field input[type=image]:read-only { cursor: pointer; }

.popup_wrap .theme_popup_cont_wrap { width: 100%; height: 100%; background-color: #fff; padding: 40px; }

.theme_popup_keyword_wrap { width: 560px; height: 70%; }
.theme_popup_keyword_wrap .popup_keyword_section { float: left; width: 100%; margin-left: 4%; height: 100%; text-align: left; }

.popup_wrap .theme_popup_cont_wrap .popup_cont { position: relative; height: calc(100% - 90px); }
.popup_wrap .theme_popup_cont_wrap .popup_cont .tit { position: relative; }
.popup_wrap .theme_popup_cont_wrap .popup_cont .tit .info_modal_wrap { float: right; }
.popup_wrap .theme_popup_cont_wrap .popup_cont_btm { text-align: center; margin-top: 40px; }
.popup_wrap .theme_popup_cont_wrap .popup_cont_btm .btn { width: 160px; height: 50px; margin-left: 10px; }
.popup_wrap .theme_popup_cont_wrap .popup_cont_btm .btn:first-child { margin-left: 0; }
.popup_wrap .popup_close { position: absolute; top: 10px; right: -50px; width: 50px; height: 50px; background-color: #e5e5e5; color: #fff; font-size: 32px; border-radius: 0; }

.popup_wrap .theme_popup_cont_wrap { width: 100%; height: 100%; background-color: #fff; padding: 40px; }
.popup_wrap .theme_popup_cont_wrap .popup_cont { position: relative; height: calc(100% - 90px); }
.popup_wrap .theme_popup_cont_wrap .popup_cont .tit { position: relative; }
.popup_wrap .theme_popup_cont_wrap .popup_cont .tit .info_modal_wrap { float: right; }
.popup_wrap .theme_popup_cont_wrap .popup_cont_btm { text-align: center; margin-top: 40px; }
.popup_wrap .theme_popup_cont_wrap .popup_cont_btm .btn { width: 160px; height: 50px; margin-left: 10px; }
.popup_wrap .theme_popup_cont_wrap .popup_cont_btm .btn:first-child { margin-left: 0; }
.popup_wrap .theme_popup_close { position: absolute; top: 10px; right: -50px; width: 50px; height: 50px; background-color: #e5e5e5; color: #fff; font-size: 32px; border-radius: 0; }

.theme_popup_keyword_wrap .popup_keyword_section:first-child { margin-left: 0 !important; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_tit { font-size: 16px; color: #229B61; margin-bottom: 20px; font-weight: 700; line-height: 20px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_tit_wrap .popup_keyword_tit { float: left; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_tit_wrap .info_modal_wrap { float: right; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_tit_wrap .info_modal_wrap > i { font-size: 20px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_tit_wrap .info_modal_wrap .info_modal { width: 305px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box { height: calc(100% - 40px); border: solid 1px #e5e5e5; background-color: #f9f9f9; padding: 25px 20px; font-size: 14px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field { position: relative; height: 34px; margin-bottom: 12px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel { float: left; width: 28%; height: 100%; margin-right: 2%; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel .custom_select_input { line-height: 32px; height: 34px; background-color: #43D277 !important; border: solid 1px #43D277; color: #fff; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel .custom_select_arrow { color: #fff; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_input { width: 100%; height: 100%; border: solid 1px #85C688; background-color: #fff; padding: 0 34px 0 10px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel + .popup_keyword_field,
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel + .popup_keyword_input { float: left; width: 70%; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_submit { position: absolute; top: 0; right: 0; width: 34px; height: 34px; border: none; background-color: transparent; color: #85C688; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_search { margin-top: -12px; width: 100%; margin-bottom: 12px; height: 120px; overflow-y: auto; background-color: #fff; padding: 5px 0; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_search > li { padding: 8px 10px; cursor: pointer; color: #7c7c7c; }
/*.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_search > li:hover { color: #43D277; }*/
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select { height: calc(100% - 46px); background-color: #fff; padding: 20px 10px; overflow: auto; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_search + .popup_keyword_select { height: calc(100% - 166px); }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li .code { width: 30%; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li .cate { width: 30%; text-align: center; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li .indicate { width: calc(70% - 2px); margin-left: 2px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td { cursor: pointer; position: relative; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td:hover,
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td.select,
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td.now { background-color: #EFF9F2; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td:hover > div,
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td.select > div,
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td.now > div { color: #43D277; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_btn_wrap { margin-top: 11px; text-align: center; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_btn_wrap > button { width: 110px; margin-left: 5px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_btn_wrap > button:first-child { margin-left: 0; }



/* popup */
.popup_layer { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1010; background-color: rgba(0, 0, 0, 0.35); display: none; }
.popup_wrap { position: absolute; top: 50%; left: 50%; min-height: 400px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.popup_wrap .popup_cont_wrap { width: 100%; height: 100%; background-color: #fff; padding: 40px; }
.popup_wrap .popup_cont_wrap .popup_cont { position: relative; height: calc(100% - 90px); }
.popup_wrap .popup_cont_wrap .popup_cont .tit { position: relative; }
.popup_wrap .popup_cont_wrap .popup_cont .tit .info_modal_wrap { float: right; }
.popup_wrap .popup_cont_wrap .popup_cont_btm { text-align: center; margin-top: 40px; }
.popup_wrap .popup_cont_wrap .popup_cont_btm .btn { width: 160px; height: 50px; margin-left: 10px; }
.popup_wrap .popup_cont_wrap .popup_cont_btm .btn:first-child { margin-left: 0; }
.popup_wrap .popup_close { position: absolute; top: 10px; right: -50px; width: 50px; height: 50px; background-color: #e5e5e5; color: #fff; font-size: 32px; border-radius: 0; }

.popup_keyword_wrap { width: 1100px; height: 70%; }
.popup_keyword_wrap .popup_cont_wrap .popup_cont::after { content: '\e601'; font-family: xeicon; position: absolute; color: #e5e5e5; text-align: center; width: 4%; top: 50%; left: 50%; transform: rotate(-45deg) translate(-50%,-50%); }
.popup_keyword_wrap .popup_keyword_section { float: left; width: 48%; margin-left: 4%; height: 100%; text-align: left; }

.popup_keyword_wrap .popup_keyword_section:first-child { margin-left: 0 !important; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_tit { font-size: 16px; color: #229B61; margin-bottom: 20px; font-weight: 700; line-height: 20px; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_tit_wrap .popup_keyword_tit { float: left; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_tit_wrap .info_modal_wrap { float: right; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_tit_wrap .info_modal_wrap > i { font-size: 20px; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_tit_wrap .info_modal_wrap .info_modal { width: 305px; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box { height: calc(100% - 40px); border: solid 1px #e5e5e5; background-color: #f9f9f9; padding: 25px 20px; font-size: 14px; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field { position: relative; height: 34px; margin-bottom: 12px; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel { float: left; width: 28%; height: 100%; margin-right: 2%; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel .custom_select_input { line-height: 32px; height: 34px; background-color: #43d277 !important; border: solid 1px #43d277; color: #fff; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel .custom_select_arrow { color: #fff; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_input { width: 100%; height: 100%; border: solid 1px #43d277; background-color: #fff; padding: 0 34px 0 10px; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel + .popup_keyword_field,
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel + .popup_keyword_input { float: left; width: 70%; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_submit { position: absolute; top: 0; right: 0; width: 34px; height: 34px; border: none; background-color: transparent; color: #43d277; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_search { margin-top: -12px; width: 100%; margin-bottom: 12px; height: 120px; overflow-y: auto; background-color: #fff; padding: 5px 0; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_search > li { padding: 8px 10px; cursor: pointer; color: #7c7c7c; }
/*.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_search > li:hover { color: #43D277; }*/
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select { height: calc(100% - 46px); background-color: #fff; padding: 20px 10px; overflow: auto; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_search + .popup_keyword_select { height: calc(100% - 166px); }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li .code { width: 30%; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li .cate { width: 30%; text-align: center; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li .indicate { width: calc(70% - 2px); margin-left: 2px; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td { cursor: pointer; position: relative; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td:hover,
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td.select,
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td.now { background-color: #EFF9F2; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td:hover > div,
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td.select > div,
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td.now > div { color: #43d277; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_btn_wrap { margin-top: 11px; text-align: center; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_btn_wrap > button { width: 110px; margin-left: 5px; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_btn_wrap > button:first-child { margin-left: 0; }



.popup_category_wrap { height: 80%; }
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select { height: calc(100% - 93px); }
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_btm { margin-top: 12px; text-align: center; }
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_btm > button { margin: 0 3px; }
/* .popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul button { position: absolute; top: 0; right: 0; width: 1.8em; height: 1.8em; background-color: #43D277; color: #fff; display: none; } */
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li:hover button { display: block; }
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul .indicate { padding-right: 2em; }
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul .category_wrap { position: absolute; width: 1.8em; height: 100%; top: 0; right: 0; padding: 0; display: none; }
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul .category_wrap button { width: 1.8em; height: 100%; background-color: #43D277; color: #fff; }
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul .category_wrap .category_more_list { display: none; position: absolute; top: 0; right: 22px; width: 60px; background-color: #fff; color: #7c7c7c; font-size: 12px; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.03); z-index: 10; }
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul .category_wrap .category_more_list > div { line-height: 30px; border-top: solid 1px #f9f9f9; text-align: center; cursor: pointer; }
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul .category_wrap .category_more_list > div:first-child { border-top: none; }
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul .category_wrap .category_more_list > div:hover { background-color: #f1f1f1; }
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul .category_wrap .category_more_list > div > i { margin-right: 5px; }
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li:last-child .category_wrap .category_more_list { top: auto; bottom: 0; }
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li:hover .category_wrap,
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.now .category_wrap { display: block; }
.popup_category_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.now .category_wrap .category_more_list { display: block; }

/* 최근 검색어 */
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_recent_search { padding: 10px 15px 10px 20px; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_recent_search > li.keyword_search_tit { font-size: 14px; color: #2f2f2f; font-weight: bold; line-height: 30px; cursor: inherit; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_recent_search > li { position: relative; padding: 0; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_recent_search > li:after { content: ''; display: block; clear: both;  }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_recent_search > li .keyword { font-size: 14px; color: #7c7c7c; line-height: 20px; width: 100%; padding: 5px 22px 5px 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_recent_search > li .keyword .sub_indicate { font-size: 12px; line-height: 20px; padding-bottom: 4px; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_recent_search > li > i,
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_recent_search > li .delete_btn { position: absolute; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_recent_search > li > i { left: 0; font-size: 14px; color: #999; margin-right: 8px; line-height: 30px; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_recent_search > li .delete_btn { right: 0; font-size: 12px; color: #999; font-weight: 300; padding: 0 5px; display: inline-block; line-height: 30px; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_recent_search > li:hover p, .popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_recent_search > li.keyword_search_desc:hover .delete_btn, .popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_recent_search > li.keyword_search_tit .delete_btn:hover { color: #43D277; }

.table_keyword { width: 100%; table-layout: fixed; }
.table_keyword thead th { background-color: #999; }
.table_keyword thead th div { text-align: center; background-color: #999; color: #fff; font-size: 12px; line-height: 24px; }
.table_keyword thead th:last-child { border-left: 2px solid #fff; }
.table_keyword tbody tr { cursor: pointer; }
.table_keyword tbody td,
.table_keyword thead th { position: relative; }
.table_keyword tbody td > div { width: 100%; font-size: 14px; line-height: 24px; padding: 0 10px; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.table_keyword tbody td .indicate .main_indicate { height: 24px; }
.table_keyword tbody td .indicate .main_indicate label { line-height: 24px !important; }
.table_keyword tbody td .indicate .sub_indicate { font-size: 12px; height: 20px; line-height: 20px; padding-bottom: 2px; }
.table_keyword tbody td .indicate .sub_indicate label { font-size: 12px; line-height: 20px; }
.table_keyword tbody td .indicate .sub_indicate label::before,
.table_keyword tbody td .indicate .sub_indicate label::after { display: none; }
.table_keyword tbody td > .code { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.table_keyword tbody td:last-child > div { padding-left: 12px; }
.table_keyword .custom_checkbox .indicate { padding-left: 1.5rem; }
.table_keyword.table_keyword_btn td:last-child > div { padding-right: 2.2em; }
.table_keyword.table_keyword_btn td .custom-checkbox-btn { height: 100% !important; }
.table_keyword.table_keyword_btn td .custom-checkbox-btn > i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.table_keyword.table_keyword_btn td:hover .custom-checkbox-btn { display: block; }
.table_keyword.table_keyword_checkbox .custom_checkbox { position: absolute; top: 0; left: 0; width: 100%; padding: 0; }
.table_keyword.table_keyword_checkbox tbody td .custom_checkbox { height: 100%; }
.table_keyword.table_keyword_checkbox .custom_checkbox .custom-control-label { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; display: block; }
.table_keyword.table_keyword_checkbox .custom_checkbox .custom-control-label::before,
.table_keyword.table_keyword_checkbox .custom_checkbox .custom-control-label::after { top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 0; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_keyword tbody td .code { text-align: center; color: #7c7c7c; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_keyword tbody tr:hover td > div,
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_keyword tbody tr.select td > div { background-color: #EFF9F2; color: #43D277; }
.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_keyword tbody tr.select { float: none; }
.popup_keyword_wrap .popup_keyword_section .tooltips { width: auto !important; padding: 6px 10px; }

/* 210118 */
.popup_user_keyword_wrap { width: 1100px; }
/* .popup_user_keyword_wrap .popup_cont_wrap .popup_cont::after {  left: 42.6%; } */
/* .popup_user_keyword_wrap .popup_keyword_section.categories { width: 41%; } */
/* .popup_user_keyword_wrap .popup_keyword_section.indicates { width: 56%; margin-left: 3%; } */
.popup_keyword_select { padding: 10px 15px; }
.table_keyword tbody td > div { margin-top: 0; padding: 5px 10px; }
.table_keyword tbody td { border-top: solid 1px #e9ebef; }
.table_keyword tbody tr:first-child td { border-top: none; }

.popup_keyword_field > .popup_keyword_search { position: absolute; width: 100%; right: 0; top: 47px; z-index: 10; border: solid 1px #e5e5e5; border-top: none; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); }


.popup_news_wrap {width: 1180px; height: 75%;}
.popup_wrap.popup_news_wrap .popup_cont_wrap { padding: 30px; }
.popup_news_wrap .popup_cont > .tit { font-size: 16px; font-weight: 500; color: #000; margin-bottom: 5px; }
.popup_news_wrap .popup_cont > .tit span{ color: #229B61; }
.popup_news_wrap .popup_cont > .table_cont_wrap { height: calc(100% - 34px); }
.popup_news_wrap .popup_cont > .table_cont_wrap .table_cont { height: 100%; }
.popup_news_wrap .popup_cont > .table_cont_wrap .table_cont .tbody { height: calc(100% - 50px); }
.popup_news_wrap .popup_cont > .table_cont_wrap .table_cont .tbody .tr { cursor: pointer; }
.popup_news_wrap .popup_cont > .table_cont_wrap .table_cont .tbody .td > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.popup_news_wrap .popup_cont > .table_cont_wrap .table_cont .tbody .tooltips_preview { display: none; top: 100%; left: 20px; width: 70%; }
.popup_news_wrap .popup_cont > .table_cont_wrap.text_overflow_none .table_cont .tbody { height: calc(100% - 50px); max-height: none; }


.popup_news_list .tit { width: 60%; }
.popup_news_list .tit_risk { width: 80%; }
.popup_news_list .tit > div{ padding-left:15px; }
.popup_news_list .tit_risk > div{ padding-left:15px; }
.popup_news_list .press { width: 20%; }
.popup_news_list .date { width: 20%; color: #7c7c7c; }

.popup_news_wrap .sub_tit_wrap { margin-bottom: 5px; }
.popup_news_wrap .sub_tit_wrap .sub_tit {width:100%; font-size: 24px; margin-bottom: 5px;}
.popup_news_wrap .sub_tit_wrap .date { float: left; line-height: 38px; font-size: 14px; color: #d9d9d9; }
.popup_news_view {width:100%; height: calc(100% - 60px); border: solid 1px #e5e5e5; overflow-y: scroll; line-height: 20px; padding: 20px; line-height: 150%;}

.popup_stock_return_table_for_period_event { width: 1180px; max-height: 75%; }
.popup_stock_return_table_for_period_event .popup_cont > .tit { font-size: 16px; font-weight: 500; color: #000; margin-bottom: 15px; }
.popup_stock_return_table_for_period_event .popup_cont > .tit span{ color: #229B61; }
.popup_stock_return_table_for_period_event .popup_cont > .table_cont_wrap { height: calc(100% - 21px); }
.table_cont_wrap .scroll_table_cont { width: calc(100% + 8px); max-height: 450px; overflow-y: scroll; overflow-x: hidden; }
.table_cont_wrap .scroll_table_cont .table_cont { border-top: none; }
.table_cont_wrap.table_scroll .scroll_table_cont { width: 100%; border-bottom: solid 1px #e5e5e5; }
.table_cont_wrap.table_scroll .scroll_table_cont table tbody tr:last-child td,
.table_cont_wrap.table_scroll .scroll_table_cont table tbody tr:last-child th { border-bottom: none; }
.table_cont_wrap.table_scroll > .table_cont thead tr:last-child th:last-child,
.table_cont_wrap.table_scroll > .table_cont tbody td:last-child,
.table_cont_wrap.table_scroll > .table_keyword thead tr:last-child th:last-child,
.table_cont_wrap.table_scroll > .table_keyword tbody td:last-child { /* border-left: none; */ padding-right: 8px; }
.table_cont_wrap.table_scroll > .table_cont thead tr:last-child th:last-child > div,
.table_cont_wrap.table_scroll > .table_cont tbody td:last-child > div { padding: 0; }

.popup_category_add_wrap { width: 550px; }

.popup_financial_statements_wrap {width: 1180px; height: 75%;}
.popup_wrap.popup_financial_statements_wrap .popup_cont_wrap { padding: 30px; }
.popup_financial_statements_wrap .popup_cont > .tit { font-size: 16px; font-weight: 500; color: #000; margin-bottom: 5px; }
.popup_financial_statements_wrap .popup_cont > .tit span{ color: #229B61; }
.popup_financial_statements_wrap .sub_tit_wrap { margin-bottom: 5px; }
.popup_financial_statements_wrap .sub_tit_wrap .sub_tit {width:100%; font-size: 24px; margin-bottom: 5px;}
.popup_financial_statements_wrap .sub_tit_wrap .date { float: left; line-height: 38px; font-size: 14px; color: #d9d9d9; }
.popup_financial_statements_view {width:100%; height: calc(100% - 20px); border: solid 1px #e5e5e5; overflow-y: scroll; line-height: 20px; padding: 20px; line-height: 150%;}

.popup_financial_detail_wrap { width: 630px; height: 75%; max-height: 615px; }
.popup_financial_detail_wrap.double_chart { width: 1154px; }
.popup_wrap.popup_financial_detail_wrap .popup_cont_wrap { padding: 30px; }
.popup_financial_detail_view { height: calc(100% - 20px); line-height: 150%; margin: 0 -7px; }
.popup_financial_detail_view .financial_detail_chart_wrap { float: left; width: 540px; height: 100%; margin: 7px; box-sizing: border-box; }
.popup_financial_detail_view .financial_detail_chart_wrap:nth-child(even) { display: none; }
.popup_financial_detail_view .financial_detail_chart_wrap .sub_tit_wrap { margin-bottom: 22px; }
.popup_financial_detail_view .financial_detail_chart_wrap .sub_tit { width: 100%; text-align: center; color: #333; }
.popup_financial_detail_view .financial_detail_chart_wrap .financial_detail_chart_box { position: relative; border: solid 1px #eee; height: calc(100% - 60px); padding: 30px 15px 50px; }
.popup_financial_detail_view .financial_detail_chart_wrap:nth-child(even) .financial_detail_chart_box { padding: 30px 3px 50px 15px; }
.popup_financial_detail_view .financial_detail_chart_wrap .financial_detail_chart { position: relative; z-index: 1; background-color: #fff; width: 100%; height: 100%; }
.popup_financial_detail_view .financial_detail_chart_wrap .financial_detail_double_btn { position: absolute; right: -30px; top: 50%; margin-top: -25px; width: 30px; height: 50px; border-radius: 0 30px 30px 0; background-color: #e5e5e5; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); z-index: 0; }
.popup_financial_detail_view .financial_detail_chart_wrap .financial_detail_double_btn span { position: absolute; top: 50%; left: 50%; margin-left: -7px; transform: translateY(-50%); display: block; width: 0; height: 0; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-left: 10px solid #fff; border-right: 10px solid transparent; box-sizing: border-box; }
.popup_financial_detail_wrap.double_chart .popup_financial_detail_view .financial_detail_chart_wrap:nth-child(even) { display: block; }
.popup_financial_detail_wrap.double_chart .popup_financial_detail_view .financial_detail_chart_wrap .financial_detail_double_btn { display: none; }

.popup_wrap.popup_company_graph_detail_wrap .popup_cont_wrap { padding: 30px; }
.company_graph_detail_view .company_graph_chart_wrap { position: relative; border: solid 1px #eee; width: 1120px; height: 600px; }
.company_graph_detail_view .info_txt { font-size: 10px; color: #999; letter-spacing: -0.5px; margin-top: 20px; }
.company_graph_detail_view .info_txt i { margin-right: 5px; vertical-align: middle; }
.company_graph_detail_view .data_depth_wrap { position: relative; width: 555px; height: 2px; background-color: #dddddd; margin: 35px auto; }
.company_graph_detail_view .data_depth_wrap .range { position: absolute; width: 0; height: 100%; left: 0; top: 0; background-color: #87c04b; z-index: 5; }
.company_graph_detail_view .depth_wrap { width: 100%; height: 21px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 10; display: flex; justify-content: space-between; }
.company_graph_detail_view .depth_wrap .depth { float: left; width: 21px; height: 21px; border-radius: 30px; color: #999; background-color: #fff; border: 1px solid #bfbfbf; box-shadow: 0 0 7px rgba(173,173,173,0.6); cursor: pointer; position: relative; transition: all 0.2s; }
.company_graph_detail_view .depth_wrap .depth .number { font-size: 10px; position: absolute; left: 47%; top: 50%; transform: translate(-50%, -50%); }
.company_graph_detail_view .depth_wrap .depth.on { border-color: #87c04b; color: #88c14c; }


/* modal */
.modal_layer { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1010; background-color: rgba(0, 0, 0, 0.35); display: none; }
.modal_wrap { position: absolute; width: 430px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; padding: 40px; text-align: center; }
.modal_wrap .modal_icon { font-size: 80px; color: #e5e5e5; margin-bottom: 20px; }
.modal_wrap .modal_cont { font-size: 18px; font-weight: 500; color: #2f2f2f; line-height: 150%; }
.modal_wrap .modal_cont span.green { color: #43D277; }
.modal_wrap .modal_cont span.notice { font-size: 13px; }
.modal_wrap .modal_cont span.notice.warning { color: #E96060; }
.modal_wrap .modal_btn_wrap { margin-top: 25px; }
.modal_wrap .modal_btn_wrap button { width: 160px; height: 50px; margin: 0 3px; border: solid 1px #e5e5e5; color: #a1a1a1; }

/*** main ***/
.main_wrap .header { position: absolute; width: 100%; left: 0; top: 50px; text-align: center; z-index: 99; }
.main_wrap .header .header_menu_wrap .header_menu.logout,
.main_wrap .header .header_menu_wrap .header_menu.login b,
.main_wrap .header .header_menu_wrap .header_menu.login i { color: #7c7c7c; }
.main_wrap .footer { position: absolute; left: 0; bottom: 0; text-align: center; z-index: 99; }

.main_wrap .main_search_wrap { position: absolute; left: 50%; top: 50%; margin-left: -630px; -webkit-transform: translateY(-50.4%); transform: translateY(-50.4%); text-align: center;  }
.main_wrap .main_search_wrap .main_search_logo { margin-bottom: 50px; }
.main_wrap .main_search_wrap .search .search_input_wrap { height: 70px; }
.main_wrap .main_search_wrap .search .search_select { line-height: 70px; }
.main_wrap .main_search_wrap .search .search_select > i { line-height: 70px; }
.main_wrap .main_search_wrap .search .search_input { background: transparent; transition: background 0.5s ease; }
.main_wrap .main_search_wrap .search .search_input.focus { background-color: #fff; }
.main_wrap .main_search_wrap .search .search_input .search_input_field { line-height: 70px; }
.main_wrap .main_search_wrap .search .search_input .search_input_field:empty:before { line-height: 70px; }
.main_wrap .main_search_wrap .search .search_input > input { background: transparent; transition: background 0.5s ease; }
.main_wrap .main_search_wrap .search .search_input > input:focus { background-color: #fff; }
.main_wrap .main_search_wrap .search .search_category_wrap,
.main_wrap .main_search_wrap .search .search_recomm_wrap .search_recomm_section { transition: height 0.5s ease; }

.main_wrap .main_login_wrap { position: absolute; width: 450px; left: 50%; top: 50%; margin-left: -225px; -webkit-transform: translateY(-50.4%); transform: translateY(-50.4%); text-align: center; z-index: 99; background-color: #fdfdfd; border: solid 1px #f2f2f2; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.03); padding: 60px 35px; }
.main_wrap .main_login_wrap .main_login_tit .main_login_desc { color: #7c7c7c; margin-top: 20px; }
.main_wrap .main_login_wrap .main_login .main_login_input { margin: 60px 0 0 40px;}
.main_wrap .main_login_wrap .main_login .main_login_input .label_input_field { border-radius: 5px; overflow: hidden; margin-top: 10px; }
.main_wrap .main_login_wrap .main_login .main_login_input .label_input_field:first-child { margin-top: 0; }
.main_wrap .main_login_wrap .main_login .main_login_input .login_check_wrap { float: left; width: 40%; margin-top: 20px; }
.main_wrap .main_login_wrap .main_login .main_login_input .login_check_wrap.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { left: -25px; }
.main_wrap .main_login_wrap .main_login .main_login_btn_wrap { margin-top: 60px; }
.main_wrap .main_login_wrap .main_login .main_login_btn_wrap .login_btn { width: 180px; height: 50px; }

.main_wrap .main_login_wrap .main_login .label_input_field { display:block; position: relative; width: 100%; background-color: #fff; border: solid 1px #f2f2f2; height: 50px; }
.main_wrap .main_login_wrap .main_login .label_input_field label, .label_input_field input { height: 100%; padding: 0 15px; }
.main_wrap .main_login_wrap .main_login .label_input_field input { width: 100%; color: #2f2f2f; font-size: 14px; }

.main_visual { position: relative; width: 100%; }
.main_visual .item { position: relative; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

#particles-js{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/*** sub ***/
.sub_wrap .header { position: relative; background-color: #2f2f2f; padding: 30px 0; z-index: 11; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15); }
.sub_wrap .header .header_menu_wrap .top_nav .top_nav_menu { top: calc(100% + 30px); }
.sub_wrap .search_wrap { position: absolute; left: 220px; top: 50%; margin-top: -30px; width: 725px; z-index: 1001; }
.sub_wrap .search { background-color: #fff; }
.sub_wrap .footer { z-index: 11; }

.sub_tit { color: #000; }
.sub_tit.white { color: #fff; }
.sub_tit span { font-size: 16px; font-weight: 500; color: #999; margin-left: 10px; }
.sub_tit.icon { position: relative; padding-left: 30px; }
.sub_tit.icon > i { position: absolute; left: 0; top: 0; font-size: 22px; line-height: 38px; }
.sub_tit.icon::before { content: ''; left: 0; top: 0; position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left center; }
.sub_contents_nav .sub_tit.icon > i { top:-3px; }
.sub_tit.icon.base_chart::before { background-image: url(/assets/icon_base_chart-6844a84719005c48db2d373ebc744c23.png); }
.sub_tit.white.icon.base_chart::before { background-image: url(/assets/icon_base_chart_white-60adaad18218ca947a5d9de18fb433ca.png); }
.sub_tit.icon.correlation_chart::before { background-image: url(/assets/icon_correlation_chart-6b20b03de7e4e9eacf5e92273e1be134.png); }
.sub_tit.white.icon.correlation_chart::before { background-image: url(/assets/icon_correlation_chart_white-9637f6f49f45d0710314585a4a2af5b2.png); }
.sub_tit.icon.news::before { background-image: url(/assets/icon_news-961bb661b999dcfc9bc6c26472b506e7.png); }
.sub_tit.white.icon.news::before { background-image: url(/assets/icon_news_white-124513b952c2b86af1e25bb7e26e863d.png); }
.sub_tit.icon.process_chart::before { background-image: url(/assets/icon_process_chart-d2bb16407e343812a36d85cb69acfc7c.png); }
.sub_tit.white.icon.process_chart::before { background-image: url(/assets/icon_process_chart_white-4c29428ceab077e319f570f82c7af83c.png); }
.sub_tit.icon.related::before { background-image: url(/assets/icon_related-0d57a90253ab3820e063a646a0c7c6c2.png); }
.sub_tit.white.icon.related::before { background-image: url(/assets/icon_related_white-478908cd9de721087bab9fd65d2d05c3.png); }
.sub_tit.icon.requirement::before { background-image: url(/assets/icon_requirement-d7829c7e26f660f2534bf1ebd8d29ea6.png); }
.sub_tit.white.icon.requirement::before { background-image: url(/assets/icon_requirement_white-239f898cf402c209ca4bdfd113c1018d.png); }
.sub_tit.icon.scatter_chart::before { background-image: url(/assets/icon_scatter_chart-54e8cf50b490118f8cb4ecbc9cc40fd4.png); }
.sub_tit.white.icon.scatter_chart::before { background-image: url(/assets/icon_scatter_chart_white-30165cc5726ba0cd1e1d476392e0642d.png); }
.sub_tit.icon.summary::before { background-image: url(/assets/icon_summary-437ff270aaad9bc4d9298eb4c2fde1bc.png); }
.sub_tit.white.icon.summary::before { background-image: url(/assets/icon_summary_white-b9b90aed7fca26d46dec0ce306c07cd9.png); }
.sub_tit.icon.industry_stock_list::before { background-image: url(/assets/icon_industry_stock_list-213b85037ee399a13c6593bd48c9c6ee.png); }
.sub_tit.white.icon.industry_stock_list::before { background-image: url(/assets/icon_industry_stock_list_white-e2a3f102529dc3cb7a7464ed7dd0c046.png); }
.sub_tit.icon.market_index::before { background-image: url(/assets/icon_market_index-1ad80d8e178452c86e778b4900e0f013.png); }
.sub_tit.white.icon.market_index::before { background-image: url(/assets/icon_market_index-1ad80d8e178452c86e778b4900e0f013.png); }
.sub_tit.icon.updown_table::before { background-image: url(/assets/icon_updown_table-76f677560297095c7acd6aa9e67457db.png); }
.sub_tit.white.icon.updown_table::before { background-image: url(/assets/icon_updown_table_white-72712403a2e9426f6447a889b9abac1d.png); }
.sub_tit.icon.industry_rank_chart::before { background-image: url(/assets/icon_industry_rank_chart-a29ae354135cccaf0df77eeff7bd600e.png); }
.sub_tit.icon.white.industry_rank_chart::before { background-image: url(/assets/icon_industry_rank_chart_white-c1905cdf4d2fcb3e7516dea317873208.png); }
.sub_tit.icon.stock_rank_table::before { background-image: url(/assets/icon_stock_rank_table-922fdf7e9021010f221bd49a17eb7942.png); }
.sub_tit.icon.white.stock_rank_table::before { background-image: url(/assets/icon_stock_rank_table_white-41d0d7dae59f4c5d200e314778a68e23.png); }
.sub_tit.icon.diff_histogram::before { background-image: url(/assets/icon_diff_histogram-5c746dfc28a34fcd6a4860a97b277875.png); }
.sub_tit.icon.white.diff_histogram::before { background-image: url(/assets/icon_diff_histogram_white-76baa23352861669ca1ece7c34c0e5e6.png); }
.sub_tit.icon.return_histogram::before { background-image: url(/assets/icon_return_histogram-4cd2371bcf7eeac826cc41671e6cb44a.png); }
.sub_tit.icon.white.return_histogram::before { background-image: url(/assets/icon_return_histogram_white-db61b8226702827c37141c6080f219c4.png); }
.sub_tit.icon.avg_return_table_for_date_event::before { background-image: url(/assets/icon_avg_return_table_for_date_event-ce6b3da020dcf7cf776d259e22f68308.png); }
.sub_tit.icon.white.avg_return_table_for_date_event::before { background-image: url(/assets/icon_avg_return_table_for_date_event_white-32541d049cd2570641a2fc4de0fc458f.png); }
.sub_tit.icon.industry_return_table_for_date_event::before { background-image: url(/assets/icon_industry_return_table_for_date_event-b7c752e7ac3d1d3c9fd80ee001f7b100.png); }
.sub_tit.icon.white.industry_return_table_for_date_event::before { background-image: url(/assets/icon_industry_return_table_for_date_event_white-6329d7dd0a9c7d20b62a93e12efaa933.png); }
.sub_tit.icon.avg_return_table_for_period_event::before { background-image: url(/assets/icon_avg_return_table_for_period_event-c65da21c286427c60a9a2dac39b5de08.png); }
.sub_tit.icon.white.avg_return_table_for_period_event::before { background-image: url(/assets/icon_avg_return_table_for_period_event_white-8a5ba1c7505858ff3514eb669d5f211e.png); }
.sub_tit.icon.stock_return_table_for_date_event::before { background-image: url(/assets/icon_stock_return_table_for_date_event-d5b9ad39b0f70cfa10ebe7e66fa840c2.png); }
.sub_tit.icon.white.stock_return_table_for_date_event::before { background-image: url(/assets/icon_stock_return_table_for_date_event_white-e61e89a5de3c0d04e7233e99a6a4ed71.png); }
.sub_tit.icon.industry_return_table_for_period_event::before { background-image: url(/assets/icon_industry_return_table_for_period_event-e235c173ef85ed13711023543369c4a3.png); }
.sub_tit.icon.white.industry_return_table_for_period_event::before { background-image: url(/assets/icon_industry_return_table_for_period_event_white-fc00df13b76743369e90f50fed15a6e8.png); }
.sub_tit.icon.stock_return_table_for_period_event::before { background-image: url(/assets/icon_stock_return_table_for_period_event-1c4d7745298258b45361f8d85c8a77c8.png); }
.sub_tit.icon.white.stock_return_table_for_period_event::before { background-image: url(/assets/icon_stock_return_table_for_period_event_white-e66bfc3b48aa7ba67d629fd7f9a09469.png); }
.sub_tit.icon.return_histogram_for_date_event::before { background-image: url(/assets/icon_return_histogram_for_date_event-0f03f9ba5f87bf7b31e05a085badfd4b.png); }
.sub_tit.icon.white.return_histogram_for_date_event::before { background-image: url(/assets/icon_return_histogram_for_date_event_white-c528e35d28156573028fe4bd6c5bb930.png); }
.sub_tit.icon.base_chart_with_daily_event::before { background-image: url(/assets/icon_base_chart_with_daily_event-d50a87f98132e0c5994e4828c088355b.png); }
.sub_tit.icon.white.base_chart_with_daily_event::before { background-image: url(/assets/icon_base_chart_with_daily_event_white-b5528345b5fa5af6e0641a44e2b36936.png); }
.sub_tit.icon.base_chart_with_period_event::before { background-image: url(/assets/icon_base_chart_with_period_event-b535d61f2f8282c9f6a1a8c5975a6583.png); }
.sub_tit.icon.white.base_chart_with_period_event::before { background-image: url(/assets/icon_base_chart_with_period_event_white-e348141bd507b9d4ad2682ff4bcdd8d4.png); }
.sub_tit.icon.return_chart_for_date_event::before { background-image: url(/assets/icon_return_chart_for_date_event-61d66d5a64ab9f3465e34dad5c7d9576.png); }
.sub_tit.icon.white.return_chart_for_date_event::before { background-image: url(/assets/icon_return_chart_for_date_event_white-150b5ce477236e417472295e2371890a.png); }
.sub_tit.icon.return_chart_for_period_event::before { background-image: url(/assets/icon_return_chart_for_period_event-80c1e97a7a18061cbdd2922f2a157370.png); }
.sub_tit.icon.white.return_chart_for_period_event::before { background-image: url(/assets/icon_return_chart_for_period_event_white-02e6fccbe9e47de6ba180c22ab05e4be.png); }
.sub_tit.icon.basic_info::before { background-image: url(/assets/icon_basic_info-f82e17015102963ba5896702d1bf4367.png); }
.sub_tit.icon.white.basic_info::before { background-image: url(/assets/icon_basic_info_white-4c69235886ca1ed8fa3e86fbf1b517b4.png); }
.sub_tit.icon.consensus::before { background-image: url(/assets/icon_consensus-8bd39d98d4c2450dfc18c47f7d5687c7.png); }
.sub_tit.icon.white.consensus::before { background-image: url(/assets/icon_consensus_white-8dda1c892d36147269fd03a34f574391.png); }
.sub_tit.icon.event_analysis::before { background-image: url(/assets/icon_event_analysis-7be0444c3917d4db0fa37e69a231b835.png); }
.sub_tit.icon.white.event_analysis::before { background-image: url(/assets/icon_event_analysis_white-764d61856357da5e75c4825eed634b33.png); }
.sub_tit.icon.financial_highlight::before { background-image: url(/assets/icon_financial_highlight-c8e9ba733cead31addc21da515789ef8.png); }
.sub_tit.icon.white.financial_highlight::before { background-image: url(/assets/icon_financial_highlight_white-83812e5d7dc60aa3213ca1a2dbcf9809.png); }
.sub_tit.icon.industry_indicators::before { background-image: url(/assets/icon_industry_indicators-c76748f990089beb31ebb27363c1822a.png); }
.sub_tit.icon.white.industry_indicators::before { background-image: url(/assets/icon_industry_indicators_white-bdcedc2b10a7d3b62dcc4239203f02a6.png); }
.sub_tit.icon.stockholder_info::before { background-image: url(/assets/icon_stockholder_info-29a4c7bfa7640b5d175ff6193c704b5c.png); }
.sub_tit.icon.white.stockholder_info::before { background-image: url(/assets/icon_stockholder_info_white-9bc05326f91f5a2952728d77294fbc0b.png); }
.sub_tit.icon.word_cloud::before { background-image: url(/assets/icon_word_cloud-bc44014972b925243c0795e5869d515e.png); }
.sub_tit.icon.white.word_cloud::before { background-image: url(/assets/icon_word_cloud_white-389b7ea504fbb061d3390ec153a30e7b.png); }
.sub_tit.icon.report::before { background-image: url(/assets/icon_report-1d0071c7bcabaa8db5bb384ae5d26025.png); }
.sub_tit.icon.white.report::before { background-image: url(/assets/icon_report_white-4bbff3ca41cb7d2b0568e0a2e1a6cb5a.png); }
.sub_tit.icon.company_graph_db { line-height: 20px !important; }
.sub_tit.icon.company_graph_db::before { background-image: url(/assets/icon_company_graph_db-70dfb2b39a449d33e4090ce2edb10854.png); background-position: left top; }
.sub_tit.icon.white.company_graph_db::before { background-image: url(/assets/icon_company_graph_db_white-505c659a72b606ccebc579f19b767c4c.png); }

/* .sub_contents_nav { position: fixed; width: 220px; height: 100%; top: 108px; right: 0; background-color: #2f2f2f; color: #fff; transition: width 0.5s ease; z-index: 10; overflow: hidden; }
.sub_contents_nav.fixed { position: fixed; top: 0; } */
.sub_contents_nav { position: fixed; width: 220px; height: 100%; bottom: 0; padding-top: 108px; right: 0; background-color: #2f2f2f; color: #fff; transition: width 0.5s ease; z-index: 10; overflow: hidden; }
.sub_contents_nav.fixed { padding-top: 0; }
.sub_contents_nav .tit_wrap { position: relative; border-bottom: solid 1px #000; padding: 0 20px; height: 75px; }
.sub_contents_nav .tit_wrap .tit { float: left; font-size: 20px; font-weight: 500; line-height: 75px; }
.sub_contents_nav .tit_wrap .sub_contents_nav_btn { position: absolute; right: 10px; top: 50%; margin-top: -20px; width: 40px; height: 40px; font-size: 24px; color: #43D277; }
.sub_contents_nav .tit_wrap .sub_contents_nav_btn::after { content: '\e6a9'; position: absolute; line-height: 40px; width: 100%; left: 0; top: 0; text-align: center; font-family: xeicon; }
.sub_contents_nav .sub_contents_list { margin-top: 15px; }
.sub_contents_nav .sub_contents_list > li > a { display: block; padding: 10px 22px;  }
.sub_contents_nav .sub_contents_list > li > a.deactive { cursor: default; }
.sub_contents_nav .sub_contents_list > li > a.deactive .sub_tit { color: #2f2f2f; }
.sub_contents_nav .sub_contents_list > li > a.deactive .sub_tit.icon::before { opacity: 0.3; }
.sub_contents_nav .sub_contents_list > li > a:not(.deactive):hover,
.sub_contents_nav .sub_contents_list > li > a:not(.deactive).now { background-color: #43D277; }
.sub_contents_nav .sub_contents_list .sub_tit { font-size: 14px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sub_contents_nav .sub_contents_list.list_modify > li { padding: 10px 22px; }
.sub_contents_nav .sub_contents_list.list_modify > li .custom-checkbox .custom-control-label { width: 100%; }
.sub_contents_nav .sub_contents_list.list_modify > li .custom-checkbox .custom-control-label .sub_tit { padding-left: 6px; color: #2f2f2f; }
.sub_contents_nav .sub_contents_list.list_modify > li .custom-checkbox .custom-control-input:checked ~ .custom-control-label .sub_tit { color: #fff; }
.sub_contents_nav .list_modify_btm { text-align: center; margin-top: 50px; }
.sub_contents_nav .list_modify_btm button { margin: 0 2px; width: 60px; border: solid 1px #e5e5e5; color: #fff; }
.sub_contents_nav .sub_contents_nav_btm { position: fixed; display: inline-block; right: 0; bottom: 20px; padding: 10px; }
.sub_contents_nav .sub_contents_nav_btm button { height: 40px; }
.sub_contents_nav .sub_contents_nav_btm .sub_contents_list_setting { float: right; width: 40px; color: #43D277; font-size: 20px; }
.sub_contents_nav.close_nav { width: 60px; }
.sub_contents_nav.close_nav .tit { display: none; }
.sub_contents_nav.close_nav .tit_wrap .sub_contents_nav_btn::after { content: '\e6ab'; }

.sub_contents_wrap { background-color: #f1f1f1; padding: 60px 0; }
.sub_contents { background-color: #fff; padding: 100px 40px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); }
.sub_section { margin-bottom: 150px; }
.sub_section:last-child { margin-bottom: 0; }

.sub_contents_wrap_new { background-color: #fff; }
.sub_contents_new { background-color: #fff; padding: 160px 30px 100px 40px; transition: .5s;}

.sub_contents_wrap_new .empty_data {size: 50%;}

.theme_sub_cont .theme_sub_cont .clear + .chart_period_wrap { margin-bottom: 5px; }
.theme_sub_cont .tit { float: left; line-height: 38px; }
.theme_sub_cont .download_btn_wrap { float: right; }
.theme_sub_cont .download_btn_wrap > li { float: left; margin-left: 3px; cursor: pointer; }

.sub_contents_wrap_with_nav .sub_section { margin-bottom: 0; }
.sub_contents_wrap_with_nav .sub_section.active { display: block; }
.sub_contents_wrap_with_nav .sub_section.active ~ .sub_section.active { margin: 150px 0 0 0 !important; }
.sub_contents_wrap_with_nav .detail {margin: 150px 0 0 0 !important;}

.sub_cont { position: relative; min-height: 70px; }
.sub_cont .sub_cont_loading { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.sub_cont .sub_cont_loading > i { font-size: 32px; color: #7c7c7c; }
.sub_cont .sub_cont_loading > p { font-size: 16px; color: #7c7c7c; }
.sub_cont .sub_cont_nodata { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.sub_cont .sub_cont_nodata > p { font-size: 16px; color: #7c7c7c; }

.x_page_loading { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.x_page_loading> i { font-size: 32px; color: #7c7c7c; }

.sub_tit_wrap { margin-bottom: 40px; }
.sub_tit_wrap .sub_tit { float: left; line-height: 38px; font-size: 24px; font-weight: 700; }
.sub_tit_wrap .download_btn_wrap { float: right; }
.sub_tit_wrap .download_btn_wrap > li { float: left; margin-left: 3px; cursor: pointer; }

.sub_contents_btm { margin: 60px auto 150px; }
.sub_contents_btm .sub_btm_btn { position: relative; float: left; height: 80px; background-color: #2f2f2f; width: 49%; margin-left: 2%; color: #fff; font-size: 20px; text-align: left; padding: 0 30px 0 60px; transition: background-color 0.5s ease; }
.sub_contents_btm .sub_btm_btn:hover { background-color: #229B61; }
.sub_contents_btm .sub_btm_btn:first-child { margin-left: 0; }
.sub_contents_btm .sub_btm_btn > i { position: absolute; left: 22px; top: 28px; margin-right: 10px; opacity: 0.1; font-size: 24px; }
.sub_contents_btm .sub_btm_btn::after { content:"\e60d"; position: absolute; font-family: xeicon; line-height: 80px; color: #e5e5e5; top: 0; right: 20px; }

.chart_period_print { color: #999; }
.chart_period_print > i { font-size: 16px; }
.chart_period_print > .date { font-size: 14px; margin-left: 5px; }

.chart_wrap .chart_period_wrap { margin-bottom: 20px; }
.chart_wrap .chart_period_wrap .chart_period,
.chart_wrap .chart_period_wrap > .tit { float: left; }
.chart_wrap .chart_period_wrap > .tit { margin-bottom: 0 !important; }
.chart_wrap .chart_period_wrap .chart_period .tit { width: 75px; }
.chart_wrap .chart_period_wrap .chart_period .chart_period_input { float: left; height: 36px; width: 200px; }
.chart_wrap .chart_period_wrap .chart_period .chart_period_input .input_period { height: 100%; }
.chart_wrap .chart_period_wrap .chart_period_tit { float: left; margin-bottom: 0; line-height: 36px; }
.chart_wrap .chart_period_wrap .chart_period_list { float: right; }
.chart_wrap .chart_period_wrap .chart_period_list > li { position: relative; float: left; line-height: 36px; font-size: 14px; margin-left: 2px; border-bottom: solid 1px #e5e5e5; width: 50px; text-align: center; cursor: pointer; }
.chart_wrap .chart_period_wrap .chart_period_list > li.active { color: #43D277; }
.chart_wrap .chart_period_wrap .chart_period_list > li.active::after { content: ''; position: absolute; width: 100%; height: 2px; background-color: #43D277; left: 0; bottom: -1px; }
.chart_wrap .chart_period_wrap .chart_tab { float: left; }
.chart_wrap .chart_period_wrap .chart_tab .input_radio_button_field .custom-radio .custom-control-label { width: 80px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); }
.chart_wrap .chart_desc { font-size: 18px; margin: 10px 0; font-weight: 700; }
.chart_wrap .chart_desc span { color: #43D277; }
.result_tit { font-size: 18px; margin-bottom: 20px; font-weight: 700; color: #7c7c7c; }
.result_tit span { color: #43D277; }

.basic_info_compare .chartbook_chart { position: relative; margin-top: 10px; padding-bottom: 0; }
.basic_info_compare .chartbook_chart .chart_summary { float:left; position: absolute; width: 20%; left: 28%; top: 5%; text-align: center; }
.basic_info_compare .chartbook_chart .chart_summary .tit { position: relative; font-size: 14px; color: #43d277; line-height: 150%; padding-bottom: 15px; margin-bottom: 15px; margin-top: 50px; }
.basic_info_compare .chartbook_chart .chart_summary .tit::before { content: ''; position: absolute; width: 27px; height: 1px; background-color: #e5e5e5; bottom: 0; left: 50%; margin-left: -13.5px; }
.basic_info_compare .chartbook_chart .chart_summary .data { font-size: 28px; color: #43d277; font-weight: 700; margin-top: 5px; }
.basic_info_compare .chartbook_chart .chart_summary .tit_average { position: relative; font-size: 14px; color: #7c7c7c; line-height: 150%; padding-bottom: 15px; margin-bottom: 15px; margin-top: 50px;  -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.basic_info_compare .chartbook_chart .chart_summary .data_average { font-size: 28px; color: #2f2f2f; font-weight: 700; margin-top: 5px; }

.radar_chart_wrap { position: relative; }
.radar_chart_wrap .radar_chart_area { position: relative; }
.radar_chart_wrap .radar_total_data { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 24px; font-weight: 700; color: #43d277; }
.radar_chart_wrap .radar_chart_tit { width: 100%; margin-top: 15px; font-weight: 500; color: #2f2f2f; text-align: center; }

.radar_label_wrap { display: inline-block; }
.radar_label_wrap .radar_label { position: relative; display: inline-block; font-size: 14px; margin-left: 50px; padding-left: 18px; }
.radar_label_wrap .radar_label::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: 20px; width: 10px; height: 10px; border-radius: 50%; }


.chart_btm { margin-top: 20px; }
.chart_btm .chart_btm_desc { font-size: 12px; color: #999; }

.chart_reset_btn { display: none; position: absolute; right: 0; bottom: 0; background-color: #999; border-radius: 0; border: none; color: #fff; height: 30px; font-size: 10px; padding: 0 12px; }

.news_chart_btm { position: relative; }
.news_chart_btm .chart_btm_desc { float: left; line-height: 37px; }
.news_chart_btm .setting_unit { float: right; }
.news_chart_btm .setting_unit .chart_period_print { float: left; line-height: 37px; }
.news_chart_btm .setting_unit .input_radio_button_field { margin-left: 10px; }
.news_chart_btm .setting_unit .input_radio_button_field .custom-radio { margin-left: 5px; }
.news_chart_btm .setting_unit .input_radio_button_field .custom-radio .custom-control-label { width: 50px; line-height: 30px; }
.news_chart_btm .dash_cont_box { float: left; padding: 7.5px 27.5px; margin-top: 10px; }
.news_chart_btm .input_radio_button_field .custom-radio { margin: 2.5px; }
.news_chart_btm .input_radio_button_field .dash_cont_box .custom-radio:first-child { margin-left: 2.5px !important; }
.news_chart_btm .input_radio_button_field > .custom_radio { margin-left: 30px !important; }
.news_chart_btm .input_radio_button_field .custom-radio .custom-control-label { padding: 0 10px; line-height: 30px; font-size: 12px; width: 107px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_chart_btm .input_radio_button_field.light .custom-radio .custom-control-input:checked ~ .custom-control-label { background-color: #229B61; border: solid 1px #229B61; }
.news_chart_btm .btn_submit { position: absolute; top: 0; right: 0; width: 110px; height: 30px; padding: 0; }
.news_chart_btm_guide { font-size: 24px; font-weight: bold; text-align: center; color: #fff; background-color: #e5e5e5; padding: 37px 0; margin-top: 40px; }


.macro_news_wrap .news_chart_wrap + .news_cont_wrap { padding-top: 0; border: none; }
.macro_news_wrap .news_board_wrap { padding-top: 0; }

.board_list_wrap > li { position: relative; width: 49%; height: 40px; float: left; margin-bottom: 10px;}
.board_list_wrap > li.board_list_btn { margin-right: 20px; position: relative; width: 370px; height: 40px; float: left; margin-bottom: 10px;}
.board_list_wrap > li .board_list_bt{width:100%; text-align: left; background-color: #2f2f2f; font-size: 16px; color: #fff; font-weight: 500; line-height: 40px; padding-left:20px; border-radius: 5px;}
.board_list_wrap > li .board_list_bt i{position: absolute; right:20px; top:12px;}
.board_list_wrap > li:nth-child(odd) {margin-right: 2%;}


.summary_cont_wrap .summary_tit { font-size: 18px; font-weight: 500; color: #7c7c7c; margin-bottom: 25px; line-height: 150%; }
.summary_cont_wrap .summary_tit .keyword { color: #43D277; }
.summary_cont_wrap .summary_cont { line-height: 150%; border: solid 1px #e5e5e5; padding: 25px 20px; }

.news_chart_wrap + .news_cont_wrap { margin-top: 40px; padding-top: 40px; border-top: dashed 1px #f1f1f1; }
.news_cont_wrap .news_category_wrap {  border: solid 1px #e5e5e5; background-color: #f9f9f9; padding: 30px 25px;}
.news_cont_wrap .news_category_wrap .news_category { margin-top: 35px;}
.news_cont_wrap .news_category_wrap .news_category:first-child { margin-top: 0; }
.news_cont_wrap .news_category_wrap .news_category .tit { font-size: 16px; font-weight: 500; color: #229B61; margin-bottom: 15px; }
.news_cont_wrap .news_category_wrap .news_category .checkbox_group {height: 220px; background-color: #fff; padding: 20px 20px;   overflow-y: scroll; }
.news_cont_wrap .news_category_wrap .news_category .checkbox_group .custom-checkbox { margin-top: 5px; }
.news_cont_wrap .news_category_wrap .news_category .checkbox_group .custom-checkbox:first-child { margin-top: 0; }
.news_category_btn {float: right; margin-top: 20px;}


.event_chart_wrap + .event_cont_wrap { margin-top: 40px; padding-top: 40px; border-top: dashed 1px #f1f1f1; }
.event_cont_wrap .event_category_wrap {  border: solid 1px #e5e5e5; background-color: #f9f9f9; padding: 30px 25px;}
.event_cont_wrap .event_category_wrap .event_category { margin-top: 35px;}
.event_cont_wrap .event_category_wrap .event_category:first-child { margin-top: 0; }
.event_cont_wrap .event_category_wrap .event_category .tit { font-size: 16px; font-weight: 500; color: #229B61; margin-bottom: 15px; }
.event_cont_wrap .event_category_wrap .event_category .checkbox_group {height: 220px; background-color: #fff; padding: 20px 20px;   overflow-y: scroll; }
.event_cont_wrap .event_category_wrap .event_category .checkbox_group .custom-checkbox { margin-top: 5px; }
.event_cont_wrap .event_category_wrap .event_category .checkbox_group .custom-checkbox:first-child { margin-top: 0; }


.news_board_wrap { padding-top: 25px; }
.news_board_wrap .news_board { margin-top: 20px; padding: 0 20px 20px 20px; border-bottom: solid 1px #e5e5e5; }
/* .news_board_wrap .news_board:first-child { margin-top: 0; } */
.news_board_wrap .news_board:first-child { border-top: solid 1px #e5e5e5; padding-top: 20px; }
.news_board_wrap .news_board .news_board_sub, .news_board_tit_wrap { position: relative;}
.news_board_wrap .news_board .news_board_sub .news_board_sub_submit{color: #43D277; font-weight: 700; font-size: 18px; margin-bottom: 20px;}
.news_board_wrap .news_board .news_board_sub .news_board_sub_submit i{padding-left: 10px;}
.news_board_wrap .news_board .news_board_sub span, .news_board_tit_wrap span { vertical-align: middle; position: absolute; top: 0; right: 0; display: inline-block; font-size: 12px; color: #fff; font-weight: 500; line-height: 25px; padding: 0 8px; cursor: pointer; z-index: 1; margin-top: -4px; border-radius: 5px; background-color: #7c7c7c; }
/* .news_board_wrap .news_board .news_board_sub span, .news_board_tit_wrap span { vertical-align: middle; position: relative; display: inline-block; font-size: 12px; color: #999; font-weight: 500; line-height: 25px; padding: 0 8px; cursor: pointer; z-index: 1; margin-top: -4px; margin-left: 5px; }
.news_board_wrap .news_board .news_board_sub span::before, .news_board_tit_wrap span::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #c1c1c1; bottom: -2px; right: -2px; z-index: -1; }
.news_board_wrap .news_board .news_board_sub span::after, .news_board_tit_wrap span::after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #fff; border: solid 1px #c1c1c1; top: 0; left: 0; z-index: -1; }
.news_board_wrap .news_board .news_board_sub span { position: absolute; right: 20px; top: 0; margin-left: 0; } */
.news_board_tit_wrap .custom_select { position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 80px; }
.news_board_tit_wrap .custom_select .custom_select_input { line-height: 28px; height: 30px; background-color: #fff; border: solid 1px #d0d0d0; font-size: 12px; color: #43D277; }
.news_board_tit_wrap .custom_select .custom_select_arrow { line-height: 30px; font-size: 14px; }
.news_board_tit_wrap .custom_select .custom_select_ul > li > div { font-size: 12px; }
.news_board_wrap .news_board .news_board_list > li { margin-bottom: 5px; float: left; position: relative; width: 100%; cursor: pointer;}
.news_board_wrap .news_board .news_board_list > li > div { float: left; line-height: 150%; }
.news_board_wrap .news_board .news_board_list > li .subject { width: calc(85% - 150px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_board_wrap .news_board .news_board_list > li .company { width: 10%; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #7c7c7c;}
.news_board_wrap .news_board .news_board_list > li .date { width: 150px; text-align: right; margin: 0 0 20px 0 2% ; color: #7c7c7c; }
.news_board_wrap .news_board .news_board_list > li .tooltips_preview { display: none; max-width: 70%; top: calc(100% + 5px); }
.news_board_wrap .news_board .news_board_list > li:hover .tooltips_preview { display: block; }
.news_board_wrap .news_board .news_board_list.news_board_count > li > div { line-height: 180%; }
.news_board_wrap .news_board .news_board_list.news_board_count > li .subject { width: calc(85% - 215px); }
.news_board_wrap .news_board .news_board_list > li .count { vertical-align: middle; text-align: center; position: absolute; transform: translateY(-50%); width:45px; top: calc(50% + 1px); right: 0; display: inline-block; font-size: 12px; color: #fff; font-weight: 500; line-height: 25px; padding: 0 8px; cursor: pointer; z-index: 1; border-radius: 5px; background-color: #7c7c7c; }

.input_field .tit .input_tit {position:absolute;}

.theme_news_board_wrap { padding-top : 0px; }
.theme_news_board_wrap .theme_news_board { margin-top: 20px; padding: 0 20px 20px 20px; border-bottom: solid 1px #e5e5e5; }
/* .news_board_wrap .news_board:first-child { margin-top: 0; } */
.theme_news_board_wrap .theme_news_board:first-child { border-top: solid 1px #e5e5e5; padding-top: 20px; }
.theme_news_board_wrap .theme_news_board .theme_news_board_sub, .theme_news_board_tit_wrap { position: relative;}
.theme_news_board_wrap .theme_news_board .theme_news_board_sub .theme_news_board_sub_submit{color: #43D277; font-weight: 700; font-size: 18px; margin-bottom: 20px;}
.theme_news_board_wrap .theme_news_board .theme_news_board_sub .theme_news_board_sub_submit i{padding-left: 10px;}
.theme_news_board_wrap .theme_news_board .theme_news_board_sub span, .theme_news_board_tit_wrap span { vertical-align: middle; position: absolute; top: 0; right: 0; display: inline-block; font-size: 12px; color: #fff; font-weight: 500; line-height: 25px; padding: 0 8px; cursor: pointer; z-index: 1; margin-top: -4px; border-radius: 5px; background-color: #7c7c7c; }
/* .news_board_wrap .news_board .news_board_sub span, .news_board_tit_wrap span { vertical-align: middle; position: relative; display: inline-block; font-size: 12px; color: #999; font-weight: 500; line-height: 25px; padding: 0 8px; cursor: pointer; z-index: 1; margin-top: -4px; margin-left: 5px; }
.news_board_wrap .news_board .news_board_sub span::before, .news_board_tit_wrap span::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #c1c1c1; bottom: -2px; right: -2px; z-index: -1; }
.news_board_wrap .news_board .news_board_sub span::after, .news_board_tit_wrap span::after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #fff; border: solid 1px #c1c1c1; top: 0; left: 0; z-index: -1; }
.news_board_wrap .news_board .news_board_sub span { position: absolute; right: 20px; top: 0; margin-left: 0; } */
.theme_news_board_tit_wrap .theme_custom_select { position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 80px; }
.theme_news_board_tit_wrap .theme_custom_select .theme_custom_select_input { line-height: 28px; height: 30px; background-color: #fff; border: solid 1px #d0d0d0; font-size: 12px; color: #43D277; }
.theme_news_board_tit_wrap .theme_custom_select .theme_custom_select_arrow { line-height: 30px; font-size: 14px; }
.theme_news_board_tit_wrap .theme_custom_select .theme_custom_select_ul > li > div { font-size: 12px; }

.theme_news_board_wrap .theme_news_board .theme_news_board_list > li { margin-bottom: 5px; float: left; position: relative; width: 100%; cursor: pointer;}
.theme_news_board_wrap .theme_news_board .theme_news_board_list > li > div { float: left; line-height: 150%; }
.theme_news_board_wrap .theme_news_board .theme_news_board_list > li .subject { width: calc(95% - 150px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.theme_news_board_wrap .theme_news_board .theme_news_board_list > li .date {vertical-align: middle; position: absolute; text-align: right; color: #7c7c7c; right: 0; transform: translateY(-50%); top: calc(50% + 1px); }
.theme_news_board_wrap .theme_news_board .theme_news_board_list > li .tooltips_preview { display: none; max-width: 70%; top: calc(100% + 5px); }
.theme_news_board_wrap .theme_news_board .theme_news_board_list > li:hover .tooltips_preview { display: block; }
.theme_news_board_wrap .theme_news_board .theme_news_board_list > li .count { vertical-align: middle; text-align: center; position: absolute; transform: translateY(-50%); width:45px; top: calc(50% + 1px); right: 0; display: inline-block; font-size: 12px; color: #fff; font-weight: 500; line-height: 25px; padding: 0 8px; cursor: pointer; z-index: 1; border-radius: 5px; background-color: #7c7c7c; }

.s1_news_board_wrap { padding-top: 10px; }
.s1_news_board_wrap .s1_news_board { margin-top: 20px; padding: 0 20px 20px 20px; border-bottom: solid 1px #e5e5e5; }
/* .news_board_wrap .news_board:first-child { margin-top: 0; } */
.s1_news_board_wrap .s1_news_board:first-child { border-top: solid 1px #e5e5e5; padding-top: 20px; }
.s1_news_board_wrap .s1_news_board .s1_news_board_sub, .s1_news_board_tit_wrap { position: relative;}
.s1_news_board_wrap .s1_news_board .s1_news_board_sub .s1_news_board_sub_submit{color: #43D277; font-weight: 700; font-size: 18px; margin-bottom: 20px;}
.s1_news_board_wrap .s1_news_board .s1_news_board_sub .s1_news_board_sub_submit i{padding-left: 10px;}
.s1_news_board_wrap .s1_news_board .s1_news_board_sub span, .s1_news_board_tit_wrap span { vertical-align: middle; position: absolute; top: 0; right: 0; display: inline-block; font-size: 12px; color: #fff; font-weight: 500; line-height: 25px; padding: 0 8px; cursor: pointer; z-index: 1; margin-top: -4px; border-radius: 5px; background-color: #7c7c7c; }
/* .news_board_wrap .news_board .news_board_sub span, .news_board_tit_wrap span { vertical-align: middle; position: relative; display: inline-block; font-size: 12px; color: #999; font-weight: 500; line-height: 25px; padding: 0 8px; cursor: pointer; z-index: 1; margin-top: -4px; margin-left: 5px; }
.news_board_wrap .news_board .news_board_sub span::before, .news_board_tit_wrap span::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #c1c1c1; bottom: -2px; right: -2px; z-index: -1; }
.news_board_wrap .news_board .news_board_sub span::after, .news_board_tit_wrap span::after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #fff; border: solid 1px #c1c1c1; top: 0; left: 0; z-index: -1; }
.news_board_wrap .news_board .news_board_sub span { position: absolute; right: 20px; top: 0; margin-left: 0; } */
.s1_news_board_tit_wrap .s1_custom_select { position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 80px; }
.s1_news_board_tit_wrap .s1_custom_select .s1_custom_select_input { line-height: 28px; height: 30px; background-color: #fff; border: solid 1px #d0d0d0; font-size: 12px; color: #43D277; }
.s1_news_board_tit_wrap .s1_custom_select .s1_custom_select_arrow { line-height: 30px; font-size: 14px; }
.s1_news_board_tit_wrap .s1_custom_select .s1_custom_select_ul > li > div { font-size: 12px; }

.s1_news_board_wrap .s1_news_board .s1_news_board_list > li { margin-bottom: 5px; float: left; position: relative; width: 100%; cursor: pointer;}
.s1_news_board_wrap .s1_news_board .s1_news_board_list > li > div { float: left; line-height: 180%; }

.s1_news_board_wrap .s1_news_board .s1_news_board_list > li .subject_main { width: calc(100% - 95px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.s1_news_board_wrap .s1_news_board .s1_news_board_list > li .subject { width: calc(85% - 215px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s1_news_board_wrap .s1_news_board .s1_news_board_list > li .company { width: 12%; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #7c7c7c;}
.s1_news_board_wrap .s1_news_board .s1_news_board_list > li .date { width: 150px; text-align: right; margin: 0 0 20px 0 2% ; color: #7c7c7c; }
.s1_news_board_wrap .s1_news_board .s1_news_board_list > li .tooltips_preview { display: none; max-width: 70%; top: calc(100% + 5px); }
.s1_news_board_wrap .s1_news_board .s1_news_board_list > li:hover .tooltips_preview { display: block; }
.s1_news_board_wrap .s1_news_board .s1_news_board_list > li .count { vertical-align: middle; text-align: center; position: absolute; transform: translateY(-50%); width:45px; top: calc(50% + 1px); right: 0; display: inline-block; font-size: 12px; color: #fff; font-weight: 500; line-height: 25px; padding: 0 8px; cursor: pointer; z-index: 1; border-radius: 5px; background-color: #7c7c7c; }

.news_category_wrap + .news_board_wrap { padding-left:30px !important; }

.news_board_field_wrap .input_tit { width: 80px; }
.news_board_field_wrap .full_input { float: left; width: calc(100%); }
.news_board_field_wrap .full_input .news_board_field { float: left; width: 43%; }
.news_board_field_wrap .full_input .news_board_field:first-child { width: calc(57% - 5px); margin-right: 5px; }
.news_board_field_wrap .full_input .search_guide_wrap .search_guide { width: 422px; }
.news_board_field { position: relative; height: 40px; margin-bottom: 40px; }
.news_board_field > .news_keyword_input { width: 100%; height: 100%; border: solid 1px #e5e5e5; background-color: #fff; padding: 0 34px 0 10px; }
.news_board_field > .news_keyword_submit { position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: none; background-color: transparent; color: #85C688; }

.theme_news_board_field_wrap .input_tit { width: 80px; }
.theme_news_board_field_wrap .full_input { float: left; width: calc(100% - 105px); }
.theme_news_board_field_wrap .full_input .theme_news_board_field { float: left; width: 43%; }
.theme_news_board_field_wrap .full_input .theme_news_board_field:first-child { width: calc(57% - 5px); margin-right: 5px; }
.theme_news_board_field_wrap .full_input .search_guide_wrap .search_guide { width: 422px; }
.theme_news_board_field_wrap { position: relative; height: 40px; margin-bottom: 40px; }
.theme_news_board_field_wrap > .news_keyword_input { width: 100%; height: 100%; border: solid 1px #e5e5e5; background-color: #fff; padding: 0 34px 0 10px; }
.theme_news_board_field_wrap > .news_keyword_submit { position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: none; background-color: transparent; color: #85C688; }

.page_navi_wrap { position: relative; width: 100%; height: 36px; margin-top: 20px; text-align: center; }
.page_navi_wrap > div { display: inline-block; font-size: 0; color:#2f2f2f; vertical-align: middle; }
.page_navi_wrap .pages_count {font-size:14px;}
.page_navi_wrap .pages_count .pages_count_info{width:45px; height: 36px; color: #7c7c7c; font-weight: 300; border: solid 1px #e5e5e5; border-radius: 5px; text-align: center; padding-left: 0; }
.page_navi_wrap .pages_count .pages_count_of{margin: 0 5px; color: #7c7c7c;}
.page_navi_wrap .pages_count .pages_count_last{font-weight: 500;}
.page_navi_wrap .page_navi_left, .page_navi_wrap .page_navi_right{ font-size:20px; width:35px; height: 36px;}
.page_navi_wrap .page_navi_left .end, .page_navi_wrap .page_navi_right .end{ color:#d9d9d9;}
.page_navi_wrap .page_list_count { position: absolute; top: 0; right: 0; text-align: left; }
.page_navi_wrap .reserch_btn { position: absolute; top: 0; right: 0; }
.page_navi_wrap.align_right { text-align: right; }
.page_navi_wrap .list_count { font-size: 14px; color: #7c7c7c; line-height: 35px; }
.page_list_count select { width: 70px; border-radius: 5px; color: #7c7c7c; }
.page_list_count .select { width: 70px; }
.page_list_count .select .custom_select_input { border-radius: 5px; }

/* .news_board_tit_wrap {line-height: 40px; font-size: 24px; font-weight: bold; color: #fff; background-color:#999; padding-left:20px; margin-bottom: 20px;} */
.news_board_tit_wrap { position: relative; font-size: 16px; color: #2f2f2f; font-weight: 700; padding-left: 20px; }
.news_board_tit_wrap::before { content: ''; position: absolute; width: 3px; height: 3px; background-color: #2f2f2f; left: 10px; top: 50%; margin-top: -1.5px; }

.requirement_cont_wrap .tit.requirement_tit,
.requirement_cont_wrap .requirement_input_wrap > .tit { float: left; font-size: 16px; line-height: 40px; font-weight: 700; width: auto; margin-right: 0; }
.requirement_cont_wrap .tit.requirement_tit { width: 120px; margin-right: 25px; }
.requirement_cont_wrap .tit span { display: inline-block; }
.requirement_cont_wrap .tit .info_modal_wrap { display: inline-block; vertical-align: middle; margin-left: 5px; }
.requirement_cont_wrap .tit .info_modal_wrap > i { line-height: 40px; }
.requirement_cont_wrap .tit .info_modal_wrap .info_modal { left: 0; right: auto; top: 35px; font-weight: 300; width: 350px; }
.requirement_cont_wrap .tit .info_modal_wrap .info_modal span { font-weight: 700; }
.requirement_cont_wrap .tit .info_modal_wrap .info_modal span:not(.tit) { color: #2f2f2f; }
.requirement_cont_wrap select { width: 100%; height: 40px; border: solid 1px #e5e5e5; font-size: 14px; padding-left: 10px; color: #7c7c7c; }
.requirement_cont_wrap .select .custom_select_input { line-height: 40px; height: 40px; }
.requirement_cont_wrap .select .custom_select_arrow { width: 40px; line-height: 40px; }
.requirement_cont_wrap .setting_unit { margin-bottom: 10px; padding: 0 20px; }
.requirement_cont_wrap .setting_unit select { float: left; color: #43D277; width: 240px; }
.requirement_cont_wrap .setting_unit .chart_period_print { float: left; line-height: 40px; margin-left: 20px; }
.requirement_cont_wrap .requirement_input_list > li { float: left; width: 100%; background-color: #f9f9f9; margin-top: 10px; padding: 10px 20px; }
.requirement_cont_wrap .requirement_input_list > li:first-child { margin-top: 0; }
.requirement_cont_wrap .requirement_input_list > li > div { float: left; }
.requirement_cont_wrap .requirement_input_list > li > div .input_field { float: left; }
.requirement_cont_wrap .requirement_input_list > li > .requirement_input_wrap:nth-child(1) { width: 54%; }
.requirement_cont_wrap .requirement_input_list > li > .requirement_input_wrap:nth-child(1) .input_field { width: calc(100% - 145px); height: 40px; }
.requirement_cont_wrap .requirement_input_list > li > .requirement_input_wrap:nth-child(2) { width: 17%; margin-left: 4%; }
.requirement_cont_wrap .requirement_input_list > li > .requirement_input_wrap:nth-child(2) .input_field { margin-left: 20px; }
.requirement_cont_wrap .requirement_input_list > li > .requirement_input_wrap:nth-child(2) .input_field input { width: 60px; height: 40px; border: solid 1px #e5e5e5; text-align: center; font-size: 14px; color: #7c7c7c; padding: 0; }
.requirement_cont_wrap .requirement_input_list > li > .requirement_input_wrap:nth-child(2) .input_field button { width: 20px; height: 20px; border-radius: 5px; color: #fff; background-color: #c5c5c5; margin: 10px 2px; }
.requirement_cont_wrap .requirement_input_list > li > .requirement_input_wrap:nth-child(3) { width: 21%; margin-left: 4%; }
.requirement_cont_wrap .requirement_btn_wrap { text-align: center; margin-top: 45px; }
.requirement_cont_wrap .requirement_btn_wrap .requirement_btn { width: 180px; height: 50px; background-color: #43D277; color: #fff; border-radius: 5px; }

.number_dim_btn, .number_inc_btn { position: relative; font-size: 0; }
.number_dim_btn span,
.number_inc_btn span { display: none !important; text-indent: -9999px; font-size: 0; }
.number_dim_btn::before,
.number_inc_btn::before,
.number_inc_btn::after { content: ''; position: absolute; width: 10px; height: 2px; top: 9px; left: 5px; background-color: #fff; }
.number_inc_btn::after { transform: rotate(90deg); }

.corrlation_input_wrap .corrlation_tit { width: 120px; margin-right: 25px; }
.corrlation_input_wrap .input_field .select { width: 100px; color: #43D277; }
.corrlation_input_wrap .input_field input { width: 100px; margin-left: 10px; }

/*** admin ***/
.admin_wrap .sub_contents { border: solid 1px #e5e5e5; border-top: none; }

.admin_top_menu { display: block; border-bottom: solid 1px #e5e5e5; z-index: 10; }
.admin_top_menu > li { float: left; width: 153.1px; margin-left: 5px; line-height: 58px; border: solid 1px #e5e5e5; margin-bottom: -1px; background-color: #fff; text-align: center; border-radius: 5px 5px 0 0; cursor: pointer; }
.admin_top_menu > li:first-child { margin-left: 0; }
.admin_top_menu > li > a { display: block; }
.admin_top_menu > li.active { border-bottom-color: #fff;font-weight: 500; color:#43d277;}

.admin_wrap .sub_section .form_cont_wrap { padding: 10px 20px; background-color: #f9f9f9; }
.admin_wrap .sub_section .form_cont_wrap.theme { padding: 10px 20px; background-color: #FFFFFF;}
.admin_wrap .sub_section .form_cont_wrap .full_input { width: calc(100% - 115px); }
.admin_wrap .sub_section .form_cont_wrap .input_field { padding: 0 20px; }
.admin_wrap .sub_section .form_cont_wrap .btn_wrap { text-align: center; width: 100%; margin-top: 30px; }
.admin_wrap .sub_section .form_cont_wrap .btn_admin_save { float: none; width: 155px; }
.admin_wrap .sub_section .form_cont_wrap.member_info_form { padding: 30px 20px; }
.admin_wrap .sub_section .chartbook_wrap .form_cont_wrap .input_field { padding: 0; }

/* 분석도구 button */
.admin_wrap .btn_jupyterLinked { float:right; position: relative; right:19.2%; top: 0; background-color: #999; border-radius: 0; border: none; color: #fff; height: 30px; font-size: 12px; padding: 0 12px;}

.admin_btn_wrap { float: right; }
.admin_btn_wrap > li { float: left; margin-left: 3px; cursor: pointer; }
.admin_btn_wrap > li button { background-color: #999; border-radius: 0; border: none; color: #fff; height: 30px; font-size: 12px; padding: 0 12px; }
.admin_btn_wrap > li button i { margin-right: 4px; font-size: 16px; vertical-align: middle; }
.admin_btn_wrap > li button img { margin-right: 4px; vertical-align: middle; }
.sub_tit_wrap .admin_btn_wrap { margin-top: 8px; }

.admin_search_input_wrap { float: right; position: relative; margin-top: 8px; margin-right: 10px; }
.admin_search_input_wrap label { float: left; line-height: 30px; font-weight: 700; /*color: #229B61;*/ }
.admin_search_input_wrap .search_input { float: left; margin-left: 10px; }
.admin_search_input_wrap input { width: 300px; height: 30px; /*border: solid 1px #85C688;*/ }
.admin_search_input_wrap .search_button { position: absolute; top: 0; right: 0;  width: 30px; height: 30px; border: none; background-color: transparent; color: #85C688; }

.admin_btm_btn_wrap { margin-top: 20px; text-align: right; }
.admin_btm_btn_wrap > button { width: 150px; height: 45px; border-radius: 5px; font-size: 14px; }
.admin_btm_btn_wrap > button.admin_add_btn { background: #229B61; color: #fff; }

.sub_cont_wrap .popup_keyword_wrap { width: 100%; height: auto; }
.sub_cont_wrap .popup_keyword_wrap .popup_keyword_section { height: 600px; }
.sub_cont_wrap .popup_keyword_wrap .popup_keyword_section .checkbox_list > li { margin-top: 5px; }
.sub_cont_wrap .popup_keyword_wrap .popup_keyword_section .checkbox_list > li:first-child { margin-top: 0; }
.sub_cont_wrap .popup_keyword_wrap .popup_keyword_section .checkbox_list .custom-control { padding-left: 0; }
.sub_cont_wrap .popup_keyword_wrap .popup_keyword_section .checkbox_list .custom-checkbox .custom-control-label { padding-left: 1.8rem; display: block; line-height: 180%; }
.sub_cont_wrap .popup_keyword_wrap .popup_keyword_section .checkbox_list > li:hover,
.sub_cont_wrap .popup_keyword_wrap .popup_keyword_section .checkbox_list .custom-checkbox .custom-control-input:checked ~ .custom-control-label { background-color: #EFF9F2; }
.sub_cont_wrap .popup_keyword_wrap .popup_keyword_section .unselected .checkbox_list .custom-checkbox .custom-control-input:checked ~ .custom-control-label { background-color: transparent; }
.sub_cont_wrap .popup_keyword_wrap .popup_keyword_section .checkbox_list .custom-checkbox .custom-control-label::before { left: 0.3rem; background-color: #fff; }
.sub_cont_wrap .popup_keyword_wrap .popup_keyword_section .checkbox_list .custom-checkbox .custom-control-label::after { left: 0.35rem; }
.sub_cont_wrap .popup_keyword_wrap .popup_keyword_section .custom-checkbox-btn { position: absolute; top: 0; right: 0; width: 1.8em; height: 1.8em; background-color: #43D277; color: #fff; display: none; }
.sub_cont_wrap .popup_keyword_wrap .popup_keyword_section li:hover .custom-checkbox-btn { display: block; }

.admin_wrap .sub_cont_wrap .popup_keyword_wrap .popup_keyword_section { margin-left: 0; }
.admin_wrap .popup_keyword_wrap .categories_indicates_wrap > div { width: 49%;  }
.admin_wrap .popup_keyword_wrap .categories_indicates_wrap .popup_keyword_section.categories { position: relative; margin-right: 2%; }
.admin_wrap .popup_keyword_wrap .categories_indicates_wrap .popup_keyword_section.categories:after { content: '\e601'; font-family: xeicon; position: absolute; color: #e5e5e5; text-align: center; width: 4%; top: 50%; right: -6.4%; transform: rotate(-45deg) translate(-50%,-50%); }
.admin_wrap .popup_keyword_wrap .popup_keyword_section.synonym { width: 100%; height: auto; margin-top: 30px; }
.admin_wrap .popup_keyword_wrap .popup_keyword_section.synonym .popup_keyword_box { height: 310px; }
.admin_wrap .popup_keyword_wrap .popup_keyword_section.synonym .checkbox_list { margin: 0 -10px; }
.admin_wrap .popup_keyword_wrap .popup_keyword_section.synonym .checkbox_list > li { float: left; width: calc(50% - 20px); margin: 3px 10px; }
.admin_wrap .popup_keyword_wrap .popup_keyword_section.synonym .checkbox_list > li.all { width: calc(100% - 20px); }

.admin_wrap .sub_cont_wrap .popup_cont_wrap .popup_cont { position: relative; }
.admin_wrap .sub_cont_wrap .popup_cont_wrap .popup_cont::before { content: '\e601'; font-family: xeicon; position: absolute; color: #e5e5e5; text-align: center; width: 4%; top: 50%; left: 32.9%; transform: rotate(-45deg) translate(-50%,-50%); }
.admin_wrap .sub_cont_wrap .popup_cont_wrap .popup_cont::after { content: '\e601'; font-family: xeicon; position: absolute; color: #e5e5e5; text-align: center; width: 4%; top: 50%; left: 66.9%; transform: rotate(-45deg) translate(-50%,-50%); }

.admin_wrap .popup_wrap .popup_cont > .tit { font-size: 16px; font-weight: 500; color: #229B61; margin-bottom: 15px; }
.admin_wrap .popup_wrap .popup_cont .form_cont_wrap { background-color: #f9f9f9; border: solid 1px #e5e5e5; padding: 20px; }
.admin_wrap .popup_wrap .popup_cont .form_cont_wrap .form_section { margin-top: 20px; padding: 20px; background-color: #fff; }
.admin_wrap .popup_wrap .popup_cont .form_cont_wrap .input_field { width: 100%; }

.admin_wrap .member_info_form input:read-only { background-color: #f9f9f9; }




.popup_synonym_wrap { width: 520px; }
.popup_indicator_wrap { width: 520px; }
.popup_event_wrap { width: 520px; }
.popup_event_wrap .input_radio_field .custom_radio_wrap { background-color: #fff; padding: 0 10px; }
.popup_event_wrap .input_radio_field .custom-radio .custom-control-label { color: #000; line-height: 36px; }
.popup_event_wrap .input_field .input_tit + input[type=text],
.popup_event_wrap .input_field .input_tit + div { width: calc(100% - 115px); }
.popup_event_category_wrap { width: 420px; height: 70%; }
.popup_event_category_wrap .popup_cont { height: calc(100% - 90px); }
.popup_event_category_wrap .popup_cont > .tit { margin-bottom: 20px !important; }
.popup_event_category_wrap .popup_cont > .tit .info_modal_wrap .info_modal { width: 285px; padding: 20px; }
.popup_event_category_wrap .popup_cont > .event_category_list { height: calc(100% - 39px); overflow-y: auto; overflow-x: hidden; }
.popup_event_category_wrap .popup_cont .category_modify_list { height: calc(100% - 29px); font-size: 14px; }
.event_category_list ul > li { float: left; width: 100%; line-height: 40px; margin-top: 3px; }
.event_category_list ul > li:first-child { margin-top: 0; }
.event_category_list ul > li > .category_wrap { position: relative; background-color: #f9f9f9; height: 40px; }
.event_category_list ul > li > .category_wrap .category { padding: 0 0 0 30px; }
.event_category_list ul > li > .category_wrap .category_modify { width: 100%; height: 40px; padding: 6px 30px; cursor: default; }
.event_category_list ul > li > .category_wrap .category_modify > input { width: 75%; height: 28px; }
.event_category_list ul > li > .category_wrap .category_modify > button { width: 23%; margin-left: 2%; height: 28px; padding: 0; }
.event_category_list ul > li > .category_add_btn { float: left; padding-left: 10px; background-color: #e5e5e5; color: #fff; width: 100%; text-align: left; }
.event_category_list ul > li > .category_add_btn > i { margin-right: 10px; }
.event_category_list ul > li > .category_wrap .category_more { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background-color: transparent; font-weight: 700; color: #43D277; display: none; }
.event_category_list ul > li > .category_wrap:hover .category_more,
.event_category_list ul > li.now > .category_wrap .category_more { display: block; }
.event_category_list ul > li > .category_wrap .category_more_list { display: none; position: absolute; top: 32px; right: 16px; width: 60px; background-color: #fff; color: #7c7c7c; font-size: 12px; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.03); z-index: 10; }
.event_category_list ul > li > .category_wrap .category_more_list > div { line-height: 30px; border-top: solid 1px #f9f9f9; text-align: center; }
.event_category_list ul > li > .category_wrap .category_more_list > div:first-child { border-top: none; }
.event_category_list ul > li > .category_wrap .category_more_list > div:hover { background-color: #f1f1f1; }
.event_category_list ul > li > .category_wrap .category_more_list > div > i { margin-right: 5px; }
.event_category_list ul > li.now > .category_wrap .category_more_list { display: block; }

.event_category_list > ul > li > .category_wrap { position: relative; background-color: #2f2f2f; color: #fff }
.event_category_list > ul > li > .category_wrap:hover,
.event_category_list > ul > li.now > .category_wrap { background-color: #43D277; }
.event_category_list > ul > li > .category_wrap .category { position: relative; cursor: pointer; }
.event_category_list > ul > li > .category_wrap .category_modify { background-color: #2f2f2f; }
.event_category_list > ul > li > .category_wrap .category::after { content: '+'; position: absolute; top: 0; left: 10px; line-height: 40px; text-align: center; font-weight: 500; color: #fff; }
.event_category_list > ul > li.active > .category_wrap .category::after { content: '-'; }
.event_category_list > ul > li > .category_wrap .category_more { color: #fff; }

.event_category_list > ul > li > ul { margin-top: 3px; display: none; }
.event_category_list > ul > li.active > ul { display: block; }
.event_category_list > ul > li > ul > li.now > .category_wrap .category,
.event_category_list > ul > li > ul > li > .category_wrap:hover .category { color: #43D277; }
.event_category_list > ul > li > ul > li > .category_add_btn { padding-left: 30px; }

.calendar_monthly .calendar_body { padding: 20px; border: solid 1px #e5e5e5; border-top: none; width: 100%; }
.calendar_monthly .day { float: left; width: 14.285%; height: 46px; line-height: 46px; text-align: center; font-size: 14px; color: #7c7c7c; }
.calendar_monthly .day a { display: block; }
.calendar_monthly .calendar_yoil .day { font-size: 12px; }
.calendar_monthly .calendar_yoil::after,
.calendar_monthly .calendar_day .week::after { content: ''; display: block; clear: both; float: none; }

.calendar_monthly_event .calendar_header { padding: 20px; background-color: #2f2f2f; color: #fff; }
.calendar_monthly_event .calendar_header .calendar_control { float: left; font-size: 20px; }
.calendar_monthly_event .calendar_header .calendar_control > button { float: left; color: #999; width: 24px; height: 24px; }
.calendar_monthly_event .calendar_header .calendar_control .now_month { float: left; font-weight: 700; width: 75px; text-align: center; line-height: 24px; }
.calendar_monthly_event .calendar_header .calendar_month_sel_wrap { position: relative; float: right; }
.calendar_monthly_event .calendar_header .calendar_month_sel_wrap .calendar_month_sel_btn { height: 24px; color: #e5e5e5; }
.calendar_monthly_event .calendar_header .calendar_month_sel_wrap .calendar_month_sel_box { display: none; position: absolute; top: 100%; left: 0; width: 366px; padding: 10px 20px 20px 20px; background-color: #fff; z-index: 10;  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.03); }
.calendar_monthly_event .calendar_header .calendar_month_sel_wrap .calendar_month_sel_box .calendar_month_sel_box_top { margin-bottom: 5px; }
.calendar_monthly_event .calendar_header .calendar_month_sel_wrap .calendar_month_sel_box .calendar_month_sel_box_top .calendar_unit_sel { float: left; font-size: 14px; color: #2f2f2f; line-height: 30px; }
.calendar_monthly_event .calendar_header .calendar_month_sel_wrap .calendar_month_sel_box .calendar_month_sel_box_top .control_btn { float: right; }
.calendar_monthly_event .calendar_header .calendar_month_sel_wrap .calendar_month_sel_box .calendar_month_sel_box_top .control_btn button { height: 30px; color: #999; font-size: 20px; margin-left: 10px; }
.calendar_monthly_event .calendar_header .calendar_month_sel_wrap .calendar_month_sel_box .calendar_month_sel > li { float: left; width: 25%; border: solid 1px #fff; }
.calendar_monthly_event .calendar_header .calendar_month_sel_wrap .calendar_month_sel_box .calendar_month_sel > li > button { width: 100%; background-color: #f9f9f9; color: #2f2f2f; font-size: 14px; line-height: 70px; text-align: center; font-weight: 300; }
.calendar_monthly_event .calendar_header .calendar_month_sel_wrap .calendar_month_sel_box .calendar_month_sel > li > button.now { background-color: #999; color: #fff; font-weight: 500; }
.calendar_monthly_event .calendar_day .day.event { cursor: pointer; }
.calendar_monthly_event .calendar_day .day.event a { display: block; }
.calendar_monthly_event .calendar_day .day.event span { position: relative; display: inline-block; width: 20px; line-height: 28px; }
.calendar_monthly_event .calendar_day .day.event span::after { content: ''; bottom: 0; left: 0; position: absolute; width: 100%; height: 2px; background-color: #43D277; }
.calendar_monthly_event .calendar_day .day.select,
.calendar_monthly_event .calendar_day .day.event:hover { border-radius: 10px; background-color: #EFF9F2; }

.admin_wrap .calendar_monthly_event .calendar_day .day { cursor: pointer; }
.admin_wrap .calendar_monthly_event .calendar_day .day:hover { border-radius: 10px; background-color: #EFF9F2; }

.calendar_left_cont_wrap .calendar_right { padding-left: 20px; }
.calendar_left_cont_wrap .calendar_right .table_cont_wrap { min-height: 385px; }
.calendar_left_cont_wrap .calendar_right .calendar_right_top .select_date { float: left; color: #999; line-height: 30px; }
.calendar_left_cont_wrap .calendar_right .calendar_right_top .select_date > i { margin-right: 5px; }
.calendar_left_cont_wrap .calendar_right .calendar_right_top .admin_btn_wrap > li button { font-size: 10px; }
.calendar_left_cont_wrap .calendar_right .calendar_right_top .admin_btn_wrap > li button i { font-size: 10px; }
.calendar_left_cont_wrap .calendar_right .calendar_cont_btn_wrap { margin-top: 40px; text-align: right; }
.calendar_left_cont_wrap .calendar_right .calendar_cont_btn_wrap > button { width: 120px; height: 40px; margin-left: 5px; }

.calendar_cont_wrap.editor_wrap { margin-top: 20px; }
.calendar_cont_wrap.editor_wrap .editor { height: 330px; background-color: #f9f9f9; }

.calendar_event_edit_list { margin-top: 40px; }
.calendar_event_edit_list .calendar_event_edit_list_top { margin-bottom: 10px; padding: 0 30px; }
.calendar_event_edit_list > ul > li { position: relative; background-color: #f9f9f9; padding: 5px 30px; margin-top: 5px; cursor: pointer; }
.calendar_event_edit_list > ul > li:first-child { margin-top: 0; }
.calendar_event_edit_list > ul > li::before { content: '\e63f'; top: 0; right: 0; position: absolute; font-family: 'xeicon'; width: 8%; line-height: 46px; font-size: 12px; color: #e5e5e5; text-align: center; }
.calendar_event_edit_list > ul > li .custom_checkbox { margin-top: 8px; margin-left: 0; }
.calendar_event_edit_list > ul > li .input_field { margin-right: 20px; width: 44%; }
.calendar_event_edit_list > ul > li .input_field:first-child { margin-right: 0; width: auto; }
.calendar_event_edit_list > ul > li .input_field:last-child { margin-right: 0; }
.calendar_event_edit_list > ul > li .input_field .input_tit { font-weight: 500; font-size: 14px; width: 50px; }
.calendar_event_edit_list > ul > li .input_field .input_tit + input { width: calc(100% - 75px); }
.calendar_event_edit_list > ul > li .input_field .input_tit + .input_indicator_text { width: calc(100% - 75px); }
.calendar_event_edit_list > ul > li .input_field .input_indicator_text { position: relative; cursor: pointer; }
.calendar_event_edit_list > ul > li .input_field .input_indicator_text > input { padding-right: 40px; cursor: pointer; }
.calendar_event_edit_list > ul > li .input_field .input_indicator_text > i { position: absolute; top: 0; right: 0; width: 36px; line-height: 36px; color: #43D277; text-align: center; font-size: 14px; font-weight: bold; }


.chartbook_wrap { margin: 0 -10px; }
.chartbook_wrap .chartbook { margin-top: 20px; padding: 0 10px; }
/* .chartbook_wrap .chartbook:nth-child(1),
.chartbook_wrap .chartbook:nth-child(2) { margin-top: 0; } */
.chartbook_wrap .chartbook .chartbook_box { height: 430px; position: relative; padding: 30px 20px; border: dashed 1px #f1f1f1; background-color: #fff; }
.chartbook_wrap .chartbook .chartbook_box .tit_wrap .tit { position: relative; float: left; width: calc(100% - 200px); font-weight: 700; color: #2f2f2f; line-height: 30px; padding-left: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.chartbook_wrap .chartbook .chartbook_box .tit_wrap .tit::before { content: ''; position: absolute; width: 3px; height: 18px; background-color: #2f2f2f; left: 0; top: 50%; margin-top: -8px; }
.chartbook_wrap .chartbook .chartbook_box .tit_wrap .btn_wrap { float: right; }
.chartbook_wrap .chartbook .chartbook_box .tit_wrap .btn_wrap .btn { float: left; padding: 0; font-size: 12px; width: 90px; height: 30px; color: #fff; border-radius: 0; margin-left: 5px; border: none; background-color: #a3a3a3; }
.chartbook_wrap .chartbook .chartbook_box .tit_wrap .btn_wrap .btn:first-child { margin-left: 0; }
.chartbook_wrap .chartbook .chartbook_box .tit_wrap .btn_wrap .btn > i { font-size: 14px; line-height: 30px; margin-right: 5px; vertical-align: middle; }
.chartbook_wrap .chartbook .chartbook_box .tit_wrap .btn_wrap .btn > span { display: inline-block; line-height: 30px; vertical-align: middle; }
.chartbook_wrap .chartbook .chartbook_box .tit_wrap .btn_wrap .btn.mod_btn { background-color: #2f2f2f; }
.chartbook_wrap .chartbook .chartbook_box .chartbook_chart { position: relative; width: 100%; margin-top: 45px; padding-bottom: 40px; }
.chartbook_wrap .chartbook .chartbook_box .chartbook_chart .chart { width: 100%; height: 250px; }
.chartbook_wrap .chartbook .chartbook_box .chartbook_chart .source { position: absolute; font-size: 12px; color: #999; left: 0; bottom: 0; }
.chartbook_wrap .chartbook .chartbook_box .chartbook_sort_btn { position: absolute; bottom: -1px; right: -1px; width: 40px; height: 40px; background-color: #d9d9d9; color: #fff; font-size: 24px; text-align: center; line-height: 40px; cursor: pointer; }
.chartbook_wrap .chartbook .chartbook_add_btn { width: 100%; height: 430px; border: dashed 1px #f1f1f1; color: #e5e5e5; font-size: 48px; }
.chartbook_wrap .sortable_box { position: relative; width: 100%; height: 430px; margin-top: 20px; padding: 0 10px; }
.chartbook_wrap .sortable_box::after { position: absolute; content: ''; width: calc(100% - 20px); top: 0; left: 10px; height: 100%; border: dashed 1px #d9d9d9; background-color: rgba(241, 241, 241, 0.8); }
.chartbook_wrap.sub_cont_chartbook_wrap .chartbook .chartbook_box { height: 500px; }
.chartbook_wrap.sub_cont_chartbook_wrap .chartbook .chartbook_box .chartbook_chart .chart { height: 320px; }

.chartbook_wrap .chartbook .chart_box_marketindex { position: relative; background-color: #fff; }
.chartbook_wrap .chartbook .chart_box_marketindex .tit_wrap .tit { position: relative; float: left; font-weight: 700; color: #2f2f2f; line-height: 30px; padding-left: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.chartbook_wrap .chartbook .chart_box_marketindex .tit_wrap .tit::before { content: ''; position: absolute; width: 3px; height: 18px; background-color: #2f2f2f; left: 0; top: 50%; margin-top: -8px; }
.chartbook_wrap .chartbook .chart_box_marketindex .tit_wrap .tit span { font-size: 14px; font-weight: 500; color: #999; }
.chartbook_wrap .chartbook .chart_box_marketindex .tit_wrap .tit i {font-size: 14px; color: #999;}
.chartbook_wrap .chartbook .chart_box_marketindex .tit_wrap .info_modal_wrap { display: inline-block; vertical-align: middle; margin-left: 5px; }
.chartbook_wrap .chartbook .chart_box_marketindex .tit_wrap .info_modal_wrap > i { font-size: 15px;  line-height: 35px; }
.chartbook_wrap .chartbook .chart_box_marketindex .tit_wrap .info_modal_wrap .info_modal { left: 0; right: auto; top: 35px; font-weight: 300; width: 350px; }
.chartbook_wrap .chartbook .chart_box_marketindex .chartbook_chart_marketindex { position: relative; width: 100%; margin-top: 45px; padding-bottom: 40px; }
.chartbook_wrap .chartbook .chart_box_marketindex .chartbook_chart_marketindex .chart { width: 1170px; height: 550px;  margin-top: 40px; }

.chart_text { margin-top: 20px; position: relative; padding: 30px 20px;}

/* .admin_wrap .chartbook_wrap { margin-top: 20px; } */

.chart_manage_form_cont_wrap .input_field_wrap .input_field_left { float: left; width: 48%; }
.chart_manage_form_cont_wrap .input_field_wrap .input_field_right { float: left; width: 48%; margin-left: 4%; }
.chart_manage_form_cont_wrap .axis_input_wrap { float: left; width: calc(100% - 115px); }
.chart_manage_form_cont_wrap .axis_input_wrap input { width: 32%; margin-right: 2%; }
.chart_manage_form_cont_wrap .axis_input_wrap input:last-child { margin-right: 0; }
.chartbook_manage_wrap .chartbook { margin-top: 40px; padding: 0 20px; }
.chartbook_manage_wrap .chartbook .chartbook_box { height: 480px; border: none; background-color: #f9f9f9; padding: 40px 40px 70px 40px; }
.chartbook_manage_wrap .chartbook .chartbook_box .chartbook_sort_btn { bottom: 0; right: 0; }
.chartbook_manage_wrap .chartbook .chartbook_box input:read-only { background-color: #f9f9f9; color: #7c7c7c; cursor: pointer; }
.chartbook_manage_wrap .form_reset_btn { position: absolute; left: 40px; bottom: 20px; width: 80px; height: 30px; background-color: #d9d9d9; color: #fff; font-size: 11px; }
.chartbook_manage_wrap .form_reset_btn > i { margin-right: 3px; }
.chartbook_manage_wrap .sortable_box { height: 480px; margin-top: 40px; padding: 0 20px; }
.chartbook_manage_wrap .sortable_box::after { width: calc(100% - 40px); left: 20px; }

.chartbook_manage_btm { margin-top: 60px; }
.chartbook_manage_btm button { float: left; width: 160px; height: 50px; margin-left: 10px; }
.chartbook_manage_btm button:first-child { margin-left: 0; }

.popup_chart_preview { width: 660px; }
.popup_chart_preview .chartbook_wrap .chartbook .chartbook_box { height: 370px; padding: 15px; }
.popup_chart_preview .chartbook_wrap .chartbook .chartbook_box .chartbook_chart { margin-top: 10px; padding-bottom: 40px; }

.admin_wrap .sub_section .chartbook_manage_wrap .form_cont_wrap { padding: 0; }
.admin_wrap .sub_section .chartbook_manage_wrap .form_cont_wrap .indicator_select_field input[type=text] { background-color: #43D277; border: solid 1px #43D277; color: #fff; }
.admin_wrap .sub_section .chartbook_manage_wrap .form_cont_wrap .input_field_wrap .input_field:nth-child(2) .input_tit { width: 60px; }
.admin_wrap .sub_section .chartbook_manage_wrap .form_cont_wrap .input_field_wrap .input_field:nth-child(2) .full_input { width: calc(100% - 85px); }
.chartbook_manage_wrap .form_cont_wrap .input_field_wrap .input_field .full_input.double_input > input { width: 49%; margin-left: 2%; }
.chartbook_manage_wrap .form_cont_wrap .input_field_wrap .input_field .full_input.double_input > input:first-child { margin-left: 0; }
.chartbook_manage_wrap .form_cont_wrap .input_field_wrap .input_field .full_input.double_select > .select { float: left; width: 39%; margin-left: 2%; }
.chartbook_manage_wrap .form_cont_wrap .input_field_wrap .input_field .full_input.double_select > .select:first-child { width: 59%; margin-left: 0; }

.graph_color { float: left; width: 100%; }
.graph_color > div { float: left; }
.graph_color > div:first-child { position: relative; margin-right: 5px; width: 30px; }
.graph_color > .line::before { content: ''; position: absolute; display: block; width: 100%; height: 2px; left: 0; top: 50%; margin-top: -1px; }
.graph_color > .dot::after { content: ''; position: absolute; display: block; width: 10px; height: 10px; left: 50%; top: 50%; margin-top: -5px; margin-left: -5px; border-radius: 50%; }
.graph_color > .area::before { content: ''; position: absolute; display: block; width: 100%; height: 12px; left: 0; top: 50%; margin-top: -6px; opacity: 0.1; }
.graph_color > .area::after { content: ''; position: absolute; display: block; width: 100%; height: 12px; left: 0; top: 50%; margin-top: -6px; border: solid 2px; }
.graph_color > .bar::before { content: ''; position: absolute; display: block; width: 100%; height: 12px; left: 0; top: 50%; margin-top: -6px; }
.graph_color_1 { color: #229B61; }
.graph_color_2 { color: #43D277; }
.graph_color_3 { color: #85C688; }
.graph_color_4 { color: #7c7c7c; }
.graph_color.graph_color_1 > .line::before, .graph_color.graph_color_1 > .dot::after, .graph_color.graph_color_1 > .area::before, .graph_color.graph_color_1 > .bar::before { background-color: #229B61; }
.graph_color.graph_color_2 > .line::before, .graph_color.graph_color_2 > .dot::after, .graph_color.graph_color_2 > .area::before, .graph_color.graph_color_2 > .bar::before { background-color: #43D277; }
.graph_color.graph_color_3 > .line::before, .graph_color.graph_color_3 > .dot::after, .graph_color.graph_color_3 > .area::before, .graph_color.graph_color_3 > .bar::before { background-color: #85C688; }
.graph_color.graph_color_4 > .line::before, .graph_color.graph_color_4 > .dot::after, .graph_color.graph_color_4 > .area::before, .graph_color.graph_color_4 > .bar::before { background-color: #7c7c7c; }
.graph_color.graph_color_1 > .area::after { border-color: #229B61; }
.graph_color.graph_color_2 > .area::after { border-color: #43D277; }
.graph_color.graph_color_3 > .area::after { border-color: #85C688; }
.graph_color.graph_color_4 > .area::after { border-color: #7c7c7c; }

/* service */
.service_wrap .btn.gray { background-color: #2f2f2f !important; border: solid 1px #2f2f2f !important; }
.sub_contents_wrap .service_wrap .modal_layer { display: none; }
.sub_contents_wrap .service_cont_head, .sub_contents_wrap_new .service_cont_head { padding: 20px 30px; background-color: #f9f9f9; }
.sub_contents_wrap .service_cont_head div, .sub_contents_wrap_new .service_cont_head div { float: left; line-height: 43px; }
.sub_contents_wrap .service_cont_head .label, .sub_contents_wrap_new .service_cont_head .label { float: left; font-size: 16px; text-align: center; padding: 0px 20px; width: auto; color: #fff; background-color: #43D277; margin-right: 20px;}
.sub_contents_wrap .service_cont_head .title, .sub_contents_wrap_new .service_cont_head .title { float: left; position: relative; font-size: 24px; font-weight: bold; color: #2f2f2f; word-break: break-all; }
.sub_contents_wrap .service_cont_head .id, .sub_contents_wrap_new .service_cont_head .id { float: right; color: #7c7c7c; font-size: 14px; }
.service_cont_btn_wrap { text-align: right; margin-top: 40px; color:#7c7c7c; font-size: 14px; }
.service_cont_btn_wrap button { width: 120px; height: 40px; margin-left: 5px; }
.service_cont_btn_wrap .service_write_btn { width: 150px; height: 45px; border-radius: 5px; font-size: 14px; background: #229B61; color: #fff; margin-left: 0; }
.service_wrap .dash_cont_box .period_select { width: 50% }
.service_wrap .dash_cont_box .period_select_input { float: left; width: calc( 55% - 115px ); }
.service_wrap .dash_cont_box .search_guide_wrap .select { width: 200px; margin-right: 10px; }
.service_wrap .dash_cont_box .search_guide_wrap .service_board_field { float: left; width: 817px; }
.service_wrap .view_content_box { min-height: 360px; }
.service_wrap .view_content_box { padding: 20px 30px 70px; /*min-height: 560px; */}
.service_wrap .view_content_box .day { text-align: right; color: #7c7c7c; font-size: 14px; margin-bottom: 30px; }
.service_wrap .view_content_box .txt { font-size: 16px; color: #2f2f2f; line-height: 1.7em; word-break: break-all; }
.service_wrap .file_upload_list_wrap { padding: 10px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
.service_wrap .file_upload_list_wrap .file_upload { float: left; width: 153px; line-height: 36px; color:#fff; font-size: 16px; text-align: center; background-color: #999; }
.service_wrap .file_upload_list_wrap .file_upload .file_upload_list { }
.service_wrap .file_upload_list_wrap .file_upload_list li { float: left; line-height: 36px; margin-left: 20px; color: #7c7c7c; }
.service_wrap .file_upload_list_wrap .file_upload_list li i { margin-right: 5px; }
.service_wrap .view_comment_wrap { margin-top: 90px; }
.service_wrap .view_comment_wrap .tit { font-size: 18px;  color: #2f2f2f; margin-bottom: 20px; }
.service_wrap .view_comment_wrap .comment_write_wrap { margin-top: 20px; }
.service_wrap .view_comment_wrap .comment_write_wrap textarea { height: 100px; }
.service_wrap .view_comment_wrap .service_cont_btn_wrap { margin-top: 25px; }
.service_wrap .view_comment_wrap .comment_wrap{ padding: 0 20px 20px; background-color: #f9f9f9; }
.service_wrap .view_comment_wrap .comment_wrap .id { float: left; font-size: 16px; color: #2f2f2f; margin-right: 18px; line-height: 20px; }
.service_wrap .view_comment_wrap .comment_wrap .day { float: left; font-size: 14px; color: #d9d9d9; line-height: 20px; }
.service_wrap .view_comment_wrap .comment_wrap .btn_wrap { float: right; }
.service_wrap .view_comment_wrap .comment_wrap .btn_wrap  i { color: #7c7c7c; margin-left: 15px; }
.service_wrap .view_comment_wrap .comment_wrap .comment_box .comment { border-bottom: solid 1px #e5e5e5; padding: 20px; }
.service_wrap .view_comment_wrap .comment_wrap .comment_box .comment .comment_head { margin-bottom: 20px; }
.service_wrap .view_comment_wrap .comment_wrap .comment_box .comment_write_wrap { margin-top: 0; }
.service_wrap .view_comment_wrap .comment_wrap .comment_box .comment_write_wrap .service_cont_btn_wrap { margin-top: 10px; }
.service_wrap .view_comment_wrap .comment_wrap .comment_box .comment_write_wrap button { width: 80px; height: 35px; }
.service_wrap .view_comment_wrap .comment_wrap .comment_box .comment_write_wrap textarea { height: 80px; border: 2px solid #d9d9d9; }
.service_wrap .view_comment_wrap .comment_wrap .comment_box:last-child .comment,
.service_wrap .view_comment_wrap .comment_wrap .reply_box > li:last-child .comment { border-bottom: none; }
.service_wrap .view_comment_wrap .comment_wrap .comment_box .comment_txt { line-height: 1.7em; color: #7c7c7c; word-break: break-all; }
.service_wrap .view_comment_wrap .comment_wrap .reply_box { background-color: #fff; padding: 0 20px 0 0; margin-top: 15px; }
.service_wrap .view_comment_wrap .comment_wrap .reply_box .comment .comment_head .btn_wrap i { color: #7c7c7c; }
.service_wrap .view_comment_wrap .comment_wrap .reply_box li { position: relative; padding-left: 60px; }
.service_wrap .view_comment_wrap .comment_wrap .reply_box li::after { content: ''; display: block; position: absolute; width: 20px; height: 15px; background: url(/assets/icon_service_comment_arrow-60b1f21f60c85a6b06daf82b4c4d311b.png) no-repeat; left: 20px; top: 20px; }

.service_wrap .write_wrap .full_input { background-color: #f9f9f9; }
.service_wrap .write_wrap .full_input, .service_wrap .write_wrap .select { width: 280px; }
.service_wrap .write_wrap .input_field_wrap .input_tit_txt { width: calc( 100% - 115px ); }
.service_wrap .write_wrap .note_area_wrap { margin-top: 20px; }
.service_wrap .write_wrap .note_area_wrap { border: solid 1px #e5e5e5;  }
.service_wrap .write_wrap .note_area_wrap .note_toolbar { height: 50px; line-height: 50px; font-size: 20px ; text-align: center; color: #b6b6b6; background-color: #f7f7f7; }
.service_wrap .write_wrap .note_area_wrap .note_area { border: 0; min-height: 365px; }
.service_wrap .write_wrap .file_upload_wrap { margin-top: 20px; height: 43px; }
.service_wrap .write_wrap .file_upload_wrap .file_upload, .service_wrap .write_wrap .file_upload_wrap .upload_guide { line-height: 43px; }
.service_wrap .write_wrap .file_upload_wrap .file_upload { float: left; font-size: 16px; color: #2f2f2f; margin-right: 20px; }
.service_wrap .write_wrap .file_upload_wrap .file_find_btn { float: left; width: 150px; height: 35px; color: #fff; background-color: #999; border: none; margin: 4px 20px 0 20px; }
.service_wrap .write_wrap .file_upload_wrap .file_find_btn i { margin-right: 5px; }
.service_wrap .write_wrap .file_upload_wrap .real_file_input { display: none !important; }
.service_wrap .write_wrap .file_upload_wrap .upload_guide { font-size: 14px; color:#999; }
.service_wrap .write_wrap .file_upload_list { float: left; }
.service_wrap .write_wrap .file_upload_list li { position: relative; padding: 0 33px; float: left; margin-left: 20px; border: solid 1px #e5e5e5; line-height: 43px; width: 180px; }
.service_wrap .write_wrap .file_upload_list li input { border: 0; }
.service_wrap .write_wrap .file_upload_list li p { width: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; }
.service_wrap .write_wrap .file_upload_list li > i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.service_wrap .write_wrap .file_upload_list li button { width: 33px; height: 43px; position: absolute; right: 0; top: 0; }

/* 이벤트 캘린더 */
/* 월간 캘린더 */
.calendar_wrap .calendar_month_sel_box { left: auto !important; right: 0;  }
.calendar_wrap .calendar_month_sel_wrap { z-index: 10; }
.calendar_wrap .dash_cont_box { margin: 20px 0 90px; padding: 25px 20px; }
.calendar_wrap .dash_cont_box .input_field_wrap { float: left; width: auto; }
.calendar_wrap .dash_cont_box .input_field > div { margin-left: 0; }
.calendar_wrap .dash_cont_box .input_search_field_wrap { float: right; }
.calendar_wrap .dash_cont_box .calendar_search_field { position: relative; width: 355px; border: 1px solid #85C688; }
.calendar_wrap .dash_cont_box .calendar_search_field .service_keyword_input { height: 36px; border: 0; padding-right: 35px;}
.calendar_wrap .dash_cont_box .calendar_search_field .service_keyword_submit { position: absolute; top: 0; right: 0; width: 36px; height: 36px; border: none; background-color: transparent; color: #85C688; }
.calendar_wrap .dash_cont_box .input_field_wrap, .calendar_wrap .dash_cont_box .input_search_field_wrap .calendal_btn_wrap { margin-top: 4px; }
.calendar_wrap .dash_cont_box .input_search_field_wrap .calendal_btn_wrap { margin-left: 15px; }
.calendar_wrap .dash_cont_box .input_search_field_wrap .calendal_btn_wrap li { float: left; margin-right: 5px; }
.calendar_wrap .dash_cont_box .input_search_field_wrap .calendal_btn_wrap li:last-child { margin-right: 0; }
.calendar_wrap .dash_cont_box .input_search_field_wrap .calendal_btn_wrap li button { width: 80px; height: 30px; line-height: inherit; background-color: #999; color: #fff; }
.calendar_wrap .dash_cont_box .custom-radio { margin-left: 5px; }
.calendar_wrap .dash_cont_box .custom-radio .custom-control-label { width: auto; line-height: 30px; padding: 0 15px; background: #fff; border: 1px solid #e5e5e5; }
.calendar_wrap .download_btn_wrap { margin-top: 40px; float: right; }
.calendar_wrap .download_btn_wrap li { float: left; margin-left: 3px; }
.calendar_wrap .download_btn_wrap li.download_outlook_btn { text-align: center; font-size: 16px; border-radius: 0; }
.calendar_wrap .calendar_header_wrap { position: relative; text-align: center; }
.calendar_wrap .service_calendar_monthly .calendar_header { display: inline-block; background-color: transparent; padding: 30px; padding-top: 0; }
.calendar_wrap .service_calendar_monthly .calendar_header .calendar_control .now_month { font-size: 28px; color: #2f2f2f; margin: 0 10px; }
.calendar_wrap .service_calendar_monthly .calendar_header .calendar_month_sel_wrap { position: absolute; right: 0; top: 0; }
.calendar_wrap .service_calendar_monthly .calendar_header .calendar_month_sel_wrap > button { background-color: #999; color: #fff; width: 80px; height: 30px; }
.calendar_wrap .service_calendar_monthly .calendar_header .calendar_month_sel_wrap > button i { margin-right: 5px; }
.service_calendar_monthly .table_calendar .calendar_day .week { position: relative; border-bottom: 1px solid #e5e5e5; }
.calendar_wrap .table_calendar thead th { padding: 20px 0; }
.calendar_wrap .calendar_day { vertical-align: top }
.calendar_wrap .calendar_day .week .event_day { padding-bottom: 20px; min-height: 200px; border-right: 1px solid #e5e5e5; }
.calendar_wrap .calendar_day .week .event_day:last-child { border-right: 0; }
.calendar_wrap .calendar_day .week .event_day .min_height { min-height: 200px; }

.calendar_wrap .event_list .event { margin-top: 15px; padding: 10px; text-align: left; }
.calendar_wrap .event_list > .event:first-child { margin-top: 0; }
.calendar_wrap .evDent_list .event.fixed_event { background-color: #f9f9f9; }
.calendar_wrap .event_list .event .tit {  color: #2f2f2f; font-weight: 500; }
.calendar_wrap .event_list .event p { float: left; line-height: 1.2em; }
.calendar_wrap .event_list .event p i { color: #999; width: 15px; margin-right: 5px; }
.calendar_wrap .event_list .event p a { text-decoration: underline; display: block; }
.calendar_wrap .event_list .event .event_name { max-width: calc( 100% - 20px ); word-break: break-all; }
.calendar_wrap .event_list .event .img { width: 12px; height: 12px; border-radius: 100%; overflow: hidden; margin-right: 5px; border: 1px solid #e5e5e5; }
.calendar_wrap .event_list .event .img img { transform: scale(1.3); vertical-align: 3px}
.calendar_wrap .event_list .event ul { padding-left: 20px; margin-top: 4px; }
.calendar_wrap .event_list .event li { float: left; width: 100%; font-size: 12px; color: #2f2f2f; padding: 4px 0; }
.calendar_wrap .event_list .event li.ipo { cursor: pointer;}
.calendar_wrap .event_list .event li p i { width: 11px; }
.calendar_wrap .event_list .fixed_event li { position: relative; }
.calendar_wrap .event_list .fixed_event li .tooltips_calendar { left: 15px; }
.calendar_wrap .event_list .fixed_event li:hover .event_name a { font-weight: 700; }
.calendar_wrap .event_list .fixed_event li:hover .tooltips_calendar { display: block; }
.calendar_wrap .event_list .event .event_more_btn { margin-left: 20px; font-size: 12px; color: #fff; background-color: #999; font-weight: 100; height: 22px; padding: 0 5px; margin-top: 4px; }
/* 주간 캘린더 */
.calendar_week_wrap .calendar_header .calendar_week_control { position: absolute; left: 0; top: 0; text-align: left; }
.calendar_week_wrap .calendar_header .calendar_week_control .tit{ color: #2f2f2f; }
.calendar_week_wrap .calendar_header .calendar_week_control label { color: #2f2f2f; }
/* 일간 캘린더 */
.calendar_daily_wrap .calendar_left_cont_wrap .calendar_right .calendar_right_top .select_date { padding: 17px 0;  }
.calendar_daily_wrap .calendar_cont_wrap.daily_event_list_wrap { margin-top: 0; border: 1px solid #e5e5e5; padding: 24px 20px; }
/* 캘린더 목록 */
.calendar_list_wrap #calendar_monthly { position: absolute; width: 393px; top: 0px; }
.calendar_list_wrap .table_cont a { float: left; display: inline-block; text-decoration: underline; padding: 9px 10px; }
.calendar_list_wrap .table_cont tbody tr td a > div.tooltips_calendar { display: none; top: calc(100% - 5px); }
.calendar_list_wrap .table_cont tbody tr td a:hover > div.tooltips_calendar { display: block; }
/* 캘리더 팝업창 */
.calendar_wrap .popup_event_category_wrap { width: 520px; height: auto; background-color: #fff; }
.calendar_wrap .popup_wrap .popup_cont_wrap h3 { color: #229B61; font-size: 16px; font-weight: bold; padding-bottom: 20px; }
.calendar_wrap .popup_keyword_box{ height: 100%; margin: 0 auto;  background-color: #f9f9f9; padding: 20px; border: 1px solid #e5e5e5; }
.calendar_display_popup .popup_cont_wrap .popup_cont { height: calc(100% - 130px); }
.calendar_display_popup .popup_calendar_display { width: 520px; }
.calendar_display_popup .popup_calendar_display .popup_cont { padding: 20px; background-color: #f9f9f9; border: solid 1px #e5e5e5; }
.calendar_display_popup .popup_calendar_display .popup_cont_box { background-color: #fff; padding: 20px; }
.calendar_display_popup .popup_calendar_display .popup_cont_box .input_tit { color: #2f2f2f; width: 80px; }
.calendar_display_popup .popup_calendar_display .popup_cont_box .select { width: calc(100% - 106px); }
.calendar_detail_popup .popup_event_category_wrap { height: 88% }
.calendar_detail_popup .popup_cont_wrap .popup_cont { height: calc(100% - 130px); }
.calendar_detail_popup .popup_keyword_select { height: 100%; background-color: #fff; padding: 30px 20px 0 20px; overflow-y: auto; }
.calendar_detail_popup .custom-control { float: left; margin-top: 5.5px; }
.calendar_detail_popup .custom-control-label { color: #2f2f2f; font-size: 16px }
.calendar_detail_popup .custom-control-label::before { border: 0; background-color: #f1f1f1; left: -21px; }
.calendar_detail_popup .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { left: -19px; color: #2f2f2f; font-size: 12px; }
.calendar_detail_popup .popup_keyword_select.tree_view > ul > li > .category label { color:#43D277; }
.calendar_detail_popup .popup_keyword_select.tree_view ul li:not(.last) { line-height: 24px; }
.calendar_detail_popup .popup_keyword_select.tree_view ul > li.last > .category::before { margin-top: 3px; }
.calendar_detail_popup .popup_keyword_select.tree_view ul > li > ul { padding-left: 40px; }
.calendar_detail_popup .popup_keyword_select.tree_view ul > li > .category .tree_btn::after { left: -0.5px; top: 8px; }
.calendar_detail_popup .popup_keyword_select.tree_view ul > li > .category.active .tree_btn::after { top: 7px; }

/*마이페이지*/
.sub_tit_wrap .add_bt { float: right;}
.sub_tit_wrap .add_bt > li { float: left; margin-left: 8px; cursor: pointer; }
.sub_tit_wrap .add_bt > li button { color:#7c7c7c; font-size: 24px; height: 38px; width: 25px; }

.interest_box_wrap > ul { margin-left: -10px; margin-right: -10px; }
.interest_box_wrap li {float: left; width:280px; height: 152px; border:solid 1px #e5e5e5; margin:0 10px 20px 10px; text-align: center; font-size: 20px; font-weight: 700; position: relative; background-color: #fff; }
.interest_box_wrap li .sortable_box { background-color: #f1f1f1; opacity: 0.5; }
.interest_box_wrap li .interest_box { padding: 20px; }
.interest_box_wrap li .name {color: #2f2f2f; margin: 0 auto 10px; width: 85%; }
.interest_box_wrap li .value { display: inline-block; font-size: 12px; font-weight: 300; background-color: #f1f1f1; min-width:60%; line-height: 26px; border-radius: 10px; margin: 10px auto; padding:0 20px;}
.interest_box_wrap li .value div:first-child{float: left;}
.interest_box_wrap li .value div:last-child{float: right; margin-left: 15px; }
.interest_box_wrap li .date {font-size: 12px; color: #7c7c7c; font-weight: 300;}
.interest_box_wrap li .up {color: #E96060;}
.interest_box_wrap li .down {color: #5967EA;}
.interest_box_wrap li .add_box { height:156px; text-align: center; vertical-align: middle; color:#e5e5e5; font-size: 48px; width: 100%; }
.interest_box_wrap li .category_wrap .category_more { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background-color: transparent; font-size: 16px; font-weight: 500; color: #7c7c7c; display: none; }
.interest_box_wrap ul > li .interest_box:hover .category_more,
.interest_box_wrap ul > li .interest_box.now > .category_wrap .category_more { display: block; }
.interest_box_wrap ul > li .category_wrap .category_more_list { display: none; position: absolute; top: 12px; right: -48px; width: 60px; background-color: #fff; color: #7c7c7c; font-size: 12px; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.03); z-index: 10; }
.interest_box_wrap ul > li .category_wrap .category_more_list > div { line-height: 30px; border-top: solid 1px #f9f9f9; text-align: center; cursor: pointer; }
.interest_box_wrap ul > li .category_wrap .category_more_list > div:first-child { border-top: none; }
.interest_box_wrap ul > li .category_wrap .category_more_list > div:hover { background-color: #f1f1f1; }
.interest_box_wrap ul > li .category_wrap .category_more_list > div > i { margin-right: 5px; }
.interest_box_wrap ul > li .interest_box.now .category_wrap .category_more_list { display: block; }
.interest_info {font-size: 12px; color: #999; text-align: right;}

.interest_box_wrap_re > ul { margin-left: -10px; margin-right: -10px; }
.interest_box_wrap_re li {float: left; width:280px; height: 152px; border:solid 1px #e5e5e5; margin:0 8px 20px 8px; text-align: center; font-size: 20px; font-weight: 700; position: relative; background-color: #fff; }
.interest_box_wrap_re li .sortable_box { background-color: #f1f1f1; opacity: 0.5; }
.interest_box_wrap_re li .interest_box { padding: 20px; }
.interest_box_wrap_re li .name {color: #2f2f2f; margin: 0 auto 10px; width: 85%; }
.interest_box_wrap_re li .value { display: inline-block; font-size: 12px; font-weight: 300; background-color: #f1f1f1; min-width:60%; line-height: 26px; border-radius: 10px; margin: 10px auto; padding:0 20px;}
.interest_box_wrap_re li .value div:first-child{float: left;}
.interest_box_wrap_re li .value div:last-child{float: right; margin-left: 15px; }
.interest_box_wrap_re li .date {font-size: 12px; color: #7c7c7c; font-weight: 300;}
.interest_box_wrap_re li .up {color: #E96060;}
.interest_box_wrap_re li .down {color: #5967EA;}
.interest_box_wrap_re li .add_box { height:156px; text-align: center; vertical-align: middle; color:#e5e5e5; font-size: 48px; width: 100%; }
.interest_box_wrap_re li .category_wrap .category_more { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background-color: transparent; font-size: 16px; font-weight: 500; color: #7c7c7c; display: none; }
.interest_box_wrap_re ul > li .interest_box:hover .category_more,
.interest_box_wrap_re ul > li .interest_box.now > .category_wrap .category_more { display: block; }
.interest_box_wrap_re ul > li .category_wrap .category_more_list { display: none; position: absolute; top: 12px; right: -48px; width: 60px; background-color: #fff; color: #7c7c7c; font-size: 12px; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.03); z-index: 10; }
.interest_box_wrap_re ul > li .category_wrap .category_more_list > div { line-height: 30px; border-top: solid 1px #f9f9f9; text-align: center; cursor: pointer; }
.interest_box_wrap_re ul > li .category_wrap .category_more_list > div:first-child { border-top: none; }
.interest_box_wrap_re ul > li .category_wrap .category_more_list > div:hover { background-color: #f1f1f1; }
.interest_box_wrap_re ul > li .category_wrap .category_more_list > div > i { margin-right: 5px; }
.interest_box_wrap_re ul > li .interest_box.now .category_wrap .category_more_list { display: block; }

.mypage_select_wrap .input_tit { line-height: 30px; }
.mypage_select_wrap .input_radio_button_field,
.search_conditions_keyword .input_radio_button_field { margin-left: -5px !important; margin-top: -5px; }
.mypage_select_wrap .input_radio_button_field .custom-radio,
.search_conditions_keyword .input_radio_button_field .custom-radio { margin-left: 5px; margin-top: 5px; }
.mypage_select_wrap .input_radio_button_field .custom-radio:first-child,
.search_conditions_keyword .input_radio_button_field .custom-radio:first-child { margin-left: 5px !important; }
.mypage_select_wrap .input_radio_button_field .custom-radio .custom-control-label,
.search_conditions_keyword .input_radio_button_field .custom-radio .custom-control-label { width: auto; padding:0 15px; line-height: 30px; background-color: #fff; border: solid 1px #e5e5e5;}
.mypage_select_wrap .input_radio_button_field .tooltips_wrap .tooltips { width: auto !important; }
.mypage_select_wrap .default_bt_group { float: left; margin-left:10px;}
.mypage_select_wrap .default_bt_group button{ width:26px; line-height: 26px; color:#fff; font-size: 16px; text-align: center; background-color: #999; border-radius: 5px; margin:3px 3px 0 0;}
.mypage_select_wrap .mod_group { margin-left:10px; }
.mypage_select_wrap .mod_group div {float: left; }
.mypage_select_wrap .mod_group .keyword_input{width:215px; height:34px; border-color:#85C688;}
.mypage_select_wrap .mod_group button{display: block; width:60px; height:30px; margin-top: 2px;}
.mypage_select_wrap .mod_group div:first-child button { margin-left: 0; }
.mypage_select_wrap .mod_group .cancle{background-color: #999; margin-left: 5px;}
.mypage_select_wrap .input_radio_button_field .mod_group { float: left; margin-left: 5px; margin-top: 9px; }
.mypage_select_wrap .input_radio_button_field .default_bt_group { margin-left: 5px; margin-top: 9px; }
.mypage_select_wrap .keyword_del_btn,
.search_conditions_keyword .keyword_del_btn { position: relative; float: left; padding: 0 35px 0 15px; line-height: 30px; background-color: #fff; border: solid 1px #e5e5e5; border-radius: 5px; font-size: 14px; color: #2f2f2f; font-weight: 300; }
.mypage_select_wrap .keyword_del_btn::after,
.search_conditions_keyword .keyword_del_btn::after { content: '\e614'; font-family: 'xeicon'; position: absolute; color:#E96060; line-height: 30px; right: 15px; top: 0; }
.mypage_select_wrap .service_board_field {width:calc(100% - 130px); }

.search_conditions_keyword { line-height: 37px; }
.search_conditions_keyword .keyword_del_btn { min-width: 180px; text-align: center; padding: 0 45px 0 25px; }
.search_conditions_keyword span.keyword_del_btn { padding-right: 25px; }
.search_conditions_keyword span.keyword_del_btn::after { display: none; }


.report_category .input_radio_button_field { margin-left: 0px; }
.report_category .input_radio_button_field .custom-radio { margin-left: 5px; }
.report_category .input_radio_button_field .custom-radio .custom-control-label { width: auto; padding: 0 15px; line-height: 30px; background-color: #fff; border: solid 1px #e5e5e5;}

.issue_search {margin:20px 0 40px 19px;}
.issue_list { width: 100%; border-top: solid 1px #e5e5e5; }
.issue_list > li { float: left; width: 100%; border-bottom: solid 1px #e5e5e5; }
.issue_list > li:nth-child(even) { background-color: #f9f9f9; }
.issue_list > li:hover { background-color: #F8FBF9; }
.issue_list > li > a { display: block; padding: 20px; }
.issue_list > li .title { color: #2f2f2f; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 170%; }
.issue_list > li .info { color: #7c7c7c; font-size: 14px; margin-top: 15px; }
.issue_list > li .info .news { float: left; background-color: #f1f1f1; padding: 7px 10px; }
.issue_list > li .info .date { float: right; line-height: 28px; }
.issue_list > li:hover .tooltips_preview { display: block; max-width: 80%; }
.issue_nokeyword { font-size: 14px; color:#999; line-height: 30px; }
.mypage_select_wrap.issue_search .keyword_del_btn,
.mypage_select_wrap.issue_search .input_radio_button_field .custom-radio .custom-control-label { max-width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mypage_select_wrap.issue_search .keyword_del_btn { max-width: 150px; }
.mypage_select_wrap.issue_search .input_radio_button_field { margin-top: -10px; }
.mypage_select_wrap.issue_search .input_radio_button_field .custom-radio { margin-top: 10px; }

.issue_list .table_cont .tr {width:100%;}
.issue_list .table_cont .tr .td{border-left:0; justify-content:left;}
.issue_list .table_cont .tr .title{width:100%; font-size: 16px; padding-left:;}
.issue_list .table_cont .tr .news {width:50%;}
.issue_list .table_cont .tr .news div{width: auto; color:#7c7c7c; background-color: #f1f1f1; padding:5px; display: block;}
.issue_list .table_cont .tr .date {width:50%; }
.issue_list .table_cont .tr .date div {text-align: right; color: #7c7c7c; margin-right:10px;}

.comment_wrap { line-height: 150%; background-color: #f9f9f9; padding: 25px 20px; margin-top:20px;}

.data_download_wrap,
.data_download_wrap .popup_keyword_wrap .popup_keyword_section  {position: relative; height: auto; }
.data_download_wrap .popup_keyword_wrap .popup_keyword_section .synonym_left_mygroup, .data_download_wrap .popup_keyword_wrap .popup_keyword_section .synonym_left_enrollment { float: left; width: 48.5%; }
.data_download_wrap .popup_keyword_wrap .popup_keyword_section .synonym_left_mygroup { margin-right: 3%; }
.data_download_wrap .popup_keyword_wrap .popup_keyword_section .popup_keyword_box .mygroup{ height: 195px; overflow-y: scroll; }
.data_download_wrap .popup_keyword_wrap .popup_keyword_section .popup_keyword_box .enrollment{ height: 195px; overflow-y: scroll; }
.data_download_wrap .popup_keyword_wrap .popup_keyword_section .mygroup_wrap {height:290px;}
.mygroup_wrap .mygroup .table_keyword tbody td:last-child > div { padding-right: 24px; }
.data_download_wrap .popup_keyword_wrap .popup_keyword_section .date_select_wrap{height: 290px; padding-top: 48px; }
.data_download_wrap .popup_keyword_wrap .popup_keyword_section .date_select{height: 130px;}
.data_download_wrap .popup_keyword_wrap .popup_cont_wrap .popup_cont::after { left: 30.8%; }
.data_download_wrap .popup_keyword_box{ position: relative; }
.data_download_wrap .table_ul > li .custom_checkbox { width: 10%; padding: 0; text-align: center; }
.data_download_wrap .table_keyword thead th:nth-child(2) { border-left: 2px solid #fff; }
.data_download_wrap .table_keyword thead th > div { width: 100%; font-size: 14px; line-height: 24px;  padding: 0 10px; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.data_download_wrap .table_keyword tbody td > div { position: relative; }
.data_download_wrap .table_keyword tbody tr:hover .custom-checkbox-btn { display: block; }
.data_download_wrap .popup_keyword_section{ margin-left:0; }
.data_download_wrap .popup_keyword_section.categories, .data_download_wrap .popup_keyword_section.indicates { width: 49%; height: 645px; }
.data_download_wrap .popup_keyword_bt, .data_download_wrap .popup_keyword_section.synonym { width: 100%; }
.data_download_wrap .popup_keyword_section.categories { position: relative; margin-right: 2%; }
.data_download_wrap .popup_keyword_section.categories:before { content: '\e601'; font-family: xeicon; position: absolute; color: #e5e5e5; text-align: center; width: 4%; top: 50%; right: -6.4%; transform: rotate(-45deg) translate(-50%,-50%); }
.data_download_wrap .popup_keyword_bt { height:auto; text-align: center; display: block; margin: 30px 0; }
.data_download_wrap .popup_keyword_bt i{width:36px; font-size: 16px; color:#fff; border-radius: 5px; line-height: 36px;}
.data_download_wrap .popup_keyword_bt span{color: #7c7c7c; font-size: 10px; margin-top: 5px; display: block;}
.data_download_wrap .popup_keyword_bt .right { margin-right: 10px; }
.data_download_wrap .popup_keyword_bt .right i { background-color: #229B61; }
.data_download_wrap .popup_keyword_bt .double_right i {background-color: #999;}
.data_download_wrap .popup_keyword_section.synonym .synonym_right .popup_keyword_btn_wrap button { width: 150px;  }





.data_download_wrap .popup_keyword_section.synonym {}
.data_download_wrap .popup_keyword_section.synonym > div { float: left; }
.data_download_wrap .popup_keyword_section.synonym .synonym_left { width: 67%; margin-right: 3%; }
.data_download_wrap .popup_keyword_section.synonym .synonym_right { width: 30%; }




.data_download_wrap .popup_keyword_box .title{font-size: 14px; font-weight: 700; color:#2f2f2f; margin-bottom: 10px;}
.data_download_wrap .indicate_info{ width:calc(100% - 40px); position: absolute; bottom: 20px; left:20px; background-color: #f1f1f1; color:#7c7c7c; font-size:12px; line-height: 30px; text-align: center; }
.data_bt_wrap li:first-child{float: left;}
.data_bt_wrap li:last-child{float: right;}
.data_bt_wrap button {font-size: 16px; color:#999; margin: 5px 5px 0 0;}
.data_bt_wrap .folder_plus{color:#43D277;}
.data_bt_wrap .data_bt { font-size: 12px; height: 16px; margin-left: 12px; }
.data_bt_wrap .data_bt > i { font-size: 14px; margin-right: 3px; }
.data_bt_wrap .data_bt:first-child { margin-left: 0; }
.data_bt_wrap .data_bt.green { color: #43D277; }
.data_download_wrap .input_field{width:100%;;}
.data_download_wrap .input_field .custom-control-label { font-weight: 900;}
.data_download_wrap .input_field .custom-control-label > div {float: left;}
.data_download_wrap .input_field .custom-control-label > div:first-child{width:50px; line-height: 36px;}
.data_download_wrap .input_field .custom-control-label .input_date_wrap{width:210px;}

.service_wrap .popup_wrap .popup_cont > .tit { font-size: 16px; font-weight: 500; color: #229B61; margin-bottom: 15px; }
.service_wrap .popup_wrap .popup_cont .form_cont_wrap { background-color: #f9f9f9; border: solid 1px #e5e5e5; padding: 20px; }
.service_wrap .popup_wrap .popup_cont .form_cont_wrap .form_section { margin-top: 20px; padding: 20px; background-color: #fff; }
.service_wrap .popup_wrap .popup_cont .form_cont_wrap .input_field { width: 100%; }

.multi_chart_wrap::after { content: ''; display: block; clear: both; float: none; }
.multi_chart_wrap .multi_chart { float: left; width: 48%; margin-right: 4%; }
.multi_chart_wrap .multi_chart:nth-child(2n+0) { margin-right: 0; }

.basic_info_tit { margin-bottom: 20px; }
.basic_info_tit .tit { float: left; font-size: 24px; font-weight: 700; line-height: 30px; vertical-align: middle; }
.basic_info_tit .stock_code { float: left; font-size: 14px; font-weight: 700; line-height: 37px; vertical-align: middle; color: #aaaaaa; margin-left: 5px;}
.basic_info_tit .btn { float: left; font-size: 12px; width: 70px; height: 24px; padding: 0; margin-top: 4px; margin-left: 10px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); }
.basic_info_tit .time { float: right; font-size: 12px; line-height: 30px; color: #7c7c7c; }

.line_tit { position: relative; font-size: 16px; font-weight: 700; line-height: 30px; padding-left: 15px; margin-bottom: 40px; color: #2f2f2f; }
.line_tit .title  { position: relative; font-size: 16px; font-weight: 700; line-height: 30px; margin-bottom: 20px; color: #43D277; }
.line_tit::before { content: ''; position: absolute; width: 3px; height: 18px; left: 0; top: 50%; margin-top: -8px; background-color: #2f2f2f; }
.line_tit span { font-size: 14px; font-weight: 500; color: #999; }

.icon.positive { padding-left: 15px; background: url(/assets/icon_positive-76d19126053e303722d96c2803546d81.png) no-repeat center left; }
.icon.negative { padding-left: 15px; background: url(/assets/icon_negative-11bc30d9ce621b0d8c9da1a2cdbd1c47.png) no-repeat center left; }
.basic_info_info { padding: 25px; margin-bottom: 20px; }
.stock_info { float: left; position: relative; }
.stock_info > div { float: left; color: #7c7c7c; margin: 0 10px; line-height: 30px; }
.stock_info > div:first-child { margin-left: 0; }
.stock_info > div:last-child { margin-right: 0; }
.stock_info.positive > div { color: #E96060; }
.stock_info.negative > div { color: #5967EA; }
.stock_info > div.tit { color: #2f2f2f; font-size: 14px; font-weight: 700; max-width: 200px; }
.stock_info > div.stock_price { font-size: 14px; font-weight: 700; }
.stock_info > div.stock { font-size: 12px; }
.stock_info > div.positive { color: #E96060; }
.stock_info > div.negative { color: #5967EA; }
.stock_info > div.etc { font-size: 12px; color: #999; font-weight: 100; }
.stock_info.main_stock_info > div.stock_price { font-size: 24px; }
.stock_add_info { float: right; }
.stock_add_info .stock_info { padding-left: 30px; margin-left: 30px; border-left: solid 1px #f1f1f1; }

.macro_basic_info .basic_info_info { float: left; padding: 0; margin-bottom: 0; margin-left: 30px; }
.macro_basic_info .macro_desc { padding: 20px; margin-bottom: 40px; font-size: 14px; color: #7c7c7c; line-height: 150%; }

.star_wrap .star { display: inline-block; width: 1em; height: 1em; margin: 0 1px; background-image: url(/assets/star-26511aa19ec3d736ef968a4b2ba08d68.png); background-position: center center; background-size: contain; background-repeat: no-repeat; }
.star_wrap .star.half { background-image: url(/assets/star_half-ef527b104500af22f9bf09a8627eafed.png); }
.star_wrap .star.full { background-image: url(/assets/star_full-13b75193d6e3135736009f22c1c91765.png); }

.left_right_table { border-top: solid 1px #f1f1f1; }
.left_right_table li { float: left; width: 100%; border-bottom: solid 1px #f1f1f1; padding: 10px 20px; font-size: 14px; }
.left_right_table li .left { float: left; width: 30%; color: #7c7c7c; }
.left_right_table li .right { float: right; width: 70%; font-weight: 700; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 1px; }
.left_right_table li .right.positive { color: #E96060; }
.left_right_table li .right.negative { color: #5967EA; }
.left_right_table li .right .star_wrap { float: right; }
.left_right_table li .right .star_wrap .star { float: left; }

.admin_summary_table .left_right_table li .left { float: left; width: 90%; color: #7c7c7c; }
.admin_summary_table .left_right_table li .right { float: right; width: 10%; font-weight: 700; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 1px; }

.basic_info_compare { padding: 20px; margin: 20px 0;}
.compare_chart_wrap { position: relative; }
.compare_chart_wrap .radar_chart_wrap { float: left; width: 30%; }
.compare_chart_wrap .radar_chart_wrap:last-child { margin-left: 36%; }
.compare_chart_wrap .compare_table { position: absolute; right: 5%; width: 60%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.compare_chart_wrap .compare_table .left_right_table li .left { width: 80%; }
.compare_chart_wrap .compare_table .left_right_table li .right { width: 20%; }
.compare_chart_wrap .compare_table .left_right_table li .left >span {font-size: 13px; color:#7c7c7c; font-weight: 200;}

.consensus_table.table_cont_wrap .table_cont thead tr th:first-child { border-left: none; }
.consensus_table.table_cont_wrap .table_cont thead tr th > div > span { font-size: 13px; color: #fff; font-weight: 300; background-color: #7c7c7c; padding: 0 3px; margin-left: 3px; }

.financial_highlight_table.table_cont_wrap .table_cont thead tr th:first-child { border-left: none; }
.financial_highlight_table.table_cont_wrap .table_cont thead tr th > div > span { font-size: 13px; color: #fff; font-weight: 300; background-color: #7c7c7c; padding: 0 3px; margin-left: 3px; }
.financial_chartbook_wrap.chartbook_wrap .chartbook .chartbook_box { height: auto; }
.financial_chartbook_wrap.chartbook_wrap .chartbook .chartbook_box .chartbook_chart { position: relative; margin-top: 10px; padding-bottom: 0; }
.financial_chartbook_wrap.chartbook_wrap .chartbook .chartbook_box .chartbook_chart .chart { width: 70%; }
.financial_chartbook_wrap.chartbook_wrap .chartbook .chartbook_box .chartbook_chart .chart_summary { position: absolute; width: 25%; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
.financial_chartbook_wrap.chartbook_wrap .chartbook .chartbook_box .chartbook_chart .chart_summary .tit { position: relative; font-size: 14px; color: #7c7c7c; line-height: 150%; padding-bottom: 15px; margin-bottom: 15px; }
.financial_chartbook_wrap.chartbook_wrap .chartbook .chartbook_box .chartbook_chart .chart_summary .tit::before { content: ''; position: absolute; width: 27px; height: 1px; background-color: #e5e5e5; bottom: 0; left: 50%; margin-left: -13.5px; }
.financial_chartbook_wrap.chartbook_wrap .chartbook .chartbook_box .chartbook_chart .chart_summary .data { font-size: 28px; color: #2f2f2f; font-weight: 700; margin-top: 5px; }
.financial_chartbook_wrap.chartbook_wrap .chartbook .chartbook_box .chartbook_chart .chart_summary .data span { font-size: 16px; color: #7c7c7c; font-weight: 500; margin-right: 5px; }

.marketindex_chart_wrap.chartbook_wrap .chartbook .chart_box_marketindex { height: auto; }
.marketindex_chart_wrap.chartbook_wrap .chartbook .chart_box_marketindex .chartbook_chart_marketindex { position: relative; margin-top: 10px; padding-bottom: 0; }
.marketindex_chart_wrap.chartbook_wrap .chartbook .chart_box_marketindex .chartbook_chart_marketindex .chart { width: 70%; }

.marketindex_info {margin:auto; border: solid 1px #f1f1f1; }
.marketindex_info .marketindex_info_box {padding: 0px 50px 0px 0px; }
.marketindex_info .info_line { margin-top: 20px; margin-left: 170px;  padding: 0px 50px 0px 0px; }
.marketindex_info .time {float: right; text-align: right; font-size: 12px; color: #7c7c7c; width: auto; }
.marketindex_info .img { text-align: center; float: left; width: auto; }

.table_cont_wrap .summary_table_cont { border-top: solid 2px #e5e5e5; border-bottom: solid 2px #e5e5e5; font-weight: 700; }
.table_cont_wrap .summary_table_cont tbody tr th { background-color: #fbfbfb; color: #43D277; }

.ceo_news_board { padding-top: 0; margin-top: 60px; }
/* .ceo_news_board .news_board { padding-top: 20px; border-top: solid 1px #e5e5e5; } */
.stockholder_info_table.table_cont_wrap .scroll_table_cont { max-height: 200px; }
.stockholder_info_table_btm .time { font-size: 12px; color: #7c7c7c; font-weight: 100; margin-top: 10px; }


/* S : 210115 주주 정보 */
.stockholder_shareratio_tit { float: left; }
.stockholder_shareratio_radio_button_field { float: right; margin-top: -10px; }
.stockholder_shareratio_table.table_cont_wrap { overflow: auto; }
.stockholder_shareratio_table.table_cont_wrap .table_cont thead tr th:first-child { border-left: none; }
.stockholder_shareratio_table.table_cont_wrap .table_cont thead tr th > div { padding: 9px 17px; }
/* E : 210115 주주 정보 */

/* S : 221109 회사채 정보 */
.debtsecurity_table.table_cont_wrap { overflow: auto; }
.debtsecurity_table.table_cont_wrap .debt_table_cont thead tr th > div { padding: 12px 7px; }
.debt_check_wrap.custom-checkbox .custom-control-label { line-height: 20px; font-size: 14px; color: #2f2f2f; cursor: pointer; float:right;}
/* E : 221109 회사채 정보 */

/* S : 220314 Company graph DB */
.company_graph_db_tit_wrap { margin-bottom: 15px; }
.company_graph_db_chart { position: relative; }
.relationship_cate_wrap { position: absolute; right: 39px; top: 60px; }
.relationship_cate_wrap .icon { margin-top: -1px; margin-right: 18px; }
.relationship_cate { font-size: 14px; font-weight: 500; color: #2f2f2f; }
.company_graph_db_chart .params_popup { width: 148px; box-shadow: 0 0 10px rgba(0,0,0,0.07); background-color: #fff; position: absolute; z-index: 10; }
.company_graph_db_chart .params_popup button { display: block; width: 100%; height: 30px; font-size: 12px; font-weight: 500; color: #999; text-align: left; padding: 0 10px; }
.company_graph_db_chart .params_popup button i { margin-right: 5px; }
.company_graph_db_chart .params_popup button:hover { background-color: #f1f1f1; }
/* E : 210115 Company graph DB */


.tooltip_menu_container { position: relative; display: inline-block; }
.tooltip_menu { display: none; position: absolute; top: 0; left: 100%; width: 60px; background-color: #fff; color: #7c7c7c; font-size: 12px; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.03); z-index: 10; }
.tooltip_menu > div { width: 100%; line-height: 30px; border-top: solid 1px #f9f9f9; text-align: left; cursor: pointer; }
.tooltip_menu > div > a { display: block; padding: 0 10px; }
.tooltip_menu > div:first-child { border-top: none; }
.tooltip_menu > div:hover { background-color: #f1f1f1; }
.tooltip_menu > div i { margin-right: 5px; }
.tooltip_menu_target .tooltip_menu { left: calc(100% + 5px); }

.tooltip_menu.financial_statements_tooltip { width: 130px; }

.tooltip_menu_target:hover .tooltip_menu,
.tooltip_menu_container:hover .tooltip_menu { display: block; }

.stock_rank_table_cont  { margin-bottom: 50px; }
.stock_rank_table_cont:last-child { margin-bottom: 0; }
.stock_rank_table_cont > .tit_wrap { position: relative; margin-bottom: 20px; }
.stock_rank_table_cont > .tit_wrap .tit { font-size: 16px; font-weight: 700; color: #2f2f2f; }
.stock_rank_table_cont > .tit_wrap .tit span { color: #229B61; }
.stock_rank_table_cont > .tit_wrap .page_list_count { position: absolute; top: 50%; margin-top: -18px; right: 0; }
.stock_rank_table_wrap > .table_cont_wrap { margin: 0; float: left; width: 48%; margin-left: 4%; }
.stock_rank_table_wrap > .table_cont_wrap:first-child { margin-left: 0; }
.stock_rank_table_wrap > .table_cont_wrap .table_cont_tit_wrap { margin-bottom: 5px; }
.stock_rank_table_wrap > .table_cont_wrap .table_cont_tit_wrap .table_cont_tit { font-size: 14px; color: #7c7c7c; font-weight: 500; padding-left: 20px; }
.stock_rank_table_wrap > .table_cont_wrap .table_cont_tit_wrap .table_cont_tit.icon > i { font-size: 14px; }
.stock_rank_table_cont .tooltip_menu_target .tooltip_menu { width: 145px; }
.stock_rank_table_cont .tooltip_menu_target:hover b { color: #229B61; }

.news_tab { margin:50px 0 30px 0; }
.news_tab .input_radio_button_field .custom-radio .custom-control-label { width: 80px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); }
.news_tab ~ .news_board_wrap { padding-top: 0; }

.event_tab { margin:10px 0 30px 0; }
.event_tab .input_radio_button_field .custom-radio .custom-control-label { width: 120px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); }
.event_tab ~ .news_board_wrap { padding-top: 0; }

.basic_info_analysis_table.table_cont_wrap { margin-top: 15px; }
.basic_info_analysis_table.table_cont_wrap .scroll_table_cont { height: 400px; }

.popup_date_analysis_wrap { width: 460px; }
.popup_date_analysis_wrap .popup_cont .tit { font-size: 16px; color: #2f2f2f; margin-bottom: 20px; }
.popup_date_analysis_wrap .popup_cont .date_analysis_list { width: 100%; }
.popup_date_analysis_wrap .popup_cont .date_analysis_list > li { float: left; width: 100%; background-color: #f1f1f1; color: #7c7c7c; border-radius: 5px; margin-top: 10px; padding: 10px 20px; cursor: pointer; }
.popup_date_analysis_wrap .popup_cont .date_analysis_list > li:first-child { margin-top: 0; }
.popup_date_analysis_wrap .popup_cont .date_analysis_list > li:hover,
.popup_date_analysis_wrap .popup_cont .date_analysis_list > li.active { background-color: #229B61; color: #fff; }
.popup_date_analysis_wrap .popup_cont .date_analysis_list > li > div { float: left; line-height: 30px; }
.popup_date_analysis_wrap .popup_cont .date_analysis_list > li > div.indicator_select_field { margin: 0 5px 0 10px; }
.popup_date_analysis_wrap .popup_cont .date_analysis_list > li > div.indicator_select_field > input { height: 30px; border-radius: 5px; background-color: #2f2f2f; border: solid 1px #2f2f2f; color: #fff; }
.popup_date_analysis_wrap .popup_cont .date_analysis_list > li > div.indicator_select_field > i { line-height: 30px; }

.width_auto_table { width: auto !important; }
.width_auto_table .stockholder { width: 116px; }
.width_auto_table .stockholder .tooltips { width: auto !important; }
.width_auto_table .stockratio { width: 110px; }
/* 
.width_auto_table .corp_name { width: 120px; }
.width_auto_table .corp_name .tooltips { width: auto !important; }
.width_auto_table .corp_round { width: 60px; }
.width_auto_table .corp_round .tooltips{ width: auto !important; }
.width_auto_table .ratings { width: 80px; }
.width_auto_table .ratings .tooltips { width: auto !important; }
.width_auto_table .expected_price { width: 90px; }
.width_auto_table .expected_price .tooltips { width: auto !important; }
.width_auto_table .adjusted_price { width: 90px; }
.width_auto_table .adjusted_price .tooltips { width: auto !important; }
.width_auto_table .period { width: 80px; }
.width_auto_table .period .tooltips { width: auto !important; }
.width_auto_table .base_rate { width: 100px; }
.width_auto_table .base_rate .tooltips { width: auto !important; }
.width_auto_table .lower_rate { width: 100px; }
.width_auto_table .lower_rate .tooltips { width: auto !important; }
.width_auto_table .upper_rate { width: 100px; }
.width_auto_table .upper_rate .tooltips { width: auto !important; }
.width_auto_table .final_rate { width: 80px; }
.width_auto_table .final_rate .tooltips { width: auto !important; }
.width_auto_table .bid { width: 80px; }
.width_auto_table .bid .tooltips { width: auto !important; }
.width_auto_table .eff_bid { width: 80px; }
.width_auto_table .eff_bid .tooltips { width: auto !important; }
.width_auto_table .eff_rate { width: 80px; }
.width_auto_table .eff_rate .tooltips { width: auto !important; }
.width_auto_table .pub_date { width: 80px; }
.width_auto_table .pub_date .tooltips { width: auto !important; }
.width_auto_table .pub_rate { width: 80px; }
.width_auto_table .pub_rate .tooltips { width: auto !important; }
.width_auto_table .rep_corp { width: 130px; }
.width_auto_table .rep_corp .tooltips { width: auto !important; }
.width_auto_table .ESG { width: 90px; }
.width_auto_table .ESG .tooltips { width: auto !important; }
.width_auto_table .date_expected { width: 80px; }
.width_auto_table .date_expected .tooltips { width: auto !important; } */

#TR_content {border-left: solid 1px #e5e5e5;} 
.width_auto_table .origin_corp_name { width: 120px; }
.width_auto_table .origin_corp_name .tooltips { width: auto !important; }
.width_auto_table .origin_corp_round { width: 60px; }
.width_auto_table .origin_corp_round .tooltips { width: auto !important; }
.width_auto_table .origin_origin { width: 70px; }
.width_auto_table .origin_ratings { width: 100px; }
.width_auto_table .origin_ratings .tooltips { width: auto !important; }
.width_auto_table .origin_expected_price { width: 116px; }
.width_auto_table .origin_expected_price .tooltips { width: auto !important; }
.width_auto_table .origin_adjusted_price { width: 116px; }
.width_auto_table .origin_adjusted_price .tooltips { width: auto !important; }
.width_auto_table .origin_period { width: 140px; }
.width_auto_table .origin_period .tooltips { width: auto !important; }
.width_auto_table .origin_base_rate { width: 160px; }
.width_auto_table .origin_base_rate .tooltips { width: auto !important; }
.width_auto_table .origin_lower_rate { width: 160px; }
.width_auto_table .origin_lower_rate .tooltips { width: auto !important; }
.width_auto_table .origin_upper_rate { width: 160px; }
.width_auto_table .origin_upper_rate .tooltips { width: auto !important; }
.width_auto_table .origin_final_rate { width: 160px; }
.width_auto_table .origin_final_rate .tooltips { width: auto !important; }
.width_auto_table .origin_bid { width: 80px; }
.width_auto_table .origin_bid .tooltips { width: auto !important; }
.width_auto_table .origin_eff_bid { width: 80px; }
.width_auto_table .origin_eff_bid .tooltips { width: auto !important; }
.width_auto_table .origin_eff_rate { width: 80px; }
.width_auto_table .origin_eff_rate .tooltips { width: auto !important; }
.width_auto_table .origin_pub_date { width: 116px; }
.width_auto_table .origin_pub_date .tooltips { width: auto !important; }
.width_auto_table .origin_pub_rate { width: 116px; }
.width_auto_table .origin_pub_rate .tooltips { width: auto !important; }
.width_auto_table .origin_rep_corp { width: 130px; }
.width_auto_table .origin_rep_corp .tooltips { width: auto !important; }
.width_auto_table .origin_ESG { width: 90px; }
.width_auto_table .origin_ESG .tooltips { width: auto !important; }
.width_auto_table .origin_date_expected { width: 116px; }
.width_auto_table .origin_date_expected .tooltips { width: auto !important; }

.width_auto_table .debtsecurity .tooltips { width: auto !important; }

.smart-overflow { word-break: break-all; }

.data_table_cont thead tr th.tool_menu_wrap > div { padding: 9px 40px 9px 40px !important; }
.data_table_cont .tool_menu_wrap > div:not(.category_wrap, .tooltips) { padding: 9px 40px 9px 40px !important; }
.data_table_cont .category_wrap { display: none !important; position: absolute; top: 50%; transform: translateY(-50%); right: 0; overflow: visible !important; padding: 0 !important; }
.data_table_cont tbody td:hover .category_wrap,
.data_table_cont tbody th:hover .category_wrap,
.data_table_cont .tool_menu_wrap.now .category_wrap { display: block !important; }
.data_table_cont .category_wrap .category_more { width: 40px; height: 40px; background-color: transparent; font-size: 16px; font-weight: 500; color: #7c7c7c; display: block; line-height: 40px; }
.data_table_cont .category_wrap .category_more_list { display: none; position: absolute; top: 10px; right: 22px; width: 100px; background-color: #fff; color: #7c7c7c; font-size: 12px; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.03); z-index: 10; }
.data_table_cont .category_wrap .category_more_list > div { line-height: 30px; border-top: solid 1px #f9f9f9; text-align: center; cursor: pointer; }
.data_table_cont .category_wrap .category_more_list > div:first-child { border-top: none; }
.data_table_cont .category_wrap .category_more_list > div:hover { background-color: #f1f1f1; }
.data_table_cont .category_wrap .category_more_list > div i { margin-right: 5px; }
.data_table_cont .category_wrap .category_more_list > div a { display: block; }
.data_table_cont .tool_menu_wrap.now .category_wrap .category_more_list { display: block; }
.data_table_cont .tool_menu_wrap.now .tooltips { display: none !important; }
.data_table_cont tr:last-child .category_wrap .category_more_list { top: auto; bottom: 10px; }

/* 회사채 */
/* .data_table_cont .category_wrap .category_more_debt { width: 18px; height: 40px; background-color: transparent; font-size: 16px; font-weight: 500; color: #7c7c7c; display: block; line-height: 40px; }
.data_table_cont .category_wrap .category_more_list_debt { display: none; position: absolute; top: 5px; right: 15px; width: 100px; background-color: #fff; color: #7c7c7c; font-size: 12px; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.03); z-index: 10; }
.data_table_cont .category_wrap .category_more_list_debt > div { line-height: 30px; border-top: solid 1px #f9f9f9; text-align: center; cursor: pointer; }
.data_table_cont .category_wrap .category_more_list_debt > div:first-child { border-top: none; }
.data_table_cont .category_wrap .category_more_list_debt > div:hover { background-color: #f1f1f1; }
.data_table_cont .category_wrap .category_more_list_debt > div i { margin-right: 5px; }
.data_table_cont .category_wrap .category_more_list_debt > div a { display: block; }
.data_table_cont .tool_menu_wrap.now .category_wrap .category_more_list_debt { display: block; }
.data_table_cont tr:last-child .category_wrap .category_more_list_debt { top: auto; bottom: 10px; } */

.list_avg_return_table_for_date_event .scroll_table_cont { max-height: 200px; }

.double_input_keyword .input_keyword_wrap { float: left; width: 43%; }
.double_input_keyword .input_keyword_wrap:first-child { width: calc(57% - 5px); margin-right: 5px; }
.double_input_keyword .input_keyword_wrap.search_guide_wrap .search_guide { width: 412px; }

.com_desc_box { margin-bottom: 40px; }
.com_desc_box .desc_wrap { margin-top: 10px; }
.com_desc_box .desc_wrap:first-child { margin-top: 0; }
.desc_wrap .desc_cont { font-size: 14px; line-height: 150%; }
.desc_wrap .desc_cont .cont { margin-top: 20px; }
.desc_wrap .desc_cont .cont:first-child { margin-top: 0; }
.desc_wrap .desc_cont .cont ul li { position: relative; padding-left: 10px; word-break: keep-all; margin-top: 5px; }
.desc_wrap .desc_cont .cont ul li::before { content: '-'; position: absolute; top: 0; left: 0; }
.desc_wrap .desc_cont .cont ul.no_dash_list li { padding-left: 0; }
.desc_wrap .desc_cont .cont ul.no_dash_list li::before { display: none; }
.desc_info { margin-top: 10px; font-size: 12px; color: #999; line-height: 150%; padding-left: 18px; position: relative; }
.desc_info::before { content: '\e727'; font-family: 'xeicon'; position: absolute; top: 0; left: 0; font-size: 14px; }

.graph_label_wrap { display: inline-block; }
.graph_label_wrap .graph_label { position: relative; display: inline-block; font-size: 14px; margin-left: 18px; padding-left: 18px; }
.graph_label_wrap .graph_label::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -5px; width: 10px; height: 10px; border-radius: 50%; }

.checkbox_circle_list li { float: left; margin-left: 16px; }
.checkbox_circle_list li:first-child { margin-left: 0; }
.checkbox_circle_list .checkbox_circle { position: relative; font-size: 12px; width: 86px; height: 86px; border-radius: 50%; background-color: #fff; box-shadow: 0px 0px 8px 0px rgba(123,177,66,0.5); box-sizing: border-box; cursor: pointer; }
.checkbox_circle_list .checkbox_circle span { position: absolute; top: 50%; left: 7%; width: 86%; text-align: center; transform: translateY(-50%); }
.checkbox_circle_list .checkbox_circle.active { box-shadow: none; border: solid 2px #85C688; color: #85C688; font-size: 14px; font-weight: 700; }
.checkbox_circle_list .checkbox_circle.active::after { content: '\e6e0'; position: absolute; top: -2px; right: -2px; font-family: xeicon; width: 24px; height: 24px; line-height: 24px; font-size: 12px; color: #fff; background-color: #85C688; border-radius: 50%; text-align: center; }

.basic_info_outline .desc_wrap .desc_cont .cont ul li { margin-top: 20px; }
.basic_info_outline .desc_wrap .desc_cont .cont ul li:first-child { margin-top: 0; }
.basic_info_ass_company .basic_info_ass_company_top { padding: 0 20px; }
.basic_info_ass_company_search { padding: 20px 30px; }
.basic_info_ass_company_search .input_field { margin-top: 15px; width: 100%; }
.basic_info_ass_company_search .input_field:first-child { margin-top: 0; }
.basic_info_ass_company_graph { position: relative; }
.basic_info_ass_company_graph .graph_label_wrap { position: absolute; top: 20px; right: 45px; z-index: 10; }
.basic_info_ass_company_graph .graph_label_wrap .graph_label.category::before { background-color: #85C688; }
.basic_info_ass_company_graph .graph_label_wrap .graph_label.keyword::before { background-color: #feb24c; }
.basic_info_ass_company_graph .graph_label_wrap .graph_label.loose_cannon::before { background-color: #E96060; }
.basic_info_ass_company_graph .graph_label_wrap .graph_label.people::before { background-color: #8799F4; }
.basic_info_ass_company_graph .graph_label_wrap .graph_label.list::before { background-color: #A4E960; }
.basic_info_ass_company_graph .graph_label_wrap .graph_label.delist::before { background-color: #F4CA5E; }
.basic_info_ass_company_graph .checkbox_circle_list { top: 30px; left: 30px; z-index: 10; }
.basic_info_ass_company_graph .ass_company_graph { width: 90%; margin: 80px auto 20px; }
.ass_company_table .data_keyword { height: 58px; padding: 9px 10px; }
.ass_company_table .data_keyword > div:not(.tooltips) { white-space: inherit !important; padding: 0 !important; word-break: keep-all; max-height: 58px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.table_cont_wrap.table_scroll.ass_company_table .scroll_table_cont { max-height: 302px; }

.financial_highlight_summary { margin-bottom: 15px; }

.ass_company_wrap { margin-bottom: 10px; }
.input_radio_button_field.keyword_button_wrap { margin: 0 -3px; }
.input_radio_button_field.keyword_button_wrap .custom-radio,
.input_radio_button_field.keyword_button_wrap .custom-control-more { margin: 3px;  }
.input_radio_button_field.keyword_button_wrap .custom-radio:first-child { margin-left: 3px !important; }
.input_radio_button_field.keyword_button_wrap .custom-radio .custom-control-label { width: auto; padding: 7px 20px; background-color: #fff; border: solid 1px #e5e5e5; line-height: 16px; }
.input_radio_button_field.keyword_button_wrap .custom-control-more { float: left; }
.input_radio_button_field.keyword_button_wrap .custom-control-more .more_btn { font-size: 14px; color: #999; font-weight: 500; padding: 0 10px; height: 30px; border-radius: 5px; }
.input_radio_button_field.keyword_button_wrap .custom-control-more .more_btn i { margin-right: 5px; }

.news_search_field_wrap { margin-bottom: 40px; }
.news_search_field_wrap .news_board_field { margin-bottom: 0; }
.news_search_field_wrap .news_board_field_wrap { margin-top: 20px; }
.news_search_field_wrap .news_board_field_wrap:first-child { margin-top: 0; }
.news_search_field_wrap .news_board_field_wrap .full_input .news_board_field:first-child { width: 100%; margin-right: 0; }

.sub_contents_top { position: relative; z-index: 10; }
.sub_contents_top > li { position: relative; float: left; width: 315px; height: 50px; line-height: 50px; text-align: center; background-color: #f6f6f6; font-size: 16px; font-weight: 500; }
.sub_contents_top > li a { display: block; }
.sub_contents_top > li.active { color: #43D277; background-color: #fff; }
.sub_contents_top > li.cluster::after { content: ''; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-bottom: 25px solid #f6f6f6; border-left: 10px solid #f6f6f6; border-top: 25px solid transparent; border-right: 10px solid transparent; }
.sub_contents_top > li.cluster.active::after { border-left-color: #fff; border-bottom-color: #fff; }

.tab_search_box_wrap { position: relative; width: 100%; padding-top: 64px; }
.tab_search_box_wrap .tab_search_menu { position: absolute; left: 0; top: 0; height: 65px; line-height: 65px; text-align: center; width: 120px; cursor: pointer; font-weight: 700; }
.tab_search_box_wrap li:nth-child(2) .tab_search_menu { left: 120px; }
.tab_search_box_wrap li:nth-child(3) .tab_search_menu { left: 240px; }
.tab_search_box_wrap li:nth-child(4) .tab_search_menu { left: 360px; }
.tab_search_box_wrap li:nth-child(5) .tab_search_menu { left: 480px; }
.tab_search_box_wrap li:nth-child(6) .tab_search_menu { left: 600px; }
.tab_search_box_wrap li:nth-child(7) .tab_search_menu { left: 720px; }
.tab_search_box_wrap .active .tab_search_menu { cursor: default; font-size: 18px; color: #43D277; background-color: #fff; border-radius: 10px 10px 0 0; border: solid 1px #f1f1f1; border-bottom: 0; }
.tab_search_box_wrap .tab_search_cont { display: none; padding: 30px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); border: solid 1px #f1f1f1; border-radius: 10px; }
.tab_search_box_wrap  li.active:nth-child(1) .tab_search_cont { border-radius: 0 10px 10px 10px; }
.tab_search_box_wrap .active .tab_search_cont { display: block; }
/* .tab_search_box_wrap .search_keyword_desc { position: absolute; top: 100%; left: 30px; } */
.tab_search_box_wrap .search_keyword_desc + .btn_wrap { margin-top: 15px; }

.tab_search_cont .input_field .input_tit { position: absolute; left: 0; top: 50%; transform: translateY(-50%); line-height: 32px; }
.tab_search_cont .input_field .input_tit .small_txt { font-size: 12px; font-weight: 400; color: #999; display: block; }
.tab_search_cont .input_field { position: relative; }
.tab_search_cont .input_field > .input_tit + .full_input { margin-left: 115px; }
.tab_search_cont .input_field { width: 100%; margin-top: 15px; }
.tab_search_cont .input_field:first-child { margin-top: 0; }
.tab_search_cont .custom_select .custom_select_input { border-radius: 5px; height: 32px; line-height: 30px; }
.tab_search_cont .custom_select.active .custom_select_input { border-radius: 0; }
.tab_search_cont .custom_select .custom_select_arrow { line-height: 32px; }

.search_keyword { width: 550px; }
.search_keyword > div { position: relative; width: 100%; border: solid 1px #85C688; }
.search_keyword input[type=text] { float: left; border: none; height: 50px; padding: 0 30px 0 15px; width: calc(100% - 40px); }
.search_keyword .search_keyword_submit { float: left; width: 40px; height: 50px; color: #e2e2e2; font-size: 20px; text-align: left; padding-left: 8px; }
.search_keyword .search_keyword_del_btn { position: absolute; top: 50%; right: 40px; width: 20px; height: 20px; margin-top: -10px; background-color: #f1f1f1; color: #fff; }
.search_keyword .search_keyword_del_btn:disabled { display: none; }
.search_keyword_desc { font-size: 12px; margin-top: 15px; color: #999; }

.screener_general .input_radio_button_field.keyword_button_wrap .custom-radio .custom-control-label { width: 150px; }
.screener_general .custom_select { width: 306px; text-align: center; }
.screener_general .custom_select .custom_select_ul > li { padding: 0 36px 0 10px; }
.screener_general .input_checkbox_field .input_checkbox { width: 306px; }

.screener_indicators .input_radio_button_field.keyword_button_wrap .custom-radio .custom-control-label { width: 190px; }
.screener_indicators .input_field .input_tit { transform: none; top: 3px; }

.search_result_contents { margin-top: 30px; }
.search_result_contents .search_result_cont { margin-top: 40px; }
.search_result_contents .search_result_cont:first-child { margin-top: 0; }
.search_result_chart .search_result_tit + .chart_period_wrap { margin-bottom: 5px; }
.screener_search_conditions { border: dashed 1px #f1f1f1; }
.screener_search_conditions .tit { position: relative; height: 30px; }
.screener_search_conditions .search_conditions_left { float: left; width: calc(100% - 300px); border-right: dashed 1px #f1f1f1; }
.screener_search_conditions .search_conditions_left .search_conditions_keyword { padding: 25px; }
.screener_search_conditions .search_conditions_left .search_conditions_summary { border-top: dashed 1px #f1f1f1; padding: 10px 20px 10px 25px; }
.screener_search_conditions .search_conditions_left .search_conditions_summary .result { float: left; font-size: 14px; font-weight: 500; line-height: 30px; }
.screener_search_conditions .search_conditions_left .search_conditions_summary .result span { color: #e32b2b; }
.screener_search_conditions .search_conditions_left .search_conditions_summary .btn_wrap { float: right; }
.screener_search_conditions .search_conditions_right { float: left; width: 300px; padding: 15px; }
.screener_search_conditions .search_conditions_right .tit { line-height: 30px; background: #bbb; color: #fff; text-align: center; font-size: 14px; }
.screener_search_conditions .search_conditions_right .conditions_list { display: none; height: calc(100% - 30px); overflow-y: auto; }
.screener_search_conditions .search_conditions_right .conditions_list > li { position: relative; overflow: hidden; text-overflow: ellipsis; }
.screener_search_conditions .search_conditions_right .conditions_list > li.active { background-color: #EFF9F2; }
.screener_search_conditions .search_conditions_right .conditions_list > li button:not(.custom-checkbox-btn),
.screener_search_conditions .search_conditions_right .conditions_list > li label { line-height: 1.3em; font-size: 14px; width: 100%; text-align: left; white-space: nowrap; font-weight: 300; color: #2f2f2f; }
.screener_search_conditions .search_conditions_right .conditions_list > li button:not(.custom-checkbox-btn) { padding: 5px 10px; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 22.5px); }
.screener_search_conditions .search_conditions_right .conditions_list > li .custom-checkbox-btn { display: none; position: absolute; top: 0; right: 0; font-size: 13px; width: 1.8em; height: 100%; background-color: #43D277; color: #fff; }
.screener_search_conditions .search_conditions_right .conditions_list > li .custom-checkbox-btn > i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.screener_search_conditions .search_conditions_right .conditions_list > li:hover { background-color: #EFF9F2; }
.screener_search_conditions .search_conditions_right .conditions_list > li:hover .custom-checkbox-btn { display: inline-block; }
.screener_search_conditions .search_conditions_right .conditions_list > li .custom_checkbox { padding: 5px 10px 5px calc(1.5rem + 5px); }
.screener_search_conditions .search_conditions_right:not(.delete_mode) .conditions_list.conditions_btn_list { display: block; }
.screener_search_conditions .search_conditions_right.delete_mode .conditions_list.conditions_del_list { display: block; }
.screener_search_conditions .search_conditions_right .conditions_list.conditions_del_list > li.active { background-color: #EFF9F2; }
.search_result_table .table_cont_wrap .table_cont thead tr th > div { padding: 9px 5px; }
.search_conditions_right .tit .search_conditions_right_btn_wrap { position: absolute; top: 0; right: 0; padding: 0 5px; }
.search_conditions_right .tit .search_conditions_right_btn_wrap button { display: none; float: left; width: 20px; height: 30px; color: #fff; }
.search_conditions_right .tit .search_conditions_right_btn_wrap .search_conditions_del { display: block; }
.search_conditions_right .tit .search_conditions_right_btn_wrap .search_conditions_save { color: #43D277; }
.search_conditions_right.delete_mode .tit .search_conditions_right_btn_wrap button { display: block; }
.search_conditions_right.delete_mode .tit .search_conditions_right_btn_wrap .search_conditions_del { display: none; }

.search_result_tit .tit { float: left; line-height: 38px; }
.search_result_tit .download_btn_wrap { float: right; }
.search_result_tit .download_btn_wrap > li { float: left; margin-left: 3px; cursor: pointer; }

.range_slider_wrap { max-height: 377px; overflow-y: auto; padding-top: 20px; }
.range_slider_wrap + .btn_wrap { margin-top: 15px; }
.tab_search_cont_btn { width: 100%; height: 35px; color: #999; border-radius: 5px; }
.tab_search_cont_btn > i { margin-left: 5px; }
.tab_search_cont_close { display: none; }
.tab_search_cont.open .range_slider_wrap { max-height: none; }
.tab_search_cont.open .tab_search_cont_close { display: block; }
.tab_search_cont.open .tab_search_cont_open { display: none; }

.range_slider_wrap .input_field { padding: 20px 0; }
.range_slider_wrap .full_input::after { content: ''; display: block; clear: both; }
.range_slider { position: relative; float: left; width: calc(100% - 40px); }
.range_slider .slider { position: relative; z-index: 1; height: 3px; }
.range_slider .slider > .track { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background-color: #eee; }
.range_slider .slider > .range { position: absolute; z-index: 2; left: 25%; right: 25%; top: 0; bottom: 0; background-color: #43D277; }
.range_slider .slider > .thumb { position: absolute; z-index: 3; width: 15px; height: 15px; background-color: #43D277; border-radius: 50%; }
.range_slider .slider > .thumb.left { left: 25%; transform: translate(-3px, -6px); }
.range_slider .slider > .thumb.right { right: 25%; transform: translate(3px, -6px); }
.range_slider .range_txt_slider { display: none; position: absolute; bottom: 25px; left: 185%; transform: translateX(-50%); z-index: 10; }
.range_slider .range_txt_slider::before { content: ''; display: block; position: absolute; bottom: -5px; left: 10px; width: 0; height: 0; border-top: 6px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 1px solid transparent; z-index: 2;  }
.range_slider .range_txt_slider::after { content: ''; display: block; position: absolute; bottom: -6px; left: 9px; width: 0; height: 0; border-top: 7px solid #e5e5e5; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 1px solid transparent; z-index: -1; }
.range_slider .range_txt_slider .txt_slider { text-align: center; font-size: 14px; letter-spacing: -0.3px; width: 72px; height: 30px; line-height: 28px; box-shadow: 0 0 6px rgba(173,173,173,0.3); border-radius: 7px; padding-left: 0; color: inherit; border: 1px solid #eee; background-color: #fff; }
.range_slider .range_slider_input { position: absolute; pointer-events: none; -webkit-appearance: none; z-index: 2; height: 3px; width: 100%; opacity: 0; }
.range_slider .range_slider_input::-webkit-slider-thumb { pointer-events: all; width: 15px; height: 15px; border-radius: 0; border: 0 none; background-color: red; cursor: pointer;  -webkit-appearance: none; }
.range_slider .slider > .thumb.active .range_txt_slider { display: block; }

.range_slider .range_txt { float: left; width: 115px; height: 35px; border: solid 1px #dcdcdc; border-radius: 10px; text-align: center; line-height: 35px; letter-spacing: -0.3px; padding-left: 0; color: inherit; font-size: inherit; }/* 220221 Y add */
.range_slider .range_txt.range_txt_right { float: right; }

.range_slider .multi_range_slider { position: absolute; width: calc(100% - 340px); top: 50%; left: 50%; transform: translate(-50%, -50%); }
.range_slider .multi_range_slider_with_chart { padding-top: 35px; top: 4%; }
.range_slider .multi_range_slider_with_chart .chart { position: absolute; top: 0; left: 0; z-index: -1; }
.range_slider .multi_range_slider_with_chart .chart > div { cursor: default !important; }

.range_slider_reset { float: left; display: block; width: 35px; height: 35px; color: #51555b; margin-left: 5px; }

.tab_search_cont .range_slider_wrap .input_field > .input_tit { width: 150px; line-height: 1.1em; }
.tab_search_cont .range_slider_wrap .input_field > .input_tit + .full_input { width: calc(100% - 175px); margin-left: 175px; }

.cluster_search .dash_cont_box { padding: 25px 25px 15px 25px; }
.cluster_search .input_field_wrap .input_tit { top: 0; transform: none; }
.cluster_search .input_radio_button_field.keyword_button_wrap { width: 860px; }
.cluster_search .input_radio_button_field.keyword_button_wrap .custom-radio .custom-control-label { width: 135px; padding: 7px 5px; }
.cluster_search .search_keyword_field { width: 520px; }
.cluster_search .search_keyword_wrap { width: 100%; }
.cluster_search .search_keyword_wrap input { width: 100%; text-align: left; height: 34px; color: #43D277; font-size: 13px; font-weight: 500; padding: 0 54px 0 10px; }
.cluster_search .search_keyword_wrap .search_keyword_del_btn { position: absolute; top: 50%; right: 34px; width: 16px; height: 16px; margin-top: -8px; background-color: #f1f1f1; color: #fff; font-size: 12px; }
.cluster_search .search_keyword_wrap .search_keyword_del_btn:disabled { display: none; }
.cluster_search .search_keyword_wrap + .keyword_submit { position: absolute; top: 0; right: 0; width: 34px; height: 34px; border: none; background-color: transparent; color: #85C688; }
.cluster_search .double_input_field::after { left: 135px; }
.cluster_search .double_input_field > div { margin-left: 0; }
.cluster_search .double_input_field .custom_select { width: 135px; }
.cluster_search .double_input_field .custom_select .custom_select_input { border: none; line-height: 34px; height: 34px; font-size: 13px; font-weight: 500; }
.cluster_search .double_input_field .custom_select .custom_select_ul { top: 100%; width: calc(100% + 1px); left: -1px; }
.cluster_search .double_input_field .custom_select .custom_select_ul > li > div { font-size: 13px; }
.cluster_search .double_input_field .search_keyword_wrap { width: calc(100% - 135px); }
.cluster_search .cluster_data_keyword_wrap > div { max-height: 114px; overflow-y: auto; }
.cluster_search.open .cluster_data_keyword_wrap > div { max-height: none; }
.cluster_search .btn_wrap { border: solid 1px #f1f1f1; border-top: none; }
.cluster_search .input_field_wrap + .search_keyword_desc { text-align: right; margin-top: 25px; }

.cluster_search_conditions { padding: 25px; margin-top: 30px; }
.tab_search_cont .search_conditions_keyword .input_tit { line-height: 30px; }
.tab_search_cont .search_conditions_keyword .input_field { margin-top: 0; }
.cluster_search_btn_wrap { margin: 30px 0 80px; }
.cluster_search_btn { width: 100%; height: 40px; font-size: 16px; }

.popup_condition_wrap .popup_cont > .tit { font-size: 16px; font-weight: 500; color: #229B61; margin-bottom: 15px; }
.popup_condition_wrap .popup_cont .form_cont_wrap { background-color: #f9f9f9; border: solid 1px #e5e5e5; padding: 20px; }
.popup_condition_wrap .popup_cont .form_cont_wrap .form_section { margin-top: 20px; padding: 20px; background-color: #fff; }
.popup_condition_wrap .popup_cont .form_cont_wrap .input_field { width: 100%; }

.chart_wrap .chart_period_wrap .chart_tab.cluster_result_tab .input_radio_button_field .custom-radio .custom-control-label { width: 150px; }

.word_cloud_tab_graph { margin-top: -56px; }
.word_cloud_btm { margin-top: 10px; }
.word_cloud_btm .input_radio_button_field { float: right; }
.word_cloud_btm .input_radio_button_field .custom-radio { margin: 2.5px; }
.word_cloud_btm .input_radio_button_field .custom-radio .custom-control-label { padding: 0 10px; line-height: 30px; font-size: 12px; width: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.admin_keyword_search { margin-bottom: 30px; }

.admin_event_keyword .popup_keyword_wrap { width: 100%; height: 600px; }
.admin_event_keyword .popup_keyword_wrap .popup_keyword_section { width: 100%; }
.admin_event_keyword .popup_keyword_wrap .popup_keyword_section .popup_keyword_box { float: left; height: 100%; padding: 15px 20px 40px; }
.admin_event_keyword .popup_keyword_wrap .popup_keyword_section .admin_event_keyword_left { width: 30%; }
.admin_event_keyword .popup_keyword_wrap .popup_keyword_section .admin_event_keyword_right { margin-left: 2%; width: 68%; }
.admin_event_keyword .popup_keyword_wrap .popup_keyword_section .popup_keyword_box .data_bt_wrap { margin-top: 5px; }
.admin_event_keyword .popup_keyword_wrap .popup_keyword_section .popup_keyword_box .table_keyword { border-bottom: solid 1px #e9ebef; }
.admin_event_keyword .popup_keyword_wrap .popup_keyword_section .popup_keyword_box .table_keyword thead th:last-child { border: none; }
.admin_event_keyword .popup_keyword_wrap .popup_keyword_section .popup_keyword_box .table_keyword tbody td { border-left: solid 1px #e9ebef; }
.admin_event_keyword .popup_keyword_wrap .popup_keyword_section .popup_keyword_box .table_keyword tbody td:first-child { border-left: none; }
.admin_event_keyword .popup_keyword_wrap .popup_keyword_section .popup_keyword_box .table_keyword.table_keyword_checkbox tbody td:nth-child(2) { border-left: none; }
.admin_event_keyword .popup_keyword_wrap .popup_keyword_section .popup_keyword_box .table_keyword tbody td > div { text-align: center; }
.admin_event_keyword .popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select { padding: 0; }
.admin_event_keyword .table_cont_wrap .scroll_table_cont { max-height: 472px; }

.popup_keyword_setting_wrap { width: 520px; }
.popup_keyword_setting_wrap .keyword_setting_keyword input { color: #43D277; }
.popup_keyword_setting_wrap .keyword_setting_table { background-color: #fff; margin-top: 15px; width: 100%; }
.popup_keyword_setting_wrap .keyword_setting_table th,
.popup_keyword_setting_wrap .keyword_setting_table td { border: solid 1px #e5e5e5; text-align: center; }
.popup_keyword_setting_wrap .keyword_setting_table th { color: #2f2f2f; font-size: 14px; }
.popup_keyword_setting_wrap .keyword_setting_table td input { border: none; text-align: center; }

.admin_visit_list .scroll_table_cont { max-height: 800px; }
.admin_visit_chart { margin-top: 50px; }
.admin_visit_chart .line_tit { margin-bottom: 0; }

.visit_state_wrap { margin-bottom: 15px; }
.visit_state { float: left; width: calc(100% - 55px); padding-left: 0; padding-right: 0; }
.visit_state > li { float: left; position: relative; width: 16%; font-size: 14px; line-height: 25px; text-align: center; }
.visit_state > li .visit_state_tit { color: #43D277; margin-right: 5px; }
.visit_state > li::after { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -0.5px; width: 1px; height: 100%; background-color: #f1f1f1; }
.visit_state > li.visit_sum { width: 20%; }
.visit_state > li.visit_sum::after { display: none; }
.visit_state > li.visit_sum .visit_sum_tit { font-weight: 700; margin-right: 5px; }
.admin_refresh_btn { float: left; margin-left: 8px; width: 47px; height: 47px; background-color: #43D277; color: #fff; font-size: 20px; }

.admin_word_cloud_list .scroll_table_cont { max-height: 400px; }
.admin_top_keyword_list .scroll_table_cont { max-height: 400px; }

.admin_stockholder .popup_keyword_wrap { width: 100%; }
.admin_stockholder .popup_keyword_wrap .popup_keyword_section { width: 100%; }
.admin_stockholder .popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select { padding: 0; }
.admin_stockholder .table_cont_wrap .table_cont.table_theme_dark thead tr th { background-color: #333; }
.admin_stockholder .table_keyword tbody td { border-left: solid 1px #e9ebef; text-align: center; }
.admin_stockholder .table_keyword tbody td .stockholder { color: #999; }
.admin_stockholder .table_keyword tbody tr td:nth-child(1),
.admin_stockholder .table_keyword tbody tr td:nth-child(2) { border-left: none; }
.admin_stockholder .table_keyword tbody td > div { line-height: 30px; }
.admin_stockholder .table_cont_wrap .scroll_table_cont { height: 492px; }
.admin_stockholder .data_bt_wrap { margin-top: 2px; }
.popup_stockholder_wrap { width: 520px; }
.popup_stockholder_wrap .stockholder_keyword input { color: #43D277; }
.popup_stockholder_wrap .stockholder_table { background-color: #fff; margin-top: 15px; width: 100%; }
.popup_stockholder_wrap .stockholder_table th,
.popup_stockholder_wrap .stockholder_table td { border: solid 1px #e5e5e5; text-align: center; }
.popup_stockholder_wrap .stockholder_table th { color: #2f2f2f; font-size: 14px; }
.popup_stockholder_wrap .stockholder_table td input { border: none; text-align: center; }

.admin_gauge_chart {margin: auto; }

.admin_summary_table { margin: auto; }

.admin_index_chart { margin-top: 50px; }

.put-call-ratio {margin-top: 60px; padding-top:40px; border-top: dashed 1px #f1f1f1;}

.tab_search_cont .search_category .search_category_cont {width:100%; height:0px; font-size: 24px; margin-bottom: 5px;}
.tab_search_cont .search_category .search_category_cont .search_category_input .search_category_field { float: left; position: relative; height: 25px; margin-left: 10px; margin-top: 5px; }
.tab_search_cont .search_category .search_category_cont .search_category_input .search_category_field:first-child { margin-left: 0; }
.tab_search_cont .search_category .search_category_cont .search_category_input .search_category_field .search_category_field_imgBtn { float: left; width:52px; height: 52px; color: #fff; border-radius: 10%; background-color: #43D277; }
.tab_search_cont .search_category .search_category_cont .search_category_input .search_category_field input[type=image]:read-only { cursor: pointer; margin-top: '15px' }

.popup_wrap .theme_popup_cont_wrap { width: 100%; height: 100%; background-color: #fff; padding: 40px; }

.theme_popup_keyword_wrap { width: 560px; height: 70%; }
.theme_popup_keyword_wrap .popup_keyword_section { float: left; width: 100%; margin-left: 4%; height: 100%; text-align: left; }

.popup_wrap .theme_popup_cont_wrap .popup_cont { position: relative; height: calc(100% - 90px); }
.popup_wrap .theme_popup_cont_wrap .popup_cont .tit { position: relative; }
.popup_wrap .theme_popup_cont_wrap .popup_cont .tit .info_modal_wrap { float: right; }
.popup_wrap .theme_popup_cont_wrap .popup_cont_btm { text-align: center; margin-top: 40px; }
.popup_wrap .theme_popup_cont_wrap .popup_cont_btm .btn { width: 160px; height: 50px; margin-left: 10px; }
.popup_wrap .theme_popup_cont_wrap .popup_cont_btm .btn:first-child { margin-left: 0; }
.popup_wrap .popup_close { position: absolute; top: 10px; right: -50px; width: 50px; height: 50px; background-color: #e5e5e5; color: #fff; font-size: 32px; border-radius: 0; }

.popup_wrap .theme_popup_cont_wrap { width: 100%; height: 100%; background-color: #fff; padding: 40px; }
.popup_wrap .theme_popup_cont_wrap .popup_cont { position: relative; height: calc(100% - 90px); }
.popup_wrap .theme_popup_cont_wrap .popup_cont .tit { position: relative; }
.popup_wrap .theme_popup_cont_wrap .popup_cont .tit .info_modal_wrap { float: right; }
.popup_wrap .theme_popup_cont_wrap .popup_cont_btm { text-align: center; margin-top: 40px; }
.popup_wrap .theme_popup_cont_wrap .popup_cont_btm .btn { width: 160px; height: 50px; margin-left: 10px; }
.popup_wrap .theme_popup_cont_wrap .popup_cont_btm .btn:first-child { margin-left: 0; }
.popup_wrap .theme_popup_close { position: absolute; top: 10px; right: -50px; width: 50px; height: 50px; background-color: #e5e5e5; color: #fff; font-size: 32px; border-radius: 0; }

.theme_popup_keyword_wrap .popup_keyword_section:first-child { margin-left: 0 !important; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_tit { font-size: 16px; color: #229B61; margin-bottom: 20px; font-weight: 700; line-height: 20px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_tit_wrap .popup_keyword_tit { float: left; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_tit_wrap .info_modal_wrap { float: right; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_tit_wrap .info_modal_wrap > i { font-size: 20px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_tit_wrap .info_modal_wrap .info_modal { width: 305px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box { height: calc(100% - 40px); border: solid 1px #e5e5e5; background-color: #f9f9f9; padding: 25px 20px; font-size: 14px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field { position: relative; height: 34px; margin-bottom: 12px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel { float: left; width: 28%; height: 100%; margin-right: 2%; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel .custom_select_input { line-height: 32px; height: 34px; background-color: #43D277 !important; border: solid 1px #43D277; color: #fff; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel .custom_select_arrow { color: #fff; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_input { width: 100%; height: 100%; border: solid 1px #85C688; background-color: #fff; padding: 0 34px 0 10px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel + .popup_keyword_field,
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_unit_sel + .popup_keyword_input { float: left; width: 70%; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_field > .popup_keyword_submit { position: absolute; top: 0; right: 0; width: 34px; height: 34px; border: none; background-color: transparent; color: #85C688; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_search { margin-top: -12px; width: 100%; margin-bottom: 12px; height: 120px; overflow-y: auto; background-color: #fff; padding: 5px 0; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_search > li { padding: 8px 10px; cursor: pointer; color: #7c7c7c; }
/*.popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_search > li:hover { color: #43D277; }*/
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select { height: calc(100% - 46px); background-color: #fff; padding: 20px 10px; overflow: auto; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_search + .popup_keyword_select { height: calc(100% - 166px); }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li .code { width: 30%; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li .cate { width: 30%; text-align: center; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li .indicate { width: calc(70% - 2px); margin-left: 2px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td { cursor: pointer; position: relative; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td:hover,
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td.select,
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td.now { background-color: #EFF9F2; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td:hover > div,
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td.select > div,
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_select .table_ul > li.td.now > div { color: #43D277; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_btn_wrap { margin-top: 11px; text-align: center; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_btn_wrap > button { width: 110px; margin-left: 5px; }
.theme_popup_keyword_wrap .popup_keyword_section .popup_keyword_box .popup_keyword_btn_wrap > button:first-child { margin-left: 0; }
.table_ul > li.th > .theme_indicate { width: 100%;text-align: center; background-color: #999; color: #fff; font-size: 12px; line-height: 24px; }


.dash_cont_box_tt1 {margin-top: 10px; width:100%; height: 400px; border: dashed 1px #f1f1f1;}
.dash_cont_box_tt1 .file_upload {position: absolute; width: 120px; height: 45px; left: 1232px; top: 700px;  border: dashed 1px #f1f1f1;}
.dash_cont_box_tt1 .file_upload_wrap .file_find_btn {width: 120px; margin-left: 500px; background-color: #43D277; color: #fff;}
.dash_cont_box_tt1 .file_upload_wrap .real_file_input {display: none;}
.dropzone .in { opacity: 0.5;}


.dash_cont_box_tt2 { width: 100%; padding: 10px 18px; height: 200px; margin-top: 10px; background-color: #f9f9f9;}
.dash_cont_box_tt2 .popup_file_section .change {position: absolute; margin-left: 43%; margin-top: 5%;}

/* .dash_cont_box_tt2 .popup_file_section .left_wrap {box-sizing: border-box; position: absolute; width: 400px; left: 150px; height: 30px;  margin-top: 2%; background: #9C9C9C;}
.dash_cont_box_tt2 .popup_file_section .left_wrap .tit {position: absolute; top: 8px; left: 180px; color: #fff;}
.dash_cont_box_tt2 .popup_file_section .left_wrap .select_file {box-sizing: border-box; position: absolute; top: 30px; width: 400px; height: 75px; background: #fff;}
.dash_cont_box_tt2 .popup_file_section .left_wrap .select_file .file_delete {position: absolute; margin-top:30px; left: 90%; top: 0%; bottom: 70%;} */
/* .dash_cont_box_tt2 .popup_file_section .left_wrap .file_upload_list {position: absolute; top: 8px; margin-top: 20px; margin-left: 30px;}
.dash_cont_box_tt2 .popup_file_section .left_wrap .file_upload_list .li {float: left;} */

/* .dash_cont_box_tt2 .popup_file_section .right_wrap {box-sizing: border-box;  position: absolute; width: 400px; left: 700px; margin-top: 2%; height: 30px; background: #9C9C9C;}
.dash_cont_box_tt2 .popup_file_section .right_wrap .tit {position: absolute; top: 8px; left: 180px; color: #fff;}
.dash_cont_box_tt2 .popup_file_section .right_wrap .select_file {box-sizing: border-box; position: absolute; top: 30px; width: 400px; height: 75px; background: #fff;}
.dash_cont_box_tt2 .popup_file_section .right_wrap .select_file .file_delete {position: absolute;  margin-top:30px; left: 90%; right: 38%; top: 0%; bottom: 70%;} */
/* .dash_cont_box_tt2 .popup_file_section .right_wrap .file_upload_list {position: absolute; top: 8px; margin-top: 20px; margin-left: 30px;}
.dash_cont_box_tt2 .popup_file_section .right_wrap .file_upload_list .li {float: left;} */

.dash_cont_box_tt2 .popup_file_section .popup_file_wrap {box-sizing: border-box; position: absolute; width: 400px; height: 30px;  margin-top: 2%; background: #9C9C9C;}
.dash_cont_box_tt2 .popup_file_section .popup_file_wrap .tit {position: absolute; top: 8px; left: 180px; color: #fff;}
.dash_cont_box_tt2 .popup_file_section .popup_file_wrap .select_file {box-sizing: border-box; position: absolute; top: 30px; width: 400px; height: 75px; background: #fff;}
.dash_cont_box_tt2 .popup_file_section .popup_file_wrap .select_file .file_delete {position: absolute; margin-top:30px; left: 90%; top: 0%; bottom: 70%;}
.dash_cont_box_tt2 .popup_file_section .popup_file_wrap .file_name {position: absolute; top: 8px; margin-top: 20px; margin-left: 30px;}
.dash_cont_box_tt2 .popup_file_section .popup_file_wrap .file_upload_list { float: left; position: absolute; top: 8px; margin-top: 20px; margin-left: 30px;}
.dash_cont_box_tt2 .popup_file_section .popup_file_wrap .file_upload_list .li {float: left;}

.popup_stt_wrap .popup_cont_wrap {width: 660px;}
.popup_stt_wrap .popup_cont_wrap .popup_cont .tit {font-size: 16px; font-weight: 500; color: #229B61; margin-bottom: 40px;}
.popup_stt_wrap .popup_cont_wrap .popup_cont .tit .title {font-size: 16px; font-weight: 1000; color: #43D277; margin-bottom: 40px;}
.popup_stt_wrap .popup_cont_wrap .form_cont_wrap_stt .file_download {margin-top: 10px; color:#9C9C9C; border: solid 1px #e5e5e5; padding: 20px; vertical-align: middle;}
  

.input_field_wrap .admin_board_field_stt { float: left; width: 517px; }

.custom_select_stt { position: relative; cursor: pointer; }
.custom_select_stt .custom_select_input { line-height: 34px; padding-left: 10px; font-size: 14px; height: 36px; border: solid 1px #e5e5e5; background-color: #fff !important; font-weight: 500; color: #7c7c7c; }
.custom_select_stt .custom_select_input > div { width: calc(100% - 36px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.custom_select_stt .custom_select_input .div_placeholder { color: #e5e5e5 !important; }
.custom_select_stt .custom_select_arrow { position: absolute; width: 36px; line-height: 36px; right: 0; top: 0; color: #43D277; text-align: center; font-size: 16px; }
.custom_select_stt .custom_select_ul { display: none; position: absolute; width: 100%; border: solid 1px #e5e5e5; background-color: #fff; top: calc(100% - 1px); left: 0; z-index: 10; overflow: hidden; font-weight: 500; max-height: 200px; overflow-y: auto; }
.custom_select_stt .custom_select_ul > li { float: left; width: 100%; line-height: 2em; font-size: 14px; padding: 0 10px; cursor: pointer; }
.custom_select_stt .custom_select_ul > li:hover { background-color: #f1f1f1; }
.custom_select_stt .custom_select_ul > li.selected { background-color: #EFF9F2; }
.custom_select_stt .custom_select_ul > li > div { float: left; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #7c7c7c; }
.custom_select_stt .custom_select_selected { position: absolute; display: none !important; }
.custom_select_stt.green .custom_select_input > div { color: #43D277; }
.custom_select_stt.gray .custom_select_arrow { color: #7c7c7c; }
.custom_select_stt.active .custom_select_ul { display: block; }
.custom_select_stt.bg_green .custom_select_input { background-color: #43D277 !important; }
.custom_select_stt.bg_green .custom_select_input > div { color: #fff; }
.custom_select_stt.bg_green .custom_select_arrow { color: #fff;  }


.admin_wrap .sub_section .form_cont_wrap_tt .full_input { width: calc(100% - 115px); }
.admin_wrap .sub_section .form_cont_wrap_tt .input_field { padding: 0 100px; }
.admin_wrap .sub_section .form_cont_wrap_tt .btn_wrap { text-align: center; width: 100%; margin-top: 30px; }

.tt_input_keyword_field { width: 100%; }
.tt_input_keyword_field > div { position: relative; width: 100%; }
.tt_input_keyword_field > div .input_keyword { position: absolute;  width:50%; padding-right: 40px; }
.tt_input_keyword_field > div .input_keyword_submit { margin-right: 40%; position: absolute; top: 0; right: 0; width: 36px; height: 36px; background-color: transparent; color: #85C688; }
.tt_input_keyword_field > div .input_keyword_sel { width: 30%; }
.tt_input_keyword_field > div .input_keyword_sel + .input_keyword { width: calc(70% - 2px); margin-left: 2px; }
.tt_input_keyword_field > div .input_keyword_sel + div { float: left; width: calc(70% - 2px); margin-left: 2px; }
.tt_input_keyword_field > .tit + div { width: calc(100% - 115px); }

.tt1_input_keyword_field { width: 100%; }
.tt1_input_keyword_field > div { position: relative; width: 100%; }
.tt1_input_keyword_field > div .input_keyword { position: absolute;  width:100%; padding-right: 30px; }
.tt1_input_keyword_field > div .input_keyword_submit { margin-right: 0%; position: absolute; top: 0; right: 0; width: 36px; height: 36px; background-color: transparent; color: #85C688; }
.tt1_input_keyword_field > div .input_keyword_sel { width: 30%; }
.tt1_input_keyword_field > div .input_keyword_sel + .input_keyword { width: calc(70% - 2px); margin-left: 2px; }
.tt1_input_keyword_field > div .input_keyword_sel + div { float: left; width: calc(70% - 2px); margin-left: 2px; }
.tt1_input_keyword_field > .tit + div { width: calc(100% - 115px); }

.cont_box .file_upload_wrap { margin-top: 20px; height: 43px; }
.cont_box .file_upload_wrap .file_upload, .service_wrap .write_wrap .file_upload_wrap .upload_guide { line-height: 43px; }
.cont_box .file_upload_wrap .file_upload { float: left; font-size: 16px; color: #2f2f2f; margin-right: 20px; }
.cont_box .file_upload_wrap .file_find_btn { float: left; width: 150px; height: 35px; color: #fff; background-color: #999; border: none; margin: 4px 20px 0 20px; }
.cont_box .file_upload_wrap .file_find_btn i { margin-right: 5px; }
.cont_box .file_upload_wrap .real_file_input { display: none !important; }
.cont_box .file_upload_list { float: left; }
.cont_box .file_upload_list li { position: relative; padding: 0 33px; float: left; margin-left: 20px; border: solid 1px #e5e5e5; line-height: 43px; width: 180px; }
.cont_box .file_upload_list li input { border: 0; }
.cont_box .file_upload_list li p { width: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; }
.cont_box .file_upload_list li > i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.cont_box .file_upload_list li button { width: 33px; height: 43px; position: absolute; right: 0; top: 0; }

.input_field_wrap .search_category_input .search_category_field input[type=text] {width: 300px; height: 36px; background-color: #fff;}
.input_field_wrap .search_category_input .search_category_field i {position: absolute; line-height: 30px; right: 150px; top: 5px; cursor: pointer; color: #43D277;}

.btn.icon_btn_green { width: 26px; height: 26px; padding: 0; color: #fff; background-color: #43D277; border: #2f2f2f; }

.line_tit_stt { position: relative; font-size: 16px; font-weight: 700; line-height: 30px; padding-left: 15px; margin-top:20px; margin-bottom: 5px; color: #2f2f2f; }
.line_tit_stt .title  { position: relative; font-size: 16px; font-weight: 700; line-height: 30px; margin-bottom: 20px; color: #43D277; }
.line_tit_stt::before { content: ''; position: absolute; width: 3px; height: 18px; left: 0; top: 50%; margin-top: -8px; background-color: #2f2f2f; }


.sub_section .sub_tit_wrap .sub_tit {color:#2f2f2f;}
.sub_section .histogram_summary .desc {margin-bottom: 5px;font-size: 14px; color: #2f2f2f; display: flex; align-items: center; flex-direction: column; justify-self: center;}
.sub_section .histogram_summary .period {font-size: 12px; color: #999; display: flex; align-items: center; flex-direction: column; justify-self: center;}

.sub_contents_nav_re { float: left; position: fixed; width: 220px; height: 100%; bottom: 0; background-color: #2f2f2f; color: #fff; transition: width 0.5s ease; z-index: 10; }
.sub_contents_nav_re .tit_wrap { position: relative; padding: 0 20px; height: 75px; }
.sub_contents_nav_re .tit_wrap .tit { float: left; font-size: 20px; font-weight: 500; line-height: 75px; }
.sub_contents_nav_re .tit_wrap .sub_contents_nav_btn { position: absolute; right: 10px; top: 50%; margin-top: -20px; width: 40px; height: 40px; font-size: 24px; color: #43D277; }
.sub_contents_nav_re .tit_wrap .sub_contents_nav_btn::after { content: '\e6a9'; position: absolute; line-height: 40px; width: 100%; left: 0; top: 0; text-align: center; font-family: xeicon; }
.sub_contents_nav_re .menu { margin-top: 15px; }
.sub_contents_nav_re .menu > li > a {  font-size: 14px; display: block; padding: 20px 22px;  }
.sub_contents_nav_re .menu > li .submenu { height: 0; overflow: hidden; bottom: 0;}
.sub_contents_nav_re .menu > li .submenu > li{ margin-top: 20px; margin-left: 30px; font-size: 14px; line-height: 20px;}
.sub_contents_nav_re .menu > li.active > a  { background-color: #43D277; }
.sub_contents_nav_re .menu > li.active .submenu {  padding: 0px !important; display:block ; width: 220px; height: 150px; bottom: 0; background-color: #2f2f2f;}
.sub_contents_nav_re .menu > li.active .submenu li.active { color: #43D277;}
.sub_contents_nav_re .menu > li .submenu a:hover {color: #43D277;}

.sub_contents_nav_re .menu .sub_tit { font-size: 14px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sub_contents_nav_re .menu.list_modify > li { padding: 10px 22px; }
.sub_contents_nav_re .menu.list_modify > li .custom-checkbox .custom-control-label { width: 100%; }
.sub_contents_nav_re .menu.list_modify > li .custom-checkbox .custom-control-label .sub_tit { padding-left: 6px; color: #fff; }
.sub_contents_nav_re .menu.list_modify > li .custom-checkbox .custom-control-input:checked ~ .custom-control-label .sub_tit { color: #fff; }
.sub_contents_nav_re .list_modify_btm { text-align: center; margin-top: 50px; }
.sub_contents_nav_re .list_modify_btm button { margin: 0 2px; width: 60px; border: solid 1px #e5e5e5; color: #fff; }
.sub_contents_nav_re .sub_contents_nav_btm { position: fixed; display: inline-block; right: 0; bottom: 20px; padding: 10px; }
.sub_contents_nav_re .sub_contents_nav_btm button { height: 40px; }
.sub_contents_nav .sub_contents_nav_btm .sub_contents_list_setting { float: right; width: 40px; color: #43D277; font-size: 20px; }
.sub_contents_nav_re.close_nav { width: 60px; }
.sub_contents_nav_re.close_nav .tit { display: none; }
.sub_contents_nav_re.close_nav .tit_wrap .sub_contents_nav_btn::after { content: '\e6ab'; }
.sub_contents_nav_re .change_btn { display: inline-block; position: fixed; left: 20%; margin-left: -700px; bottom: 35px; width: 36px; height: 36px; border-radius: 50%; background-color: #f9f9f9; color: #d9d9d9; line-height: 36px; text-align: center; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); }

.sub_wrap.close_nav .main_contents_wrap {margin-left: 505px; }

.main_contents_wrap { position: relative; float:left; width: 1260px; height: 1080px; transition: 0.5s; }
/* .main_contents_wrap { position: relative; float:left; width: 1260px; height: 1080px;  margin-left: 530px;}   */

.main_contents_wrap .Logo > img {width:150px;}
.main_contents_wrap .wraper {margin-left: 260px; position: relative; display: flex; margin-top:80px; justify-content: center; flex-direction: column; word-spacing: 2px;}

.main_contents_wrap .sub_contents_tit_wrap { font-size: 18px; width: 100%;}
.main_contents_wrap .sub_contents_tit_wrap > span {float: left; margin-top: 10px; margin-right:5px; font-weight: bold;}
.main_contents_wrap .sub_contents_tit_wrap .desc_tit { font-size: 18px; font-weight: bold; float: left;}
.main_contents_wrap .sub_contents_tit_wrap .desc_cont {font-size: 14px; line-height: 150%; color: #999;}

.sub_contents_tit_wrap .tab_wrap .tab_menu_list { margin:60px 0 10px 0; float: left; }
.sub_contents_tit_wrap .tab_wrap .tab_menu_list > li { color: #e5e5e5; position: relative; float: left; line-height: 50px; font-weight: bold; font-size: 18px; margin-left: 2px; border-bottom: solid 2px #e5e5e5; width: 80px; text-align: center; cursor: pointer; }
.sub_contents_tit_wrap .tab_wrap .tab_menu_list > li.active { color: #43D277;}
.sub_contents_tit_wrap .tab_wrap .tab_menu_list > li.active::after { content: ''; position: absolute; width: 100%; height: 2px; background-color: #43D277; left: 0; bottom: -1px; }

.main_contents_wrap .custom_select {float:left; width: 95px;}
.main_contents_wrap .custom_select > span { color: #999; font-weight: 300; font-size: 14px; margin-top: 8px; margin-left:10px; word-spacing:2px;} 
.main_contents_wrap .custom_select .custom_select_input { width: auto;line-height: 34px; font-size: 14px; height:35px; margin:0 5px 0 5px;  border-radius: 5px; background-color: #43D277 !important; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border: solid 1px #43D277; font-weight: 500;}
.main_contents_wrap .custom_select .custom_select_input > div {color: #fff; font-size: 16px; width: 100%;}
.main_contents_wrap .custom_select .custom_select_arrow {  color: #fff !important; right: 3px;}
.main_contents_wrap .custom_select .custom_select_ul { width:85px; margin:0 0px 0 5px; }
.main_contents_wrap .custom_select .custom_select_ul > li {width: 85px;}
.main_contents_wrap .custom_select .custom_select_ul > li:hover { background-color: #EFF9F2; }
.main_contents_wrap .custom_select .custom_select_ul > li.selected { background-color: #EFF9F2; }


.sub_wrap.close_nav .sub_contents_board {margin-left: 0px; }
.sub_contents_board {overflow-y: auto; transition: .5s;  position: fixed; top: 0; float:left; width: 420px; height: 100%; bottom: 0; padding-top: 0px; left: 85px; background-color: #f1f1f1; z-index: 10; display: block; margin-left: 160px;}
.sub_contents_board.fixed { padding-top: 0; }
.sub_contents_board .tit_wrap { position: relative; padding: 0 30px; height: 75px; }
.sub_contents_board .tit_wrap .tit { float: left; font-size: 20px; font-weight: 500; line-height: 75px; }
.sub_contents_board .tit_wrap .sub_contents_nav_btn { position: absolute; right: 10px; top: 50%; margin-top: -20px; width: 40px; height: 40px; font-size: 24px; color: #43D277; }
.sub_contents_board .tit_wrap .sub_contents_nav_btn::after { content: '\e6a9'; position: absolute; line-height: 40px; width: 100%; left: 0; top: 0; text-align: center; font-family: xeicon; }
/* .sub_contents_board .category_board { margin-top: 80px; margin-left: 40px;} */
.sub_contents_board .category_board {margin-top: 80px;  width: 350px;  margin-left: 40px; margin-right: auto;}
.sub_contents_board .category_board .category_tit > span { font-size: 16px; font-weight: 700; color: #2f2f2f;}
.sub_contents_board .category_board .category_tit > p { color: #999; font-weight: 300; font-size: 14px;  margin-top: 8px;}
.sub_contents_board .sub_contents_list { margin-top: 15px; }
.sub_contents_board .sub_contents_list > li > a {  display: block; padding: 10px 22px;  }
.sub_contents_board .sub_contents_list > li > a.deactive { cursor: default; }
.sub_contents_board .sub_contents_list > li > a.deactive .sub_tit { color: #2f2f2f; }
.sub_contents_board .sub_contents_list > li > a.deactive .sub_tit.icon::before { opacity: 0.3; }
.sub_contents_board .sub_contents_list > li > a:not(.deactive):hover,
.sub_contents_board .sub_contents_list > li > a:not(.deactive).now { background-color: #43D277; }
.sub_contents_board .sub_contents_list .sub_tit { font-size: 14px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sub_contents_board .sub_contents_list.list_modify > li { padding: 10px 22px; }
.sub_contents_board .sub_contents_list.list_modify > li .custom-checkbox .custom-control-label { width: 100%; }
.sub_contents_board .sub_contents_list.list_modify > li .custom-checkbox .custom-control-label .sub_tit { padding-left: 6px; color: #2f2f2f; }
.sub_contents_board .sub_contents_list.list_modify > li .custom-checkbox .custom-control-input:checked ~ .custom-control-label .sub_tit { color: #fff; }
.sub_contents_board .list_modify_btm { text-align: center; margin-top: 50px; }
.sub_contents_board .list_modify_btm button { margin: 0 2px; width: 60px; border: solid 1px #e5e5e5; color: #fff; }
.sub_contents_board .sub_contents_nav_btm { position: fixed; display: inline-block; right: 0; bottom: 20px; padding: 10px; }
.sub_contents_board .sub_contents_nav_btm button { height: 40px; }
.sub_contents_board .sub_contents_nav_btm .sub_contents_list_setting { float: right; width: 40px; color: #43D277; font-size: 20px; }
.sub_contents_board.close_nav { width: 60px; }
.sub_contents_board.close_nav .tit { display: none; }
.sub_contents_board.close_nav .tit_wrap .sub_contents_nav_btn::after { content: '\e6ab'; }

.sub_contents_nav_re .tit_wrap {width: 30px; left: 40px;}


.sub_contents_board .wraper {position: relative; margin-top: 60px; margin-bottom:20px; display: flex; align-items: center; justify-self: center; flex-direction: column;}
.sub_contents_board .wraper .profile {width:130px; height:130px; border-radius: 70%; overflow: hidden; position: absolute;}
.sub_contents_board .wraper .name {margin:140px 0 8px 0; font-size: 16px; font-weight: 700; color: #2f2f2f; }
.sub_contents_board .wraper .id {color: #999; font-weight: 300; font-size: 14px;}

.sub_contents_board .buttons {margin-top: 20px;}
.sub_contents_board .buttons .admin > a { display: flex; align-items: center; justify-content: center; padding: 5px; font-size: 24px; margin-bottom: 15px;}
.sub_contents_board .buttons .admin > a:not(.admin):hover { color: #43D277; font-weight: 700;}
.sub_contents_board .buttons .admin > a { border-radius: 5px; background-color: #f1f1f1; color: #999; width: 100px; height: 40px;  font-size: 14px; font-weight: 300; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; }
.sub_contents_board .buttons .admin > a:hover { color: #43D277; font-weight: 700; }
.sub_contents_board .buttons .logout > a { display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 15px;}
.sub_contents_board .buttons .logout > a:not(.logout):hover { color: #43D277; font-weight: 700;}
.sub_contents_board .buttons .logout > a { border-radius: 5px; background-color: #f1f1f1; color: #999; width: 100px; height: 40px;  font-size: 14px; font-weight: 300; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee;}
.sub_contents_board .buttons .logout > a:hover { color: #43D277; font-weight: 700; }
.sub_contents_board .buttons .V1 > a { display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 15px;}
.sub_contents_board .buttons .V1 > a:not(.logout):hover { color: #43D277; font-weight: 700;}
.sub_contents_board .buttons .V1 > a { border-radius: 5px; background-color: #f1f1f1; color: #999; width: 100px; height: 40px;  font-size: 14px; font-weight: 300; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee;}
.sub_contents_board .buttons .logout > a:hover { color: #43D277; font-weight: 700; }



.sub_contents_board .wraper_sub {position: relative; width: 350px; margin-top:60px; margin-left: 40px; margin-right: auto;}
.sub_contents_board .wraper_sub .name_sub { font-size: 14px; font-weight: 700; color: #222; }
.sub_contents_board .wraper_sub .id_sub { margin-top:5px; color: #999; font-weight: 300; font-size: 12px;}

.s1_news_board_wrap .main_s1_news_board { padding: 0 20px 20px 5px; }
/* .news_board_wrap .news_board:first-child { margin-top: 0; } */
.s1_news_board_wrap .main_s1_news_board .s1_news_board_sub, .s1_news_board_tit_wrap { position: relative;}
.s1_news_board_wrap .main_s1_news_board .s1_news_board_sub .s1_news_board_sub_submit{color: #43D277; font-weight: 700; font-size: 18px; margin-bottom: 20px;}
.s1_news_board_wrap .main_s1_news_board .s1_news_board_sub .s1_news_board_sub_submit i{padding-left: 10px;}
.s1_news_board_wrap .main_s1_news_board .s1_news_board_sub span, .s1_news_board_tit_wrap span { vertical-align: middle; position: absolute; top: 0; right: 0; display: inline-block; font-size: 12px; color: #fff; font-weight: 500; line-height: 25px; padding: 0 8px; cursor: pointer; z-index: 1; margin-top: -4px; border-radius: 5px; background-color: #7c7c7c; }
/* .news_board_wrap .news_board .news_board_sub span, .news_board_tit_wrap span { vertical-align: middle; position: relative; display: inline-block; font-size: 12px; color: #999; font-weight: 500; line-height: 25px; padding: 0 8px; cursor: pointer; z-index: 1; margin-top: -4px; margin-left: 5px; }
.news_board_wrap .news_board .news_board_sub span::before, .news_board_tit_wrap span::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #c1c1c1; bottom: -2px; right: -2px; z-index: -1; }
.news_board_wrap .news_board .news_board_sub span::after, .news_board_tit_wrap span::after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #fff; border: solid 1px #c1c1c1; top: 0; left: 0; z-index: -1; }
.news_board_wrap .news_board .news_board_sub span { position: absolute; right: 20px; top: 0; margin-left: 0; } */
.s1_news_board_tit_wrap .s1_custom_select { position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 80px; }
.s1_news_board_tit_wrap .s1_custom_select .s1_custom_select_input { line-height: 28px; height: 30px; background-color: #fff; border: solid 1px #d0d0d0; font-size: 12px; color: #43D277; }
.s1_news_board_tit_wrap .s1_custom_select .s1_custom_select_arrow { line-height: 30px; font-size: 14px; }
.s1_news_board_tit_wrap .s1_custom_select .s1_custom_select_ul > li > div { font-size: 12px; }

.s1_news_board_wrap .main_s1_news_board .s1_news_board_list > li {float: left; position: relative; width: 100%; cursor: pointer; line-height: 40px; vertical-align: middle; display: flex; flex-direction: row; height: 50px; width: 100% ;}
.s1_news_board_wrap .main_s1_news_board .s1_news_board_list > li > div { float: left; }
.s1_news_board_wrap .main_s1_news_board .s1_news_board_list > li .subject_main { width: calc(100% - 90px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.s1_news_board_wrap .main_s1_news_board .s1_news_board_list > li .subject { width: calc(85% - 215px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s1_news_board_wrap .main_s1_news_board .s1_news_board_list > li .company { width: 12%; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #7c7c7c;}
.s1_news_board_wrap .main_s1_news_board .s1_news_board_list > li .date { width: 150px; text-align: right; margin: 0 0 20px 0 2% ; color: #7c7c7c; }
.s1_news_board_wrap .main_s1_news_board .s1_news_board_list > li .tooltips_preview { display: none; max-width: 70%; top: calc(100% + 5px); }
.s1_news_board_wrap .main_s1_news_board .s1_news_board_list > li:hover .tooltips_preview { display: block; }
.s1_news_board_wrap .main_s1_news_board .s1_news_board_list > li .count { vertical-align: middle; text-align: center; position: absolute; transform: translateY(-50%); width:45px; top: calc(50% + 1px); right: 0; display: inline-block; font-size: 12px; color: #fff; font-weight: 500; line-height: 25px; padding: 0 8px; cursor: pointer; z-index: 1; border-radius: 5px; background-color: #7c7c7c; }
.s1_news_board_wrap .main_s1_news_board .s1_news_board_list > li:nth-child(odd) {  background-color: #f7f7f7; background-clip: border-box; }
/* .s1_news_board_wrap .main_s1_news_board .s1_news_board_list > li:nth-child(even) { vertical-align: middle; display: flex; flex-direction: row; height: 50px; width: 100% ;} */

.compare_chart_wrap .radar_chart_wrap_main { float: left; }

.dash_line_1 {margin:40px 0 40px 0; width: 1180px; border:none; border: dashed 1px #f1f1f1;}
.dash_line_2 {margin: 20px 0 30px 0; width: 1150px; border:none; border: dashed 1px #f1f1f1;}
.dash_line_3 {margin: 0 0 50px 0; width: 1180px; border:none; border: dashed 1px #f1f1f1;}
.dash_line_4 {margin: 0 0 30px 0; width: 1150px; border:none; border: dashed 1px #f1f1f1;}

.second_contents .chart_wrap .title .main_tit > a > img {width: 25px; float: right; margin: -20px 20px 0 0 ;}

.basic_info_stock {margin-bottom: 0px;}
.main_first_content {margin-bottom: 30px;}
.main_first_content .title .main_tit {height: 50px; margin:0 0 20px 10px; font-size: 16px;  font-weight: 700; letter-spacing:0;}
.main_second_contents {width: 1200px;}
.main_second_contents .chart_wrap {width: 630px; margin-bottom: 30px; float: left;  position: relative; }
.main_second_contents .main_tit {height: 50px; margin:0 0 0px 10px; font-size: 16px;  font-weight: 700; letter-spacing:0;}
.main_second_contents .main_tit > a > img {width: 25px; float: right; margin: -20px 20px 0 0 ;}

/* main_event*/
.event_chart_category {margin-top: 40px; width: 100%; align-items: center; text-align: center; line-height: 25px; height: 380px; }
.event_chart_category .event_chart_wrap { width: auto; height: 360px;}
.event_chart_category .kospi,
.event_chart_category .kosdaq {width: 385px; height: 380px; display: inline-block; background-color: #fff; border-right: dashed 1px #E5E5E5; background-color: #fff; text-decoration: none; color: #000; padding: 25px 40px 25px 35px;}
.event_chart_category .marketindex {width: 385px; height: 380px; display: inline-block; background-color: #fff; background-color: #fff; text-decoration: none; color: #000; padding: 25px 40px 25px 35px;}

.event_first_content {margin-bottom: 30px;}
.event_first_content .title .main_tit {height: 50px; margin: 0 0 20px 10px; font-size: 16px;  font-weight: 700; letter-spacing:0;}
.event_first_content .main_tit > a > img {width: 25px; float: right; margin: -20px 55px 0 0 ;}

.event_second_contents {width: 1200px;}
.event_second_contents .chart_wrap {width: 600px; margin-bottom: 30px; float: left;  position: relative; cursor: auto; }
.event_second_contents .chart_wrap .cont_word_cloud .jqcloud-word { cursor: auto; }
.event_second_contents .main_tit {height: 50px; margin:0 0 20px 10px; font-size: 16px;  font-weight: 700; letter-spacing:0;}
.event_second_contents .main_tit_calendar {height: 50px; margin:0 0 20px 10px; font-size: 16px;  font-weight: 700; letter-spacing:0;}
.event_second_contents .main_tit > a > img {width: 25px; float: right; margin: -20px 25px 0 0 ;}

.event_second_contents .calendar { width: 520px; padding: 0px 20px 20px 20px; }
.event_second_contents .days { display: flex; justify-content: space-between; padding: 0; font-size:12px;color: #999;height: 100px;list-style-type: none; cursor: pointer;}
.event_second_contents .days .date { line-height: 30px; margin-left: 15px; width: 30px; height: 30px; font-weight: 400; font-size: 14px; color: #222; text-align: center; position: absolute; }
.event_second_contents .day { flex: 1; text-align: center; padding: 20px; position: relative; }
.event_second_contents .day .date:hover,
.event_second_contents .day .date.active { width: 30px; height: 30px; border-radius: 50%; background-color: #43D277; color: #fff; position: absolute; }
.event_second_contents .events { display: flex; flex-direction: column; }
.event_second_contents .event { flex: 1; height: 120px; border: 1px solid #EEEEEE; padding: 15px; margin-top: 10px; position: relative; }
.event_second_contents .event .tit { color: #2f2f2f; font-weight: 500; margin-bottom: 10px; font-size: 14px;}
.event_second_contents .event p { float: left; line-height: 1.2em; }
.event_second_contents .event p i { color: #999; width: 15px; margin-right: 5px; }
.event_second_contents .event p a { text-decoration: underline; display: block; }
.event_second_contents .event .event_name { max-width: calc( 100% - 20px ); word-break: break-all; }
.event_second_contents .event .img { width: 12px; height: 12px; border-radius: 100%; overflow: hidden; margin-right: 5px; border: 1px solid #e5e5e5; }
.event_second_contents .event .img img { transform: scale(1.3); vertical-align: 3px}
.event_second_contents .event ul { overflow-y: auto; padding-left: 20px; margin-top: 4px; height: 70px; line-height: 20px; font-size: 14px;}
.event_second_contents .event li { float: left; width: 100%; font-size: 12px; color: #2f2f2f; padding: 4px 0; }
.event_second_contents .event li.ipo { cursor: pointer; float: left; width: 100%; font-size: 12px; color: #2f2f2f; padding: 4px 0; }
.event_second_contents .event li p i { width: 11px; }

.market_info { float: left; position: relative; }
.market_info > div { float: left; color: #7c7c7c; margin: 0 10px; line-height: 30px; }
.market_info > div:first-child { margin-left: 0; }
.market_info > div:last-child { margin-right: 0; }
.market_info.positive > div { color: #FC5252; }
.market_info.negative > div { color: #5967EA; }
.market_info > div.name { padding-right: 135px;color: #2f2f2f; font-size: 16px; font-weight: 700; max-width: 200px; }
.market_info > div.tit { width:310px; padding: 0 0 30px 0;color: #2f2f2f; font-size: 16px; font-weight: 700; max-width: 200px; }
.market_info > div.market_price {width: 140px; padding-right: 80px; font-weight: 700; float: left; }
.market_info > div.market { font-size: 14px; font-weight: 500; float: right; margin-right: 25px; }
.market_info > div.positive { color: #E96060; }
.market_info > div.negative { color: #5967EA; }
.market_info > div.etc { font-size: 12px; color: #999; font-weight: 100; }
.market_info.main_event_info > div.market_price { font-size: 24px; }
.market_add_info { float: right; }
.market_add_info .market_info {letter-spacing: 10px; padding-left: 30px; margin-left: 30px; border-left: solid 1px #f1f1f1; }
.market_info > div.beta > img {width: 90px; margin:-10px 0 0 -55px;}
.market_info > a > img {width: 25px; margin-left: 20px ;}


span.market_positive { font-size: 16px; font-weight: 600;}

/* main_event*/

.home_box_category_wrap {margin-top: 20px; width: 100%; align-items: center; }
.home_box_category_wrap .home_category_body { width: auto; height: 160px;}
.home_box_category_wrap .stock { width: auto; height: 140px;}
.home_box_category_wrap .marco { width: auto; height: 140px;}

.home_box_category_wrap .home_category_scroll_wrap ul {text-align: center; white-space: nowrap; font-size: 18px; font-weight: 550;height: 140px; overflow: hidden; list-style: none; margin: 0 ; padding: 0;}
.home_box_category_wrap li { display: inline-block; width: 220px; height: 140px; text-align: center; cursor: pointer; background-color: #fff; text-decoration: none; border-radius: 5px; border: solid 1px #e5e5e5; color: #000; padding: 25px; margin: 0 10px 0 0;}
.home_box_category_wrap li:hover { box-shadow: -3px -3px 10px #eeeeee, 3px 3px #f4f4f4; }
/* .home_box_category_wrap li { float: left; height: 100%;margin: 0 1px 0 0;padding: 0;cursor: pointer;} */
.home_box_category_wrap li.active {border: solid 0.5px #43d277;  box-shadow: -3px -3px 7px #DDF2E5, 3px 3px #DDF2E5; }

.home_box_category_wrap li.industry_box { padding: 25px; height: 160px; }
.home_box_category_wrap li.macro_box { padding: 25px; height: 140px;  overflow: hidden; }
.home_box_category_wrap li.macro_box .name { color: #2f2f2f; margin: 5px auto 10px; width: 90%; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; }
.home_box_category_wrap li.theme_box { height: 160px; }
.home_box_category_wrap li .name {color: #2f2f2f; margin: 5px auto 10px; width: 90%; }
.home_box_category_wrap li .amount { font-size: 12px; font-weight: 300; background-color: #f1f1f1; width: 85%; line-height: 26px; border-radius: 10px; margin: 10px auto; padding:0 20px; text-align: center; display: flex; }
.home_box_category_wrap li .amount div:first-child{float: left;}
.home_box_category_wrap li .amount div:last-child{ margin-left:auto; }
.home_box_category_wrap li .updown { font-size: 12px; font-weight: 300; width: 65%; border-radius: 10px; margin: 10px auto 0 auto; padding:0 20px; text-align: center; display: flex; }
.home_box_category_wrap li .updown div:first-child{float: left; color:#E96060 ;}
.home_box_category_wrap li .updown div:last-child{margin-left:auto; color: #5967EA;}
.home_box_category_wrap li .price_up {color: #43D277;}

.sub_contents_board .search_category_sentence::before { content: '='; display: inline-block; margin: 0 10px; }

.sub_contents_board .search_category_cont .search_btn .search_btn_category_save {margin-left: 0px; font-size: 14px; margin-top: 25%; width: 350px; height: 50px; color: #43D277; border-radius: 5px; background-color: #fff;box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; }


/* 종목 분석*/

.sub_contents_board .category_stock {margin-top: 30px;}
.sub_contents_board .category_stock .category_stock_tit > span {margin-left: 20px; font-size: 14px; font-weight: 700; color: #2f2f2f;}
.sub_contents_board .category_stock .category_stock_tit > p {margin-left: 20px; color: #999; font-weight: 300; font-size: 12px; margin-top: 8px;}

.sub_contents_board .category_stock .search_category_cont .search_category_input .search_category_field {margin-left: 20px; float: left; position: relative; height: 30px; margin-top: 30px; }
.sub_contents_board .category_stock .search_category_cont .search_category_input .search_category_field input[type=text] { width: 200px; height: 50px; color: #fff; border-radius: 10px; background-color: #43D277; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border: solid 1px #43D277; padding: 0 30px 0 10px; font-size: 14px; }
.sub_contents_board .category_stock .search_category_cont .search_category_input .search_category_field > span, .sub_contents_board .category_stock .search_category_cont .search_category_input .search_category_field > div > span {color: #999; font-weight: 300; font-size: 14px; margin-top: 8px; margin-left:10px; word-spacing:2px;}
.sub_contents_board .category_stock .search_category_cont .search_category_input > span {display: block; float: left; line-height: 10px; margin-top: 5px; font-size: 12px; color: #999;}
.sub_contents_board .category_stock .search_category_cont .search_category_input > p {font-size: 12px; color: #999;}

.sub_contents_board .category_stock .search_category_search .search_category_sentence { float: left; font-size: 14px; font-weight: 300;  color: #999;  padding: 50px 30px 0 10px; }
.sub_contents_board .category_stock .search_category_search .search_category_sentence b { color: #43D277; font-weight: 500; }
.sub_contents_board .category_stock .search_category_search .search_category_sentence > div > span {color: #999; font-weight: 300; font-size: 14px;}

.sub_contents_board .category_macro {margin-top: 30px;}
.sub_contents_board .category_macro .category_macro_tit > span {margin-left: 20px; font-size: 14px; font-weight: 700; color: #2f2f2f;}
.sub_contents_board .category_macro .category_macro_tit > p {margin-left: 20px; color: #999; font-weight: 300; font-size: 12px; margin-top: 8px;}

.sub_contents_board .category_macro .search_category_cont .search_category_input .search_category_field {margin-left: 20px; float: left; position: relative; height: 30px; margin-top: 30px; }
.sub_contents_board .category_macro .search_category_cont .search_category_input .search_category_field input[type=text] { width: 300px; height: 50px; color: #fff; border-radius: 10px; background-color: #43D277; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border: solid 1px #43D277; padding: 0 30px 0 10px; font-size: 14px; }
.sub_contents_board .category_macro .search_category_cont .search_category_input .search_category_field > span, 
.sub_contents_board .category_macro .search_category_cont .search_category_input .search_category_field > div > span {color: #999; font-weight: 300; font-size: 14px; margin-top: 8px; margin-left:10px; word-spacing:2px;}
.sub_contents_board .category_macro .search_category_cont .search_category_input > span {display: block; float: left; line-height: 10px; margin-top: 5px; font-size: 12px; color: #999;}
.sub_contents_board .category_macro .search_category_cont .search_category_input > p {font-size: 12px; color: #999;}

.sub_contents_board .category_macro .search_category_search .search_category_sentence { float: left; font-size: 14px; font-weight: 300;  color: #999;  padding: 50px 30px 0 10px; }
.sub_contents_board .category_macro .search_category_search .search_category_sentence b { color: #43D277; font-weight: 500; }
.sub_contents_board .category_macro .search_category_search .search_category_sentence > div > span {color: #999; font-weight: 300; font-size: 14px; line-height: 24px;}

.sub_contents_board .category_list_wrap .category_list_s1 { position: relative; flex-wrap: wrap; width: 360px; } 
.sub_contents_board .category_list_wrap .category_list_s1 > ul {margin-left: 0; list-style: none; float:left;}
.sub_contents_board .category_list_wrap .category_list_s1 > li { float:left; border-radius: 5px; margin: 30px 10px 0 0; width: 110px; height: 50px; background-color: #fff; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; }
.sub_contents_board .category_list_wrap .category_list_s1 > li > input[type=radio]  { visibility: hidden; display: none; }
.sub_contents_board .category_list_wrap .category_list_s1 > li label > span {align-items: center; display:flex; justify-content: center; width: 50px; height: 30px; margin-left:20px; color:#999; font-size: 16px; font-weight: 400;}

.sub_contents_board .category_list_wrap .category_list_s1 > li >input[type=radio] + label { background: url(/assets/before_check-4319bf98fd76cfc4e3b56b68fe600da2.png) left no-repeat; width: 20px; margin:10px 0 0 20px; }
.sub_contents_board .category_list_wrap .category_list_s1 > li >input[type=radio]:checked + label {background:url(/assets/after_check-296cf9afb448933af6f2b96980eb07f9.png) left no-repeat; color: #43D277; }
.sub_contents_board .category_list_wrap .category_list_s1 > li >input[type=radio]:checked + label span {color: #43D277;}

/* admin */

.category_list_wrap .category_list_admin {position: relative; display: flex;  flex-wrap: wrap; width: 350px;}
.category_list_wrap .category_list_admin > li { margin-left: 0px; border-radius: 5px; margin-top: 30px; width: 600px; height: 50px; background-color: #fff; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee;}
.category_list_wrap .category_list_admin > li > input[type=radio]  { visibility: hidden; display: none; }
.category_list_wrap .category_list_admin > li label > span { align-items: center; display:flex; justify-content: center; width: 110px; height: 30px; margin-left:25px; color:#999; font-size: 16px; font-weight: 400;}

.category_list_wrap .category_list_admin > li >input[type=radio] + label { background: url(/assets/before_check-4319bf98fd76cfc4e3b56b68fe600da2.png) left no-repeat; width: 20px; margin:10px 0 0 20px; }
.category_list_wrap .category_list_admin > li >input[type=radio]:checked + label {background:url(/assets/after_check-296cf9afb448933af6f2b96980eb07f9.png) left no-repeat; color: #43D277; }
.category_list_wrap .category_list_admin > li >input[type=radio]:checked + label span {color: #43D277;}


/* 실험실 */

.category_list_wrap .category_list_t {position: relative; display: flex;  flex-wrap: wrap; width: 350px;}
.category_list_wrap .category_list_t { margin-top: 20px }
.category_list_wrap .category_list_t > li { margin-left: 0px; border-radius: 5px; margin-top: 10px; width: 600px; height: 50px; background-color: #fff; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee;}
.category_list_wrap .category_list_t > li > input[type=radio]  { visibility: hidden; display: none; }
.category_list_wrap .category_list_t > li label > span { align-items: center; display:flex; justify-content: flex-start; width: 210px; height: 30px; margin-left:30px; color:#999; font-size: 16px; font-weight: 400;}

.category_list_wrap .category_list_t > li >input[type=radio] + label { background: url(/assets/before_check-4319bf98fd76cfc4e3b56b68fe600da2.png) left no-repeat; width: 20px; margin:10px 0 0 20px; }
.category_list_wrap .category_list_t > li >input[type=radio]:checked + label {background:url(/assets/after_check-296cf9afb448933af6f2b96980eb07f9.png) left no-repeat; color: #43D277; }
.category_list_wrap .category_list_t > li >input[type=radio]:checked + label span {color: #43D277;}


/* 종목스크리너 */

.sub_contents_board .category_list_wrap .category_list_z {position: relative;}
.sub_contents_board .category_list_wrap .category_list_z > li { margin-left: 0px; border-radius: 5px;  background-color: #fff; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; margin-top: 30px; }
.sub_contents_board .category_list_wrap .category_list_z > li a {display:block;width:350px; height: 50px; }
.sub_contents_board .category_list_wrap .category_list_z > li a > input[type=radio]  { visibility: hidden; display: none; }
.sub_contents_board .category_list_wrap .category_list_z > li a  label > span { align-items: center; display:flex; justify-content: flex-start; width: 130px; height: 30px; margin-left:30px; color:#999; font-size: 16px; font-weight: 400;}
.sub_contents_board .category_list_wrap .category_list_z > li a >input[type=radio] + label { background: url(/assets/before_check-4319bf98fd76cfc4e3b56b68fe600da2.png) left no-repeat; width: 20px; margin:10px 0 0 20px; }
.sub_contents_board .category_list_wrap .category_list_z > li a >input[type=radio]:checked + label {background:url(/assets/after_check-296cf9afb448933af6f2b96980eb07f9.png) left no-repeat; color: #43D277; }
.sub_contents_board .category_list_wrap .category_list_z > li a >input[type=radio]:checked + label span {color: #43D277;}

/* 테마분석 */
.theme .search_category .search_category_cont .search_category_field_imgBtn_theme { cursor: pointer; background-color: #43D277; border-radius: 4px; margin-top:30px; float: left; width:52px; height: 52px; color: #fff; border-radius: 10%;box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; }
.theme .search_category .search_category_cont .search_category_field_imgBtn_theme > img {margin:15px 15px 15px 15px; cursor: pointer;}
.theme .search_category .search_btn .search_btn_category_save {margin-left: 0px; font-size: 14px; margin-top: 20px; width: 350px; height: 50px; color: #43D277; border-radius: 5px; background-color: #fff;box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; }

.theme .theme_search_keyword { margin:30px 0 0 60px; width: 290px; height: 50px; }
.theme .theme_search_keyword > div { position: relative; width: 100%;  background-color: #fff; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border-radius: 5px;}
.theme .theme_search_keyword input[type=text] { float: left; border: none; height: 50px; padding: 0 30px 0 15px; width: calc(100% - 40px); }
.theme .theme_search_keyword .search_keyword_submit { float: left; width: 40px; height: 50px; color: #e2e2e2; font-size: 20px; text-align: left; padding-left: 8px; }
.theme .theme_search_keyword_desc { font-size: 12px; margin-top: 15px; color: #999; }

.theme_search_recomm_wrap {width: 290px; background-color: #fff; border: #fff 2px solid; margin-left: 60px; font-size: 14px; border-radius: 5px; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee;}
.theme_search_recomm_wrap .search_recomm_section .search_recomm_tit{font-weight: 500; font-size: 16px;}
.theme_search_recomm_wrap .search_recomm_section .search_recomm_list > li {margin:15px 0 15px 15px; cursor: pointer;}
.theme_search_recomm_wrap .search_recomm_section .search_recomm_list > li:hover {color: #43D277;}
.theme_search_recomm_wrap .search_recomm_section .keyword { color:#7c7c7c; font-weight: 500;}
.theme_search_recomm_wrap .search_recomm_section b {color: #43D277; font-weight: 500;}

/* 키워드 분석 */
.x_search_keyword .search_category .search_category_cont .search_category_field_imgBtn_theme { background-color: #43D277; border-radius: 4px; margin-top:30px; float: left; width:52px; height: 52px; color: #fff; border-radius: 10%;box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; }
.x_search_keyword .search_category .search_category_cont .search_category_field_imgBtn_theme input[type=image] {margin:15px 15px 15px 15px;}

.x_search_keyword .search_category { width: 350px; height: 50px; }
.x_search_keyword .search_category > div { margin-top: 30px; position: relative; width: 100%;  background-color: #fff; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border-radius: 5px;}
.x_search_keyword .search_category input[type=text] { float: left; border: none; height: 50px; padding: 0 30px 0 15px; width: calc(100% - 40px); }
.x_search_keyword .search_category .search_keyword_submit { float: left; width: 40px; height: 50px; color: #e2e2e2; font-size: 20px; text-align: left; padding-left: 8px; }
.x_search_keyword .search_category { font-size: 12px; margin-top: 15px; color: #999; }

.x_search_keyword .search_category_search .search_category_sentence { float: left; font-size: 14px; font-weight: 300;  color: #999;  padding: 0px 30px 0 10px; }
.x_search_keyword .search_category_search .search_category_sentence b { color: #43D277; font-weight: 500; }
.x_search_keyword .search_category_search .search_category_sentence > div > span {color: #999; font-weight: 300; font-size: 14px; word-spacing:2px;}

/* 상승하락 분석 */
.category_e {margin-top: 30px;}
.category_e .category_e_tit > span {margin-left: 20px; font-size: 14px; font-weight: 700; color: #2f2f2f;}
.category_e .category_e_tit > p {margin-left: 20px; color: #999; font-weight: 300; font-size: 12px; margin-top: 8px;}

.category_e .search_category_cont .search_category_input .search_category_field {margin-left: 20px; float: left; position: relative; height: 30px; margin-top: 25px; }
.category_e .search_category_cont .search_category_input .search_category_field:first-child { margin-top: 30px !important;  }
.category_e .search_category_cont .search_category_input .search_category_field input[type=text] {width: 200px; height: 50px; color: #fff; border-radius: 10px; background-color: #43D277; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border: solid 1px #43D277; padding: 0 30px 0 10px; font-size: 14px; }
.category_e .search_category_cont .search_category_input .search_category_field > span, .sub_contents_board .category_stock .search_category_cont .search_category_input .search_category_field > div > span {color: #999; font-weight: 300; font-size: 14px; margin-top: 8px; margin-left:10px; word-spacing:2px;}
.category_e .search_category_cont .search_category_input > span {display: block; float: left; line-height: 10px; margin-top: 5px; font-size: 12px; color: #999;}
.category_e .search_category_cont .search_category_input > p {font-size: 12px; color: #999;}

.category_e .search_category_search .search_category_sentence { float: left; font-size: 14px; font-weight: 300;  color: #999;  padding: 50px 30px 0 10px; }
.category_e .search_category_search .search_category_sentence b { color: #43D277; font-weight: 500; }
.category_e .search_category_search .search_category_sentence > div > span {color: #999; font-weight: 300; font-size: 14px;}

/* 상관관계 분석 */
.category_list_a {position: relative; display: flex;  flex-wrap: wrap; }
.category_list_a > li { margin-top:10px}
.category_list_a .category_a_wrap_tit {  padding-top: 5px; margin-left: 0px; border-radius: 5px;  width: 350px; height: 75px; background-color: #fff; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; }
.category_list_a .category_a_wrap_tit > input[type=radio]  { visibility: hidden; display: none; }
.category_list_a .category_a_wrap_tit label > span {  display:flex;justify-content: center; width: 170px; height: 25px; margin-left:30px; color:#999; font-size: 16px; font-weight: 400;}
.category_list_a .category_a_wrap_tit > p { color: #999; margin-left: 55px; font-size: 14px;}

.category_list_a .category_a_wrap_tit >input[type=radio] + label { background: url(/assets/before_check-4319bf98fd76cfc4e3b56b68fe600da2.png) left no-repeat; width: 20px;  height: 30px; margin:10px 0 0 20px; display: block; }
.category_list_a .category_a_wrap_tit >input[type=radio]:checked + label {background:url(/assets/after_check-296cf9afb448933af6f2b96980eb07f9.png) left no-repeat; color: #43d277; }
.category_list_a .category_a_wrap_tit >input[type=radio]:checked + label span {color: #43d277;}

.category_list_a .category_a_wrap { overflow: hidden; max-height: 0; transition: max-height 0.5s ease-in-out; }
.category_a_wrap.active {max-height: 500px; transition: max-height 0.5s ease-in-out; height: 100%;}
.category_a_wrap.inactive { height: 0; }

/* .category_list_a li.active .category_a_wrap{height: 100%;} */

/* .category_list_a .category_a_wrap { display: none; margin-top: 20px;  height: 0px;  transition: height 2s;} */
.category_a_tit {margin-top: 20px;}
.category_a_tit > span {margin-left: 20px; font-size: 14px; font-weight: 700; color: #222;}
.category_a_wrap .category_a_tit > p {margin-left: 20px; color: #999; font-weight: 300; font-size: 12px; margin-top: 8px;}

.category_list_a .category_a_wrap .search_category_cont .search_category_input .search_category_field {margin-left: 20px; float: left; position: relative; height: 30px; margin-top: 25px;}
.category_list_a .category_a_wrap .search_category_cont .search_category_input .search_category_field:first-child {margin-top: 30px !important; } 
.category_list_a .category_a_wrap .search_category_cont .search_category_input .search_category_field input[type=text] { width: 200px; height: 50px; color: #fff; border-radius: 10px; background-color: #43d277; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border: solid 1px #43d277; padding: 0 30px 0 10px; font-size: 14px; }
.category_list_a .category_a_wrap .search_category_cont .search_category_input .search_category_field > span, 
.category_list_a .category_a_wrap .search_category_cont .search_category_input .search_category_field > div > span {color: #999; font-weight: 300; font-size: 14px; margin-top: 8px; margin-left:10px; word-spacing:2px;}
.category_list_a .category_a_wrap .search_category_cont .search_category_input > span {display: block; float: left; line-height: 10px; margin-top: 5px; font-size: 12px; color: #999;}
.category_list_a .category_a_wrap .search_category_cont .search_category_input > p {font-size: 12px; color: #999;}

.category_list_a .category_a_wrap .search_category_search .search_category_sentence { float: left; font-size: 14px; font-weight: 300;  color: #999;  padding: 50px 0px 0 10px; }
.category_list_a .category_a_wrap .search_category_search .search_category_sentence b { color: #43d277; font-weight: 500; }
.category_list_a .category_a_wrap .search_category_search .search_category_sentence > div > span {color: #999; font-weight: 300; font-size: 14px;}


/* .category_list_wrap .category_list_a {position: relative; display: flex;  flex-wrap: wrap; width: 350px;}
.category_list_wrap .category_list_a > li { margin-left: 0px; border-radius: 5px; margin-top: 10px; width: 600px; height: 75px; background-color: #fff; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee;}
.category_list_wrap .category_list_a > li > a > input[type=radio]  { visibility: hidden; display: none; }
.category_list_wrap .category_list_a > li label > span { align-items: center; display:flex; justify-content: center; width: 170px; height: 30px; margin-left:30px; color:#999; font-size: 16px; font-weight: 400;}
.category_list_wrap .category_list_a > li > a > p { color: #999; margin-left: 55px; font-size: 14px;}

.category_list_wrap .category_list_a > li > a >input[type=radio] + label { background: url('../img/icon/before_check.png') left no-repeat; width: 20px; margin:10px 0 0 20px; display: block; transition: all 0.4s; }
.category_list_wrap .category_list_a > li > a >input[type=radio]:checked + label {background:url('../img/icon/after_check.png') left no-repeat; color: #43D277; }
.category_list_wrap .category_list_a > li > a >input[type=radio]:checked + label span {color: #43D277;}

.category_a { margin-top: 20px;}
.category_a .category_a_tit > span {margin-left: 20px; font-size: 14px; font-weight: 700; color: #2f2f2f;}
.category_a .category_a_tit > p {margin-left: 20px; color: #999; font-weight: 300; font-size: 12px; margin-top: 8px;}

.category_a .search_category_cont .search_category_input .search_category_field {margin-left: 20px; float: left; position: relative; height: 30px; margin-top: 30px; }
.category_a .search_category_cont .search_category_input .search_category_field input[type=text] { width: 200px; height: 50px; color: #fff; border-radius: 10px; background-color: #43D277; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border: solid 1px #43D277; padding: 0 10px 0 10px; font-size: 14px; }
.category_a .search_category_cont .search_category_input .search_category_field > span, .sub_contents_board .category_a .search_category_cont .search_category_input .search_category_field > div > span {color: #999; font-weight: 300; font-size: 14px; margin-top: 8px; margin-left:10px; word-spacing:2px;}
.category_a .search_category_cont .search_category_input > span {display: block; float: left; line-height: 10px; margin-top: 5px; font-size: 12px; color: #999;}
.category_a .search_category_cont .search_category_input > p {font-size: 12px; color: #999;}

.category_a .search_category_search .search_category_sentence { float: left; font-size: 14px; font-weight: 300;  color: #999;  padding: 50px 0px 0 10px; }
.category_a .search_category_search .search_category_sentence b { color: #43D277; font-weight: 500; }
.category_a .search_category_search .search_category_sentence > div > span {color: #999; font-weight: 300; font-size: 14px;} */



/* 이벤트 분석_지정일 */

/* .sub_contents_board .category_list_wrap .category_list_c {position: relative; display: flex;  flex-wrap: wrap; width: 350px;}
.sub_contents_board .category_list_wrap .category_list_c > li { margin-left: 0px; border-radius: 5px; margin-top: 10px; width: 600px; height: 75px; background-color: #fff; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee;}
.sub_contents_board .category_list_wrap .category_list_c > li > a > input[type=radio]  { visibility: hidden; display: none; }
.sub_contents_board .category_list_wrap .category_list_c > li label > span { align-items: center; display:flex; justify-content: center; width: 195px; height: 30px; margin-left:30px; color:#999; font-size: 16px; font-weight: 400;}
.sub_contents_board .category_list_wrap .category_list_c > li > a > p { color: #999; margin-left: 55px; font-size: 14px; line-height: 22px;}

.sub_contents_board .category_list_wrap .category_list_c > li > a >input[type=radio] + label { background: url('../img/icon/before_check.png') left no-repeat; width: 20px; margin:10px 0 0 20px; }
.sub_contents_board .category_list_wrap .category_list_c > li > a >input[type=radio]:checked + label {background:url('../img/icon/after_check.png') left no-repeat; color: #43D277; }
.sub_contents_board .category_list_wrap .category_list_c > li > a >input[type=radio]:checked + label span {color: #43D277;}

.sub_contents_board .category_c {margin-top: 20px;}
.sub_contents_board .category_c .category_c_tit > span {margin-left: 20px; font-size: 14px; font-weight: 700; color: #2f2f2f;}
.sub_contents_board .category_c .category_c_tit > p {margin-left: 20px; color: #999; font-weight: 300; font-size: 12px; margin-top: 8px;}

.sub_contents_board .category_c .search_category_cont .search_category_input .search_category_field {margin-left: 20px; float: left; position: relative; height: 30px; margin-top: 30px; }
.sub_contents_board .category_c .search_category_cont .search_category_input .search_category_field input[type=text] { width: 200px; height: 50px; color: #fff; border-radius: 10px; background-color: #43D277; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border: solid 1px #43D277; padding: 0 10px 0 10px; font-size: 14px; }
.sub_contents_board .category_c .search_category_cont .search_category_input .search_category_field > span, .sub_contents_board .category_c .search_category_cont .search_category_input .search_category_field > div > span {color: #999; font-weight: 300; font-size: 14px; margin-top: 8px; margin-left:10px; word-spacing:2px;}
.sub_contents_board .category_c .search_category_cont .search_category_input > span {display: block; float: left; line-height: 10px; margin-top: 5px; font-size: 12px; color: #999;}
.sub_contents_board .category_c .search_category_cont .search_category_input > p {font-size: 12px; color: #999;}

.sub_contents_board .category_c .search_category_search .search_category_sentence { float: left; font-size: 14px; font-weight: 300;  color: #999;  padding: 50px 0px 0 10px; }
.sub_contents_board .category_c .search_category_search .search_category_sentence b { color: #43D277; font-weight: 500; line-height: 22px;}
.sub_contents_board .category_c .search_category_search .search_category_sentence > div > span {color: #999; font-weight: 300; font-size: 14px;} */


/* 이벤트 분석_지정기간 */

/* .sub_contents_board .category_list_wrap .category_list_d {position: relative; display: flex;  flex-wrap: wrap; width: 350px;}
.sub_contents_board .category_list_wrap .category_list_d > li { margin-left: 0px; border-radius: 5px; margin-top: 10px; width: 600px; height: 75px; background-color: #fff; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee;}
.sub_contents_board .category_list_wrap .category_list_d > li > a > input[type=radio]  { visibility: hidden; display: none; }
.sub_contents_board .category_list_wrap .category_list_d > li label > span { align-items: center; display:flex; justify-content: center; width: 195px; height: 30px; margin-left:30px; color:#999; font-size: 16px; font-weight: 400;}
.sub_contents_board .category_list_wrap .category_list_d > li > a > p { color: #999; margin-left: 55px; font-size: 14px; line-height: 22px;}

.sub_contents_board .category_list_wrap .category_list_d > li > a >input[type=radio] + label { background: url('../img/icon/before_check.png') left no-repeat; width: 20px; margin:10px 0 0 20px; }
.sub_contents_board .category_list_wrap .category_list_d > li > a >input[type=radio]:checked + label {background:url('../img/icon/after_check.png') left no-repeat; color: #43D277; }
.sub_contents_board .category_list_wrap .category_list_d > li > a >input[type=radio]:checked + label span {color: #43D277;}

.sub_contents_board .category_d {margin-top: 20px;}
.sub_contents_board .category_d .category_d_tit > span {margin-left: 20px; font-size: 14px; font-weight: 700; color: #2f2f2f;}
.sub_contents_board .category_d .category_d_tit > p {margin-left: 20px; color: #999; font-weight: 300; font-size: 12px; margin-top: 8px;}

.sub_contents_board .category_d .search_category_cont .search_category_input .search_category_field {margin-left: 20px; float: left; position: relative; height: 30px; margin-top: 30px; }
.sub_contents_board .category_d .search_category_cont .search_category_input .search_category_field input[type=text] { width: 200px; height: 50px; color: #fff; border-radius: 10px; background-color: #43D277; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border: solid 1px #43D277; padding: 0 10px 0 10px; font-size: 14px; }
.sub_contents_board .category_d .search_category_cont .search_category_input .search_category_field > span, .sub_contents_board .category_d .search_category_cont .search_category_input .search_category_field > div > span {color: #999; font-weight: 300; font-size: 14px; margin-top: 8px; margin-left:10px; word-spacing:2px;}
.sub_contents_board .category_d .search_category_cont .search_category_input > span {display: block; float: left; line-height: 10px; margin-top: 5px; font-size: 12px; color: #999;}
.sub_contents_board .category_d .search_category_cont .search_category_input > p {font-size: 12px; color: #999;}

.sub_contents_board .category_d .search_category_search .search_category_sentence { float: left; font-size: 14px; font-weight: 300;  color: #999;  padding: 50px 0px 0 10px; }
.sub_contents_board .category_d .search_category_search .search_category_sentence b { color: #43D277; font-weight: 500; line-height: 22px;}
.sub_contents_board .category_d .search_category_search .search_category_sentence > div > span {color: #999; font-weight: 300; font-size: 14px;} */

/* 이벤트 분석_지정기간, 이벤트 분석_지정일 */

.category_list_event {position: relative; display: flex;  flex-wrap: wrap; }
.category_list_event > li { margin-top: 10px;}

.category_list_event .category_event_tit { margin-left: 0px; border-radius: 5px; width: 350px; height: 75px; background-color: #fff; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee;}
.category_list_event .category_event_tit > input[type=radio]  { visibility: hidden; display: none; }
.category_list_event  li:first-child .category_event_tit label > span { width: 260px;}
.category_list_event .category_event_tit label > span { align-items: center; display:flex; justify-content: flex-start; width: 210px; height: 30px; margin-left:30px; color:#999; font-size: 16px; font-weight: 400;}
.category_list_event .category_event_tit > p { color: #999; margin-left: 55px; font-size: 14px; line-height: 22px;}

.category_list_event .category_event_tit >input[type=radio] + label { background: url(/assets/before_check-4319bf98fd76cfc4e3b56b68fe600da2.png) left no-repeat; width: 20px; margin:10px 0 0 20px; }
.category_list_event .category_event_tit >input[type=radio]:checked + label {background:url(/assets/after_check-296cf9afb448933af6f2b96980eb07f9.png) left no-repeat; color: #43d277; }
.category_list_event .category_event_tit >input[type=radio]:checked + label span {color: #43d277;}

.category_list_event .category_event_wrap { overflow: hidden; max-height: 0; transition: max-height 0.5s ease-in-out; }
.category_list_event .category_event_wrap.active {max-height: 500px; transition: max-height 0.5s ease-in-out; height: 100%;} 

.category_event_wrap_tit {margin-top: 20px;}
.category_event_wrap_tit > span {margin-left: 20px; font-size: 14px; font-weight: 700; color: #222;}
.category_event_wrap_tit > p {margin-left: 20px; color: #999; font-weight: 300; font-size: 12px; margin-top: 8px;}

.category_list_event .category_event_wrap .search_category_cont .search_category_input .search_category_field {margin-left: 20px; float: left; position: relative; height: 30px; margin-top: 25px;}
.category_list_event .category_event_wrap .search_category_cont .search_category_input .search_category_field:first-child { margin-top: 30px !important; }
.category_list_event .category_event_wrap .search_category_cont .search_category_input .search_category_field input[type=text] { width: 200px; height: 50px; color: #fff; border-radius: 10px; background-color: #43d277; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border: solid 1px #43d277; padding: 0 30px 0 10px; font-size: 14px; }
.category_list_event .category_event_wrap .search_category_cont .search_category_input .search_category_field > span, .category_list_event .category_event_wrap .search_category_cont .search_category_input .search_category_field > div > span {color: #999; font-weight: 300; font-size: 14px; margin-top: 8px; margin-left:10px; word-spacing:2px;}

.category_list_event .category_event_wrap .search_category_cont .search_category_input .search_category_field_s { float: left; position: relative; height: 30px; margin-top: 25px;}
.category_list_event .category_event_wrap .search_category_cont .search_category_input .search_category_field_s input[type=text] { width: 80px; height: 50px; color: #fff; border-radius: 10px; background-color: #43d277; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border: solid 1px #43d277; font-size: 14px; padding: 0 30px 0 10px; }
.category_list_event .category_event_wrap .search_category_cont .search_category_input .search_category_field_s > span, 
.category_list_event .category_event_wrap .search_category_cont .search_category_input .search_category_field > div > span {color: #999; font-weight: 300; font-size: 14px; margin-top: 8px; margin-left:10px; word-spacing:2px;}


.category_list_event .category_event_wrap .search_category_cont .search_category_input > span {display: block; float: left; line-height: 10px; margin-top: 45px; font-size: 14px; color: #999;}
.category_list_event .category_event_wrap .search_category_cont .search_category_input > p {font-size: 12px; color: #999;}

.category_list_event .category_event_wrap .search_category_search .search_category_sentence { float: left; font-size: 14px; font-weight: 300;  color: #999;  padding: 50px 0px 0 10px; }
.category_list_event .category_event_wrap .search_category_search .search_category_sentence b { color: #43d277; font-weight: 500; line-height: 22px;}
.category_list_event .category_event_wrap .search_category_search .search_category_sentence > span { color: #999; font-weight: 300; font-size: 14px;}

/* 이벤트분석_사용자정의 */
.category_list_event .category_event_wrap .search_category_cont .search_category_input.category_b .search_category_field {margin-top: 25px; }

.category_list_event .category_event_wrap .search_category_cont .search_category_input.category_b .search_category_field > span, 
.category_list_event .category_event_wrap .search_category_cont .search_category_input.category_b .search_category_field > div > span {margin-top:0px;}

.category_list_event .category_event_wrap .search_category_cont .search_category_input.category_b .search_category_field_s {margin-left: 5px;} 
.category_list_event .category_event_wrap .search_category_cont .search_category_input.category_b .search_category_field_s input[type=text] { width: 50px; }

.category_list_event .category_event_wrap .search_category_cont .search_category_input.category_b > span {margin-left: 10px;}

.select_b { float: left; width: 80px; }
.select_b.custom_select { position: relative; cursor: pointer; }
.select_b.custom_select > span { color: #999; font-weight: 300; font-size: 14px; margin-top: 8px; margin-left:10px; word-spacing:2px;} 
.select_b.custom_select .custom_select_input { line-height: 44px; font-size: 14px; width: 80px; height: 50px;  border-radius: 10px; background-color: #43D277 !important; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border: solid 1px #43D277;font-weight: 500;}
.select_b.custom_select .custom_select_input > div {color: #fff; width: auto;}
.select_b.custom_select .custom_select_input .div_placeholder { color: #e5e5e5 !important; }
.select_b.custom_select .custom_select_arrow { position: absolute; width: 36px; line-height: 45px; right: 0px; color: #fff; }
.select_b.custom_select .custom_select_selected { position: absolute; display: none !important; }
.select_b.custom_select.green .custom_select_input > div { color: #32D28D; }
.select_b.custom_select.bg_green .custom_select_input { background-color: #32D28D !important; }
.select_b.custom_select.bg_green .custom_select_input > div { color: #fff; }


/* .sub_contents_board .b_category {margin-top: 80px; margin-left: 40px;}
.sub_contents_board .b_category .category_tit > span {font-size: 16px; font-weight: 700; color: #2f2f2f;}
.sub_contents_board .b_category .category_tit > p {color: #999; font-weight: 300; font-size: 14px;  margin-top: 8px;}

.sub_contents_board .category_list_wrap .category_list_b {position: relative; display: flex;  flex-wrap: wrap; width: 350px;}
.sub_contents_board .category_list_wrap .category_list_b > li { margin-left: 0px; border-radius: 5px; margin-top: 10px; width: 600px; height: 75px; background-color: #fff; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee;}
.sub_contents_board .category_list_wrap .category_list_b > li > a > input[type=radio]  { visibility: hidden; display: none; }
.sub_contents_board .category_list_wrap .category_list_b > li label > span { align-items: center; display:flex; justify-content: center; width: 210px; height: 30px; margin-left:30px; color:#999; font-size: 16px; font-weight: 400;}
.sub_contents_board .category_list_wrap .category_list_b > li > a > p { color: #999; margin-left: 55px; font-size: 14px; line-height: 22px;}

.sub_contents_board .category_list_wrap .category_list_b > li > a >input[type=radio] + label { background: url('../img/icon/before_check.png') left no-repeat; width: 20px; margin:10px 0 0 20px; }
.sub_contents_board .category_list_wrap .category_list_b > li > a >input[type=radio]:checked + label {background:url('../img/icon/after_check.png') left no-repeat; color: #43D277; }
.sub_contents_board .category_list_wrap .category_list_b > li > a >input[type=radio]:checked + label span {color: #43D277;}

.sub_contents_board .category_b {margin-top: 20px;}
.sub_contents_board .category_b .category_b_tit > span {margin-left: 20px; font-size: 14px; font-weight: 700; color: #2f2f2f;}
.sub_contents_board .category_b .category_b_tit > p {margin-left: 20px; color: #999; font-weight: 300; font-size: 12px; margin-top: 8px;}

.sub_contents_board .category_b .search_category_cont .search_category_input .search_category_field {margin-left: 20px; float: left; position: relative; height: 30px; margin-top: 25px; }
.sub_contents_board .category_b .search_category_cont .search_category_input .search_category_field input[type=text] { width: 200px; height: 50px; color: #fff; border-radius: 10px; background-color: #43D277; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border: solid 1px #43D277; padding: 0 10px 0 10px; font-size: 14px; }
.sub_contents_board .category_b .search_category_cont .search_category_input .search_category_field > span, .sub_contents_board .category_b .search_category_cont .search_category_input .search_category_field > div > span {color: #999; font-weight: 300; font-size: 14px; margin-left:10px; word-spacing:2px;}

.sub_contents_board .category_b .search_category_cont .search_category_input .search_category_field .search_category_field .search_category_field_s {float: left; position: relative; height: 30px; margin-top: 25px; }
.sub_contents_board .category_b .search_category_cont .search_category_input .search_category_field_s input[type=text] {width: 80px; height: 50px; color: #fff; border-radius: 10px; background-color: #43D277; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border: solid 1px #43D277; font-size: 14px; }
.sub_contents_board .category_b .search_category_cont .search_category_input .search_category_field_s > span, .sub_contents_board .category_b .search_category_cont .search_category_input .search_category_field > div > span {color: #999; font-weight: 300; font-size: 14px; margin-left:10px; word-spacing:2px;}


.sub_contents_board .category_b .search_category_cont .search_category_input > span {display: block; float: left; line-height: 10px; margin-top: 45px; font-size: 14px; color: #999;}
.sub_contents_board .category_b .search_category_cont .search_category_input > p {font-size: 12px; color: #999;}

.sub_contents_board .category_b .search_category_search .search_category_sentence { float: left; font-size: 14px; font-weight: 300;  color: #999;  padding: 0px 0px 0 10px; }
.sub_contents_board .category_b .search_category_search .search_category_sentence b { color: #43D277; font-weight: 500; line-height: 22px;}
.sub_contents_board .category_b .search_category_search .search_category_sentence > div > span {color: #999; font-weight: 300; font-size: 14px;}

.select_b { float: left; width: 90px; }
.custom_select > span { color: #999; font-weight: 300; font-size: 14px; margin-top: 8px; margin-left:10px; word-spacing:2px;} 
.custom_select { position: relative; cursor: pointer; } 
.custom_select .custom_select_input_b { line-height: 44px; padding-left: 10px; font-size: 14px; width: 80px; height: 50px;  border-radius: 10px; background-color: #43D277; box-shadow: -3px -3px 7px  #e2e2e2, 3px 3px #eeeeee; border: solid 1px #43D277;font-weight: 500;}
.custom_select .custom_select_input_b > div {color: #fff; }
.custom_select .custom_select_input_b .div_placeholder { color: #e5e5e5 !important; }
.custom_select .custom_select_arrow { position: absolute; width: 36px; line-height: 45px; right: 10px; color: #fff; }
.custom_select .custom_select_selected_b { position: absolute; display: none !important; }
.custom_select.green .custom_select_input_b > div { color: #43D277; }
.custom_select.bg_green .custom_select_input_b { background-color: #43D277 !important; }
.custom_select.bg_green .custom_select_input_b > div { color: #fff; } */



/* 탑메뉴 */
.sub_contents_wrap_with_nav .header_menu_wrap { position: absolute; right: 40px; top: 60px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1001; text-align: center; }
.sub_contents_wrap_with_nav .header_menu_wrap .header_menu { float: left; line-height: 24px; font-size: 14px; }
.sub_contents_wrap_with_nav .header_menu_wrap .header_menu.logout { color: #fff; }
.sub_contents_wrap_with_nav .header_menu_wrap .header_menu.login { color: #7c7c7c; }
.sub_contents_wrap_with_nav .header_menu_wrap .header_menu.login b { color: #fff; font-weight: 500; }
.sub_contents_wrap_with_nav .header_menu_wrap .header_menu.login i { font-size: 24px; margin-right: 5px; color: #e5e5e5; vertical-align: middle; }
.sub_contents_wrap_with_nav .header_menu_wrap .top_nav { position: relative; float: left; margin-left: 15px; }
.sub_contents_wrap_with_nav .header_menu_wrap .top_nav .top_nav_btn i { font-size: 24px; color: #43D277; }
.sub_contents_wrap_with_nav .header_menu_wrap .top_nav .top_nav_menu { display: none; position: absolute; top: calc(100% + 15px); right: 0; background-color: #fff; color: #2f2f2f; border: solid 1px #e3e3e3; border-radius: 10px; width: 340px; padding: 20px; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); }
.sub_contents_wrap_with_nav .header_menu_wrap .top_nav .top_nav_menu.active { display: flex; }
.sub_contents_wrap_with_nav .header_menu_wrap .top_nav .top_nav_menu > li > a { display: block; padding: 20px 0; }
.sub_contents_wrap_with_nav .header_menu_wrap .top_nav .top_nav_menu > li i { font-size: 24px; margin-bottom: 15px; }
.sub_contents_wrap_with_nav .header_menu_wrap .top_nav .top_nav_menu > li h2 { font-size: 1em; }
.sub_contents_wrap_with_nav .header_menu_wrap .top_nav .top_nav_menu > li:not(.top_nav_btm):hover { color: #43D277; }
.sub_contents_wrap_with_nav .header_menu_wrap .top_nav .top_nav_menu > li:not(.top_nav_btm):hover h2 { font-weight: 700; }
.sub_contents_wrap_with_nav .header_menu_wrap .top_nav .top_nav_menu > li.top_nav_btm > a { background-color: #999; color: #fff; padding: 13px 0; }
.sub_contents_wrap_with_nav .header_menu_wrap .top_nav .top_nav_menu > li.top_nav_btm > a:hover { background-color: #7c7c7c; }
.sub_contents_wrap_with_nav .header_menu_wrap .top_nav .top_nav_menu > li.top_nav_btm h2 { font-size: 12px; }
.calendar_right .calendar_cont_wrap .table_cont_wrap .table_cont .down {color: #267DFF;}
.calendar_right .calendar_cont_wrap .table_cont_wrap .table_cont .up {color: #FC0D0D;}

/* Slideshow container */
.notice {position: relative; align-items: center; justify-self: center;}
.slide { display: none; position: relative; align-items: center; justify-self: center;  margin: 0px 45px ;}
.slide.active {display: block;}


a {
  cursor: pointer;
}

.cursor_pointer{
  cursor: pointer;
}

.table_cont_wrap .table_cont tbody tr.selected_row td { background-color: #EFF9F2; }
.table_cont_wrap.text_overflow_none th div:not(.tooltips),
.table_cont_wrap.text_overflow_none td div:not(.tooltips) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.text-red {
  color: #E96060;
}
.text-blue{
  color: #5967EA;
}

.text-green{
  color: #43D277;
}

.text-disable-gray{
  color: #7c7c7c
}

.text-keyword-bold {
  font-weight: 800;
}

.note-modal-backdrop {
  display: none !important;
}

.txt i, .note-editable i {
  display: unset;
  font-family: unset;
  speak: unset;
  font-style: unset;
  font-weight: unset;
  font-variant: unset;
  text-transform: unset;
  line-height: unset;
  -webkit-font-smoothing: unset;

  font-style: italic;
}

.dropdown-toggle::after {
  display: none;
}

table .tooltip_menu{
  left: 100%;
}

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

.main_wrap .main_search_wrap .search .search_category_wrap,
.main_wrap .main_search_wrap .search .search_recomm_wrap .search_recomm_section{
  transition: none;
}

.search .search_recomm_wrap .search_recomm_section .search_recomm_list li.active .keyword,
.search .search_recomm_wrap .search_recomm_section .search_recomm_list li.active::after{
  color: #43D277;
}

.search .search_button:disabled,
.search .search_button:disabled i{
  cursor: unset;
  color: #e5e5e5;
}
/* test style code */
.report_pop_align {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.table_keyword tbody td:last-child > div {
  padding-left: 5px;
}

.modal_wrap .modal_cont {
  white-space: pre-wrap;
}

.vertical_align_modal_wrap{
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.vertical_align_modal_wrap.info_modal_wrap .info_modal{
  left:0;
}

.table_cont_wrap .table_cont{
  table-layout: fixed;
}

ul.data_bt_wrap:after {  
  display: none;  
}



/* luyoes add keyword input style */
/* -S 종목검색 키워드 퍼블 없어서 대략적으로 맞춘 css */
.search_input_wrap .search_recomm_wrap .search_recomm_section { 
  height: 0; 
  overflow-y: scroll; 
  overflow-x: hidden;     
  position: absolute;
  width: 550px;
  background: #ffffff;
  z-index: 999; 
  border: 1px solid #85C688;
}
.search_input_wrap .search_recomm_wrap .search_recomm_section .search_recomm_tit { text-align: left; padding: 20px; padding-bottom: 15px; font-size: 14px; }
.search_input_wrap .search_recomm_wrap .search_recomm_section .search_recomm_tit .keyword { font-weight: 700; color: #43D277; }
.search_input_wrap .search_recomm_wrap .search_recomm_section .search_recomm_list { padding-bottom: 15px; color: #7c7c7c; font-size: 14px; text-align: left; }
.search_input_wrap .search_recomm_wrap .search_recomm_section .search_recomm_list li { position: relative; padding: 5px 20px; cursor: pointer; }
.search_input_wrap .search_recomm_wrap .search_recomm_section .search_recomm_list li:first-child { margin-top: 0; }
.search_input_wrap .search_recomm_wrap .search_recomm_section .search_recomm_list li .category { display: inline-block; width: 40px; font-size: 11px; color: #fff; background-color: #43D277; line-height: 16px; text-align: center; margin-right: 5px; }
.search_input_wrap .search_recomm_wrap .search_recomm_section .search_recomm_list li:hover .keyword,
.search_input_wrap .search_recomm_wrap .search_recomm_section .search_recomm_list li:hover::after { color: #43D277; }


.search_input_wrap.active_recomm { background-color: #fff; }
.search_input_wrap.active_category .search_category_wrap { height: 421px; border-top: solid 1px #e5e5e5; }
.search_input_wrap.active_recomm .search_recomm_wrap .search_recomm_section { height: 300px; border-top: solid 1px #e5e5e5; }
.search_input_wrap.active_recomm .search_recomm_wrap.double_search_recomm .search_recomm_section.keyword { height: 211px; border-top: solid 1px #e5e5e5; }
.search_input_wrap.active_recomm .search_recomm_wrap.double_search_recomm .search_recomm_section.sentence { height: 210px; border-top: solid 1px #e5e5e5; }

._search_recomm_wrap_custom_option {
  position: absolute;
  top: 36px;
  left: 137px;
  width: 383px;
  border: 1px solid #43D277;
  background: #ffffff;
  z-index: 999;
  /* padding: 16px; */
  /* height: 100%; */
  /* min-height: 120px; */
  max-height: 300px;
  overflow: hidden;

}

.search_recomm_wrap._search_recomm_wrap_custom_option .search_recomm_section .search_recomm_tit { text-align: left; padding: 20px; padding-bottom: 15px; font-size: 14px; }
.search_recomm_wrap._search_recomm_wrap_custom_option .search_recomm_section .search_recomm_tit .keyword { font-weight: 700; color: #43D277; }

.search_recomm_wrap._search_recomm_wrap_custom_option  .search_recomm_section .search_recomm_list { padding-bottom: 15px; color: #7c7c7c; font-size: 14px; text-align: left; }
.search_recomm_wrap._search_recomm_wrap_custom_option  .search_recomm_section .search_recomm_list li { position: relative; padding: 5px 20px; cursor: pointer; }


.search_recomm_wrap._search_recomm_wrap_custom_option .search_recomm_list li:hover .keyword, 
.search_recomm_wrap._search_recomm_wrap_custom_option .search_recomm_list li:hover::after { color: #43D277; }



.search_recomm_wrap._search_recomm_wrap_custom_option .search_recomm_section .search_recomm_list li.active .keyword,
.search_recomm_wrap._search_recomm_wrap_custom_option .search_recomm_section .search_recomm_list li.active::after{
  color: #43D277;
}
/* -E 종목검색 키워드 퍼블 없어서 대략적으로 맞춘 css */

.stockholder_shareratio_chart {margin-top: 70px;}

/*!
 * jQCloud 2.0.3
 * Copyright 2011 Luca Ongaro (http://www.lucaongaro.eu)
 * Copyright 2013 Daniel White (http://www.developerdan.com)
 * Copyright 2014-2017 Damien "Mistic" Sorel (http://www.strangeplanet.fr)
 * Licensed under MIT (http://opensource.org/licenses/MIT)
 */
.jqcloud {
  font: 10px "Helvetica", "Arial", sans-serif;
  line-height: normal;
  overflow: hidden;
  position: relative;
}

.jqcloud-word {
  margin: 0;
  padding: 0;
  cursor: pointer;
  line-height: 1.2em;
}
.jqcloud-word.w1 {
  color: #aab5f0;
  font-size: 100%;
}
.jqcloud-word.w2 {
  color: #99ccee;
  font-size: 150%;
}
.jqcloud-word.w3 {
  color: #a0ddff;
  font-size: 200%;
}
.jqcloud-word.w4 {
  color: #90c5f0;
  font-size: 250%;
}
.jqcloud-word.w5 {
  color: #90a0dd;
  font-size: 300%;
}
.jqcloud-word.w6 {
  color: #90c5f0;
  font-size: 350%;
}
.jqcloud-word.w7 {
  color: #3399dd;
  font-size: 400%;
}
.jqcloud-word.w8 {
  color: #00ccff;
  font-size: 450%;
}
.jqcloud-word.w9 {
  color: #00ccff;
  font-size: 500%;
}
.jqcloud-word.w10 {
  color: #00ccff;
  font-size: 550%;
}

.jqcloud-word a {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
.jqcloud-word a:hover {
  color: #00ccff;
}
.jqcloud-word.active {
  color: #fff !important;
  background-color: #202020 !important;
  border-radius: 5px;
  padding: 0 5px;
  z-index: 9;
  margin-left: -5px;
}

.ass_company_graph .jqcloud-word { position: relative; font-size: 12px; width: 86px; height: 86px; }
.ass_company_graph .jqcloud-word::before { content: ''; position: absolute; top: 4%; left: 4%; width: 92%; height: 92%; border-radius: 50%; box-shadow: 0px 0px 8px 0px rgba(252,174,86,0.5); box-sizing: border-box; }
.ass_company_graph .jqcloud-word span { position: absolute; top: 50%; left: 7%; width: 86%; text-align: center; transform: translateY(-50%);}

.ass_company_graph .jqcloud-word.w1 {
  color: #222;
  font-size: 12px;
   width: 86px; height: 86px;
}
.ass_company_graph .jqcloud-word.w2 {
  color: #222;
  font-size: 12px;
   width: 96px; height: 96px;
}
.ass_company_graph .jqcloud-word.w3 {
  color: #222;
  font-size: 12px;
   width: 106px; height: 106px;
}
.ass_company_graph .jqcloud-word.w4 {
  color: #222;
  font-size: 12px;
   width: 116px; height: 116px;
}
.ass_company_graph .jqcloud-word.w5 {
  color: #222;
  font-size: 12px;
   width: 126px; height: 126px;
}
.ass_company_graph .jqcloud-word.active {
  color: #fdb14b !important;
  background-color: transparent !important;
  border-radius: 0;
  padding: 0;
  margin-left: 0;
  font-size: 14px;
  font-weight: 700;
}

.ass_company_graph .jqcloud-word.active::before {
  box-shadow: none;
  border: solid 2px #fdb14b;
}

.ass_company_graph .jqcloud-word.active::after { content: '\e6e0'; position: absolute; bottom: 70%; left: 70%; font-family: xeicon; width: 24px; height: 24px; line-height: 24px; font-size: 12px; color: #fff; background-color: #fdb14b; border-radius: 50%; text-align: center; }

/*!
 *
 * Super simple wysiwyg editor v0.8.18
 * https://summernote.org
 *
 *
 * Copyright 2013- Alan Hong. and other contributors
 * summernote may be freely distributed under the MIT license.
 *
 * Date: 2020-05-20T16:47Z
 *
 */
@font-face {
  font-family: 'summernote';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url(/assets/summernote-bd0d8be1fbad3612dfe1e6baafd42af3.eot);
  src: url(/assets/summernote-bd0d8be1fbad3612dfe1e6baafd42af3.eot?#iefix) format('embedded-opentype'),
    url(/assets/summernote-7c9436ed8d2deac04e375be2d373e647.woff2) format('woff2'),
    url(/assets/summernote-08c343ff91f188dfc1a7ae4ad1126b59.woff) format('woff'),
    url(/assets/summernote-b293d601cf1cddd1a1b40941d9cbd683.ttf) format('truetype');
}
[class^='note-icon']:before,
[class*=' note-icon']:before {
  display: inline-block;
  font-family: summernote;
  font-style: normal;
  font-size: inherit;
  text-decoration: inherit;
  text-rendering: auto;
  text-transform: none;
  vertical-align: middle;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  speak: none;
}
.note-icon-fw {
  text-align: center;
  width: 1.25em;
}
.note-icon-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}
.note-icon-pull-left {
  float: left;
}
.note-icon-pull-right {
  float: right;
}
.note-icon.note-icon-pull-left {
  margin-right: 0.3em;
}
.note-icon.note-icon-pull-right {
  margin-left: 0.3em;
}
.note-icon-align::before {
  content: '';
}
.note-icon-align-center::before {
  content: '';
}
.note-icon-align-indent::before {
  content: '';
}
.note-icon-align-justify::before {
  content: '';
}
.note-icon-align-left::before {
  content: '';
}
.note-icon-align-outdent::before {
  content: '';
}
.note-icon-align-right::before {
  content: '';
}
.note-icon-arrow-circle-down::before {
  content: '';
}
.note-icon-arrow-circle-left::before {
  content: '';
}
.note-icon-arrow-circle-right::before {
  content: '';
}
.note-icon-arrow-circle-up::before {
  content: '';
}
.note-icon-arrows-alt::before {
  content: '';
}
.note-icon-arrows-h::before {
  content: '';
}
.note-icon-arrows-v::before {
  content: '';
}
.note-icon-bold::before {
  content: '';
}
.note-icon-caret::before {
  content: '';
}
.note-icon-chain-broken::before {
  content: '';
}
.note-icon-circle::before {
  content: '';
}
.note-icon-close::before {
  content: '';
}
.note-icon-code::before {
  content: '';
}
.note-icon-col-after::before {
  content: '';
}
.note-icon-col-before::before {
  content: '';
}
.note-icon-col-remove::before {
  content: '';
}
.note-icon-eraser::before {
  content: '';
}
.note-icon-float-left::before {
  content: '';
}
.note-icon-float-none::before {
  content: '';
}
.note-icon-float-right::before {
  content: '';
}
.note-icon-font::before {
  content: '';
}
.note-icon-frame::before {
  content: '';
}
.note-icon-italic::before {
  content: '';
}
.note-icon-link::before {
  content: '';
}
.note-icon-magic::before {
  content: '';
}
.note-icon-menu-check::before {
  content: '';
}
.note-icon-minus::before {
  content: '';
}
.note-icon-orderedlist::before {
  content: '';
}
.note-icon-pencil::before {
  content: '';
}
.note-icon-picture::before {
  content: '';
}
.note-icon-question::before {
  content: '';
}
.note-icon-redo::before {
  content: '';
}
.note-icon-rollback::before {
  content: '';
}
.note-icon-row-above::before {
  content: '';
}
.note-icon-row-below::before {
  content: '';
}
.note-icon-row-remove::before {
  content: '';
}
.note-icon-special-character::before {
  content: '';
}
.note-icon-square::before {
  content: '';
}
.note-icon-strikethrough::before {
  content: '';
}
.note-icon-subscript::before {
  content: '';
}
.note-icon-summernote::before {
  content: '';
}
.note-icon-superscript::before {
  content: '';
}
.note-icon-table::before {
  content: '';
}
.note-icon-text-height::before {
  content: '';
}
.note-icon-trash::before {
  content: '';
}
.note-icon-underline::before {
  content: '';
}
.note-icon-undo::before {
  content: '';
}
.note-icon-unorderedlist::before {
  content: '';
}
.note-icon-video::before {
  content: '';
}
.note-frame {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-family: sans-serif;
  border-radius: 4px;
}
.note-toolbar {
  padding: 10px 5px;
  border-bottom: 1px solid #e2e2e2;
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.note-btn-group {
  position: relative;
  display: inline-block;
  margin-right: 8px;
}
.note-btn-group > .note-btn-group {
  margin-right: 0;
}
.note-btn-group > .note-btn:first-child {
  margin-left: 0;
}
.note-btn-group .note-btn + .note-btn,
.note-btn-group .note-btn + .note-btn-group,
.note-btn-group .note-btn-group + .note-btn,
.note-btn-group .note-btn-group + .note-btn-group {
  margin-left: -1px;
}
.note-btn-group > .note-btn:not(:first-child),
.note-btn-group > .note-btn-group:not(:first-child) > .note-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.note-btn-group > .note-btn:not(:last-child):not(.dropdown-toggle),
.note-btn-group > .note-btn-group:not(:last-child) > .note-btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.note-btn-group.open > .note-dropdown {
  display: block;
}
.note-btn {
  display: inline-block;
  font-weight: 400;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #dae0e5;
  white-space: nowrap;
  outline: 0;
  color: #333;
  background-color: #fff;
  border-color: #dae0e5;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.note-btn:focus,
.note-btn.focus {
  color: #333;
  background-color: #ebebeb;
  border-color: #dae0e5;
}
.note-btn:hover {
  color: #333;
  background-color: #ebebeb;
  border-color: #dae0e5;
}
.note-btn.disabled:focus,
.note-btn.disabled.focus,
.note-btn[disabled]:focus,
.note-btn[disabled].focus,
fieldset[disabled] .note-btn:focus,
fieldset[disabled] .note-btn.focus {
  background-color: #fff;
  border-color: #dae0e5;
}
.note-btn:hover,
.note-btn:focus,
.note-btn.focus {
  color: #333;
  text-decoration: none;
  border: 1px solid #dae0e5;
  background-color: #ebebeb;
  outline: 0;
  border-radius: 1px;
}
.note-btn:active,
.note-btn.active {
  outline: 0;
  background-image: none;
  color: #333;
  text-decoration: none;
  border: 1px solid #dae0e5;
  background-color: #ebebeb;
  outline: 0;
  border-radius: 1px;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.note-btn.disabled,
.note-btn[disabled],
fieldset[disabled] .note-btn {
  cursor: not-allowed;
  -webkit-opacity: 0.65;
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
  filter: alpha(opacity=65);
  box-shadow: none;
}
.note-btn > span.note-icon-caret:first-child {
  margin-left: -1px;
}
.note-btn > span.note-icon-caret:nth-child(2) {
  padding-left: 3px;
  margin-right: -5px;
}
.note-btn-primary {
  background: #fa6362;
  color: #fff;
}
.note-btn-primary:hover,
.note-btn-primary:focus,
.note-btn-primary.focus {
  color: #fff;
  text-decoration: none;
  border: 1px solid #dae0e5;
  background-color: #fa6362;
  border-radius: 1px;
}
.note-btn-block {
  display: block;
  width: 100%;
}
.note-btn-block + .note-btn-block {
  margin-top: 5px;
}
input[type='submit'].note-btn-block,
input[type='reset'].note-btn-block,
input[type='button'].note-btn-block {
  width: 100%;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.close {
  float: right;
  font-size: 21px;
  line-height: 1;
  color: #000;
  opacity: 0.2;
}
.close:hover {
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
}
.note-dropdown {
  position: relative;
}
.note-color .dropdown-toggle {
  width: 30px;
  padding-left: 5px;
}
.note-dropdown-menu {
  display: none;
  min-width: 100px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  text-align: left;
  background: #fff;
  border: 1px solid #e2e2e2;
  padding: 5px;
  background-clip: padding-box;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}
.note-dropdown-menu > *:last-child {
  margin-right: 0;
}
.note-btn-group.open .note-dropdown-menu {
  display: block;
}
.note-dropdown-item {
  display: block;
}
.note-dropdown-item:hover {
  background-color: #ebebeb;
}
a.note-dropdown-item,
a.note-dropdown-item:hover {
  margin: 5px 0;
  color: #000;
  text-decoration: none;
}
.note-modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1050;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  display: none;
}
.note-modal.open {
  display: block;
}
.note-modal-content {
  position: relative;
  width: auto;
  margin: 30px 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  background-clip: border-box;
  outline: 0;
  border-radius: 5px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.note-modal-header {
  padding: 10px 20px;
  border: 1px solid #ededef;
}
.note-modal-body {
  position: relative;
  padding: 20px 30px;
}
.note-modal-body kbd {
  border-radius: 2px;
  background-color: #000;
  color: #fff;
  padding: 3px 5px;
  font-weight: 700;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.note-modal-footer {
  height: 40px;
  padding: 10px;
  text-align: center;
}
.note-modal-footer a {
  color: #337ab7;
  text-decoration: none;
}
.note-modal-footer a:hover,
.note-modal-footer a:focus {
  color: #23527c;
  text-decoration: underline;
}
.note-modal-footer .note-btn {
  float: right;
}
.note-modal-title {
  font-size: 20px;
  color: #42515f;
  margin: 0;
  line-height: 1.4;
}
.note-modal-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1040;
  background: #000;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
  display: none;
}
.note-modal-backdrop.open {
  display: block;
}
@media (min-width: 768px) {
  .note-modal-content {
    width: 600px;
    margin: 30px auto;
  }
}
@media (min-width: 992px) {
  .note-modal-content-large {
    width: 900px;
  }
}
.note-modal .note-help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
.note-modal .note-nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.note-modal .note-nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
.note-modal .note-nav-link:focus,
.note-modal .note-nav-link:hover {
  color: #0056b3;
  text-decoration: none;
}
.note-modal .note-nav-link.disabled {
  color: #868e96;
}
.note-modal .note-nav-tabs {
  border-bottom: 1px solid #ddd;
}
.note-modal .note-nav-tabs .note-nav-item {
  margin-bottom: -1px;
}
.note-modal .note-nav-tabs .note-nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.note-modal .note-nav-tabs .note-nav-link:focus,
.note-modal .note-nav-tabs .note-nav-link:hover {
  border-color: #e9ecef #e9ecef #ddd;
}
.note-modal .note-nav-tabs .note-nav-link.disabled {
  color: #868e96;
  background-color: transparent;
  border-color: transparent;
}
.note-modal .note-nav-tabs .note-nav-item.show .note-nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #ddd #ddd #fff;
}
.note-modal .note-tab-content {
  margin: 15px auto;
}
.note-modal
  .note-tab-content
  > .note-tab-pane:target
  ~ .note-tab-pane:last-child,
.note-modal .note-tab-content > .note-tab-pane {
  display: none;
}
.note-modal .note-tab-content > :last-child,
.note-modal .note-tab-content > .note-tab-pane:target {
  display: block;
}
.note-form-group {
  padding-bottom: 20px;
}
.note-form-group:last-child {
  padding-bottom: 0;
}
.note-form-label {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #42515f;
  margin-bottom: 10px;
  font-weight: 700;
}
.note-input {
  width: 100%;
  display: block;
  border: 1px solid #ededef;
  background: #fff;
  outline: 0;
  padding: 6px 4px;
  font-size: 14px;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.note-input::-webkit-input-placeholder {
  color: #eee;
}
.note-input:-moz-placeholder {
  color: #eee;
}
.note-input::-moz-placeholder {
  color: #eee;
}
.note-input:-ms-input-placeholder {
  color: #eee;
}
.note-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 13px;
  transition: opacity 0.15s;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
.note-tooltip.in {
  -webkit-opacity: 0.9;
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.note-tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.note-tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.note-tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.note-tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.note-tooltip.bottom .note-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.note-tooltip.top .note-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.note-tooltip.right .note-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.note-tooltip.left .note-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.note-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.note-tooltip-content {
  max-width: 200px;
  font-family: sans-serif;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
}
.note-popover {
  position: absolute;
  z-index: 1060;
  display: block;
  font-size: 13px;
  font-family: sans-serif;
  display: none;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
}
.note-popover.in {
  display: block;
}
.note-popover.top {
  margin-top: -10px;
  padding: 5px 0;
}
.note-popover.right {
  margin-left: 10px;
  padding: 0 5px;
}
.note-popover.bottom {
  margin-top: 10px;
  padding: 5px 0;
}
.note-popover.left {
  margin-left: -10px;
  padding: 0 5px;
}
.note-popover.bottom .note-popover-arrow {
  top: -11px;
  left: 20px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.note-popover.bottom .note-popover-arrow::after {
  top: 1px;
  margin-left: -10px;
  content: ' ';
  border-top-width: 0;
  border-bottom-color: #fff;
}
.note-popover.top .note-popover-arrow {
  bottom: -11px;
  left: 20px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.note-popover.top .note-popover-arrow::after {
  bottom: 1px;
  margin-left: -10px;
  content: ' ';
  border-bottom-width: 0;
  border-top-color: #fff;
}
.note-popover.right .note-popover-arrow {
  top: 50%;
  left: -11px;
  margin-top: -10px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.note-popover.right .note-popover-arrow::after {
  left: 1px;
  margin-top: -10px;
  content: ' ';
  border-left-width: 0;
  border-right-color: #fff;
}
.note-popover.left .note-popover-arrow {
  top: 50%;
  right: -11px;
  margin-top: -10px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.note-popover.left .note-popover-arrow::after {
  right: 1px;
  margin-top: -10px;
  content: ' ';
  border-right-width: 0;
  border-left-color: #fff;
}
.note-popover-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 11px solid transparent;
}
.note-popover-arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: ' ';
  border-width: 10px;
}
.note-popover-content {
  padding: 3px 8px;
  color: #000;
  text-align: center;
  background-color: #fff;
  min-width: 100px;
  min-height: 30px;
}
.note-editor {
  position: relative;
}
.note-editor .note-dropzone {
  position: absolute;
  display: none;
  z-index: 100;
  color: #87cefa;
  background-color: #fff;
  opacity: 0.95;
}
.note-editor .note-dropzone .note-dropzone-message {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
}
.note-editor .note-dropzone.hover {
  color: #098ddf;
}
.note-editor.dragover .note-dropzone {
  display: table;
}
.note-editor .note-editing-area {
  position: relative;
}
.note-editor .note-editing-area .note-editable {
  outline: none;
}
.note-editor .note-editing-area .note-editable sup {
  vertical-align: super;
}
.note-editor .note-editing-area .note-editable sub {
  vertical-align: sub;
}
.note-editor .note-editing-area .note-editable img.note-float-left {
  margin-right: 10px;
}
.note-editor .note-editing-area .note-editable img.note-float-right {
  margin-left: 10px;
}
.note-editor.note-frame,
.note-editor.note-airframe {
  border: 1px solid #00000032;
}
.note-editor.note-frame.codeview .note-editing-area .note-editable,
.note-editor.note-airframe.codeview .note-editing-area .note-editable {
  display: none;
}
.note-editor.note-frame.codeview .note-editing-area .note-codable,
.note-editor.note-airframe.codeview .note-editing-area .note-codable {
  display: block;
}
.note-editor.note-frame .note-editing-area,
.note-editor.note-airframe .note-editing-area {
  overflow: hidden;
}
.note-editor.note-frame .note-editing-area .note-editable,
.note-editor.note-airframe .note-editing-area .note-editable {
  padding: 10px;
  overflow: auto;
  word-wrap: break-word;
}
.note-editor.note-frame
  .note-editing-area
  .note-editable[contenteditable='false'],
.note-editor.note-airframe
  .note-editing-area
  .note-editable[contenteditable='false'] {
  background-color: #8080801d;
}
.note-editor.note-frame .note-editing-area .note-codable,
.note-editor.note-airframe .note-editing-area .note-codable {
  display: none;
  width: 100%;
  padding: 10px;
  border: none;
  box-shadow: none;
  font-family: Menlo, Monaco, monospace, sans-serif;
  font-size: 14px;
  color: #ccc;
  background-color: #222;
  resize: none;
  outline: none;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  margin-bottom: 0;
}
.note-editor.note-frame.fullscreen,
.note-editor.note-airframe.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  z-index: 1050;
}
.note-editor.note-frame.fullscreen .note-resizebar,
.note-editor.note-airframe.fullscreen .note-resizebar {
  display: none;
}
.note-editor.note-frame .note-status-output,
.note-editor.note-airframe .note-status-output {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.42857143;
  height: 20px;
  margin-bottom: 0;
  color: #000;
  border: 0;
  border-top: 1px solid #e2e2e2;
}
.note-editor.note-frame .note-status-output:empty,
.note-editor.note-airframe .note-status-output:empty {
  height: 0;
  border-top: 0 solid transparent;
}
.note-editor.note-frame .note-status-output .pull-right,
.note-editor.note-airframe .note-status-output .pull-right {
  float: right !important;
}
.note-editor.note-frame .note-status-output .text-muted,
.note-editor.note-airframe .note-status-output .text-muted {
  color: #777;
}
.note-editor.note-frame .note-status-output .text-primary,
.note-editor.note-airframe .note-status-output .text-primary {
  color: #286090;
}
.note-editor.note-frame .note-status-output .text-success,
.note-editor.note-airframe .note-status-output .text-success {
  color: #3c763d;
}
.note-editor.note-frame .note-status-output .text-info,
.note-editor.note-airframe .note-status-output .text-info {
  color: #31708f;
}
.note-editor.note-frame .note-status-output .text-warning,
.note-editor.note-airframe .note-status-output .text-warning {
  color: #8a6d3b;
}
.note-editor.note-frame .note-status-output .text-danger,
.note-editor.note-airframe .note-status-output .text-danger {
  color: #a94442;
}
.note-editor.note-frame .note-status-output .alert,
.note-editor.note-airframe .note-status-output .alert {
  margin: -7px 0 0 0;
  padding: 7px 10px 2px 10px;
  border-radius: 0;
  color: #000;
  background-color: #f5f5f5;
}
.note-editor.note-frame .note-status-output .alert .note-icon,
.note-editor.note-airframe .note-status-output .alert .note-icon {
  margin-right: 5px;
}
.note-editor.note-frame .note-status-output .alert-success,
.note-editor.note-airframe .note-status-output .alert-success {
  color: #3c763d !important;
  background-color: #dff0d8 !important;
}
.note-editor.note-frame .note-status-output .alert-info,
.note-editor.note-airframe .note-status-output .alert-info {
  color: #31708f !important;
  background-color: #d9edf7 !important;
}
.note-editor.note-frame .note-status-output .alert-warning,
.note-editor.note-airframe .note-status-output .alert-warning {
  color: #8a6d3b !important;
  background-color: #fcf8e3 !important;
}
.note-editor.note-frame .note-status-output .alert-danger,
.note-editor.note-airframe .note-status-output .alert-danger {
  color: #a94442 !important;
  background-color: #f2dede !important;
}
.note-editor.note-frame .note-statusbar,
.note-editor.note-airframe .note-statusbar {
  background-color: #8080801d;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid #00000032;
}
.note-editor.note-frame .note-statusbar .note-resizebar,
.note-editor.note-airframe .note-statusbar .note-resizebar {
  padding-top: 1px;
  height: 9px;
  width: 100%;
  cursor: ns-resize;
}
.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar,
.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar {
  width: 20px;
  margin: 1px auto;
  border-top: 1px solid #00000032;
}
.note-editor.note-frame .note-statusbar.locked .note-resizebar,
.note-editor.note-airframe .note-statusbar.locked .note-resizebar {
  cursor: default;
}
.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar,
.note-editor.note-airframe
  .note-statusbar.locked
  .note-resizebar
  .note-icon-bar {
  display: none;
}
.note-editor.note-frame .note-placeholder,
.note-editor.note-airframe .note-placeholder {
  padding: 10px;
}
.note-editor.note-airframe {
  border: 0;
}
.note-editor.note-airframe .note-editing-area .note-editable {
  padding: 0;
}
.note-popover.popover {
  display: none;
  max-width: none;
}
.note-popover.popover .popover-content a {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.note-popover.popover .arrow {
  left: 20px !important;
}
.note-toolbar {
  position: relative;
}
.note-popover .popover-content,
.note-editor .note-toolbar {
  margin: 0;
  padding: 0 0 5px 5px;
}
.note-popover .popover-content > .note-btn-group,
.note-editor .note-toolbar > .note-btn-group {
  margin-top: 5px;
  margin-left: 0;
  margin-right: 5px;
}
.note-popover .popover-content .note-btn-group .note-table,
.note-editor .note-toolbar .note-btn-group .note-table {
  min-width: 0;
  padding: 5px;
}
.note-popover
  .popover-content
  .note-btn-group
  .note-table
  .note-dimension-picker,
.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker {
  font-size: 18px;
}
.note-popover
  .popover-content
  .note-btn-group
  .note-table
  .note-dimension-picker
  .note-dimension-picker-mousecatcher,
.note-editor
  .note-toolbar
  .note-btn-group
  .note-table
  .note-dimension-picker
  .note-dimension-picker-mousecatcher {
  position: absolute !important;
  z-index: 3;
  width: 10em;
  height: 10em;
  cursor: pointer;
}
.note-popover
  .popover-content
  .note-btn-group
  .note-table
  .note-dimension-picker
  .note-dimension-picker-unhighlighted,
.note-editor
  .note-toolbar
  .note-btn-group
  .note-table
  .note-dimension-picker
  .note-dimension-picker-unhighlighted {
  position: relative !important;
  z-index: 1;
  width: 5em;
  height: 5em;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC')
    repeat;
}
.note-popover
  .popover-content
  .note-btn-group
  .note-table
  .note-dimension-picker
  .note-dimension-picker-highlighted,
.note-editor
  .note-toolbar
  .note-btn-group
  .note-table
  .note-dimension-picker
  .note-dimension-picker-highlighted {
  position: absolute !important;
  z-index: 2;
  width: 1em;
  height: 1em;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC')
    repeat;
}
.note-popover .popover-content .note-style .dropdown-style blockquote,
.note-popover .popover-content .note-style .dropdown-style pre,
.note-editor .note-toolbar .note-style .dropdown-style blockquote,
.note-editor .note-toolbar .note-style .dropdown-style pre {
  margin: 0;
  padding: 5px 10px;
}
.note-popover .popover-content .note-style .dropdown-style h1,
.note-popover .popover-content .note-style .dropdown-style h2,
.note-popover .popover-content .note-style .dropdown-style h3,
.note-popover .popover-content .note-style .dropdown-style h4,
.note-popover .popover-content .note-style .dropdown-style h5,
.note-popover .popover-content .note-style .dropdown-style h6,
.note-popover .popover-content .note-style .dropdown-style p,
.note-editor .note-toolbar .note-style .dropdown-style h1,
.note-editor .note-toolbar .note-style .dropdown-style h2,
.note-editor .note-toolbar .note-style .dropdown-style h3,
.note-editor .note-toolbar .note-style .dropdown-style h4,
.note-editor .note-toolbar .note-style .dropdown-style h5,
.note-editor .note-toolbar .note-style .dropdown-style h6,
.note-editor .note-toolbar .note-style .dropdown-style p {
  margin: 0;
  padding: 0;
}
.note-popover .popover-content .note-color-all .note-dropdown-menu,
.note-editor .note-toolbar .note-color-all .note-dropdown-menu {
  min-width: 337px;
}
.note-popover .popover-content .note-color .dropdown-toggle,
.note-editor .note-toolbar .note-color .dropdown-toggle {
  width: 20px;
  padding-left: 5px;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette {
  display: inline-block;
  margin: 0;
  width: 160px;
}
.note-popover
  .popover-content
  .note-color
  .note-dropdown-menu
  .note-palette:first-child,
.note-editor
  .note-toolbar
  .note-color
  .note-dropdown-menu
  .note-palette:first-child {
  margin: 0 5px;
}
.note-popover
  .popover-content
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-palette-title,
.note-editor
  .note-toolbar
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-palette-title {
  font-size: 12px;
  margin: 2px 7px;
  text-align: center;
  border-bottom: 1px solid #eee;
}
.note-popover
  .popover-content
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-color-reset,
.note-popover
  .popover-content
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-color-select,
.note-editor
  .note-toolbar
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-color-reset,
.note-editor
  .note-toolbar
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-color-select {
  font-size: 11px;
  margin: 3px;
  padding: 0 3px;
  cursor: pointer;
  width: 100%;
  border-radius: 5px;
}
.note-popover
  .popover-content
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-color-reset:hover,
.note-popover
  .popover-content
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-color-select:hover,
.note-editor
  .note-toolbar
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-color-reset:hover,
.note-editor
  .note-toolbar
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-color-select:hover {
  background: #eee;
}
.note-popover
  .popover-content
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-color-row,
.note-editor
  .note-toolbar
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-color-row {
  height: 20px;
}
.note-popover
  .popover-content
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-color-select-btn,
.note-editor
  .note-toolbar
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-color-select-btn {
  display: none;
}
.note-popover
  .popover-content
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-holder-custom
  .note-color-btn,
.note-editor
  .note-toolbar
  .note-color
  .note-dropdown-menu
  .note-palette
  .note-holder-custom
  .note-color-btn {
  border: 1px solid #eee;
}
.note-popover .popover-content .note-para .note-dropdown-menu,
.note-editor .note-toolbar .note-para .note-dropdown-menu {
  min-width: 228px;
  padding: 5px;
}
.note-popover .popover-content .note-para .note-dropdown-menu > div + div,
.note-editor .note-toolbar .note-para .note-dropdown-menu > div + div {
  margin-left: 5px;
}
.note-popover .popover-content .note-dropdown-menu,
.note-editor .note-toolbar .note-dropdown-menu {
  min-width: 160px;
}
.note-popover .popover-content .note-dropdown-menu.right,
.note-editor .note-toolbar .note-dropdown-menu.right {
  right: 0;
  left: auto;
}
.note-popover .popover-content .note-dropdown-menu.right::before,
.note-editor .note-toolbar .note-dropdown-menu.right::before {
  right: 9px;
  left: auto !important;
}
.note-popover .popover-content .note-dropdown-menu.right::after,
.note-editor .note-toolbar .note-dropdown-menu.right::after {
  right: 10px;
  left: auto !important;
}
.note-popover .popover-content .note-dropdown-menu.note-check a i,
.note-editor .note-toolbar .note-dropdown-menu.note-check a i {
  color: #00bfff;
  visibility: hidden;
}
.note-popover .popover-content .note-dropdown-menu.note-check a.checked i,
.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i {
  visibility: visible;
}
.note-popover .popover-content .note-fontsize-10,
.note-editor .note-toolbar .note-fontsize-10 {
  font-size: 10px;
}
.note-popover .popover-content .note-color-palette,
.note-editor .note-toolbar .note-color-palette {
  line-height: 1;
}
.note-popover .popover-content .note-color-palette div .note-color-btn,
.note-editor .note-toolbar .note-color-palette div .note-color-btn {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
}
.note-popover .popover-content .note-color-palette div .note-color-btn:hover,
.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover {
  transform: scale(1.2);
  transition: all 0.2s;
}
.note-modal .modal-dialog {
  outline: 0;
  border-radius: 5px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.note-modal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.note-modal .note-modal-form {
  margin: 0;
}
.note-modal .note-image-dialog .note-dropzone {
  min-height: 100px;
  font-size: 30px;
  line-height: 4;
  color: #d3d3d3;
  text-align: center;
  border: 4px dashed #d3d3d3;
  margin-bottom: 10px;
}
@-moz-document url-prefix() {
  .note-modal .note-image-input {
    height: auto;
  }
}
.note-placeholder {
  position: absolute;
  display: none;
  color: gray;
}
.note-handle .note-control-selection {
  position: absolute;
  display: none;
  border: 1px solid #000;
}
.note-handle .note-control-selection > div {
  position: absolute;
}
.note-handle .note-control-selection .note-control-selection-bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-opacity: 0.3;
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
}
.note-handle .note-control-selection .note-control-handle,
.note-handle .note-control-selection .note-control-sizing,
.note-handle .note-control-selection .note-control-holder {
  width: 7px;
  height: 7px;
  border: 1px solid #000;
}
.note-handle .note-control-selection .note-control-sizing {
  background-color: #000;
}
.note-handle .note-control-selection .note-control-nw {
  top: -5px;
  left: -5px;
  border-right: none;
  border-bottom: none;
}
.note-handle .note-control-selection .note-control-ne {
  top: -5px;
  right: -5px;
  border-bottom: none;
  border-left: none;
}
.note-handle .note-control-selection .note-control-sw {
  bottom: -5px;
  left: -5px;
  border-top: none;
  border-right: none;
}
.note-handle .note-control-selection .note-control-se {
  right: -5px;
  bottom: -5px;
  cursor: se-resize;
}
.note-handle .note-control-selection .note-control-se.note-control-holder {
  cursor: default;
  border-top: none;
  border-left: none;
}
.note-handle .note-control-selection .note-control-selection-info {
  right: 0;
  bottom: 0;
  padding: 5px;
  margin: 5px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
  border-radius: 5px;
  -webkit-opacity: 0.7;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
}
.note-hint-popover {
  min-width: 100px;
  padding: 2px;
}
.note-hint-popover .popover-content {
  padding: 3px;
  max-height: 150px;
  overflow: auto;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item {
  display: block !important;
  padding: 3px;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,
.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
  display: block;
  clear: both;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
  cursor: pointer;
}
.note-editor .note-editing-area .note-editable table {
  width: 100%;
  border-collapse: collapse;
}
.note-editor .note-editing-area .note-editable table td,
.note-editor .note-editing-area .note-editable table th {
  border: 1px solid #ececec;
  padding: 5px 3px;
}
.note-editor .note-editing-area .note-editable a {
  background-color: inherit;
  text-decoration: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: #337ab7;
}
.note-editor .note-editing-area .note-editable a:hover,
.note-editor .note-editing-area .note-editable a:focus {
  color: #23527c;
  text-decoration: underline;
  outline: 0;
}
.note-editor .note-editing-area .note-editable figure {
  margin: 0;
}
.note-modal .note-modal-body label {
  margin-bottom: 2px;
  padding: 2px 5px;
  display: inline-block;
}
.note-modal .note-modal-body .help-list-item:hover {
  background-color: #e0e0e0;
}
@-moz-document url-prefix() {
  .note-modal .note-image-input {
    height: auto;
  }
}
.help-list-item label {
  margin-bottom: 5px;
  display: inline-block;
}

.note-editor .note-editable {
  line-height: 1.65;
}