@font-face {
  font-family: 'Nanum Gothic';
  src: url('../font/NanumGothic-Regular.eot');
  src: url('../font/NanumGothic-Regular.eot') format('embedded-opentype'), url('../font/NanumGothic-Regular.woff2') format('woff2'), url('../font/NanumGothic-Regular.woff') format('woff'), url('../font/NanumGothic-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../font/Montserrat-Regular.eot');
  src: url('../font/Montserrat-Regular.eot') format('embedded-opentype'), url('../font/Montserrat-Regular.woff2') format('woff2'), url('../font/Montserrat-Regular.woff') format('woff'), url('../font/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #627293;
  --bs-gray-dark: #223458;
  --bs-gray-100: #f7f9fc;
  --bs-gray-200: #e9ebf0;
  --bs-gray-300: #d8dee6;
  --bs-gray-400: #cacfd9;
  --bs-gray-500: #9aa6be;
  --bs-gray-600: #627293;
  --bs-gray-700: #394867;
  --bs-gray-800: #223458;
  --bs-gray-900: #14274E;
  --bs-primary: #0d6efd;
  --bs-secondary: #627293;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f7f9fc;
  --bs-dark: #14274E;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 98, 114, 147;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 247, 249, 252;
  --bs-dark-rgb: 20, 39, 78;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 20, 39, 78;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: Nanum Gothic, sans-serif;
  --bs-body-font-size: 0.875rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #14274E;
  --bs-body-bg: #fff; }

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

@media (prefers-reduced-motion: no-preference) { :root {scroll-behavior: smooth; } }

body {
	margin: 0;
	min-width:1860px;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
	text-align: var(--bs-body-text-align);
	background-color: var(--bs-body-bg);
	-webkit-font-smoothing: antialiased;	
  }

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25; 
}

hr:not([size]) {
  height: 1px; }

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

h1 {
  font-size: calc(1.34375rem + 1.125vw); }
  @media (min-width: 1200px) {
    h1 {
      font-size: 2.1875rem; } }

h2 {
  font-size: calc(1.3rem + 0.6vw); }
  @media (min-width: 1200px) {
    h2 {
      font-size: 1.75rem; } }

h3 {
  font-size: calc(1.27813rem + 0.3375vw); }
  @media (min-width: 1200px) {
    h3 {
      font-size: 1.53125rem; } }

h4 {
  font-size: calc(1.25625rem + 0.075vw); }
  @media (min-width: 1200px) {
    h4 {
      font-size: 1.3125rem; } }

h5 {
  font-size: 1.09375rem; }

h6 {
  font-size: 0.875rem; }

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

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

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul {
  padding-left: 2rem; }

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: 0.875em; }

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

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #0d6efd;
  text-decoration: none; }
  a:hover {
    color: #0a58ca; }

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

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em; }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal; }

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word; }
  a > code {
    color: inherit; }

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #14274E;
  border-radius: 0.2rem; }
  kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700; }

figure {
  margin: 0 0 1rem; }

img,
svg {
  vertical-align: middle; }

table {
  caption-side: bottom;
  border-collapse: collapse; }

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #627293;
  text-align: left; }

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

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0; }

label {
  display: inline-block; }

button {
  border-radius: 0; }

button:focus:not(:focus-visible) {
  outline: 0; }

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

input[type=text].date {
    background: url('../images/ico_calendar.png') right 6px center no-repeat #fff; background-size:14px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

button,
select {
  text-transform: none; border: 0;}

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

select {word-wrap: normal; appearance:none;}
select:disabled {
    opacity: 1; }
[list]::-webkit-calendar-picker-indicator {
  display: none; }

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



::-moz-focus-inner {
  padding: 0;
  border-style: none; }

textarea {
  resize: vertical; }

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

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit; }
  @media (min-width: 1200px) {
    legend {
      font-size: 1.5rem; } }
  legend + * {
    clear: left; }

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0; }

::-webkit-inner-spin-button {
  height: auto; }

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

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-color-swatch-wrapper {padding: 0; }

::file-selector-button {font: inherit; }

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

output {display: inline-block; }

iframe {border: 0; }

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

progress {vertical-align: baseline; }

[hidden] {display: none !important; }


.clearfix::after {display: block; clear: both; content: ""; }

.link-primary {color: #0d6efd; }
.link-primary:hover, .link-primary:focus {color: #0a58ca; }

.link-secondary {color: #627293; }
.link-secondary:hover, .link-secondary:focus {color: #4e5b76; }

.link-success {color: #198754; }
.link-success:hover, .link-success:focus {color: #146c43; }

.link-info {color: #0dcaf0; }
.link-info:hover, .link-info:focus {color: #3dd5f3; }

.link-warning {color: #ffc107; }
.link-warning:hover, .link-warning:focus {color: #ffcd39; }

.link-danger {color: #dc3545; }
.link-danger:hover, .link-danger:focus {color: #b02a37; }

.link-light {color: #f7f9fc; }
.link-light:hover, .link-light:focus {color: #f9fafd; }

.link-dark {color: #14274E; }
.link-dark:hover, .link-dark:focus {color: #101f3e; }

.ratio {position: relative; width: 100%; }
.ratio::before {display: block; padding-top: var(--bs-aspect-ratio); content: ""; }
.ratio > * {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ratio-1x1 { --bs-aspect-ratio: 100%; }

.ratio-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }

.ratio-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }

.ratio-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }

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

.sticky-top {position: sticky; top: 0; z-index: 1020; }

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch; }

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch; }

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""; }

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

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.25; }

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

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

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

.float-none {
  float: none !important; }

.opacity-0 {
  opacity: 0 !important; }

.opacity-25 {
  opacity: 0.25 !important; }

.opacity-50 {
  opacity: 0.5 !important; }

.opacity-75 {
  opacity: 0.75 !important; }

.opacity-100 {
  opacity: 1 !important; }

.overflow-auto {
  overflow: auto !important; }

.overflow-hidden {
  overflow: hidden !important; }

.overflow-visible {
  overflow: visible !important; }

.overflow-scroll {
  overflow: scroll !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-grid {
  display: grid !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

.d-none {
  display: none !important; }

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  box-shadow: none !important; }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

.top-0 {
  top: 0 !important; }

.top-50 {
  top: 50% !important; }

.top-100 {
  top: 100% !important; }

.bottom-0 {
  bottom: 0 !important; }

.bottom-50 {
  bottom: 50% !important; }

.bottom-100 {
  bottom: 100% !important; }

.start-0 {
  left: 0 !important; }

.start-50 {
  left: 50% !important; }

.start-100 {
  left: 100% !important; }

.end-0 {
  right: 0 !important; }

.end-50 {
  right: 50% !important; }

.end-100 {
  right: 100% !important; }

.translate-middle {
  transform: translate(-50%, -50%) !important; }

.translate-middle-x {
  transform: translateX(-50%) !important; }

.translate-middle-y {
  transform: translateY(-50%) !important; }

.border {
  border: 1px solid #d8dee6 !important; }

.border-0 {
  border: 0 !important; }

.border-top {
  border-top: 1px solid #d8dee6 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-end {
  border-right: 1px solid #d8dee6 !important; }

.border-end-0 {
  border-right: 0 !important; }

.border-bottom {
  border-bottom: 1px solid #d8dee6 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-start {
  border-left: 1px solid #d8dee6 !important; }

.border-start-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #0d6efd !important; }

.border-secondary {
  border-color: #627293 !important; }

.border-success {
  border-color: #198754 !important; }

.border-info {
  border-color: #0dcaf0 !important; }

.border-warning {
  border-color: #ffc107 !important; }

.border-danger {
  border-color: #dc3545 !important; }

.border-light {
  border-color: #f7f9fc !important; }

.border-dark {
  border-color: #14274E !important; }

.border-white {
  border-color: #fff !important; }

.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !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; }

.mw-100 {
  max-width: 100% !important; }

.vw-100 {
  width: 100vw !important; }

.min-vw-100 {
  min-width: 100vw !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; }

.mh-100 {
  max-height: 100% !important; }

.vh-100 {
  height: 100vh !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.gap-0 {
  gap: 0 !important; }

.gap-1 {
  gap: 0.25rem !important; }

.gap-2 {
  gap: 0.5rem !important; }

.gap-3 {
  gap: 1rem !important; }

.gap-4 {
  gap: 1.5rem !important; }

.gap-5 {
  gap: 3rem !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.justify-content-evenly {
  justify-content: space-evenly !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

.order-first {
  order: -1 !important; }

.order-0 {
  order: 0 !important; }

.order-1 {
  order: 1 !important; }

.order-2 {
  order: 2 !important; }

.order-3 {
  order: 3 !important; }

.order-4 {
  order: 4 !important; }

.order-5 {
  order: 5 !important; }

.order-last {
  order: 6 !important; }

.m-0 {
  margin: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important; }

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important; }

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.mt-0 {
  margin-top: 0 !important; }

.mt-1 {
  margin-top: 0.25rem !important; }

.mt-2 {
  margin-top: 0.5rem !important; }

.mt-3 {
  margin-top: 1rem !important; }

.mt-4 {
  margin-top: 1.5rem !important; }

.mt-5 {
  margin-top: 3rem !important; }

.mt-10 {
  margin-top: 10px !important; }
.mt-20 {
  margin-top: 20px !important; }

.mt-auto {
  margin-top: auto !important; }

.me-0 {
  margin-right: 0 !important; }

.me-1 {
  margin-right: 0.25rem !important; }

.me-2 {
  margin-right: 0.5rem !important; }

.me-3 {
  margin-right: 1rem !important; }

.me-4 {
  margin-right: 1.5rem !important; }

.me-5 {
  margin-right: 3rem !important; }

.me-auto {
  margin-right: auto !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-1 {
  margin-bottom: 0.25rem !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.mb-3 {
  margin-bottom: 1rem !important; }

.mb-4 {
  margin-bottom: 1.5rem !important; }

.mb-5 {
  margin-bottom: 3rem !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ms-0 {
  margin-left: 0 !important; }

.ms-1 {
  margin-left: 0.25rem !important; }

.ms-2 {
  margin-left: 0.5rem !important; }

.ms-3 {
  margin-left: 1rem !important; }

.ms-4 {
  margin-left: 1.5rem !important; }

.ms-5 {
  margin-left: 3rem !important; }

.ms-auto {
  margin-left: auto !important; }

.p-0 {
  padding: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important; }

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.pt-0 {
  padding-top: 0 !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.pt-3 {
  padding-top: 1rem !important; }

.pt-4 {
  padding-top: 1.5rem !important; }

.pt-5 {
  padding-top: 3rem !important; }

.pt-20 {
  padding-top: 20px !important; }

.pe-0 {
  padding-right: 0 !important; }

.pe-1 {
  padding-right: 0.25rem !important; }

.pe-2 {
  padding-right: 0.5rem !important; }

.pe-3 {
  padding-right: 1rem !important; }

.pe-4 {
  padding-right: 1.5rem !important; }

.pe-5 {
  padding-right: 3rem !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.pb-3 {
  padding-bottom: 1rem !important; }

.pb-4 {
  padding-bottom: 1.5rem !important; }

.pb-5 {
  padding-bottom: 3rem !important; }

.ps-0 {
  padding-left: 0 !important; }

.ps-1 {
  padding-left: 0.25rem !important; }

.ps-2 {
  padding-left: 0.5rem !important; }

.ps-3 {
  padding-left: 1rem !important; }

.ps-4 {
  padding-left: 1.5rem !important; }

.ps-5 {
  padding-left: 3rem !important; }

.font-monospace {
  font-family: var(--bs-font-monospace) !important; }

.fs-1 {
  font-size: calc(1.34375rem + 1.125vw) !important; }

.fs-2 {
  font-size: calc(1.3rem + 0.6vw) !important; }

.fs-3 {
  font-size: calc(1.27813rem + 0.3375vw) !important; }

.fs-4 {
  font-size: calc(1.25625rem + 0.075vw) !important; }

.fs-5 {
  font-size: 1.09375rem !important; }

.fs-6 {
  font-size: 0.875rem !important; }

.fst-italic {
  font-style: italic !important; }

.fst-normal {
  font-style: normal !important; }

.fw-light {
  font-weight: 300 !important; }

.fw-lighter {
  font-weight: lighter !important; }

.fw-normal {
  font-weight: 400 !important; }

.fw-bold {
  font-weight: 700 !important; }

.fw-bolder {
  font-weight: bolder !important; }

.lh-1 {
  line-height: 1 !important; }

.lh-sm {
  line-height: 1.25 !important; }

.lh-base {
  line-height: 1.5 !important; }

.lh-lg {
  line-height: 2 !important; }

.text-start {
  text-align: left !important; }

.text-end {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-decoration-none {
  text-decoration: none !important; }

.text-decoration-underline {
  text-decoration: underline !important; }

.text-decoration-line-through {
  text-decoration: line-through !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

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

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important; }

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; }

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; }

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; }

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; }

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; }

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; }

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; }

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; }

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; }

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; }

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; }

.text-muted {
  --bs-text-opacity: 1;
  color: #627293 !important; }

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important; }

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important; }

.text-opacity-25 {
  --bs-text-opacity: 0.25; }

.text-opacity-50 {
  --bs-text-opacity: 0.5; }

.text-opacity-75 {
  --bs-text-opacity: 0.75; }

.text-opacity-100 {
  --bs-text-opacity: 1; }

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; }

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; }

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; }

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; }

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; }

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; }

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; }

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; }

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; }

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; }

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; }

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important; }

.bg-opacity-10 {
  --bs-bg-opacity: 0.1; }

.bg-opacity-25 {
  --bs-bg-opacity: 0.25; }

.bg-opacity-50 {
  --bs-bg-opacity: 0.5; }

.bg-opacity-75 {
  --bs-bg-opacity: 0.75; }

.bg-opacity-100 {
  --bs-bg-opacity: 1; }

.bg-gradient {
  background-image: var(--bs-gradient) !important; }

.user-select-all {
  user-select: all !important; }

.user-select-auto {
  user-select: auto !important; }

.user-select-none {
  user-select: none !important; }

.pe-none {
  pointer-events: none !important; }

.pe-auto {
  pointer-events: auto !important; }

.rounded {
  border-radius: 0.25rem !important; }

.rounded-0 {
  border-radius: 0 !important; }

.rounded-1 {
  border-radius: 0.2rem !important; }

.rounded-2 {
  border-radius: 0.25rem !important; }

.rounded-3 {
  border-radius: 0.3rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: 50rem !important; }

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important; }

.rounded-end {
  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-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }
.w-auto {width:auto;}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important; }
  .float-sm-end {
    float: right !important; }
  .float-sm-none {
    float: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-grid {
    display: grid !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: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; }
  .d-sm-none {
    display: none !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .gap-sm-0 {
    gap: 0 !important; }
  .gap-sm-1 {
    gap: 0.25rem !important; }
  .gap-sm-2 {
    gap: 0.5rem !important; }
  .gap-sm-3 {
    gap: 1rem !important; }
  .gap-sm-4 {
    gap: 1.5rem !important; }
  .gap-sm-5 {
    gap: 3rem !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; }
  .order-sm-first {
    order: -1 !important; }
  .order-sm-0 {
    order: 0 !important; }
  .order-sm-1 {
    order: 1 !important; }
  .order-sm-2 {
    order: 2 !important; }
  .order-sm-3 {
    order: 3 !important; }
  .order-sm-4 {
    order: 4 !important; }
  .order-sm-5 {
    order: 5 !important; }
  .order-sm-last {
    order: 6 !important; }
  .m-sm-0 {
    margin: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-sm-0 {
    margin-top: 0 !important; }
  .mt-sm-1 {
    margin-top: 0.25rem !important; }
  .mt-sm-2 {
    margin-top: 0.5rem !important; }
  .mt-sm-3 {
    margin-top: 1rem !important; }
  .mt-sm-4 {
    margin-top: 1.5rem !important; }
  .mt-sm-5 {
    margin-top: 3rem !important; }
  .mt-sm-auto {
    margin-top: auto !important; }
  .me-sm-0 {
    margin-right: 0 !important; }
  .me-sm-1 {
    margin-right: 0.25rem !important; }
  .me-sm-2 {
    margin-right: 0.5rem !important; }
  .me-sm-3 {
    margin-right: 1rem !important; }
  .me-sm-4 {
    margin-right: 1.5rem !important; }
  .me-sm-5 {
    margin-right: 3rem !important; }
  .me-sm-auto {
    margin-right: auto !important; }
  .mb-sm-0 {
    margin-bottom: 0 !important; }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important; }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important; }
  .mb-sm-3 {
    margin-bottom: 1rem !important; }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important; }
  .mb-sm-5 {
    margin-bottom: 3rem !important; }
  .mb-sm-auto {
    margin-bottom: auto !important; }
  .ms-sm-0 {
    margin-left: 0 !important; }
  .ms-sm-1 {
    margin-left: 0.25rem !important; }
  .ms-sm-2 {
    margin-left: 0.5rem !important; }
  .ms-sm-3 {
    margin-left: 1rem !important; }
  .ms-sm-4 {
    margin-left: 1.5rem !important; }
  .ms-sm-5 {
    margin-left: 3rem !important; }
  .ms-sm-auto {
    margin-left: auto !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-sm-0 {
    padding-top: 0 !important; }
  .pt-sm-1 {
    padding-top: 0.25rem !important; }
  .pt-sm-2 {
    padding-top: 0.5rem !important; }
  .pt-sm-3 {
    padding-top: 1rem !important; }
  .pt-sm-4 {
    padding-top: 1.5rem !important; }
  .pt-sm-5 {
    padding-top: 3rem !important; }
  .pe-sm-0 {
    padding-right: 0 !important; }
  .pe-sm-1 {
    padding-right: 0.25rem !important; }
  .pe-sm-2 {
    padding-right: 0.5rem !important; }
  .pe-sm-3 {
    padding-right: 1rem !important; }
  .pe-sm-4 {
    padding-right: 1.5rem !important; }
  .pe-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-0 {
    padding-bottom: 0 !important; }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pb-sm-3 {
    padding-bottom: 1rem !important; }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pb-sm-5 {
    padding-bottom: 3rem !important; }
  .ps-sm-0 {
    padding-left: 0 !important; }
  .ps-sm-1 {
    padding-left: 0.25rem !important; }
  .ps-sm-2 {
    padding-left: 0.5rem !important; }
  .ps-sm-3 {
    padding-left: 1rem !important; }
  .ps-sm-4 {
    padding-left: 1.5rem !important; }
  .ps-sm-5 {
    padding-left: 3rem !important; }
  .text-sm-start {
    text-align: left !important; }
  .text-sm-end {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .float-md-start {
    float: left !important; }
  .float-md-end {
    float: right !important; }
  .float-md-none {
    float: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-grid {
    display: grid !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: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; }
  .d-md-none {
    display: none !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .gap-md-0 {
    gap: 0 !important; }
  .gap-md-1 {
    gap: 0.25rem !important; }
  .gap-md-2 {
    gap: 0.5rem !important; }
  .gap-md-3 {
    gap: 1rem !important; }
  .gap-md-4 {
    gap: 1.5rem !important; }
  .gap-md-5 {
    gap: 3rem !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .justify-content-md-evenly {
    justify-content: space-evenly !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; }
  .order-md-first {
    order: -1 !important; }
  .order-md-0 {
    order: 0 !important; }
  .order-md-1 {
    order: 1 !important; }
  .order-md-2 {
    order: 2 !important; }
  .order-md-3 {
    order: 3 !important; }
  .order-md-4 {
    order: 4 !important; }
  .order-md-5 {
    order: 5 !important; }
  .order-md-last {
    order: 6 !important; }
  .m-md-0 {
    margin: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-md-0 {
    margin-top: 0 !important; }
  .mt-md-1 {
    margin-top: 0.25rem !important; }
  .mt-md-2 {
    margin-top: 0.5rem !important; }
  .mt-md-3 {
    margin-top: 1rem !important; }
  .mt-md-4 {
    margin-top: 1.5rem !important; }
  .mt-md-5 {
    margin-top: 3rem !important; }
  .mt-md-auto {
    margin-top: auto !important; }
  .me-md-0 {
    margin-right: 0 !important; }
  .me-md-1 {
    margin-right: 0.25rem !important; }
  .me-md-2 {
    margin-right: 0.5rem !important; }
  .me-md-3 {
    margin-right: 1rem !important; }
  .me-md-4 {
    margin-right: 1.5rem !important; }
  .me-md-5 {
    margin-right: 3rem !important; }
  .me-md-auto {
    margin-right: auto !important; }
  .mb-md-0 {
    margin-bottom: 0 !important; }
  .mb-md-1 {
    margin-bottom: 0.25rem !important; }
  .mb-md-2 {
    margin-bottom: 0.5rem !important; }
  .mb-md-3 {
    margin-bottom: 1rem !important; }
  .mb-md-4 {
    margin-bottom: 1.5rem !important; }
  .mb-md-5 {
    margin-bottom: 3rem !important; }
  .mb-md-auto {
    margin-bottom: auto !important; }
  .ms-md-0 {
    margin-left: 0 !important; }
  .ms-md-1 {
    margin-left: 0.25rem !important; }
  .ms-md-2 {
    margin-left: 0.5rem !important; }
  .ms-md-3 {
    margin-left: 1rem !important; }
  .ms-md-4 {
    margin-left: 1.5rem !important; }
  .ms-md-5 {
    margin-left: 3rem !important; }
  .ms-md-auto {
    margin-left: auto !important; }
  .p-md-0 {
    padding: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-md-0 {
    padding-top: 0 !important; }
  .pt-md-1 {
    padding-top: 0.25rem !important; }
  .pt-md-2 {
    padding-top: 0.5rem !important; }
  .pt-md-3 {
    padding-top: 1rem !important; }
  .pt-md-4 {
    padding-top: 1.5rem !important; }
  .pt-md-5 {
    padding-top: 3rem !important; }
  .pe-md-0 {
    padding-right: 0 !important; }
  .pe-md-1 {
    padding-right: 0.25rem !important; }
  .pe-md-2 {
    padding-right: 0.5rem !important; }
  .pe-md-3 {
    padding-right: 1rem !important; }
  .pe-md-4 {
    padding-right: 1.5rem !important; }
  .pe-md-5 {
    padding-right: 3rem !important; }
  .pb-md-0 {
    padding-bottom: 0 !important; }
  .pb-md-1 {
    padding-bottom: 0.25rem !important; }
  .pb-md-2 {
    padding-bottom: 0.5rem !important; }
  .pb-md-3 {
    padding-bottom: 1rem !important; }
  .pb-md-4 {
    padding-bottom: 1.5rem !important; }
  .pb-md-5 {
    padding-bottom: 3rem !important; }
  .ps-md-0 {
    padding-left: 0 !important; }
  .ps-md-1 {
    padding-left: 0.25rem !important; }
  .ps-md-2 {
    padding-left: 0.5rem !important; }
  .ps-md-3 {
    padding-left: 1rem !important; }
  .ps-md-4 {
    padding-left: 1.5rem !important; }
  .ps-md-5 {
    padding-left: 3rem !important; }
  .text-md-start {
    text-align: left !important; }
  .text-md-end {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .float-lg-start {
    float: left !important; }
  .float-lg-end {
    float: right !important; }
  .float-lg-none {
    float: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-grid {
    display: grid !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: flex !important; position: absolute; right: 20px;}
  .d-lg-inline-flex {
    display: inline-flex !important; }
  .d-lg-none {
    display: none !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .gap-lg-0 {
    gap: 0 !important; }
  .gap-lg-1 {
    gap: 0.25rem !important; }
  .gap-lg-2 {
    gap: 0.5rem !important; }
  .gap-lg-3 {
    gap: 1rem !important; }
  .gap-lg-4 {
    gap: 1.5rem !important; }
  .gap-lg-5 {
    gap: 3rem !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; }
  .order-lg-first {
    order: -1 !important; }
  .order-lg-0 {
    order: 0 !important; }
  .order-lg-1 {
    order: 1 !important; }
  .order-lg-2 {
    order: 2 !important; }
  .order-lg-3 {
    order: 3 !important; }
  .order-lg-4 {
    order: 4 !important; }
  .order-lg-5 {
    order: 5 !important; }
  .order-lg-last {
    order: 6 !important; }
  .m-lg-0 {
    margin: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-lg-0 {
    margin-top: 0 !important; }
  .mt-lg-1 {
    margin-top: 0.25rem !important; }
  .mt-lg-2 {
    margin-top: 0.5rem !important; }
  .mt-lg-3 {
    margin-top: 1rem !important; }
  .mt-lg-4 {
    margin-top: 1.5rem !important; }
  .mt-lg-5 {
    margin-top: 3rem !important; }
  .mt-lg-auto {
    margin-top: auto !important; }
  .me-lg-0 {
    margin-right: 0 !important; }
  .me-lg-1 {
    margin-right: 0.25rem !important; }
  .me-lg-2 {
    margin-right: 0.5rem !important; }
  .me-lg-3 {
    margin-right: 1rem !important; }
  .me-lg-4 {
    margin-right: 1.5rem !important; }
  .me-lg-5 {
    margin-right: 3rem !important; }
  .me-lg-auto {
    margin-right: auto !important; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important; }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important; }
  .mb-lg-3 {
    margin-bottom: 1rem !important; }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important; }
  .mb-lg-5 {
    margin-bottom: 3rem !important; }
  .mb-lg-auto {
    margin-bottom: auto !important; }
  .ms-lg-0 {
    margin-left: 0 !important; }
  .ms-lg-1 {
    margin-left: 0.25rem !important; }
  .ms-lg-2 {
    margin-left: 0.5rem !important; }
  .ms-lg-3 {
    margin-left: 1rem !important; }
  .ms-lg-4 {
    margin-left: 1.5rem !important; }
  .ms-lg-5 {
    margin-left: 3rem !important; }
  .ms-lg-auto {
    margin-left: auto !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-lg-0 {
    padding-top: 0 !important; }
  .pt-lg-1 {
    padding-top: 0.25rem !important; }
  .pt-lg-2 {
    padding-top: 0.5rem !important; }
  .pt-lg-3 {
    padding-top: 1rem !important; }
  .pt-lg-4 {
    padding-top: 1.5rem !important; }
  .pt-lg-5 {
    padding-top: 3rem !important; }
  .pe-lg-0 {
    padding-right: 0 !important; }
  .pe-lg-1 {
    padding-right: 0.25rem !important; }
  .pe-lg-2 {
    padding-right: 0.5rem !important; }
  .pe-lg-3 {
    padding-right: 1rem !important; }
  .pe-lg-4 {
    padding-right: 1.5rem !important; }
  .pe-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-0 {
    padding-bottom: 0 !important; }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pb-lg-3 {
    padding-bottom: 1rem !important; }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pb-lg-5 {
    padding-bottom: 3rem !important; }
  .ps-lg-0 {
    padding-left: 0 !important; }
  .ps-lg-1 {
    padding-left: 0.25rem !important; }
  .ps-lg-2 {
    padding-left: 0.5rem !important; }
  .ps-lg-3 {
    padding-left: 1rem !important; }
  .ps-lg-4 {
    padding-left: 1.5rem !important; }
  .ps-lg-5 {
    padding-left: 3rem !important; }
  .text-lg-start {
    text-align: left !important; }
  .text-lg-end {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important; }
  .float-xl-end {
    float: right !important; }
  .float-xl-none {
    float: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-grid {
    display: grid !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: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; }
  .d-xl-none {
    display: none !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .gap-xl-0 {
    gap: 0 !important; }
  .gap-xl-1 {
    gap: 0.25rem !important; }
  .gap-xl-2 {
    gap: 0.5rem !important; }
  .gap-xl-3 {
    gap: 1rem !important; }
  .gap-xl-4 {
    gap: 1.5rem !important; }
  .gap-xl-5 {
    gap: 3rem !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; }
  .order-xl-first {
    order: -1 !important; }
  .order-xl-0 {
    order: 0 !important; }
  .order-xl-1 {
    order: 1 !important; }
  .order-xl-2 {
    order: 2 !important; }
  .order-xl-3 {
    order: 3 !important; }
  .order-xl-4 {
    order: 4 !important; }
  .order-xl-5 {
    order: 5 !important; }
  .order-xl-last {
    order: 6 !important; }
  .m-xl-0 {
    margin: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-xl-0 {
    margin-top: 0 !important; }
  .mt-xl-1 {
    margin-top: 0.25rem !important; }
  .mt-xl-2 {
    margin-top: 0.5rem !important; }
  .mt-xl-3 {
    margin-top: 1rem !important; }
  .mt-xl-4 {
    margin-top: 1.5rem !important; }
  .mt-xl-5 {
    margin-top: 3rem !important; }
  .mt-xl-auto {
    margin-top: auto !important; }
  .me-xl-0 {
    margin-right: 0 !important; }
  .me-xl-1 {
    margin-right: 0.25rem !important; }
  .me-xl-2 {
    margin-right: 0.5rem !important; }
  .me-xl-3 {
    margin-right: 1rem !important; }
  .me-xl-4 {
    margin-right: 1.5rem !important; }
  .me-xl-5 {
    margin-right: 3rem !important; }
  .me-xl-auto {
    margin-right: auto !important; }
  .mb-xl-0 {
    margin-bottom: 0 !important; }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important; }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important; }
  .mb-xl-3 {
    margin-bottom: 1rem !important; }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important; }
  .mb-xl-5 {
    margin-bottom: 3rem !important; }
  .mb-xl-auto {
    margin-bottom: auto !important; }
  .ms-xl-0 {
    margin-left: 0 !important; }
  .ms-xl-1 {
    margin-left: 0.25rem !important; }
  .ms-xl-2 {
    margin-left: 0.5rem !important; }
  .ms-xl-3 {
    margin-left: 1rem !important; }
  .ms-xl-4 {
    margin-left: 1.5rem !important; }
  .ms-xl-5 {
    margin-left: 3rem !important; }
  .ms-xl-auto {
    margin-left: auto !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-xl-0 {
    padding-top: 0 !important; }
  .pt-xl-1 {
    padding-top: 0.25rem !important; }
  .pt-xl-2 {
    padding-top: 0.5rem !important; }
  .pt-xl-3 {
    padding-top: 1rem !important; }
  .pt-xl-4 {
    padding-top: 1.5rem !important; }
  .pt-xl-5 {
    padding-top: 3rem !important; }
  .pe-xl-0 {
    padding-right: 0 !important; }
  .pe-xl-1 {
    padding-right: 0.25rem !important; }
  .pe-xl-2 {
    padding-right: 0.5rem !important; }
  .pe-xl-3 {
    padding-right: 1rem !important; }
  .pe-xl-4 {
    padding-right: 1.5rem !important; }
  .pe-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-0 {
    padding-bottom: 0 !important; }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pb-xl-3 {
    padding-bottom: 1rem !important; }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pb-xl-5 {
    padding-bottom: 3rem !important; }
  .ps-xl-0 {
    padding-left: 0 !important; }
  .ps-xl-1 {
    padding-left: 0.25rem !important; }
  .ps-xl-2 {
    padding-left: 0.5rem !important; }
  .ps-xl-3 {
    padding-left: 1rem !important; }
  .ps-xl-4 {
    padding-left: 1.5rem !important; }
  .ps-xl-5 {
    padding-left: 3rem !important; }
  .text-xl-start {
    text-align: left !important; }
  .text-xl-end {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important; }
  .float-xxl-end {
    float: right !important; }
  .float-xxl-none {
    float: none !important; }
  .d-xxl-inline {
    display: inline !important; }
  .d-xxl-inline-block {
    display: inline-block !important; }
  .d-xxl-block {
    display: block !important; }
  .d-xxl-grid {
    display: grid !important; }
  .d-xxl-table {
    display: table !important; }
  .d-xxl-table-row {
    display: table-row !important; }
  .d-xxl-table-cell {
    display: table-cell !important; }
  .d-xxl-flex {
    display: flex !important; }
  .d-xxl-inline-flex {
    display: inline-flex !important; }
  .d-xxl-none {
    display: none !important; }
  .flex-xxl-fill {
    flex: 1 1 auto !important; }
  .flex-xxl-row {
    flex-direction: row !important; }
  .flex-xxl-column {
    flex-direction: column !important; }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-xxl-wrap {
    flex-wrap: wrap !important; }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .gap-xxl-0 {
    gap: 0 !important; }
  .gap-xxl-1 {
    gap: 0.25rem !important; }
  .gap-xxl-2 {
    gap: 0.5rem !important; }
  .gap-xxl-3 {
    gap: 1rem !important; }
  .gap-xxl-4 {
    gap: 1.5rem !important; }
  .gap-xxl-5 {
    gap: 3rem !important; }
  .justify-content-xxl-start {
    justify-content: flex-start !important; }
  .justify-content-xxl-end {
    justify-content: flex-end !important; }
  .justify-content-xxl-center {
    justify-content: center !important; }
  .justify-content-xxl-between {
    justify-content: space-between !important; }
  .justify-content-xxl-around {
    justify-content: space-around !important; }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important; }
  .align-items-xxl-start {
    align-items: flex-start !important; }
  .align-items-xxl-end {
    align-items: flex-end !important; }
  .align-items-xxl-center {
    align-items: center !important; }
  .align-items-xxl-baseline {
    align-items: baseline !important; }
  .align-items-xxl-stretch {
    align-items: stretch !important; }
  .align-content-xxl-start {
    align-content: flex-start !important; }
  .align-content-xxl-end {
    align-content: flex-end !important; }
  .align-content-xxl-center {
    align-content: center !important; }
  .align-content-xxl-between {
    align-content: space-between !important; }
  .align-content-xxl-around {
    align-content: space-around !important; }
  .align-content-xxl-stretch {
    align-content: stretch !important; }
  .align-self-xxl-auto {
    align-self: auto !important; }
  .align-self-xxl-start {
    align-self: flex-start !important; }
  .align-self-xxl-end {
    align-self: flex-end !important; }
  .align-self-xxl-center {
    align-self: center !important; }
  .align-self-xxl-baseline {
    align-self: baseline !important; }
  .align-self-xxl-stretch {
    align-self: stretch !important; }
  .order-xxl-first {
    order: -1 !important; }
  .order-xxl-0 {
    order: 0 !important; }
  .order-xxl-1 {
    order: 1 !important; }
  .order-xxl-2 {
    order: 2 !important; }
  .order-xxl-3 {
    order: 3 !important; }
  .order-xxl-4 {
    order: 4 !important; }
  .order-xxl-5 {
    order: 5 !important; }
  .order-xxl-last {
    order: 6 !important; }
  .m-xxl-0 {
    margin: 0 !important; }
  .m-xxl-1 {
    margin: 0.25rem !important; }
  .m-xxl-2 {
    margin: 0.5rem !important; }
  .m-xxl-3 {
    margin: 1rem !important; }
  .m-xxl-4 {
    margin: 1.5rem !important; }
  .m-xxl-5 {
    margin: 3rem !important; }
  .m-xxl-auto {
    margin: auto !important; }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-xxl-0 {
    margin-top: 0 !important; }
  .mt-xxl-1 {
    margin-top: 0.25rem !important; }
  .mt-xxl-2 {
    margin-top: 0.5rem !important; }
  .mt-xxl-3 {
    margin-top: 1rem !important; }
  .mt-xxl-4 {
    margin-top: 1.5rem !important; }
  .mt-xxl-5 {
    margin-top: 3rem !important; }
  .mt-xxl-auto {
    margin-top: auto !important; }
  .me-xxl-0 {
    margin-right: 0 !important; }
  .me-xxl-1 {
    margin-right: 0.25rem !important; }
  .me-xxl-2 {
    margin-right: 0.5rem !important; }
  .me-xxl-3 {
    margin-right: 1rem !important; }
  .me-xxl-4 {
    margin-right: 1.5rem !important; }
  .me-xxl-5 {
    margin-right: 3rem !important; }
  .me-xxl-auto {
    margin-right: auto !important; }
  .mb-xxl-0 {
    margin-bottom: 0 !important; }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important; }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important; }
  .mb-xxl-3 {
    margin-bottom: 1rem !important; }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important; }
  .mb-xxl-5 {
    margin-bottom: 3rem !important; }
  .mb-xxl-auto {
    margin-bottom: auto !important; }
  .ms-xxl-0 {
    margin-left: 0 !important; }
  .ms-xxl-1 {
    margin-left: 0.25rem !important; }
  .ms-xxl-2 {
    margin-left: 0.5rem !important; }
  .ms-xxl-3 {
    margin-left: 1rem !important; }
  .ms-xxl-4 {
    margin-left: 1.5rem !important; }
  .ms-xxl-5 {
    margin-left: 3rem !important; }
  .ms-xxl-auto {
    margin-left: auto !important; }
  .p-xxl-0 {
    padding: 0 !important; }
  .p-xxl-1 {
    padding: 0.25rem !important; }
  .p-xxl-2 {
    padding: 0.5rem !important; }
  .p-xxl-3 {
    padding: 1rem !important; }
  .p-xxl-4 {
    padding: 1.5rem !important; }
  .p-xxl-5 {
    padding: 3rem !important; }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-xxl-0 {
    padding-top: 0 !important; }
  .pt-xxl-1 {
    padding-top: 0.25rem !important; }
  .pt-xxl-2 {
    padding-top: 0.5rem !important; }
  .pt-xxl-3 {
    padding-top: 1rem !important; }
  .pt-xxl-4 {
    padding-top: 1.5rem !important; }
  .pt-xxl-5 {
    padding-top: 3rem !important; }
  .pe-xxl-0 {
    padding-right: 0 !important; }
  .pe-xxl-1 {
    padding-right: 0.25rem !important; }
  .pe-xxl-2 {
    padding-right: 0.5rem !important; }
  .pe-xxl-3 {
    padding-right: 1rem !important; }
  .pe-xxl-4 {
    padding-right: 1.5rem !important; }
  .pe-xxl-5 {
    padding-right: 3rem !important; }
  .pb-xxl-0 {
    padding-bottom: 0 !important; }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important; }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important; }
  .pb-xxl-3 {
    padding-bottom: 1rem !important; }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important; }
  .pb-xxl-5 {
    padding-bottom: 3rem !important; }
  .ps-xxl-0 {
    padding-left: 0 !important; }
  .ps-xxl-1 {
    padding-left: 0.25rem !important; }
  .ps-xxl-2 {
    padding-left: 0.5rem !important; }
  .ps-xxl-3 {
    padding-left: 1rem !important; }
  .ps-xxl-4 {
    padding-left: 1.5rem !important; }
  .ps-xxl-5 {
    padding-left: 3rem !important; }
  .text-xxl-start {
    text-align: left !important; }
  .text-xxl-end {
    text-align: right !important; }
  .text-xxl-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.1875rem !important; }
  .fs-2 {
    font-size: 1.75rem !important; }
  .fs-3 {
    font-size: 1.53125rem !important; }
  .fs-4 {
    font-size: 1.3125rem !important; } }

@media print {
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-grid {
    display: grid !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: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; }
  .d-print-none {
    display: none !important; } }

.sidebar-show {
  overflow-x: hidden; }
  .sidebar-show .sidebar {
    left: 0;}
  .sidebar-show .content {
    transform: translateX(260px); }

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 260px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  z-index: 99999;}

  .sidebar.minimized {
    width: 60px; }
    .sidebar.minimized .sidebar-header {
      padding-left: 10px;
      padding-right: 10px; }
	.sidebar.minimized .sidebar-header .content-menu {
      visibility: hidden;}
    .sidebar.minimized .sidebar-logo {
      margin-left: 0; }
    .sidebar.minimized .sidebar-logo-text {
      visibility: hidden;}
	.sidebar.minimized .sidebar-select .select-styled {border-color:#fff; padding:6px 0; font-size:0;}
	.sidebar.minimized .sidebar-select .select-styled:after {right:-7px;}
	.sidebar.minimized .sidebar-select .select-options {}
	.sidebar.minimized .sidebar-search {
      padding-left: 10px;
      padding-right: 10px; }
	.sidebar.minimized .search-body {background:transparent;}
    .sidebar.minimized .search-body svg {
      margin-right: 0; }
    .sidebar.minimized .search-body .form-control {
      visibility: hidden;
      opacity: 0; }
    .sidebar.minimized .nav-sidebar {
      padding-left: 10px;
      padding-right: 10px; }
      .sidebar.minimized .nav-sidebar .nav-link svg {
        margin-right: 0; }
      .sidebar.minimized .nav-sidebar .nav-link span {
        visibility: hidden;
        opacity: 0; }
    .sidebar.minimized .nav-sub {
      visibility: hidden;
      opacity: 0; }
    .sidebar.minimized .sub-link {
      padding-top: 0;
      padding-bottom: 0;
      height: 0; }
    .sidebar.minimized .sidebar-footer {
      padding-left: 10px;
      padding-right: 10px; opacity:0;}
    .sidebar.minimized .avatar {
      margin-left: 2px; }
    .sidebar.minimized .avatar-body {
      visibility: hidden;
      opacity: 0;
      width: 0; }
    .sidebar.minimized .footer-menu {
      display: none; }
    .sidebar.minimized + .content {
      margin-left: 60px; }
    .sidebar.minimized .nav-group.show {
      padding-top: 20px; }
      .sidebar.minimized .nav-group.show .nav-group-label {
        display: none; }
    .sidebar.minimized .nav-group:not(.show) {
      display: none; }
  .sidebar.minimized.expand {
    width: 260px; }
    .sidebar.minimized.expand .sidebar-header {
      padding-left: 20px;
      padding-right: 20px; }
    .sidebar.minimized.expand .sidebar-header .content-menu {
      visibility: visible; 
      opacity: 1; }
	.sidebar.minimized.expand .sidebar-logo {
      margin-left: 0; }
    .sidebar.minimized.expand .sidebar-logo-text {
      visibility: visible; 
      opacity: 1; }
    .sidebar.minimized.expand .sidebar-select .select-styled {border-color:#d1dbe6; padding:6px 8px; font-size:12px;}
	.sidebar.minimized.expand .sidebar-select .select-styled:after {right:0;}
	.sidebar.minimized.expand .sidebar-search {
      padding-left: 20px;
      padding-right: 20px; }
    .sidebar.minimized.expand .search-body {background-color: #f2f5f8;}
	.sidebar.minimized.expand .search-body svg {
      margin-right: 12px; }
    .sidebar.minimized.expand .search-body .form-control {
      visibility: visible;
      opacity: 1; }
    .sidebar.minimized.expand .nav-sidebar {
      padding-left: 20px;
      padding-right: 20px; }
      .sidebar.minimized.expand .nav-sidebar .nav-link svg {
        margin-right: 12px; }
      .sidebar.minimized.expand .nav-sidebar .nav-link span {
        visibility: visible;
        opacity: 1; }
    .sidebar.minimized.expand .nav-sub {
      visibility: visible;
      opacity: 1; }
    .sidebar.minimized.expand .sub-link {
      padding-top: 5px;
      padding-bottom: 5px;
      height: 32px; }
    .sidebar.minimized.expand .nav-group.show {
      padding-top: 0; }
      .sidebar.minimized.expand .nav-group.show .nav-group-label {
        display: flex; }
    .sidebar.minimized.expand .nav-group:not(.show) {
      display: block; }
    .sidebar.minimized.expand .nav-group .nav-sidebar {
      padding-left: 10px;
      padding-right: 10px; }
    .sidebar.minimized.expand .sidebar-footer {
      padding-left: 20px;
      padding-right: 20px; }
    .sidebar.minimized.expand .avatar {
      margin-left: 0; }
    .sidebar.minimized.expand .avatar-body {
      visibility: visible;
      opacity: 1;
      width: auto; }
    .sidebar.minimized.expand .footer-menu {
      display: flex; }
  .sidebar hr {
    margin: 0 30px;
    opacity: 1; }

.sidebar-header {
  padding: 20px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 60px; }

.sidebar-logo {
  padding: 0; }
  .sidebar-logo span {
    display: block;
    position: relative;
    width: 40px;
    height: 30px;
    border-radius: 3px; }
.sidebar-logo-text {
  margin-left: 5px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -.5px;
  white-space: nowrap; }
  .sidebar-logo-text span {
    display: inline-block;
    font-weight: 300; }

.sidebar-select {padding: 12px 20px; border-top: 1px solid #ecf0f4; border-bottom: 1px solid #ecf0f4; height:60px;}
.sidebar-select .bv_mainselect .bv_atual {white-space: nowrap;}

.sidebar-search {
  flex-shrink: 0;
  padding: 12px 20px; 
  border-bottom: 1px solid #ecf0f4;}

.search-body {
  padding-left: 12px;
  display: flex;
  align-items: center;
  height: 34px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .search-body svg {
    width: 16px;
    height: 16px;
    stroke-width: 2.5px;
    flex-shrink: 0;
    margin-right: 13px; }
  .search-body .form-control {
    flex: 1;
    border-width: 0;
    padding: 0;
    background-color: transparent; }
    .search-body .form-control:focus, .search-body .form-control:active {
      outline: none; }
    .search-body .form-control::placeholder {
      text-shadow: none;
      opacity: 1; }

.sidebar-body {
  height: calc(100% - 180px);
  position: relative;
  overflow: hidden; }
  .sidebar-body.pt-20 {
    padding-top: 20px; }

.nav-sidebar {
  margin: 0;
  padding: 20px;
  display: flex;
  flex-direction: column; }
  .nav-sidebar .nav-item {
    list-style: none; }
    .nav-sidebar .nav-item.active .nav-link {
      font-weight: 500;
      letter-spacing: -.1px; }
    .nav-sidebar .nav-item.show .with-sub::after {
      transform: rotate(90deg); }
    .nav-sidebar .nav-item.show .nav-sub {display: flex; margin-bottom: 10px;}
  .nav-sidebar .nav-link {
    height: 40px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-radius: 5px;
	font-size: 14px;
    white-space: nowrap; }
    .nav-sidebar .nav-link:hover {}
	.nav-sidebar .nav-link + .nav-link {
      margin-top: 2px; }
    .nav-sidebar .nav-link svg {
      flex-shrink: 0;
      width: 20px;
      height: 20px;
      margin-right: 12px; }
    .nav-sidebar .nav-link.with-sub::after {
      content: '\F285';
      font-family: 'bootstrap-icons';
      font-weight: 400;
      font-size: 10px;
      display: inline-block;
      margin-left: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .nav-sidebar .nav-link.active {
      font-weight: 700; }
  .nav-sidebar.style-two .nav-item.active .nav-link:before {
    display: block; }
  .nav-sidebar.style-two .nav-item.active .sub-link.active:before {
    display: block; }
  .nav-sidebar.style-two .nav-link {
    position: relative; }
    .nav-sidebar.style-two .nav-link:before {
      content: '';
      position: absolute;
      top: 5px;
      bottom: 5px;
      left: -20px;
      width: 4px;
      display: none; }
    .nav-sidebar.style-two .nav-link.active:before {
      display: block; }
  .nav-sidebar.style-two .sub-link::before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: -22px;
    width: 1px;
    display: none; }
  .nav-sidebar.style-three .nav-item.active .nav-link::before {
    display: block; }
  .nav-sidebar.style-three .nav-item.active .sub-link.active::before {
    display: block; }
  .nav-sidebar.style-three .nav-link {
    position: relative;
    align-items: center; }
    .nav-sidebar.style-three .nav-link::before {
      content: '';
      position: absolute;
      top: calc(50% - .75px);
      left: -20px;
      width: 20px;
      height: 1.5px;
      display: none; }
    .nav-sidebar.style-three .nav-link:not(.with-sub)::after {
      content: '';
      position: relative;
      flex: 1;
      height: 1.5px;
      margin-left: 15px;
      display: none; }
    .nav-sidebar.style-three .nav-link.active::before, .nav-sidebar.style-three .nav-link.active::after {
      display: block; }
  .nav-sidebar.style-three .sub-link::before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: -22px;
    width: 1px;
    display: none; }

.nav-sub {
  display: none;
  flex-direction: column;
  margin-left: 20px;
  padding-left: 22px;
  position: relative; }
  .nav-sub::before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    border-left: 1px solid rgba(216, 222, 230, 0.6); }

.sub-link { height: 32px; padding: 5px 0; position: relative; display: flex; align-items: center; font-size:12px;}
.sub-link.active {font-weight: 700; }

.nav-group {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }
  .nav-group .nav-sidebar {
    transform: translateY(-8px);
    padding: 0 10px 10px;
    display: none; }
    .nav-group .nav-sidebar.style-two .nav-link::before {
      left: -10px; }
  .nav-group + .nav-group {
    margin-top: -1px; }
  .nav-group.show .nav-sidebar {
    display: flex; }
  .nav-group.show .nav-group-label::after {
    transform: rotate(180deg); }

.nav-group-label {
  padding: 15px 20px;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer; }
  .nav-group-label::after {
    content: '\EA4E';
    font-family: 'remixicon';
    font-weight: 400;
    font-size: 16px;
    opacity: .75;
    margin-right: -2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.sidebar-footer {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  height: 70px;
  position: relative; }



.footer-menu {
  display: block;
  font-size: 18px;
  border-radius: 5px;
  line-height: 1; }

.content {
  position: relative;
  min-height: 100vh; }
  @media (min-width: 992px) {
    .content {
      margin-left: 260px; } }

.content.pop {margin-left: 0px;}
.content.pop .content-body {padding: 0;}
.content.pop .content-body .content-wrap {min-height: calc(100vh - 96px); overflow: auto;}
.content.pop .content-body .content-wrap .content-panel {border-radius:0; box-shadow: none; min-height:auto; padding: 0 20px;}
.content.pop .content-body .content-wrap .fixed-table-toolbar {top:0; padding-top: 20px;}
.content.pop .content-body .content-wrap .bootstrap-table .fixed-table-container .table thead {top: 74px;}

.content-header {
  position: fixed; 
  top:0;
  left:0; 
  right:0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #50587d;
  height:60px;
  padding-left:260px;
  }

.content-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px; 
  background:url('../images/ico_menu.png') center no-repeat;
 
  }
  .content-menu i {
    width: 20px;
    height: 20px;
    background:url('../images/ico_menu.png') center no-repeat; }

  .content-body .nav {
    display: flex;
    flex-wrap: wrap; }
  .content-body .nav-link {
    display: block;
    padding: 8px 20px;
    border: 1.5px solid transparent;
    border-radius: 6px;
    white-space: nowrap;
    margin-right: 10px;
    margin-bottom: 10px; }

.content-label {
  display: block;
  margin-bottom: 15px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px; }

.content-menu {
  color: #627293; }
  .content-menu:hover {
    background-color: transparent;
    color: #627293; }

.content-body .nav-link {
  background-color: #f7f9fc;
  border-color: #cacfd9;
  color: #627293; }
  .content-body .nav-link:hover, .content-body .nav-link:focus {
    border-color: #9aa6be; }
  .content-body .nav-link.active {
    background-color: #fff;
    border-color: #627293;
    color: #223458;
    font-weight: 500;
    box-shadow: 0 1px 1px rgba(202, 207, 217, 0.25), 0 2px 2px rgba(202, 207, 217, 0.2), 0 4px 4px rgba(202, 207, 217, 0.15); }

.content-label {color: #9aa6be; }

.skin-base {background-color: #e9ebf5; }
.skin-base .sidebar {background-color: #fff; box-shadow: 1px 0 20px rgba(39,46,79,.2) }
.skin-base .sidebar hr {background-color: #e9ebf0; }
.skin-base .sidebar-logo span {background-color: transparent; background: url('../images/symbol.png') center no-repeat; background-size:30px;}
.skin-base .sidebar-logo span::before, .skin-base .sidebar-logo span::after {background-color: rgba(57, 72, 103, 0.75); }
.skin-base .sidebar-logo-text {color: #14274E; font-family: 'Montserrat', sans-serif;  line-height:1; font-weight:700;}
.skin-base .sidebar-logo-text span {color: #394867; font-size:10px; display:block; font-weight:300; letter-spacing:0;}
.skin-base .search-body {background-color: #f2f4fb; transition: none;}
.skin-base .search-body svg {color: #627293; }
.skin-base .search-body .form-control::placeholder {color: #9aa6be; }
.skin-base .search-body.onfocus {background-color: #fff; border-color: #dee5ed;}
.skin-base .search-body.onhover {background-color: rgba(233, 235, 240, 0.6); }
.skin-base .nav-sidebar .nav-item.active .nav-link {color: #4361ee; position:relative;}
.skin-base .nav-sidebar .nav-item.active .nav-link:before {content: '';  position: absolute; top: 5px; bottom: 5px; left: -20px; width: 4px; background-color: #4361ee; display:block;}
.skin-base .nav-sidebar .nav-item.active .nav-link svg {color: #4361ee; fill: rgba(20, 39, 78, 0.12); }
.skin-base .nav-sidebar .nav-link {color: #627293; }
.skin-base .nav-sidebar .nav-link:hover, .skin-base .nav-sidebar .nav-link:focus {color: #14274E; }
.skin-base .nav-sidebar .nav-link.active {color: #14274E; }
.skin-base .nav-sidebar .nav-link.active svg {color: #14274E; fill: rgba(20, 39, 78, 0.12); }
.skin-base .nav-sidebar.style-one .nav-item.active .nav-link {color: #14274E; background-color: #e9ebf0; }
.skin-base .nav-sidebar.style-one .nav-item.active .nav-link svg {fill: none; }
.skin-base .nav-sidebar.style-one .nav-link {color: #394867; }
.skin-base .nav-sidebar.style-one .nav-link:hover, .skin-base .nav-sidebar.style-one .nav-link:focus {background-color: #f7f9fc; color: #394867; }
.skin-base .nav-sidebar.style-one .nav-link.active {background-color: #e9ebf0; }
.skin-base .nav-sidebar.style-one .nav-link.active svg {fill: none; }
.skin-base .nav-sidebar.style-two .nav-link::before {}
.skin-base .nav-sidebar.style-two .sub-link::before {background-color: #4361ee; content: ''; position: absolute; top: 5px; bottom: 5px; left: -22px; width: 1px; display: none;}
.skin-base .nav-sidebar.style-three .nav-link::before,
.skin-base .nav-sidebar.style-three .nav-link:not(.with-sub)::after,
.skin-base .nav-sidebar.style-three .sub-link::before {background-color: #14274E; }
.skin-base .nav-sidebar.style-two .nav-sub::before, .skin-base .nav-sidebar.style-three .nav-sub::before {border-color: rgba(216, 222, 230, 0.6); }
.skin-base .sub-link {color: #627293; }
.skin-base .sub-link:hover, .skin-base .sub-link:focus {color: #394867; }
.skin-base .sub-link.active {color: #394867; } 
.skin-base .sub-link.active:before {content: ''; position: absolute; top: 5px; bottom: 5px; left: -22px; width: 1px; display: block; background-color: #4361ee;}
.skin-base .nav-group {border-top-color: #d8dee6; border-bottom-color: #d8dee6; }
.skin-base .nav-group-label {color: #627293; }
.skin-base .sidebar-footer {background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.5) 50%, #fff); }
.skin-base .avatar-initial {background-color: #223458; color: #fff; }
.skin-base .avatar-body h6 {color: #fff; font-weight: bold; line-height: 1.2}
.skin-base .avatar-body span {color: #fff; line-height: 1.2;}
.skin-base .footer-menu {color: #627293; }
.skin-base .footer-menu:hover {color: #394867; }



.animate .sidebar {
  transition: all 0.3s; }
  @media (prefers-reduced-motion: reduce) {
    .animate .sidebar {
      transition: none; } }

.animate .sidebar-header {
  overflow: hidden;
  transition: none; }
  @media (prefers-reduced-motion: reduce) {
    .animate .sidebar-header {
      transition: none; } }

.animate .sidebar-logo,
.animate .sidebar-logo-text {
  transition: none; }
  @media (prefers-reduced-motion: reduce) {
    .animate .sidebar-logo,
    .animate .sidebar-logo-text {
      transition: none; } }

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

.animate .search-body svg,
.animate .search-body .form-control {
  transition: none; }
  @media (prefers-reduced-motion: reduce) {
    .animate .search-body svg,
    .animate .search-body .form-control {
      transition: none; } }

.animate .nav-sidebar {
  overflow: hidden;
  transition: none; }
  @media (prefers-reduced-motion: reduce) {
    .animate .nav-sidebar {
      transition: none; } }
  .animate .nav-sidebar .nav-link svg,
  .animate .nav-sidebar .nav-link span {
    transition: none; }
    @media (prefers-reduced-motion: reduce) {
      .animate .nav-sidebar .nav-link svg,
      .animate .nav-sidebar .nav-link span {
        transition: none; } }

.animate .nav-sub {
  transition: opacity 0.2s; }
  @media (prefers-reduced-motion: reduce) {
    .animate .nav-sub {
      transition: none; } }

.animate .sub-link {
  transition: all 0.3s; }
  @media (prefers-reduced-motion: reduce) {
    .animate .sub-link {
      transition: none; } }

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

.animate .avatar-body,
.animate .sidebar-footer {
  transition: none; }
  @media (prefers-reduced-motion: reduce) {
    .animate .avatar-body,
    .animate .sidebar-footer {
      transition: none; } }

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


.ps {
  overflow: hidden; }
  .ps > .ps__rail-y {
    width: 2px;
    background-color: rgba(53, 88, 140, 0.06);
    z-index: 10;
    position: absolute;
    left: auto !important;
    right: 0;
    opacity: 0;
    margin: 1px;
    transition: opacity 0.2s; }
    @media (prefers-reduced-motion: reduce) {
      .ps > .ps__rail-y {
        transition: none; } }
    .ps > .ps__rail-y > .ps__thumb-y {
      position: absolute;
      border-radius: 0;
      width: 2px;
      left: 0;
      background-color: #d8dee6; }
  .ps.ps--active-y:hover > .ps__rail-y, .ps.ps--active-y:focus > .ps__rail-y {
    opacity: 1; }

.scrollbar-sm > .ps__rail-y {
  width: 1px; }
  .scrollbar-sm > .ps__rail-y > .ps__thumb-y {
    width: 1px; }

.scrollbar-lg > .ps__rail-y {
  width: 6px; }
  .scrollbar-lg > .ps__rail-y > .ps__thumb-y {
    width: 6px; }



.content-body { padding: 85px 25px 25px; }
.content-body.ext { padding: 145px 25px 25px;}

.content-wrap {min-height:calc(100vh - 148px); position: relative;}
.content-wrap.ext {min-height:calc(100vh - 208px);}
.content-panel {background:#fff; padding:20px; border-radius: 4px; box-shadow: 1px 0 20px rgba(0,0,0,.08); min-height:100%; position: absolute;}
.content-panel.full {width:100%;}
.content-panel.left {width:360px; min-height:100%; position: absolute; left:0; overflow:hidden;}
.content-panel.right {min-height:100%; position: absolute; left:380px; right:0;}


.search-body .form-control, .search-body .form-control:focus {border:0; box-shadow:none; font-weight: 300;}
.infos {line-height:34px;}
.sidebar-footer {color: #14274E; font-size:12px; }

.content-menu:hover {background:#fff;}

.content-header {transition: none;}
.content-header.exp {padding-left:60px}
.content-header .header-title {line-height:60px; padding-left:25px; font-family: 'Montserrat', sans-serif; font-size: 14px; color:#fff;}
.content-header .header-title .ver {font-weight:300; margin-left:10px; font-size: 11px;}
.content-header .header-action {display: flex; padding:12px 0;}
.content-header .header-action .dropdown {border-right:1px solid #60688f; padding:13px 0;}
.content-header .header-action .header-profile {display: flex; align-items: center; flex-shrink: 0; position: relative; width:200px; }
.content-header .header-action .dropdown .btn {border:0; outline:0; padding:0; margin:0; background:url('../images/arrow-down-white.png') right 10px center no-repeat transparent;}
.content-header .header-action .dropdown .btn:focus {border:0; outline:0; padding:0; margin:0; box-shadow:none;}
.content-header .header-action .dropdown .dropdown-menu {width:200px; top:60px; padding:10px 20px; z-index:999; border:0px solid #edf1f5; border-radius:0;}
.content-header .header-action .dropdown .dropdown-menu li {border-top:1px solid #edf1f5; padding:10px 0; font-size: 13px;}
.content-header .header-action .dropdown .dropdown-menu li:first-child {border:0;}
.content-header .header-action .dropdown .dropdown-menu li:nth-child(1) {padding-left:24px; background:url('../images/ico_pro01.png') left center no-repeat;}
.content-header .header-action .dropdown .dropdown-menu li:nth-child(2) {padding-left:24px; background:url('../images/ico_pro02.png') left center no-repeat;}
.content-header .header-action .dropdown .dropdown-menu li:nth-child(3) {padding-left:24px; background:url('../images/ico_pro03.png') left center no-repeat;}
.content-header .header-action .dropdown .dropdown-menu li:nth-child(4) {padding-left:24px; background:url('../images/ico_pro04.png') left center no-repeat;}
.content-header .header-action .dropdown .dropdown-menu li span {display:block; font-size: 11px; font-family: 'Montserrat', sans-serif;}
.content-header .header-action .dropdown .dropdown-menu li span.role {font-size: 13px;}
.content-header .header-action .quick {width:60px; background:url('../images/quick_white.png') center no-repeat;}

.content-body .content-title {display: flex; align-items: center; justify-content: space-between; height:20px; margin-bottom:15px;}
.content-body .content-title h3 {display: flex; align-items: center; flex-shrink: 0; margin:0; font-size:15px; font-weight:700; padding-left:12px; background:url('../images/ico_bull.png') left center no-repeat;}
.content-body .content-title .breadcrumb {display: flex; font-size:12px; color: #627293; font-weight:400;}
.content-body .content-title .breadcrumb > li:first-child {background:url('../images/ico_home.png') left center no-repeat; padding-left:20px;}


.avatar {flex-shrink: 0; display: block; width: 36px; height: 36px; border-radius: 100%; position: relative; overflow:hidden;}
.avatar-initial { width: 100%; height: 100%; border-radius: inherit; display: flex; align-items: center; justify-content: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.avatar-initial img {width:100%;}
.avatar-body {flex: 1; padding-left: 10px; white-space: nowrap; overflow: hidden; font-family: 'Montserrat', sans-serif;}
.avatar-body h6 {line-height:1; margin:0;}
.avatar-body span {display: block; font-size: 10px; }

.content-header .header-action .dropdown .dropdown-menu li a {
  display: inline-block;
  padding: 6px 0 7px;
  clear: both;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  background-color: #4361ee;
  border-radius:3px;
  font-size: 12px;
  width:78px;
  text-align:center;
}
.content-header .header-action .dropdown .dropdown-menu li a.green {background-color: #37c470;}
.content-header .header-action .dropdown .dropdown-menu li a.green:hover,
.content-header .header-action .dropdown .dropdown-menu li a.green:focus
{background-color: #37c470;}

.content-header .header-action .dropdown .dropdown-menu li a:hover,
.content-header .header-action .dropdown .dropdown-menu li a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #4361ee;
}

.bootgrid-header .actions .dropdown:first-child .dropdown-menu li a:after,
.bootgrid-header .actions .dropdown:first-child .btn span:after
{content: "개씩 보기"; }

.bootgrid-header .actions .dropdown:first-child .btn {padding: 6px 0 6px 10px; width: 128px; text-align: left;}
.bootgrid-header .actions .dropdown:first-child .btn:after {content:""; position: absolute; top:13px; right:13px; width:9px; height:6px; background:url('../images/arrow-down.png') center no-repeat; display:block;}
.bootgrid-header .actions .dropdown:first-child .dropdown-menu {min-width: 128px;}

.bootgrid-header .actions .dropdown:last-child .btn .glyphicon-th-list {position:relative;}
.bootgrid-header .actions .dropdown:last-child .btn .glyphicon-th-list:before {display:none;}
.bootgrid-header .actions .dropdown:last-child .btn .glyphicon-th-list:after {content:""; position: absolute; top:50%; left:50%; margin:-10px 0 0 -7px; width:14px; height:10px; background:url('../images/ico_cols.png') center no-repeat; display:block;} 
.bootgrid-header .actions .dropdown:last-child .btn .glyphicon-th-list {width:11px;}
.bootgrid-header .actions .dropdown:last-child>.btn:after {display:none;}

.bootgrid-header .actions .dropdown .btn-default:hover,
.bootgrid-header .actions .dropdown .btn-default:focus,
.bootgrid-header .actions .dropdown .btn-default:active,
.bootgrid-header .actions .dropdown .btn-default.active,
.bootgrid-header .actions .dropdown {
  color: #14274E;
  background-color: #edf1f5;
  border-color: #d1dbe6;
}


.bootgrid-table th > .column-header-anchor > .icon:before {display:none;}
.bootgrid-table th > .column-header-anchor > .icon.glyphicon-chevron-down:after {content:""; position: absolute; top:5px; right:0; width:9px; height:6px; background:url('../images/arrow-down.png') center no-repeat; display:block;}
.bootgrid-table th > .column-header-anchor > .icon.glyphicon-chevron-up:after {content:""; position: absolute; top:5px; right:0; width:9px; height:6px; background:url('../images/arrow-up.png') center no-repeat; display:block;}

.search-box {border-bottom:1px solid #dce0ea; margin-bottom: 10px;}
.search-box .form-group { display:inline-block; float:left;}
.search-box.form5 .form-group {width: 16.8%; margin-right:1%; }
.search-box.form6 .form-group {width: 14%; margin-right:0.8%; }
.search-box.form7 .form-group {width: 11.6%; margin-right:1%; }
.search-box .btn-group {display:inline-block; float:right; margin-top:18px;}
.search-box.form5 .btn-group {width:5%; margin-left:0.2%;}
.search-box.form6 .btn-group {width:5.2%; margin-left:0.2%;}
.search-box.form7 .btn-group {width:5.5%; margin-left:0.2%;}
.search-box label {font-size: 12px; color:#627293; margin-bottom: 6px; padding-left:8px; height:12px; display: block; border-left:1px solid #d1dbe6; line-height:1;}

.btn-search {color: #fff; background-color: #4361ee; border: 0; border-radius: 4px; outline: 0; height:34px; text-align:center; width:100%; white-space: nowrap;}
.btn-search svg {width:14px; height:14px; margin-bottom:1px;}

.bootgrid-table thead {position:sticky; top:60px; width:100%; z-index:99;}
.bootgrid-table thead:before {content:""; position:absolute; top:0; width:100%; height:1px; background:#dce0ea;}
.bootgrid-table thead:after {content:""; position:absolute; top:39px; width:100%; height:1px; background:#dce0ea;}
.bootgrid-table thead.ext {top:120px;}
.bootgrid-footer {position:sticky; bottom:55px; width:100%; z-index:99;}

.foot-btn-box {border-top: 1px dotted #dce0ea; padding:10px 0; position:sticky; bottom:0; width:100%; z-index:99; background-color:#fff; overflow: hidden;}
.foot-btn-box.static { position:static;}
.fl {float:left; position:relative;}
.fr {float:right; position:relative;}
.btn-box {border-top: 1px solid #dce0ea; padding:20px 0; margin-top:20px;}
.btn-box .guide {font-size:12px; margin-right:10px;}

.btn-gray {color: #fff; background-color: #70779b; border: 0; border-radius: 4px; outline: 0; height:34px; text-align:center; padding:6px 18px; white-space: nowrap; box-shadow: 0 -17px 0 rgba(0, 0, 0, 0.1) inset;}
.btn-gray svg, .btn-blue svg {width:14px; height:14px; margin-bottom:1px;}
.btn-blue {color: #fff; background-color: #4361ee; border: 0; border-radius: 4px; outline: 0; height:34px; text-align:center; padding:6px 18px; white-space: nowrap; box-shadow: 0 -17px 0 rgba(0, 0, 0, 0.1) inset;}
.btn-solid {color: #50587d; background-color: #fff; border: 0; border-radius: 4px; outline: 0; height:34px; text-align:center; padding:6px 18px; white-space: nowrap; border: 1px solid #c0c3d7; box-shadow: 0 -17px 0 rgba(80, 88, 125, 0.1) inset;}

.btn-trans {background-color: transparent; border: 0; border-radius: 4px; outline: 0; height:34px; text-align:center; width:34px;}

.quick-menu-close {display:none; position:relative; z-index:999; background:url('../images/quick_white.png') center no-repeat #70779b !important;}
.quick-menu {position: fixed; top:60px; left:0; right:0; background:#70779b; width:100%; padding-left:260px; display:none; transition: all 0.3s; z-index:999; height: 60px;}
.quick-menu.exp {padding-left:60px;}
.quick-menu .quick-menu-list {padding:15px 25px; margin:0;}
.quick-menu .quick-menu-list li {display:inline-block; margin-right:5px; position:relative; border-radius:4px; overflow:hidden; width:170px; background:#fff;}
.quick-menu .quick-menu-list li a.menu {display:block; line-height:30px; padding:0 30px 0 0; color:#14274E; text-align:center;}
.quick-menu .quick-menu-list li a.del {background:url('../images/ico_del.png') center no-repeat #e9ebf5; border-left: 1px solid #dce0ea; position: absolute; top:0; right:0px; height:30px; z-index:99; text-align: center; width:30px;}


.login-container {background:url('../images/login-bg.png') center no-repeat; height:100vh;}
.login-container .login-wrap {display:flex; justify-content: center; align-items: center; height:100vh;}
.login-container .login-wrap .login-cont {width:360px; }

.login-container .login-wrap .login-cont .logo {padding: 20px 0; display: flex; align-items: center; flex-shrink: 0; height: 60px; }
.login-container .login-wrap .login-cont .logo .logo-img {padding: 0; width: 40px;}
.login-container .login-wrap .login-cont .logo .logo-text {margin-left: 5px; font-size: 16px; line-height:1; font-weight: 500; letter-spacing: -.5px; font-family: 'Montserrat', sans-serif;}
.login-container .login-wrap .login-cont .logo .logo-text span {display: block; font-weight: 300; font-size: 12px;}
.login-container .login-wrap .login-cont .form-control {width:100%;}


.text-guide {font-size: 12px; color:#627293;}
.text-guide span {color:#4361ee;}
.login-container .btn:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 13px;
    width: 9px;
    height: 6px;
    background: url(../images/arrow-down.png) center no-repeat;
    display: block;
}

.search-box .form-group .btn.dropdown-toggle {text-align:left; font-size: 12px;}
.search-box .form-group .dropdown-menu {font-size: 12px;}
.search-box .form-group .btn.dropdown-toggle:after {content:""; position: absolute; top:13px; right:13px; width:9px; height:6px; background:url('../images/arrow-down.png') center no-repeat; display:block;}

.sel {height:34px; padding:0 8px; border-radius: 4px; border: 1px solid #d1dbe6; font-size: 12px; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url('../images/arrow-down.png') right 10px center no-repeat;}

.breadcrumb li input[type=checkbox] {display:none;}
.breadcrumb li input[type=checkbox] + label {display:inline-block; background:url('../images/fav_checked-off.png') top center no-repeat; width:18px; height:18px; vertical-align:middle; margin:-1px 0 0 5px; cursor:pointer;}
.breadcrumb li input[type=checkbox]:checked + label {background:url('../images/fav_checked.png') top center no-repeat;}

.s-title {
    position: relative;
    padding-bottom: 20px;
    font-size: 14px;
	margin:0;
	font-weight:700;
	line-height: 34px;
}
.s-title.abs {
    position: absolute;
    top:0;
	left:360px;
	z-index:9990;
}
.s-title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 16px;
    width: 24px;
    height: 1px;
    background: #031685;
}

.pop-s-title {
    position: relative;
    padding-bottom: 30px;
    font-size: 14px;
	margin:0;
	font-weight:700;
	line-height: 34px;
}

.tab_rayer .tab_btn { position: relative; padding:0px; overflow:hidden; margin-bottom:20px;}
.tab_rayer .tab_btn:before { content:""; display: block; width: 100%; height: 1px; background-color: #dce0ea; position: absolute; left: 0px; bottom: 0px; }
.tab_rayer .tab_btn li {float: left; height: 40px; line-height: 40px; border: 1px solid #dce0ea; position: relative; list-style:none; background-color: #edf1f5; border-radius: 4px 4px 0 0 ; margin-right:3px;}
.tab_rayer .tab_btn li:first-child { border-left: 1px solid #dce0ea; }
.tab_rayer .tab_btn li a { display: block; text-align: center; color:#9da6b9; padding:0 40px;}
.tab_rayer .tab_btn li a.add {padding:0 20px; background:url('../images/ico_add.png') center no-repeat;}
.tab_rayer .tab_btn li.on {border-bottom: 1px solid #fff; background-color: #fff;}
.tab_rayer .tab_btn li.on a {color:#14274E;}
.tab_rayer .tab_wrap {padding: 0;}
.tab_rayer .tab_wrap li {display: none;}
.tab_rayer .tab_wrap li.show {display: block;}

table.boardView { border-collapse:separate; width:100%; margin:0; padding:0; border-top:1px solid #70779b; border-left:1px solid #dce0ea}
table.boardView th {font-weight:normal; letter-spacing: -.5px; background:#f2f4fb; position:relative; text-align: left; text-indent:12px; border-right:1px solid #dce0ea; border-bottom:1px solid #dce0ea; height: 40px;}
table.boardView th i:before {font-size:13px; margin-top: -1px; cursor:pointer; text-indent:0;}
table.boardView td {text-align:left; padding: 3px; position: relative; border-right:1px solid #dce0ea; border-bottom:1px solid #dce0ea; background:#fff; height: 40px;}
table.boardView td a.link {color:#2347a3; text-decoration:underline;}
table.boardView td .inner {padding-left:8px;}
table.boardView td.left {text-align:left;}
table.boardView td .radios {padding-left:8px;}
table.boardView td .radios label {margin:0 10px 0 0; line-height: 33px;}
table.boardView td input[type="text"], table.boardView td input[type="password"], table.boardView td input[type="file"],table.boardView td input[type="number"] {width:100%;}
table.boardView td strong.blue {color:#4361ee;}
table.boardView td strong.red {color:#df2e2e;}
table.boardView td .btn-find {position: absolute; right: 3px; top: 3px;}
table.boardView td .succ {background-color:#4361ee; color:#fff; border-radius: 3px; padding:2px 6px; font-size:11px;}
table.boardView td .fail {background-color:#df2e2e; color:#fff; border-radius: 3px; padding:2px 6px; font-size:11px;}
table.boardView td .guide {margin-left: 10px; color:#4361ee;}

table.boardView td .form-control {height: 33px;}
table.boardView td .form-select {height: 33px;}
table.boardView td .select-styled {height: 33px;}
table.boardView td .w10 {width:10% !important;}
table.boardView td .w20 {width:20% !important;}

.cols .cols-half-l {float:left; width:49%}
.cols .cols-half-r {float:right; width:49%}

.cols .cols-tri1 {float:left; width:32%; margin-right:2%;}
.cols .cols-tri2 {float:left; width:32%; margin-right:2%;}
.cols .cols-tri3 {float:left; width:32%}

.tabnav {position: relative; margin: 0; padding: 0; overflow:hidden;}
.tabnav:before { content:""; display: block; width: 100%; height: 1px; background-color: #dce0ea; position: absolute; left: 0px; bottom: 0px; }
.tabnav li {float: left; height: 40px; line-height: 38px; border: 1px solid #dce0ea; position: relative; list-style:none; background-color: #f2f4fb; border-radius: 4px 4px 0 0 ; margin-right:3px;}
.tabnav.tri li {width:33%; margin-right:0.5%;}
.tabnav.tri li:last-child {margin-right:0;}
.tabnav.tri li a {padding:0; text-align:center;}
.tabnav li a.active{border-bottom:1px solid #fff; border-radius: 4px 4px 0 0;}
.tabnav li a {position:relative; display:block; color: #9da6b9; padding:0 30px;}
.tabnav li a.active{background:#fff; color:#14274E;}
.tabnav li a.add {padding:0 20px; background:url('../images/ico_add.png') center no-repeat;}
.tabnav li a.add.active {padding:0 20px; background:url('../images/ico_add.png') center no-repeat #fff;}
.tabcontent {padding-top: 20px; }
.tabcontent.side {position:absolute; top: 114px; left: 20px; bottom:64px; right:20px;}

.tabnav2 {position: relative; margin: 0; padding: 0; overflow:hidden;}
.tabnav2:before { content:""; display: block; width: 100%; height: 1px; background-color: #dce0ea; position: absolute; left: 0px; bottom: 0px; }
.tabnav2 li {float: left; height: 40px; line-height: 38px; border: 1px solid #dce0ea; position: relative; list-style:none; background-color: #f2f4fb; border-radius: 4px 4px 0 0 ; margin-right:3px;}
.tabnav2 li a.active{border-bottom:1px solid #fff; border-radius: 4px 4px 0 0;}
.tabnav2 li a {position:relative; display:block; color: #9da6b9; padding:0 30px;}
.tabnav2 li a.active{background:#fff; color:#14274E;}
.tabnav2 li a.add {padding:0 20px; background:url('../images/ico_add.png') center no-repeat;}
.tabnav2 li a.add.active {padding:0 20px; background:url('../images/ico_add.png') center no-repeat #fff;}
.tabcontent2 {padding-top: 20px; }


.dim_layer{ position: fixed; width:100%; height:100%; z-index: 99999; top: 0px; left: 0px; display: none; }
.dim_bg { position: absolute; background-color: rgba(0, 0, 0, 0.50); width:100%; height:100%; }
.cover_dim_bg { position: absolute; background-color: rgba(0, 0, 0, 0.50); width:100%; height:100%; }
.dim_w_bg { position: absolute; background-color: rgba(255, 255, 255, 0.7); width:100%; height:100%; }
.dim_layer .popup { border-radius:6px; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; width: 600px; box-shadow: 0 5px 20px rgba(80, 88, 125, 0.5); z-index:1;}
.dim_layer .popup.wide {width: 1000px;}
.dim_layer .popup.midium {width: 800px;}
.dim_layer .popup.slim {width: 400px;}
.dim_layer .popup.phone {width: 380px; height:740px; border-radius:30px; background-color: #fff; border: 10px solid #000; overflow:hidden;}
.dim_layer .popup.phone .popup_container { padding: 0; background-color: #fff; position: relative;}
.dim_layer .popup.phone .popup_container iframe {width:100%; height:780px; }
.dim_layer .popup.full {position: absolute; top: 20px; left: 20px; bottom:20px; right:20px; transform: none; width:auto;}
.dim_layer .popup.full iframe {position: absolute; top: 56px; left: 0; bottom:0; right:0; width:100%; height:calc(100% - 56px);}
.popup h3 { overflow: hidden; line-height:16px; padding: 20px; margin:0; font-size: 15px; font-weight: 700; padding-left: 32px; background: url(../images/ico_bull.png) left 20px center no-repeat #e9ebf5; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.popup h3 .popup_close { display: inline-block; width:14px; height:14px; float: right; background:url('../images/ico_close.png') center no-repeat; background-color: cover; cursor: pointer;}
.popup h3 .cover_popup_close { display: inline-block; width:14px; height:14px; float: right; background:url('../images/ico_close.png') center no-repeat; background-color: cover; cursor: pointer;}

.popup .popup_container{ padding: 20px;}
.popup .popup_container h4 { margin-bottom: 5px; font-size: 15px; color: #000; position: relative;}
.popup .popup_container h4.stit {padding-bottom: 10px; margin-bottom: 10px; font-size: 14px; border-bottom: 1px dotted #cad0d9; font-weight: 700;}
.popup .popup_container h5 { margin-top: 20px; font-size: 12px; color: #000; line-height: 12px; padding-left:10px; position: relative; }
.popup .popup_container h5::before {content:""; position: absolute; top:4px; left:0; width:4px; height:4px; background:#4361ee; display:block;}
.popup .popup_container .popup_content {}
.popup .popup_container .hr {background-color: #dce0ea; height:1px; margin:19px 0 20px;}
.popup .popup_container .hr15 {background-color: #dce0ea; height:1px; margin:15px 0 15px;}
.popup .popup_container .popup_content.scroll {height:400px; overflow:auto;}
.popup .popup_container .popup_content .photo_upload {border-radius: 4px; border: 1px solid #d1dbe6; height:298px; position: relative; padding:10px;}
.popup .popup_container .popup_content .photo_upload .photo {border-radius: 4px; border: 1px dashed #d1dbe6; overflow:hidden; height:232px;}
.popup .popup_container .popup_content .photo_upload .photo img {object-fit: contain; width:100%; height:100%;}
.popup .popup_container .popup_content .photo_upload .form-group {position: absolute; bottom:10px; left:10px; right:10px; }
.popup .popup_container .popup_content .photo_upload .form-group .form-control {width:100%;}
.popup .popup_container .popup_content .ment {padding-top:10px; text-align:center; }
.popup .popup_container .popup_content .ment p.txt {line-height:40px; margin:0;}
.popup .popup_container .popup_content .ment label {margin:0 10px; height:20px;}
.popup .popup_container .popup_content label.single {margin:0; line-height: 20px; margin-right:10px;}
.popup .popup_container .image_box {padding:30px 0; text-align:center;}
.popup .popup_container .image_box img {max-width:400px;}
.popup .tab_rayer .tabnav {padding:20px 20px 0;}
.popup .tab_rayer .tabnav:before {width:auto; left: 20px; right: 20px;}
.popup .tab_rayer .tabnav li {width:160px; text-align:center;}
.popup .tab_rayer .tabcontent {position: absolute; top: 96px; left: 0; bottom:0; right:0; }
.popup .tab_rayer .tabcontent iframe {position: absolute; top: 0; left: 0; bottom:0; right:0; width:100%; height:calc(100% - 0px);}

.popup .popup_container .popup_content .textarea_box {border-radius: 4px; border: 1px solid #dce0ea; height:420px; position:relative;}
.popup .popup_container .popup_content .textarea_box textarea {position:absolute; top:10px; left:10px; bottom:40px; right:10px; border:0; outline:0; resize: none;}
.popup .popup_container .popup_content .textarea_box .foot {position:absolute; bottom:0; width:100%; line-height:30px; background: #f2f4fb; text-align:right; padding:0 10px;}

.popup .popup_container .popup_content .images {margin: 0; padding: 0;}
.popup .popup_container .popup_content .images li {cursor: pointer; border-radius: 4px; position: relative; line-height: 40px; list-style: none; background: url('../images/layer_ico_image.png') left 10px center no-repeat; display: block; padding-left: 34px;}
.popup .popup_container .popup_content .images li:last-child {border-bottom: 0;}
.popup .popup_container .popup_content .images li .plus {cursor: pointer; background: #fff; border-radius: 10px; width:20px; height:20px; position: absolute; right:10px; top:10px; opacity: 0; transition: all 0.3s;}
.popup .popup_container .popup_content .images li .plus .bi {position: absolute; width:20px; height:20px; top:0; left:0;}
.popup .popup_container .popup_content .images li .plus .bi::before {font-size:20px; position: absolute; width:20px; height:20px; top:0; left:0; color:#4361ee;}
.popup .popup_container .popup_content .images li.selected {background-color: #f2f4fb;}
.popup .popup_container .popup_content .images li.selected .plus {opacity: 1;}

.popup .popup_container .image-upload {padding: 20px 0 0;}
.popup .popup_container .image-upload .input-file .btn {font-size: 0; padding: 6px 8px; width: auto;}
.popup .popup_container .image-upload .input-file .btn:before {font-family: bootstrap-icons; content:"\F5D4"; font-size: 16px}
.popup .popup_container .popup_content .img-preview {position: relative; border: 1px dotted #dce0ea; background: #f2f4fb; padding:30px; width:582px; height:454px; display: flex; align-items: center; border-radius: 4px;}
.popup .popup_container .popup_content .img-preview .size {position: absolute; top:10px; left:10px; font-size:11px; font-family: 'Montserrat', sans-serif;}
.popup .popup_container .popup_content .img-preview .url {position: absolute; top:30px; left:10px; font-size:11px; font-family: 'Montserrat', sans-serif;}
.popup .popup_container .popup_content .img-preview img {max-width:100%;}

.popup_data { padding: 0; margin: 0 0 10px 0;}
.popup_data dt {float:left; width:22%; margin:0; line-height:32px; position: relative; border-radius: 3px 0 0 3px; background: #f2f4fb; text-align:center; border: 1px solid #dce0ea; border-right:0; font-size: 12px;}
.popup_data dt.req:after {content:""; position: absolute; top:5px; right:5px; width:4px; height:4px; background:#4361ee; display:block; border-radius:4px;}
.popup_data dt sup {font-size: 100%; color:#4361ee;}
.popup_data dt .bi::before {font-size: 13px; margin-top:-1px;}
.popup_data dd {float:left; width:78%; margin:0; position: relative;}
.popup_data dd .form-control, .popup_data dd .form-select, .popup_data dd .select-styled {width:100%; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.popup_data dd.qtr {width:28%;}
.popup_data dd.qtr.m1 {width:27%; margin-right:1%;}
.popup_data dd .radios {border: 1px solid #d1dbe6; width: 100%; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding-left:8px;}
.popup_data dd .radios label {margin:0; line-height: 32px; margin-right:10px;}
.popup_data dd .btn-find {position: absolute; top:0; right:0; z-index: 99;}
.popup_data dd .btn-trans {position: absolute; top:0; right:0; z-index: 99;}
.popup_data dd .form-group .btn-trans {position: absolute; top:0; right:86px; z-index: 99;}
.popup_data dd .object_div {border-top-left-radius: 0; border-bottom-left-radius: 0;}

.code_box {height:432px;}
.code_box p {line-height:28px; height:28px; margin:5px 0;}
.code_box p .btn {width:60px !important; padding:3px; height:28px;}
.code_box .caution {padding:10px 12px; border: 1px solid #dce0ea; border-radius: 4px; height:110px;}
.code_box .caution strong {margin-bottom:2px; display: block;}
.code_box .caution ul {padding: 0; margin:0; font-size:12px;}
.code_box .caution ul li {padding: 0; margin: 0; list-style:none;}
.code-list {margin:0; padding:0;}
.code-list li {margin:0; padding:0; list-style:none; background: #f2f4fb; border-radius:4px; margin: 0 0 3px;}
.code-list li label {margin:0; width:100px; display: inline-block; text-indent:10px; line-height:34px;} 
.code-list li input[type=text] {border: 1px solid #dce0ea; width: 256px;}
.code-list li input[type=text]:focus {border: 1px solid #dce0ea; outline:0; }
.code-list li .form-control, .code-list li .form-control-file {height:32px;}
.code-list li .btn {width:auto !important; height:32px;}

.popup.detail .popup_data dt {width:30%;}
.popup.detail .popup_data dd {width:70%;}
.popup.detail .stat {border: 1px solid #d1dbe6; padding: 15px 18px; border-radius: 4px; height:122px;}
.popup.detail .stat li {line-height:30px; list-style:none;}

.popup .popup_container .popup_btn { text-align: center; margin: 20px 0 0 0; border-top: 1px dotted #dce0ea; padding-top:19px;}
.popup .popup_container .btn {width:100px; line-height:20px;}
.popup .popup_container .btn.blue {background:#4361ee;}
.popup .popup_container .btn.blue:hover {color:#fff;}
.popup .popup_container a:hover {color:#fff;}

.popup .popup_container .ui-widget-content {
    z-index: 99999 !important;
}

td .bi::before {font-size: 15px;}
th {position: relative;}
th.req:after {content:""; position: absolute; top:5px; right:5px; width:4px; height:4px; background:#4361ee; display:block; border-radius:4px;}

.btn-group .fa {line-height: 22px;}


table.boardList { border-collapse:collapse; width:100%; margin:0; padding:0; border:0; }
table.boardList th { height:40px; font-weight:normal; background:#f2f4fb; position:relative; text-align: center; border: 1px solid #dce0ea; border-top: 1px solid #70779b;}
table.boardList td { text-align:center; border-bottom:1px solid #ddd; padding:10px; position: relative; border: 1px solid #dce0ea;}
table.boardList td a {text-decoration:underline;}
table.boardList td.sum {background:#efece7; color:#000;}
table.boardList .left { text-align:left; padding-left:10px; font-size:12px;}

table.boardListPop { border-collapse:collapse; width:100%; margin:0; padding:0; border:0; }
table.boardListPop th { height:32px; font-weight:normal; background:#f2f4fb; position:relative; text-align: center; border: 1px solid #dce0ea; border-top: 1px solid #70779b;}
table.boardListPop td { text-align:center; border-bottom:1px solid #ddd; padding:3px; position: relative; border: 1px solid #dce0ea;}
table.boardListPop td .form-select {height: 28px;}
table.boardListPop td .select-styled {height: 28px;}
table.boardListPop td .select-styled::after {width: 28px; height: 28px;}


.org_search {margin-bottom:20px; position: relative;}
.org_search .form-control {width:100%;}
.org_search .btn-secondary {position:absolute; top:0; right:0; border-top-left-radius: 0; border-bottom-left-radius: 0; width: auto !important;}
.org_search .fl {width:200px;}

.org_btn {position:absolute; left:0; bottom:0; width:100%; z-index:99; padding: 15px 25px; background-color: #fff; box-shadow: 1px 0 20px rgba(0,0,0,.08);}

.input-file-upload-btn {position:absolute; top:0; right:0; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; background-color: #70779b !important;}
.btn-preview {position:absolute; top:0; right:75px; z-index:99; color:#70779b}
.btn-reset {position:absolute; top:0; right:100px; z-index:99; background:url('../images/ico_del.png') center no-repeat; width:29px}
  .input-file .form-control {width:100%;display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.input-file .btn {padding: 6px 12px; background-color:#fff !important; color: #50587d; border: 1px solid #c0c3d7; box-shadow: 0 -17px 0 rgba(80, 88, 125, 0.1) inset;}
.path .input-file .btn {width: auto !important; font-size: 0; padding: 6px 8px;}
.path .input-file .btn::before {content: "\F5D4"; font-family: bootstrap-icons; font-size: 16px;}

.scroll_box {overflow: auto;}
.scroll_box::-webkit-scrollbar { width: 1px;}
.scroll_box:hover::-webkit-scrollbar {width: 1px;}
.scroll_box::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0); transition: transform 0.2s ease; }
.scroll_box:hover::-webkit-scrollbar-thumb { background-color: #7c84a0;}
.scroll_box::-webkit-scrollbar-track { background-color: rgba(0,0,0,0); transition: transform 0.2s ease;}
.scroll_box:hover::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.1); }

.object_div, .object_ind {border: 1px solid #d1dbe6; height: 34px; border-radius: 4px; padding: 4px; position: relative;}
.object_find {position:absolute; top:0; right:0;}
.picks {padding:0; margin:0; }
.picks li {padding:0 30px 0 10px; color:#fff; line-height:24px; margin:0.2px 0; list-style:none; display: inline-block; border-radius: 3px; background: #70779b; font-size:12px; position: relative;}
.picks li .del {display:block; width:9px; height:9px; background:url('../images/ico_del_w.png') center no-repeat; position:absolute; top:8px; right:8px;}

.block_list {padding:0; margin:0;}
.block_list li {border-radius: 4px; border: 1px solid #dce0ea; padding:12px 20px; list-style:none; margin:0 0 10px; position: relative;}
.block_list li .edit {position:absolute; top:8px; right:8px;}
.block_list li .edit a {font-size:10px; border-radius: 3px; display: inline-block; color:#50587d; padding:2px 6px; border: 1px solid #c0c3d7; box-shadow: 0 -10px 0 rgba(80, 88, 125, 0.1) inset;}
.block_list li dl {margin:0; line-height:30px;}
.block_list li dl dt {width:25%; float:left; line-height:30px;}
.block_list li dl dd {width:75%; float:left; margin:0; line-height:30px;}


.hint-css {
  position: absolute;
  padding: 5px;
  z-index: 100000;
}
.hint-css-inner {
  background-color: #000;
  color: #FFF;
  padding: 10px;
  overflow: auto;
  height: 100%;
}

.hint-css-inner.hint-css-inner-html {
  max-width: 300px;
}

.hint-object .hint-css-inner.hint-css-inner-html {
  max-width: 800px;
}

/* Rounded corners */

.hint-css-inner {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/* Uncomment for shadow */


.hint-css-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #000;
}

/* Rules to colour arrows */

.hint-css-arrow-n {
  border-bottom-color: #000;
}
.hint-css-arrow-s {
  border-top-color: #000;
}
.hint-css-arrow-e {
  border-left-color: #000;
}
.hint-css-arrow-w {
  border-right-color: #000;
}
.hint-css-n .hint-css-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.hint-css-nw .hint-css-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.hint-css-ne .hint-css-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.hint-css-s .hint-css-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.hint-css-sw .hint-css-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.hint-css-se .hint-css-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.hint-css-e .hint-css-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.hint-css-w .hint-css-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.hint--top:hover,
.hint--right:hover,
.hint--bottom:hover,
.hint--left:hover {
  opacity: 0.95;
}
.hint-css-inner .detail-root {
  padding: .5em;
  min-width: 20em;
  max-width: 50em;
  text-align: left;
}

.hint-css-inner p {margin:3px; font-size:12px;}

.hint-css-inner .detail-li-level0 .detail-key {
  width: auto;
  max-width: 15em;
  min-width: 5em;
}

.hint-css-inner .detail-li-level0 .detail-value {
  width: auto;
  min-width: 5em;
}

.hint-css-inner tr.detail-li-level0:hover {
  background-color: #333;
}


.select-hidden { display: none; visibility: hidden; padding-right: 10px;}
.rev-select { cursor: pointer; display: block; position: relative;}

.toolbar .rev-select {display: inline-block; width:240px;}

.rev-select.disabled {}
.rev-select.disabled .select-styled {cursor: not-allowed; background: url('../images/bg_dis.png') left top repeat}
.rev-select.disabled .select-styled.active { background-color: #fff; border: 1px solid #dce0ea;}
.rev-select.disabled .select-styled.active::after {background: url('../images/ico_sel.png') center no-repeat; }
.rev-select.disabled .select-options {display:none !important;}

.select-styled { font-family: Nanum Gothic, bootstrap-icons; white-space: nowrap; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; padding: 6px 8px; border: 1px solid #dce0ea; border-radius: 4px; height: 34px; font-size:12px; line-height: 20px; z-index: 99;}
.select-styled::after { content: ""; width: 32px; height: 32px; background: url('../images/ico_sel.png') center no-repeat; position: absolute; top: 0; right: 0;}
.select-styled:hover { background-color: #fff;}

.select-styled:active,
.select-styled.active { background-color: #fff; border: 1px solid #b3b8cd;}
.select-styled.active::after {background: url('../images/ico_sel_up.png') center no-repeat; }

.select-options {
  display: none;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  left: 0;
  z-index: 9;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #b3b8cd;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(39, 46, 79, .2);
  max-height: 280px; /* 최대 높이 설정 */
  overflow-y: auto; /* 스크롤 활성화 */
  z-index: 999;
}

.refresh-time ~ ul.select-options {
  max-height: 100px;
  overflow-y: auto;
}

.select-options li { margin: 0; padding: 6px 8px; font-size:12px; line-height: 20px; font-family: Nanum Gothic, bootstrap-icons;}
.select-options li:hover { background: #f2f4fb;}
.select-options li[rel="hide"] { display: none; }

.l_con {position: absolute; left:20px; top:80px; bottom:20px; width:340px; padding-right:20px; z-index: 1;}
.l_con:after {content:""; position: absolute; right:0; top:0; bottom:0; width:1px; background-color: #dce0ea;}
.r_con {position: relative; padding-left:360px;}

.result_box {text-align:center; border: 1px solid #dce0ea; border-top: 1px solid #70779b; padding: 30px 0; margin-top:53px;}

.togg input[type=checkbox] {display:none;}
.togg input[type=checkbox] + label {background-color: #a9b0d5; color: #fff; border-radius: 3px; line-height:17px; font-size: 9px; margin:0; cursor:pointer; text-align:center; width:31px; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1) inset;}
.togg input[type=checkbox]:checked + label {background-color:#4361ee; box-shadow:none;}


.content-body {} /*//animation: fadeIn 1s;*/
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.treegrid-indent {width:15px; height: 15px; display: inline-block; position: relative;}
.treegrid-expander {width:15px; height: 15px; display: inline-block; position: relative; cursor: pointer; vertical-align: middle; margin-right:5px;}
.treegrid-expander-expanded{background: url(../images/ico_minus.png) center no-repeat;}
.treegrid-expander-collapsed{background: url(../images/ico_plus.png) center no-repeat;}

/**/
.loading {position: fixed; z-index: 999999; top: 0px; left: 0px; bottom:0; right:0; display:none;}

.loader-container {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  filter: url('#goo');
  -webkit-animation: rotate-move 2s ease-in-out infinite;
          animation: rotate-move 2s ease-in-out infinite;
}

.dot { 
  width: 50px;
  height: 50px;
  border-radius: 80%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.dot-3 {
  background-color: #4361ee;
  -webkit-animation: dot-3-move 2s ease infinite;
          animation: dot-3-move 2s ease infinite;
}

.dot-2 {
  background-color: #2dbb87;
  -webkit-animation: dot-2-move 2s ease infinite;
          animation: dot-2-move 2s ease infinite;
}

.dot-1 {
  background-color: #552db0;
  -webkit-animation: dot-1-move 2s ease infinite;
          animation: dot-1-move 2s ease infinite;
}

@-webkit-keyframes dot-3-move {
  20% {transform: scale(1)}
  45% {transform: translateY(-18px) scale(.45)}
  60% {transform: translateY(-30px) scale(.45)}
  80% {transform: translateY(-30px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@keyframes dot-3-move {
  20% {transform: scale(1)}
  45% {transform: translateY(-18px) scale(.45)}
  60% {transform: translateY(-30px) scale(.45)}
  80% {transform: translateY(-30px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@-webkit-keyframes dot-2-move {
  20% {transform: scale(1)}
  45% {transform: translate(-16px, 12px) scale(.45)}
  60% {transform: translate(-30px, 30px) scale(.45)}
  80% {transform: translate(-30px, 30px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@keyframes dot-2-move {
  20% {transform: scale(1)}
  45% {transform: translate(-16px, 12px) scale(.45)}
  60% {transform: translate(-30px, 30px) scale(.45)}
  80% {transform: translate(-30px, 30px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@-webkit-keyframes dot-1-move {
  20% {transform: scale(1)}
  45% {transform: translate(16px, 12px) scale(.45)}
  60% {transform: translate(30px, 30px) scale(.45)}
  80% {transform: translate(30px, 30px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@keyframes dot-1-move {
  20% {transform: scale(1)}
  45% {transform: translate(16px, 12px) scale(.45)}
  60% {transform: translate(30px, 30px) scale(.45)}
  80% {transform: translate(30px, 30px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@-webkit-keyframes rotate-move {
  55% {transform: rotate(0deg)}
  80% {transform: rotate(360deg)}
  100% {transform: rotate(360deg)}
}

@keyframes rotate-move {
  55% {transform: rotate(0deg)}
  80% {transform: rotate(360deg)}
  100% {transform: rotate(360deg)}
}


/*editor*/
.editor-wrap {position: fixed; left: 0; top: 0; right: 0; bottom: 0;}

.editor-wrap .header-bar {position: absolute; left:0; top:0; right:0; height:60px; background: #fff; border-bottom: 1px solid #c7cbd7; z-index: 99; box-shadow: 0 0 5px rgba(28, 39, 76, 0.05); z-index:999;}
.editor-wrap .header-bar-logo {padding-left:40px; margin:13px 0 0 19px; background: url('../images/symbol.png') left center no-repeat; background-size:30px; color: #14274E; font-family: 'Montserrat', sans-serif; font-size:18px; line-height:30px; font-weight:700;}
.editor-wrap .header-bar .guide {position: absolute; top:13px; right:20px;}

.editor-wrap .left-panel {background: #fff; width: 360px; position: absolute; left:0; top:60px; bottom:0; height:calc(100% - 60px);}
.editor-wrap .left-panel .page-list {position: relative; height: 30%; border-right: 1px solid #c7cbd7;}
.editor-wrap .left-panel .temp-list {position: relative; height: 70%; border-right: 1px solid #c7cbd7;}

.editor-wrap .left-panel .page-list .jsTree {top:39px; left:0; right:0; bottom:0; padding:13px 13px 20px 13px;}
.editor-wrap .left-panel .page-list .jsTree .itemParent {padding: 6px;}

.editor-wrap .left-panel .temp-list .tab-btn {position: absolute; left:0; bottom:20px; right: 0; height: 0; line-height: 20px; padding:10px 20px; border-top: 1px solid #dce0ea; text-align:right;}
.editor-wrap .left-panel .temp-list .thumbs {margin: 0; padding: 0 0 0 20px; position: absolute; left: 0; top: 50px; right: 0; bottom: 0; display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start;}
.editor-wrap .left-panel .temp-list .thumbs li {position: relative; margin-bottom: 20px; list-style:none; border: 1px solid #dce0ea; box-shadow: 0 0 10px rgba(28, 39, 76, 0.1); width:149px; margin:0 20px 20px 0;}
.editor-wrap .left-panel .temp-list .thumbs li .plus {opacity: 0; position: absolute; left:0; top:0; bottom:0; right:0; background:rgba(28, 39, 76, 0.05); transition: all 0.3s; display: flex; justify-content: center; align-items: center;}
.editor-wrap .left-panel .temp-list .thumbs li .plus a {text-align:center; background: #fff; border-radius: 14px; display:block; width:27px; height:27px; display: flex; justify-content: center; align-items: center; margin:2px;}
.editor-wrap .left-panel .temp-list .thumbs li .plus .bi::before {font-size:28px;}
.editor-wrap .left-panel .temp-list .thumbs li:hover .plus {opacity: 1;}
.editor-wrap .left-panel .temp-list .thumbs li img {width:100%;}

.editor-wrap .left-panel .temp-list .elements {margin: 0; padding: 20px; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.editor-wrap .left-panel .temp-list .elements li {position: relative; text-align: center; padding: 30px; margin-bottom: 20px; list-style:none; border: 1px solid #dce0ea; box-shadow: 0 0 10px rgba(28, 39, 76, 0.1); float: left; width:47%; margin-right:6%;}
.editor-wrap .left-panel .temp-list .elements li:nth-child(2n) {margin-right: 0;}
.editor-wrap .left-panel .temp-list .elements li .plus {opacity: 0; position: absolute; left:0; top:0; bottom:0; right:0; background:rgba(28, 39, 76, 0.05); transition: all 0.3s;}
.editor-wrap .left-panel .temp-list .elements li .plus a {background: #fff; border-radius: 14px; display: block; width: 28px; height: 28px; position: absolute; left: 50%; top: 50%; margin: -14px 0 0 -14px;}
.editor-wrap .left-panel .temp-list .elements li .plus .bi::before {font-size:28px;}
.editor-wrap .left-panel .temp-list .elements li:hover .plus {opacity: 1;}
.editor-wrap .left-panel .temp-list .elements li span {display: block; margin-top: 8px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600;}

.filter {margin: 0; padding:0 10px; overflow:hidden;}
.filter li {float:left; padding:0 10px; border-left: 1px solid #dce0ea; line-height:14px; list-style:none;}
.filter li:first-child {border-left: 0;}
.filter li a {color:#999; line-height:13px; font-size:13px;}
.filter li a.active {color:#0049d3}

.editor-wrap .panel-title {font-family: 'Montserrat', sans-serif; position: relative; padding:10px 20px; border-bottom: 1px solid #dce0ea; line-height:18px; font-size: 11px; font-weight:700; text-transform: uppercase; box-shadow: 0 0 14px rgba(0, 17, 56, 0.1); z-index: 9; color: #000;}
.editor-wrap .panel-title .delete {position: absolute; right:20px; top:0; display: block; font-size: 10px; line-height:39px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight:600;}

.editor-wrap .tabnav li {margin:0; font-family: 'Montserrat', sans-serif;  font-size: 11px; font-weight:700; width:50%; border-left:0; border-radius:0; border-top: 0; line-height: 38px; height: 39px;}
.editor-wrap .tabnav li:last-child {border-right:0;}
.editor-wrap .tabnav li a {padding:0; text-align:center; border-radius:0; text-transform: uppercase;}
.editor-wrap .tabcontent {position: absolute; left:0; top:39px; right:0; bottom:0;}
.editor-wrap .tabnav2 li {margin:0; font-family: 'Montserrat', sans-serif;  font-size: 11px; font-weight:700; width:33.333%; border-left:0; border-radius:0; border-top:0; line-height: 38px;}
.editor-wrap .tabnav2 li:last-child {border-right:0;}
.editor-wrap .tabnav2 li a {padding:0; text-align:center; border-radius:0; text-transform: uppercase;}
.editor-wrap .tabcontent2 {padding:20px; position: absolute; left:0; top:39px; right:0; bottom:0;}

.editor-wrap .right-panel {background: #fff; width: 360px; position: absolute; right:0; top:60px; bottom:0; height:calc(100% - 60px);}
.editor-wrap .right-panel .properties {position: relative; height: 60%; border-left: 1px solid #c7cbd7;}
.editor-wrap .right-panel .layers {position: relative; height: 40%; border-left: 1px solid #c7cbd7;}

.editor-wrap .right-panel .properties .btn-style {margin: 5px 0 10px;}
.editor-wrap .right-panel .properties .btn-style .button1 {border-radius:100px; line-height:40px; display:block; background:#4361ee; text-align:center; color: #fff; font-size: 14px; }
.editor-wrap .right-panel .properties .btn-style .button1 .bi::before {font-size: 16px; margin-right:5px;}
.editor-wrap .right-panel .properties .btn-style .button2 {border-radius:100px; line-height:36px; display:block; border: 2px solid #4361ee; text-align:center; color: #4361ee; font-size: 14px; }
.editor-wrap .right-panel .properties .btn-style .button2 .bi::before {font-size: 16px; margin-right:5px;}
.editor-wrap .right-panel .properties .btn-style .button3 {border-radius:10px; line-height:40px; display:block; background:#4361ee; text-align:center; color: #fff; font-size: 14px; }
.editor-wrap .right-panel .properties .btn-style .button3 .bi::before {font-size: 16px; margin-right:5px;}
.editor-wrap .right-panel .properties .btn-style .button4 {border-radius:10px; line-height:36px; display:block; border: 2px solid #4361ee; text-align:center; color: #4361ee; font-size: 14px; }
.editor-wrap .right-panel .properties .btn-style .button4 .bi::before {font-size: 16px; margin-right:5px;}
.editor-wrap .right-panel .properties .btn-style .button5 {border-radius:100px; line-height:40px; display:block; color: #4361ee; font-size: 14px; font-weight:bold;}
.editor-wrap .right-panel .properties .btn-style .button5 .bi {border-radius:100px; line-height:40px; height:40px; width:40px; margin-right:5px; color: #fff; background:#4361ee; display:inline-block; text-align:center;} 
.editor-wrap .right-panel .properties .btn-style .button5 .bi::before {font-size: 16px; margin-top: -2px;}

.editor-wrap .right-panel .layers .layer-list {margin:0; padding:0 0 10px; list-style:none; position: absolute; left:0; top:39px; bottom:0; right:0;}
.editor-wrap .right-panel .layers .layer-list .layer {border-bottom: 1px dotted #dce0ea; height:40px;}
.editor-wrap .right-panel .layers .layer-list .layer .layer-title {position: relative; display: inline-block; line-height:20px; padding:10px 20px 10px 45px; }
.editor-wrap .right-panel .layers .layer-list .layer .layer-badge {float:right; font-size: 10px; line-height:20px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; background: #dce0ea; width:30px; text-align:center; border-radius:3px; margin:10px 20px;}

.editor-wrap .right-panel .layers .layer-list .layer.text {background: url('../images/layer_ico_text.png') right 20px center no-repeat;}
.editor-wrap .right-panel .layers .layer-list .layer.code {background: url('../images/layer_ico_code.png') right 20px center no-repeat;}
.editor-wrap .right-panel .layers .layer-list .layer.button {background: url('../images/layer_ico_button.png') right 20px center no-repeat;}
.editor-wrap .right-panel .layers .layer-list .layer.image {background: url('../images/layer_ico_image.png') right 20px center no-repeat;}
.editor-wrap .right-panel .layers .layer-list .layer.shape {background: url('../images/layer_ico_shape.png') right 20px center no-repeat;}
.editor-wrap .right-panel .layers .layer-list .layer.slide {background: url('../images/layer_ico_slide.png') right 20px center no-repeat;}
.editor-wrap .right-panel .layers .layer-list .layer.youtube {background: url('../images/layer_ico_youtube.png') right 20px center no-repeat;}

.editor-wrap .right-panel .layers .layer-list .layer .layer-title input[type=checkbox] {display:none;}
.editor-wrap .right-panel .layers .layer-list .layer .layer-title input[type=checkbox] + label {position: absolute; left:20px; top:10px; color: #b4b8d1; line-height:20px; font-size: 16px; margin:0; cursor:pointer; font-family: bootstrap-icons;}
.editor-wrap .right-panel .layers .layer-list .layer .layer-title input[type=checkbox] + label:before {content:"\F340"; display:inline-block;}
.editor-wrap .right-panel .layers .layer-list .layer .layer-title input[type=checkbox]:checked + label {color:#14274E;}
.editor-wrap .right-panel .layers .layer-list .layer .layer-title input[type=checkbox]:checked + label:before {content:"\F341"; display:inline-block;}

.editor-wrap .right-panel .layers .layer-list .layer.selected {background-color: #e9ebf5;}

.editor-wrap .right-panel .layers ol { padding-left: 0; list-style-type: none; margin: 0; }
.editor-wrap .right-panel .layers ol.sortable {position: absolute; left:0; top:39px; bottom:0; right:0;}
.editor-wrap .right-panel .layers ol.sortable li div { border-bottom: 1px dotted #c7cbd7; padding: 10px 20px; line-height: 18px;}
.editor-wrap .right-panel .layers ol.sortable ol li div {padding-left: 40px;}
.editor-wrap .right-panel .layers ol.sortable div.selected {background-color: #f2f4fb;}
.editor-wrap .right-panel .layers .placeholder { background: #f2f4fb; }
.editor-wrap .right-panel .layers li {position: relative;}
.editor-wrap .right-panel .layers li div.div {background: url('../images/layer_ico_div.png') right 20px top 11px no-repeat #fff;}
.editor-wrap .right-panel .layers li div.text {background: url('../images/layer_ico_text.png') right 20px top 11px no-repeat #fff;}
.editor-wrap .right-panel .layers li div.code {background: url('../images/layer_ico_code.png') right 20px top 11px no-repeat #fff;}
.editor-wrap .right-panel .layers li div.button {background: url('../images/layer_ico_button.png') right 20px top 11px no-repeat #fff;}
.editor-wrap .right-panel .layers li div.image {background: url('../images/layer_ico_image.png') right 20px top 11px no-repeat #fff;}
.editor-wrap .right-panel .layers li div.shape {background: url('../images/layer_ico_shape.png') right 20px top 11px no-repeat #fff;}
.editor-wrap .right-panel .layers li div.slide {background: url('../images/layer_ico_slide.png') right 20px top 11px no-repeat #fff;}
.editor-wrap .right-panel .layers li div.youtube {background: url('../images/layer_ico_youtube.png') right 20px top 11px no-repeat #fff;}
.editor-wrap .right-panel .layers li div.background {background: url('../images/layer_ico_background.png') right 20px top 11px no-repeat #fff;}
.editor-wrap .right-panel .layers li input[type=checkbox] {display:none;}
.editor-wrap .right-panel .layers li input[type=checkbox] + label {color: #b4b8d1; font-size: 16px; margin:0 5px 0 0; cursor:pointer; font-family: bootstrap-icons; vertical-align: top;}
.editor-wrap .right-panel .layers li input[type=checkbox] + label:before {content:"\F340"; display:inline-block; line-height:18px; }
.editor-wrap .right-panel .layers li input[type=checkbox]:checked + label {color:#14274E;}
.editor-wrap .right-panel .layers li input[type=checkbox]:checked + label:before {content:"\F341"; display:inline-block;}

.editor-wrap .style-box .guide {margin: 10px 0 0; font-size: 11px; line-height: 1.8;}
.editor-wrap .style_data { padding: 0; margin: 0 0 6px 0; font-size: 12px;}
.editor-wrap .style_data dt {float:left; width:22%; margin:0; line-height:32px; position: relative; border-radius: 3px 0 0 3px; background: #f2f4fb; text-align:center; border: 1px solid #dce0ea; border-right:0; font-family: 'Montserrat', sans-serif; font-size:11px; display: flex; justify-content: center; align-items: center;}
.editor-wrap .style_data dt.req:after {content:""; position: absolute; top:5px; right:5px; width:4px; height:4px; background:#4361ee; display:block; border-radius:4px;}
.editor-wrap .style_data dt sup {font-size: 100%; color:#4361ee;}
.editor-wrap .style_data dt .bi::before {font-size: 13px; margin-top:-1px;}
.editor-wrap .style_data dd {float:left; width:78%; margin:0; position: relative;}
.editor-wrap .style_data dd .form-control, .style_data dd .form-select, .style_data dd .select-styled {width:100%; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.editor-wrap .style_data dd.qtr {width:28%;}
.editor-wrap .style_data dd.qtr.m1 {width:27%; margin-right:1%;}
.editor-wrap .style_data dd.px:after {content:""; position: absolute; top:10px; right:10px; line-height: 14px; color: #a8afc1;}
.editor-wrap .style_data dd .radios {border: 1px solid #d1dbe6; width: 100%; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding-left:8px;}
.editor-wrap .style_data dd .radios label {margin:0; line-height: 32px; margin-right:10px;}
.editor-wrap .style_data dd .btn-find {position: absolute; top:0; right:0; z-index: 99;}
.editor-wrap .style_data dd .btn-trans {position: absolute; top:0; right:0; z-index: 99;}
.editor-wrap .style_data dd .form-group .btn-trans {position: absolute; top:0; right:86px; z-index: 99;}
.editor-wrap .style_data dd .object_div {border-top-left-radius: 0; border-bottom-left-radius: 0; height:auto;}
.editor-wrap .style_data dd .object_div p {margin:0 0 0 4px; line-height:20px; }
.editor-wrap .style_data dd .padding_div {position: relative; height: 140px; border: 1px solid #d1dbe6; width: 100%; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.editor-wrap .style_data dd .padding_div::before {content:""; position: absolute; border: 1px dotted #c7cbd7; display: block; top: 20px; left: 20px; right: 20px; bottom: 20px;}
.editor-wrap .style_data dd .padding_div .form-control {width:60px; border-radius: 4px; text-align: center;}
.editor-wrap .style_data dd .padding_div .form-control.top {position: absolute; top:12px; left:50%; transform: translateX(-50%);}
.editor-wrap .style_data dd .padding_div .form-control.left {position: absolute; top:50%; left:12px; transform: translateY(-50%);}
.editor-wrap .style_data dd .padding_div .form-control.right {position: absolute; top:50%; right:12px; transform: translateY(-50%);}
.editor-wrap .style_data dd .padding_div .form-control.bottom {position: absolute; bottom:12px; left:50%; transform: translateX(-50%);}
.editor-wrap .style_data .slides {margin:0; position: relative;}
.editor-wrap .style_data .slides span {line-height: 34px;}
.editor-wrap .style_data .slides strong {color: #4361ee; font-weight: 700; }
.editor-wrap .style_data .slides .btn-solid {position: absolute; top:0px; right:0px; padding: 6px 14px;}

.popup .popup_container .popup_content .slide-list {margin:0; padding:0;}
.popup .popup_container .popup_content .slide-list > li {margin:0; padding:0; list-style:none; position: relative;}
.popup .popup_container .popup_content .slide-list > li .delete {position: absolute; right:0; top:0; display: block; font-size: 10px; line-height:30px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight:600;}
.popup .popup_container .popup_content .slide-list > li:before {font-size: 10px; display: block; line-height:30px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight:700;}
.popup .popup_container .popup_content .slide-list > li:nth-child(1) .delete {display:none;}
.popup .popup_container .popup_content .slide-list > li:nth-child(1):before {content:"Slide 1";}
.popup .popup_container .popup_content .slide-list > li:nth-child(2):before {content:"Slide 2";}
.popup .popup_container .popup_content .slide-list > li:nth-child(3):before {content:"Slide 3";}
.popup .popup_container .popup_content .slide-list > li:nth-child(4):before {content:"Slide 4";}
.popup .popup_container .popup_content .slide-list > li:nth-child(5):before {content:"Slide 5";}
.popup .popup_container .popup_content .slide-list > li:nth-child(6):before {content:"Slide 6";}
.popup .popup_container .popup_content .slide-list > li:nth-child(7):before {content:"Slide 7";}
.popup .popup_container .popup_content .slide-list > li:nth-child(8):before {content:"Slide 8";}
.popup .popup_container .popup_content .slide-list > li:nth-child(9):before {content:"Slide 9";}
.popup .popup_container .popup_content .slide-list > li:nth-child(10):before {content:"Slide 10";}

.popup .popup_container .popup_content .slide-btn {border: 1px solid #dce0ea; display: block; text-align:center; padding:10px 0; border-radius:4px; font-weight:600; line-height:12px; background: #f2f4fb;}
.popup .popup_container .popup_content a:hover {color:#4361ee;}

.editor-wrap .hr {height:1px; margin:16px 0; border-top: 1px dotted #c7cbd7;}
.editor-wrap .style-box {display: none;}
.popup_data dd.half .form-select, .popup_data dd.half .select-styled {float:left; width:20%; height:34px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right:0;}
.popup_data dd.half .select-options {width:20%; top:35px;}
.attach-type {display: none; float:left; width:80%;}


.editor-wrap .stage {position: absolute; right:360px; top:60px; left:360px; bottom:0; display: flex; align-items: center; padding:60px;}
.editor-wrap .stage .docu {position: absolute; left:20px; top:20px;}
.editor-wrap .stage .docu .form-select {width: 140px;}
.editor-wrap .stage .document {box-shadow: 0 0 10px rgba(80, 88, 125, 0.1); z-index:1; background:#fff; width:360px; min-height:740px; margin: 0 auto; position: relative;}
.editor-wrap .stage .document.pr {min-height:300px; display: none;}
.editor-wrap .stage .document.ep {min-height:740px;}

.context-menu {cursor: pointer; position: absolute; right:20px; top:0; display: block; line-height:38px; height:38px; z-index: 99;}
.context-menu:after {content: '\F5D4'; font-size: 24px; cursor: pointer; font-family: bootstrap-icons;}
.context-menu-container {background: #fff; z-index: 1000; border-radius: 4px; position: absolute; display: none; border: 1px solid #dce0ea; min-width: 90px; top:30px; right:20px; box-shadow: 0 5px 5px rgba(80, 88, 125, 0.1);}
.context-menu-container > ul {margin: 0; padding: 0; list-style-type: none;}
.context-menu-container > ul > li {}
.context-menu-container > ul > li a {color:#14274E; font-size: 11px; padding: 6px 14px; display: block;}
.context-menu-container > ul > li:hover {background-color: #e9ebf5;}

.editor-wrap .func {position: absolute; right:20px; top:20px; width: auto;}
.editor-wrap .func .context-menu {cursor: pointer; position: static; right:0; top:0; display: inline-block; line-height:34px; height:34px; width:34px; text-align: center; vertical-align: top; border-radius: 4px; }
.editor-wrap .func .context-menu:after {content: '\F44B'; font-size: 27px; cursor: pointer; font-family: bootstrap-icons;}
.editor-wrap .func .context-menu-container {padding:10px 0; background: #fff; z-index: 1000; border-radius: 4px; position: absolute; display: none; border: 1px solid #dce0ea; min-width: 140px; top:34px; right:0px; box-shadow: 0 5px 5px rgba(80, 88, 125, 0.2);}
.editor-wrap .func .context-menu-container > ul {margin: 0; padding: 0; list-style-type: none;}
.editor-wrap .func .context-menu-container > ul > li {}
.editor-wrap .func .context-menu-container > ul > li a {color:#14274E; font-size: 11px; padding: 6px 14px; display: block;}
.editor-wrap .func .context-menu-container > ul > li a:hover {background-color: #e9ebf5;}

.temp-wrap {width:720px; margin:0 auto; position:relative;}
.temp-wrap .slider {margin: 0 auto; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1)}
.temp-wrap .slick-slide {margin: 0px;}
.temp-wrap .slick-slide img {width: 100%;}
.temp-wrap .slick-current {opacity: 1;}

.mont {font-family: 'Montserrat', sans-serif;}


/* dash board */
.band {
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-gap: 10px;
	padding-bottom:10px;
}

@media only screen and (min-width: 500px) {
	.band { grid-template-columns: 1fr 1fr; }  
	.item-graph { grid-column: 1/ span 2; }
}

@media only screen and (min-width: 850px) {
	.band { grid-template-columns: 1fr 1fr 1fr; }
	.band.qtr { grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1px;}
}

/* card */

.band .card {
	min-height: 100%;
	background: white;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: #444;
	position: relative;
	top: 0;
	transition: all .1s ease-in;
}

.band .card article {
	padding: 25px;
	display: flex;
	flex: 1;
	justify-content: space-between;
	flex-direction: column;
}

.band .card p { 
	flex: 1; /* make p grow to fill available space*/
	line-height: 1.4;
	margin:0;
}

.band h3 {
	font-size: 15px;
	margin: 0;
	line-height: 1em;
	position: relative;
	margin: 0 0 20px 0;
	font-weight:700;
}

.band h3 .more {position:absolute; right:-2px; top:-2px; color:#444;}
.band h3 .more .bi::before {font-size: 15px;}

/*
.band .card span {
	font-size: 12px;
	font-weight: bold;
	color: #999;
	margin: 20px 0 0 0;
}
*/

.item-status .card {background:#9098bb; }
.item-status .card * {color:#fff;}

/*matter*/
.band .card .matter {text-align:right; position:relative;}
.band .card .matter .bi::before {font-size: 52px;  position: absolute; left:0; color:#a5b1c9;}
.band .card .matter sub {bottom:0; font-size:12px; }
.band .card .matter .yd span {color:#a5b1c9; line-height:1; font-size:13px; position:relative;}
.band .card .matter .yd span::after {content:""; position: absolute; bottom:-1px; left:0; right:0; height:1px; background:#a5b1c9}
.band .card .matter .td {font-size:36px; line-height:1; font-weight: 400; letter-spacing: -1px; margin-top:5px;}
.band .card .matter.push .td {color:#01c0c8;}
.band .card .matter.sms .td {color:#ff845f;}
.band .card .matter.kakao .td {color:#f5c427;}
.band .card .matter.survey .td {color:#8e6fd6;}
.band .card .matter.push {background: url('../images/ico_dash01.png') left center no-repeat;}
.band .card .matter.sms {background: url('../images/ico_dash02.png') left center no-repeat;}
.band .card .matter.kakao {background: url('../images/ico_dash03.png') left center no-repeat;}
.band .card .matter.survey {background: url('../images/ico_dash04.png') left center no-repeat;}

.band .card .total {background: url('../images/ico_dash05.png') left center no-repeat; height:70px;}
.band .card .total .tot {text-align:right;}
.band .card .total .tot_count {text-align:right; font-size:50px; letter-spacing: -3px; line-height:1;}

.band .card .top10 {margin-top:10px; }
.band .card .top10 .title {font-family: 'Montserrat', sans-serif; padding-bottom:5px; margin-bottom:10px; border-bottom: 1px solid #a7aecd;}
.band .card .top10 .list {height:120px; margin:0; padding:0;}
.band .card .top10 .list li {line-height:24px; margin:0; padding:0; list-style:none;}
.band .card .top10 .list li span {margin-right:10px; }
.band .card .top10 .list.scroll_box {overflow: auto;}
.band .card .top10 .list.scroll_box::-webkit-scrollbar { width: 1px;}
.band .card .top10 .list.scroll_box:hover::-webkit-scrollbar {width: 1px;}
.band .card .top10 .list.scroll_box::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0); transition: transform 0.2s ease; }
.band .card .top10 .list.scroll_box:hover::-webkit-scrollbar-thumb { background-color: #fff;}
.band .card .top10 .list.scroll_box::-webkit-scrollbar-track { background-color: rgba(0,0,0,0); transition: transform 0.2s ease;}
.band .card .top10 .list.scroll_box:hover::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.1); }

.band .card .hori_bar {overflow:hidden; }
.band .card .hori_bar .total {height:70px; background:none; float:left; width:160px;}
.band .card .hori_bar .total .tot {text-align:left;}
.band .card .hori_bar .total .tot_count {text-align:left; font-size:50px; letter-spacing: -3px; line-height:1;}
.band .card .hori_bar .bar {width:calc(100% - 160px); float:left; margin:0; padding:0;}
.band .card .hori_bar .bar li {margin:0; padding:0; list-style:none; display:block; overflow:hidden; line-height:18px; margin-top:4px;}
.band .card .hori_bar .bar .serv {float:left; width:50px;}
.band .card .hori_bar .bar .rate {float:left; width:calc(100% - 150px); background:#fff; height:8px; position: relative; top: 5px;}
.band .card .hori_bar .bar .rate span {display:block; height:8px;}
.band .card .hori_bar .bar .rate span.push_bar {background:#01c0c8;}
.band .card .hori_bar .bar .rate span.sms_bar {background:#ff845f;}
.band .card .hori_bar .bar .rate span.kakao_bar {background:#f5c427;}
.band .card .hori_bar .bar .coun {float:right; width:100px; text-align:right;}

.band .card .tx {display:inline-block; width:40px; background:#e7e4d9; font-size:8px; font-family: 'Montserrat', sans-serif; padding:3px 0 2px 0; line-height:1; border-radius:8px;}
.band .card .rx {display:inline-block; width:40px; background:#cfe0f5; font-size:8px; font-family: 'Montserrat', sans-serif; padding:3px 0 2px 0; line-height:1; border-radius:8px;}

.band .card .ping ul {margin:0; padding:0;}
.band .card .ping ul li {margin:0; padding:0; list-style:none; line-height:26px; position: relative; border-bottom: 1px solid #f5f8fb;}
.band .card .ping ul li:first-child {border-top: 1px solid #f5f8fb;}
.band .card .ping ul li .green {display:inline-block; width:12px; height:12px; border-radius:6px; background:#1dbe7e; position: relative; top: 2px; margin-right:5px;}
.band .card .ping ul li .red {display:inline-block; width:12px; height:12px; border-radius:6px; background:#f95757; position: relative; top: 2px; margin-right:5px;}
.band .card .ping ul li a {display:inline-block; width:40px; border-radius:3px; background:#7b809a; font-size:9px; color:#fff; line-height:16px; text-align:center; position:absolute; right:0; top:7px;}

.band .card table.boardList { border-collapse:collapse; width:100%; margin:0; padding:0; border:0; font-size:11px;}
.band .card table.boardList th { font-weight:normal; background:#f2f4fb; position:relative; text-align: center; border: 1px solid #caccd3; padding:6px; height: auto;}
.band .card table.boardList td { text-align:center; padding:5px 0; position: relative; border: 1px solid #e9ebf5;}
.band .card table.boardList td.head {background:#f5f8fb;}
.band .card table.boardList td a {text-decoration:underline;}

/*graph*/
.bcBar svg .title-text{font-size:13px}
.bcBar .yaxis text,.bcBar .xaxis text{font-size:10px}
.bcBar .x_lines line,.bcBar .y_lines line{stroke:rgba(0,0,0,0.07);stroke-width:1px}
.bcBar .x_lines path,.bcBar .y_lines path{stroke-width:0}
.bcBar .legend_div{margin-top:5px}
.bcBar .legend_div ul{list-style-type:none;padding:0; text-align:right; margin:0;}
.bcBar .legend_div ul li{display:inline-block;vertical-align:middle;padding-left:20px}
.bcBar .legend_div ul li p{font-size:12px;padding:0 0 0 5px;margin:0;display:inline-block;vertical-align:top; line-height:12px;}
.bcBar .legend_div ul li div{display:inline-block;width:12px;height:12px}
.bcBar .svg_legend_div_side{display:table-cell;width:100%}
.bcBar .legend_div_side{margin-bottom:5px;display:table-cell;vertical-align:middle}
.bcBar .legend_div_side ul{list-style-type:none;padding:0;display:table}
.bcBar .legend_div_side ul li{display:block}
.bcBar .legend_div_side ul li p{font-size:14px;padding:0 0 0 5px;margin:0;display:inline-block;vertical-align:top}
.bcBar .legend_div_side ul li div{display:inline-block;width:16px;height:16px}
.title-text {fill:#14274E !important;}

@media only screen and (max-width:768px){
	.bcBar .legend_div ul li{padding-right:25px}
	.bcBar .svg_legend_div_side,.bcBar .legend_div_side{display:table-row}
	.bcBar .legend_div_side ul{margin:auto}
	.bcBar .legend_div_side ul li{display:inline-block;padding-right:25px}
	.bcBar .legend_div ul li p,.bcBar .legend_div_side ul li p{font-size:12px;vertical-align:middle}
	.bcBar .legend_div ul li div,.bcBar .legend_div_side ul li div{width:12px;height:12px}
}

ul.tree {list-style-type: none; margin: 0; padding: 0; position: absolute; top:50px; left:0; bottom:0; right:0;}
ul.tree li {padding: 0 0 0 20px; position: relative; list-style:none;}
ul.tree ul:before {content:""; position:absolute; top:25px; left:8px; right:0; bottom:5px; width:1px; background:#e7e7e9;}
ul.tree li ul {padding: 0; margin: 0;}
ul.tree li label {cursor: pointer; display:block; padding: 10px 0; font-size: 13px; line-height: 15px; overflow:hidden; margin-bottom: 0;}
ul.tree li label.hover {}
ul.tree li label .thumb {width:30px; height:30px; border-radius:35%; background:url('../images/thumb.png') center no-repeat; background-size:cover; float:left;}
ul.tree li label span:nth-child(2) {line-height:30px; float:left; margin-left:10px;}
ul.tree li .arrow {width: 17px; height: 17px; padding: 0; margin: 0; cursor: pointer; background: transparent center no-repeat; position: absolute; top:10px; left:0;}
ul.tree li .collapsed { background-image: url('../images/ico_plus.png');}
ul.tree li .expanded { background-image: url('../images/ico_minus.png');}
ul.tree li .checkbox {width: 20px; height: 18px; padding: 0; margin: 0; cursor: pointer; background:url('../images/bg_checked-off.png') center no-repeat; background-size: 16px; position:absolute; top:10px; right:0;}
ul.tree li .checked {background:url('../images/bg_checked.png') center no-repeat; background-size: 16px;}

ul.client_list {margin:0; padding:0; }
ul.client_list li {margin:0; padding:0; list-style:none; margin-bottom:4px;}
ul.client_list li a {display: block; border: 1px solid #dce0ea; padding: 7px 10px; border-radius: 4px; color: #14274E; position: relative;}
ul.client_list li a.selected {background-color: #f2f4fb; color: #4361ee;}
ul.client_list li a.selected::after {content:"\F135"; position: absolute; top:4px; right:3px; font-family: bootstrap-icons; font-size: 18px;}

.selected-folder {
  background-color: #e0f7fa !important; /* 하이라이트 색상 */
  font-weight: bold; /* 강조 효과 */
  border-radius: 5px;
}

.jstree-contextmenu {
  z-index: 99999999 !important; /* 최상위에 위치하도록 설정 */
  position: absolute !important; /* z-index가 적용되도록 */
  background: #fff; /* 메뉴 배경색 */
  border: 1px solid #ccc; /* 경계선 */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 살짝 음영 추가 */
  padding: 10px; /* 내부 여백 */
  border-radius: 5px; /* 둥근 모서리 */
}

.nametag {box-shadow: 0 0 20px rgba(0,0,0,.2); padding:0; background:url('../images/bg_card.png') center top no-repeat; background-size: 100%; border: 1px solid #cad0d9; border-radius: 16px; overflow: hidden;}
.nametag .logo {display: flex; justify-content: space-between; align-items: center; padding: 20px;}
.nametag .logo img {max-width:70px;}
.nametag .logo a {color:#000;}
.nametag .content {display: flex; padding: 0 20px 20px; margin-left: 0; min-height:auto;}
.nametag .content .thumb {}
.nametag .content .thumb .photo {width:80px; height:80px; background:url('../images/thumb_card.png') center no-repeat; background-size: 100%; border-radius: 34px;}
.nametag .content .thumb .name {position: relative; width:80px; text-align:center; margin-top:5px;}
.nametag .content .thumb .name.white {color:#fff;}
.nametag .content .info {padding-left: 20px; width: calc(100% - 80px);}
.nametag .content .info .item {margin:0; font-size: 12px; margin-bottom:5px; display:flex;}
.nametag .content .info .item .bi {border-radius: 50%; width:24px; min-width: 24px; height:24px; background-color: rgba(184,188,199,.5); display:flex; justify-content: center;  align-items: center;}
.nametag .content .info .item .bi::before {font-size: 12px; color: #616673;}
.nametag .content .info .item .txt {display: inline-block; padding: 2px 0 0 8px; width: calc(100% - 28px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.nametag .content .info .item .txt p {margin:1px 0; line-height: 18px;}

.nametag.vertical {}
.nametag.vertical .content {display: block;}
.nametag.vertical .content .thumb {display: flex; flex-direction: column; align-items: center; padding-bottom:20px;}
.nametag.vertical .content .thumb .name {width: auto;}
.nametag.vertical .content .info {padding-left: 0; padding-top: 20px; width:100%;}
.nametag.vertical .content .info.line {border-top: 1px dotted #cad0d9;}

.nametag.dark {background:url('../images/bg_card_dark.png') center top no-repeat; background-size: 100%;}
.nametag.dark .logo a {color:#fff;}
.nametag.dark .content .info .item .bi {background-color: rgba(184,188,199,.5);}
.nametag.dark .content .info .item .bi::before {color: #161b30;}
.nametag.dark .content .info .item .txt p {margin:1px 0; line-height: 18px; color:#fff;}

.nametag.vertical.dark {background:url('../images/bg_card.png') center top no-repeat; background-size: 100%;}
.nametag.vertical.dark .content {background:url('../images/bg_card_dark2.png') center top 86px no-repeat; background-size: 100%;}
.nametag.vertical.dark .logo a {color:#000;}

.autority {padding: 0; margin: 0; border-bottom: 1px dotted #cad0d9;}
.autority li {list-style: none; line-height: 30px; position: relative; border-top: 1px dotted #cad0d9;}
.autority li::before {content: "-"; margin-right: 8px; display: inline-block;}
.autority li input[type=checkbox] {position: absolute; top: 8px; right: 0;}
.autority li ul {padding: 0; margin: 0;}
.autority li ul li {padding-left: 14px; font-size: 12px;}



/*20250718*/
.tab_rayer_setting { padding:0; }
.tab_rayer_setting.open {display:block;}
.tab_rayer_setting h3 {line-height:39px;}
.tab_rayer_setting h3 span {font-family: 'M PLUS 1', sans-serif; font-size: 11px; color:#7c84a0;}
/* .tab_rayer_setting .tab_btn_setting { position: relative; height:34px; margin: 0; padding: 0 0 0 1px; width:calc(100% + 1px);} */
.tab_rayer_setting .tab_btn_setting { position: relative; height:34px; margin: 0; padding: 0 0 0px; width:calc(133%);}
.tab_rayer_setting .tab_btn_setting li {float: left; width:calc(25% + 1px); margin-left:-1px; position: relative; border: 1px solid #e7e8eb; border-bottom: 1px solid #0049d3; border-radius: 2px 2px 0 0 ; list-style: none;}
.tab_rayer_setting .tab_btn_setting li:first-child {}
.tab_rayer_setting .tab_btn_setting li a { display: block; width: 100%; height: 100%; text-align: center; color: #7c839c; line-height: 32px;}
.tab_rayer_setting .tab_btn_setting li.on {border: 1px solid #0049d3; border-bottom: 1px solid #fff; position: relative; z-index:999; background: #fff;}
.tab_rayer_setting .tab_btn_setting li.on a {color: #0049d3;}
.tab_rayer_setting .tab_wrap_setting { padding: 20px 0 0; margin: 0;}
.tab_rayer_setting .tab_wrap_setting > li { display: none; }
.tab_rayer_setting .tab_wrap_setting > li.show { display: block; }
.tab_rayer_setting .tab_wrap_setting > li .foot {position:absolute; width:100%; bottom:0; border-top: 1px solid #e7e8eb; padding:10px 0 0; background:#fff;}
.tab_rayer_setting .tab_wrap_setting > li .scroll_box {padding-bottom: 60px;}
.tab_rayer_setting .tab_wrap_setting > li .scroll_box::-webkit-scrollbar { width: 0;}

.set_item {margin:0; padding:10px 0; }
.set_item dt {font-size:13px; padding:0 0 5px 7px; position: relative;}
.set_item dt:before {content:""; position:absolute; top:8px; left:0; width:3px; height:3px; background:#000;}
.set_item dt .blue {color: #0049d3;}
.set_item dd {margin:0; padding:1px 0;} 
.set_item dd.line {border-bottom: 1px solid #dce0ea; line-height:32px;}

.set_item dd input[type=text],.set_item dd input[type=password],.set_item dd input[type=file] {border: 1px solid #dce0ea; height: 34px; padding: 4px; border-radius:4px;}
.set_item dd input[type=radio] {display:none;}
.set_item dd input[type=radio] + label {height:18px; margin:0; padding-left:18px; line-height:18px; height:18px; display:inline-block; font-weight: normal; position: relative; margin-right: 10px;}
.set_item dd input[type=radio] + label:before {content:""; position:absolute; top:2px; left:0; width:14px; height:14px; border-radius:10px; border:3px solid #dce0ea; box-sizing:border-box;}
.set_item dd input[type=radio]:checked + label {color:#333;}
.set_item dd input[type=radio]:checked + label:before {content:""; position:absolute; top:2px; left:0; width:14px; height:14px; border-radius:10px; border:3px solid #dce0ea; background:#0049d3; box-sizing:border-box;}
.set_item dd input {width:100%;}
.set_item dd .audioplayer {margin-top:10px;}
.set_item dd .audioplayer-volume-adjust > div {width:250px;}
.set_item dd .btn {display: inline-block; color: #0049d3; border: 1px solid #e7e8eb; margin: 0; width: 100px; background: #f2f3f7; border-radius: 2px; text-align: center; line-height:28px;}

.half {width:48% !important; float:left;}
.to {width:4% !important; float:left; text-align:center; line-height:32px;}

.ip-input-container{
  display: block;
  font-size: 0;
  padding: 0;
  overflow:hidden;
  background:#fff;
  border-radius:3px;
}
.ip-input-container .ip-input-item{
  border: none !important;
  outline: 0;
  margin: 0;
  width: 24%;
  text-align: center;
  vertical-align: bottom;
  font-size: 13px;
  padding: 10px!important;
  float:left;
}
.ip-input-container .ip-input-item:focus { border: none; outline: 0;}
.ip-input-container .ip-input-dot{
  position: relative;
  width: 1%;
  height: 30px;
  float:left;
}
.ip-input-container .ip-input-dot:before{
  content:"";
  background:#000;
  position:absolute;
  bottom:0;
  width:2px;
  height:2px;
}

.set_item dd .ip-input-container  {border: 1px solid #dce0ea; border-radius:2px;}
.set_item dd .ip-input-container .ip-input-dot {height:22px;}

.tls-input {display: none; padding-top: 4px !important;}