/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/.pnpm/pretendard@1.3.8/node_modules/pretendard/dist/web/static/pretendard.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(../fonts/Pretendard-Black.woff2) format('woff2'), url(../fonts/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(../fonts/Pretendard-ExtraBold.woff2) format('woff2'), url(../fonts/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(../fonts/Pretendard-Bold.woff2) format('woff2'), url(../fonts/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(../fonts/Pretendard-SemiBold.woff2) format('woff2'), url(../fonts/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(../fonts/Pretendard-Medium.woff2) format('woff2'), url(../fonts/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(../fonts/Pretendard-Regular.woff2) format('woff2'), url(../fonts/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(../fonts/Pretendard-Light.woff2) format('woff2'), url(../fonts/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(../fonts/Pretendard-ExtraLight.woff2) format('woff2'), url(../fonts/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(../fonts/Pretendard-Thin.woff2) format('woff2'), url(../fonts/Pretendard-Thin.woff) format('woff');
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.67.0_webpack@5.88.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/main/resources/static/assets/scss/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*! bulma.io v0.9.0 | MIT License | github.com/jgthms/bulma */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

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

img,
video {
  max-width: 100%;
  height: auto;
}

iframe {
  border: 0;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

th,
td {
  padding: 0;
}
th:not([align]),
td:not([align]) {
  text-align: inherit;
}

html {
  min-width: 320px;
  font-size: 10px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
}

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

body,
button,
input,
select,
textarea,
text,
[class|=tui] {
  font-family: "Pretendard", Roboto, "Malgun Gothic", "맑은 고딕", Dotum, "돋움", sans-serif;
}

code,
pre {
  font-family: monospace;
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
}

body {
  font-size: 1.4rem;
  color: #000;
}

a {
  text-decoration: none;
  color: inherit;
}

label {
  cursor: pointer;
}

code {
  padding: 1em;
  background-color: hsl(0, 0%, 96%);
  font-size: 1rem;
  font-weight: 400;
  color: hsl(348, 86%, 61%);
}

hr {
  display: block;
  margin: 1rem auto;
  border: none;
  height: 1px;
  background-color: black;
}

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

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

small {
  font-size: 1rem;
}

strong {
  vertical-align: middle;
  font-weight: 700;
  color: black;
}

fieldset {
  border: none;
}

pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: 1em;
  background-color: hsl(0, 0%, 96%);
  white-space: pre;
  word-wrap: normal;
  font-size: 1.3rem;
  color: #333;
  font-family: "Pretendard", Roboto, "Malgun Gothic", "맑은 고딕", Dotum, "돋움", sans-serif;
}
pre code {
  padding: 0;
  background-color: transparent;
  font-size: 1rem;
  color: currentColor;
}

span {
  display: inline-block;
  vertical-align: middle;
}

:focus {
  outline: none;
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.has-text-default {
  color: #151515 !important;
}

a.has-text-default:hover, a.has-text-default:focus {
  color: bulmaDarken(#151515, 10%) !important;
}

.has-background-default {
  background-color: #151515 !important;
}

.has-text-default-light {
  color: #151515 !important;
}

a.has-text-default-light:hover, a.has-text-default-light:focus {
  color: bulmaDarken(#151515, 10%) !important;
}

.has-background-default-light {
  background-color: #151515 !important;
}

.has-text-default-dark {
  color: #333333 !important;
}

a.has-text-default-dark:hover, a.has-text-default-dark:focus {
  color: bulmaLighten(#333333, 10%) !important;
}

.has-background-default-dark {
  background-color: #333333 !important;
}

.has-text-default.is-secondary {
  color: #fff !important;
}

a.has-text-default.is-secondary:hover, a.has-text-default.is-secondary:focus {
  color: bulmaDarken(#fff, 10%) !important;
}

.has-background-default.is-secondary {
  background-color: #fff !important;
}

.has-text-default.is-secondary-light {
  color: #DBDBDB !important;
}

a.has-text-default.is-secondary-light:hover, a.has-text-default.is-secondary-light:focus {
  color: bulmaDarken(#DBDBDB, 10%) !important;
}

.has-background-default.is-secondary-light {
  background-color: #DBDBDB !important;
}

.has-text-default.is-secondary-dark {
  color: #d4d4d4 !important;
}

a.has-text-default.is-secondary-dark:hover, a.has-text-default.is-secondary-dark:focus {
  color: bulmaLighten(#d4d4d4, 10%) !important;
}

.has-background-default.is-secondary-dark {
  background-color: #d4d4d4 !important;
}

.has-text-outlined {
  color: white !important;
}

a.has-text-outlined:hover, a.has-text-outlined:focus {
  color: bulmaDarken(white, 10%) !important;
}

.has-background-outlined {
  background-color: white !important;
}

.has-text-outlined-light {
  color: #DBDBDB !important;
}

a.has-text-outlined-light:hover, a.has-text-outlined-light:focus {
  color: bulmaDarken(#DBDBDB, 10%) !important;
}

.has-background-outlined-light {
  background-color: #DBDBDB !important;
}

.has-text-outlined-dark {
  color: #f7f8f9 !important;
}

a.has-text-outlined-dark:hover, a.has-text-outlined-dark:focus {
  color: bulmaLighten(#f7f8f9, 10%) !important;
}

.has-background-outlined-dark {
  background-color: #f7f8f9 !important;
}

.has-text-outlined.is-secondary {
  color: white !important;
}

a.has-text-outlined.is-secondary:hover, a.has-text-outlined.is-secondary:focus {
  color: bulmaDarken(white, 10%) !important;
}

.has-background-outlined.is-secondary {
  background-color: white !important;
}

.has-text-outlined.is-secondary-light {
  color: #333 !important;
}

a.has-text-outlined.is-secondary-light:hover, a.has-text-outlined.is-secondary-light:focus {
  color: bulmaDarken(#333, 10%) !important;
}

.has-background-outlined.is-secondary-light {
  background-color: #333 !important;
}

.has-text-outlined.is-secondary-dark {
  color: #f5f5f5 !important;
}

a.has-text-outlined.is-secondary-dark:hover, a.has-text-outlined.is-secondary-dark:focus {
  color: bulmaLighten(#f5f5f5, 10%) !important;
}

.has-background-outlined.is-secondary-dark {
  background-color: #f5f5f5 !important;
}

.has-text-modify {
  color: #2878fa !important;
}

a.has-text-modify:hover, a.has-text-modify:focus {
  color: bulmaDarken(#2878fa, 10%) !important;
}

.has-background-modify {
  background-color: #2878fa !important;
}

.has-text-modify-light {
  color: #2878fa !important;
}

a.has-text-modify-light:hover, a.has-text-modify-light:focus {
  color: bulmaDarken(#2878fa, 10%) !important;
}

.has-background-modify-light {
  background-color: #2878fa !important;
}

.has-text-modify-dark {
  color: #629dff !important;
}

a.has-text-modify-dark:hover, a.has-text-modify-dark:focus {
  color: bulmaLighten(#629dff, 10%) !important;
}

.has-background-modify-dark {
  background-color: #629dff !important;
}

.has-text-modify.is-secondary {
  color: #f5f5f5 !important;
}

a.has-text-modify.is-secondary:hover, a.has-text-modify.is-secondary:focus {
  color: bulmaDarken(#f5f5f5, 10%) !important;
}

.has-background-modify.is-secondary {
  background-color: #f5f5f5 !important;
}

.has-text-modify.is-secondary-light {
  color: #e5e5e5 !important;
}

a.has-text-modify.is-secondary-light:hover, a.has-text-modify.is-secondary-light:focus {
  color: bulmaDarken(#e5e5e5, 10%) !important;
}

.has-background-modify.is-secondary-light {
  background-color: #e5e5e5 !important;
}

.has-text-modify.is-secondary-dark {
  color: #f5f5f5 !important;
}

a.has-text-modify.is-secondary-dark:hover, a.has-text-modify.is-secondary-dark:focus {
  color: bulmaLighten(#f5f5f5, 10%) !important;
}

.has-background-modify.is-secondary-dark {
  background-color: #f5f5f5 !important;
}

.has-text-search {
  color: #2878fa !important;
}

a.has-text-search:hover, a.has-text-search:focus {
  color: bulmaDarken(#2878fa, 10%) !important;
}

.has-background-search {
  background-color: #2878fa !important;
}

.has-text-search-light {
  color: #2878fa !important;
}

a.has-text-search-light:hover, a.has-text-search-light:focus {
  color: bulmaDarken(#2878fa, 10%) !important;
}

.has-background-search-light {
  background-color: #2878fa !important;
}

.has-text-search-dark {
  color: #629dff !important;
}

a.has-text-search-dark:hover, a.has-text-search-dark:focus {
  color: bulmaLighten(#629dff, 10%) !important;
}

.has-background-search-dark {
  background-color: #629dff !important;
}

.has-text-shuffle {
  color: white !important;
}

a.has-text-shuffle:hover, a.has-text-shuffle:focus {
  color: bulmaDarken(white, 10%) !important;
}

.has-background-shuffle {
  background-color: white !important;
}

.has-text-shuffle-light {
  color: #dedede !important;
}

a.has-text-shuffle-light:hover, a.has-text-shuffle-light:focus {
  color: bulmaDarken(#dedede, 10%) !important;
}

.has-background-shuffle-light {
  background-color: #dedede !important;
}

.has-text-shuffle-dark {
  color: white !important;
}

a.has-text-shuffle-dark:hover, a.has-text-shuffle-dark:focus {
  color: bulmaLighten(white, 10%) !important;
}

.has-background-shuffle-dark {
  background-color: white !important;
}

.has-text-ghost {
  color: transparent !important;
}

a.has-text-ghost:hover, a.has-text-ghost:focus {
  color: bulmaDarken(transparent, 10%) !important;
}

.has-background-ghost {
  background-color: transparent !important;
}

.has-text-ghost-light {
  color: transparent !important;
}

a.has-text-ghost-light:hover, a.has-text-ghost-light:focus {
  color: bulmaDarken(transparent, 10%) !important;
}

.has-background-ghost-light {
  background-color: transparent !important;
}

.has-text-ghost-dark {
  color: #e5e5e5 !important;
}

a.has-text-ghost-dark:hover, a.has-text-ghost-dark:focus {
  color: bulmaLighten(#e5e5e5, 10%) !important;
}

.has-background-ghost-dark {
  background-color: #e5e5e5 !important;
}

.has-text-info {
  color: #0032fa !important;
}

a.has-text-info:hover, a.has-text-info:focus {
  color: bulmaDarken(#0032fa, 10%) !important;
}

.has-background-info {
  background-color: #0032fa !important;
}

.has-text-success {
  color: #24a148 !important;
}

a.has-text-success:hover, a.has-text-success:focus {
  color: bulmaDarken(#24a148, 10%) !important;
}

.has-background-success {
  background-color: #24a148 !important;
}

.has-text-warning {
  color: #f1c21b !important;
}

a.has-text-warning:hover, a.has-text-warning:focus {
  color: bulmaDarken(#f1c21b, 10%) !important;
}

.has-background-warning {
  background-color: #f1c21b !important;
}

.has-text-error {
  color: #da1e28 !important;
}

a.has-text-error:hover, a.has-text-error:focus {
  color: bulmaDarken(#da1e28, 10%) !important;
}

.has-background-error {
  background-color: #da1e28 !important;
}

.has-text-white-bis {
  color: hsl(0, 0%, 98%) !important;
}

.has-background-white-bis {
  background-color: hsl(0, 0%, 98%) !important;
}

.has-text-white-ter {
  color: hsl(0, 0%, 96%) !important;
}

.has-background-white-ter {
  background-color: hsl(0, 0%, 96%) !important;
}

.has-text-grey-lighter {
  color: hsl(0, 0%, 86%) !important;
}

.has-background-grey-lighter {
  background-color: hsl(0, 0%, 86%) !important;
}

.has-text-grey-light {
  color: hsl(0, 0%, 71%) !important;
}

.has-background-grey-light {
  background-color: hsl(0, 0%, 71%) !important;
}

.has-text-grey {
  color: hsl(0, 0%, 48%) !important;
}

.has-background-grey {
  background-color: hsl(0, 0%, 48%) !important;
}

.has-text-grey-dark {
  color: hsl(0, 0%, 29%) !important;
}

.has-background-grey-dark {
  background-color: hsl(0, 0%, 29%) !important;
}

.has-text-grey-darker {
  color: hsl(0, 0%, 21%) !important;
}

.has-background-grey-darker {
  background-color: hsl(0, 0%, 21%) !important;
}

.has-text-black-ter {
  color: hsl(0, 0%, 14%) !important;
}

.has-background-black-ter {
  background-color: hsl(0, 0%, 14%) !important;
}

.has-text-black-bis {
  color: hsl(0, 0%, 7%) !important;
}

.has-background-black-bis {
  background-color: hsl(0, 0%, 7%) !important;
}

.color-var {
  display: inline-block;
  vertical-align: middle;
}

.is-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.is-pulled-left {
  float: left !important;
}

.is-pulled-right {
  float: right !important;
}

.is-radiusless {
  border-radius: 0 !important;
}

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

.is-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

.is-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

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

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

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

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

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

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

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

.mt-1 {
  margin-top: 4px !important;
}

.mr-1 {
  margin-right: 4px !important;
}

.mb-1 {
  margin-bottom: 4px !important;
}

.ml-1 {
  margin-left: 4px !important;
}

.mx-1 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mr-2 {
  margin-right: 8px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.ml-2 {
  margin-left: 8px !important;
}

.mx-2 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.mt-3 {
  margin-top: 12px !important;
}

.mr-3 {
  margin-right: 12px !important;
}

.mb-3 {
  margin-bottom: 12px !important;
}

.ml-3 {
  margin-left: 12px !important;
}

.mx-3 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.my-3 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.mt-4 {
  margin-top: 16px !important;
}

.mr-4 {
  margin-right: 16px !important;
}

.mb-4 {
  margin-bottom: 16px !important;
}

.ml-4 {
  margin-left: 16px !important;
}

.mx-4 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.my-4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

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

.mr-5 {
  margin-right: 20px !important;
}

.mb-5 {
  margin-bottom: 20px !important;
}

.ml-5 {
  margin-left: 20px !important;
}

.mx-5 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-5 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mt-6 {
  margin-top: 24px !important;
}

.mr-6 {
  margin-right: 24px !important;
}

.mb-6 {
  margin-bottom: 24px !important;
}

.ml-6 {
  margin-left: 24px !important;
}

.mx-6 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.my-6 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

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

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

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

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

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

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

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

.pr-1 {
  padding-right: 4px !important;
}

.pb-1 {
  padding-bottom: 4px !important;
}

.pl-1 {
  padding-left: 4px !important;
}

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

.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

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

.pr-2 {
  padding-right: 8px !important;
}

.pb-2 {
  padding-bottom: 8px !important;
}

.pl-2 {
  padding-left: 8px !important;
}

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

.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

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

.pr-3 {
  padding-right: 12px !important;
}

.pb-3 {
  padding-bottom: 12px !important;
}

.pl-3 {
  padding-left: 12px !important;
}

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

.py-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

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

.pr-4 {
  padding-right: 16px !important;
}

.pb-4 {
  padding-bottom: 16px !important;
}

.pl-4 {
  padding-left: 16px !important;
}

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

.py-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

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

.pr-5 {
  padding-right: 20px !important;
}

.pb-5 {
  padding-bottom: 20px !important;
}

.pl-5 {
  padding-left: 20px !important;
}

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

.py-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

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

.pr-6 {
  padding-right: 24px !important;
}

.pb-6 {
  padding-bottom: 24px !important;
}

.pl-6 {
  padding-left: 24px !important;
}

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

.py-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.is-marginless {
  margin: 0 !important;
}

.is-paddingless {
  padding: 0 !important;
}

.is-size-1 {
  font-size: 0.6875rem !important;
}

.is-size-2 {
  font-size: 0.875rem !important;
}

.is-size-3 {
  font-size: 1rem !important;
}

.is-size-4 {
  font-size: 1.25rem !important;
}

.is-size-5 {
  font-size: 1.75rem !important;
}

.is-size-6 {
  font-size: 2rem !important;
}

.is-size-7 {
  font-size: 2.625rem !important;
}

.is-size-8 {
  font-size: 3.375rem !important;
}

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

.has-text-justified {
  text-align: justify !important;
}

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

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

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

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

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

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

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

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

.has-text-weight-medium {
  font-weight: 500 !important;
}

.has-text-weight-semibold {
  font-weight: 600 !important;
}

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

.is-family-primary {
  font-family: "Pretendard", Roboto, "Malgun Gothic", "맑은 고딕", Dotum, "돋움", sans-serif !important;
}

.is-family-secondary {
  font-family: "Pretendard", Roboto, "Malgun Gothic", "맑은 고딕", Dotum, "돋움", sans-serif !important;
}

.is-family-sans-serif {
  font-family: "Pretendard", Roboto, "Malgun Gothic", "맑은 고딕", Dotum, "돋움", sans-serif !important;
}

.is-family-monospace {
  font-family: monospace !important;
}

.is-family-code {
  font-family: monospace !important;
}

.label_01,
.helper-text_01 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
}
.label_01.is-error,
.helper-text_01.is-error {
  color: #da1e28;
}

.body_01_short {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
}

.body_01_long {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.body_02_short {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.625rem;
}

.body_02_long {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.heading_01 {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.heading_02 {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 500;
}

.heading_03 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
}

.heading_04 {
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 400;
}

.heading_05 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 300;
}

.heading_06 {
  font-size: 2.625rem;
  line-height: 3.125rem;
  font-weight: 300;
}

.heading_07 {
  font-size: 3.375rem;
  line-height: 4rem;
  font-weight: 300;
}

.is-required {
  position: relative;
}
.is-required::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -9px;
  width: 5px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3Csvg width=%275%27 height=%275%27 viewBox=%270 0 5 5%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.98953 5H2.98429L2.90576 3.16583L4.50262 4.17085L5 3.34171L3.29843 2.51256L5 1.68342L4.50262 0.854271L2.90576 1.83417L2.98429 0H1.98953L2.09424 1.83417L0.471204 0.854271L0 1.68342L1.70157 2.51256L0 3.34171L0.471204 4.17085L2.09424 3.16583L1.98953 5Z%27 fill=%27%23BD0000%27/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}

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

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

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

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

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

.is-hidden {
  display: none !important;
}

.is-sr-only {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: none !important;
  padding: 0 !important;
  width: 0.01em !important;
  height: 0.01em !important;
  white-space: nowrap !important;
}

.is-invisible {
  visibility: hidden !important;
}

.columns {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
.columns + .columns {
  margin-top: 10px;
}
.columns > * {
  width: 100%;
  max-width: 100%;
}
.columns.is-container {
  min-width: 1600px;
  background-color: #F2F5F6;
}
.columns.is-main {
  padding: 40px 40px 50px;
}
.columns.container-wrap {
  margin: 0 -10px !important;
}
.columns.container-wrap > .column {
  margin: 0 10px;
}
.columns.no-gutters, .columns.is-gapless {
  margin: 0;
}
.columns.no-gutters > .column, .columns.is-gapless > .column {
  padding: 0;
}
.columns > .column {
  flex: 1 0 0%;
  position: relative;
  width: 100%;
  padding: 10px;
}
.columns > .column .inner-container {
  height: 100%;
  padding: 20px 20px 30px;
  border-radius: 8px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: #FFF;
}
.columns > .column.column-1 {
  width: 8.33333333%;
  flex: 0 0 auto;
}
.columns > .column.column-2 {
  width: 16.66666667%;
  flex: 0 0 auto;
}
.columns > .column.column-3 {
  width: 25%;
  flex: 0 0 auto;
}
.columns > .column.column-4 {
  width: 33.33333333%;
  flex: 0 0 auto;
}
.columns > .column.column-5 {
  width: 41.66666667%;
  flex: 0 0 auto;
}
.columns > .column.column-6 {
  width: 50%;
  flex: 0 0 auto;
}
.columns > .column.column-7 {
  width: 58.33333333%;
  flex: 0 0 auto;
}
.columns > .column.column-8 {
  width: 66.66666667%;
  flex: 0 0 auto;
}
.columns > .column.column-9 {
  width: 75%;
  flex: 0 0 auto;
}
.columns > .column.column-10 {
  width: 83.33333333%;
  flex: 0 0 auto;
}
.columns > .column.column-11 {
  width: 91.66666667%;
  flex: 0 0 auto;
}
.columns > .column.column-12 {
  width: 100%;
  flex: 0 0 auto;
}
.columns > .column.column-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: auto;
}
.columns > .column.column-fix {
  flex: 0 0 auto;
  max-width: auto;
  box-sizing: content-box;
}
.columns > .column.offset-1 {
  margin-left: 8.33333333%;
}
.columns > .column.offset-2 {
  margin-left: 16.6666%;
}
.columns > .column.offset-3 {
  margin-left: 24.9999%;
}
.columns > .column.offset-4 {
  margin-left: 33.3333%;
}
.columns > .column.offset-5 {
  margin-left: 41.6665%;
}
.columns > .column.offset-6 {
  margin-left: 50%;
}

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

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

.tile {
  display: block;
  align-items: stretch;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: min-content;
}
.tile.is-ancestor {
  margin-top: -0.75rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}
.tile.is-child {
  margin: 0 !important;
}
.tile.is-parent {
  padding: 0.75rem;
}
.tile.is-vertical {
  flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}

.button {
  position: relative;
  font-size: 14px;
  appearance: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 4px;
  padding: 6px 12px;
  vertical-align: middle;
  background-color: transparent;
  cursor: pointer;
}
.button:focus, .button.is-focused {
  outline: none;
}
.button:focus::after, .button.is-focused::after {
  content: "";
}
.button[disabled], fieldset[disabled] .button {
  cursor: not-allowed;
}
.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.5 * 12px - 1px);
  margin-right: 3px;
}
.button .icon:last-child:not(:first-child) {
  margin-left: 3px;
  margin-right: calc(-0.5 * 12px - 1px);
}
.button.is-transparent {
  border: none;
}
.button.is-14 {
  padding: 0;
}
.button-chevron, .button.is-chevron {
  border: 1px solid #DBDBDB;
  padding: 0;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 4px;
}
.button-chevron .icon, .button.is-chevron .icon {
  width: 20px;
  height: 20px;
  fill: #8f8f8f;
}
.button-chevron.is-26, .button.is-chevron.is-26 {
  padding: 0;
  width: 26px;
  height: 26px;
}
.button-chevron:hover, .button.is-chevron:hover {
  border-color: #666;
}
.button-chevron:hover .icon, .button.is-chevron:hover .icon {
  fill: #666;
}
.button-chevron:focus, .button-chevron:active, .button.is-chevron:focus, .button.is-chevron:active {
  border-color: #666;
}
.button-chevron:focus .icon, .button-chevron:active .icon, .button.is-chevron:focus .icon, .button.is-chevron:active .icon {
  fill: #666;
}
.button-chevron[disabled], .button.is-chevron[disabled] {
  border-color: #D0D0D0;
}
.button-chevron[disabled] .icon, .button.is-chevron[disabled] .icon {
  fill: #D0D0D0;
}
.button-search {
  border-color: #151515;
  background-color: #151515;
  color: #fff;
}
.button-search:hover {
  border-color: #333333;
  background-color: #333333;
  color: #fff;
}
.button-search:focus, .button-search:active {
  border-color: #333333;
  background-color: #333333;
  color: #fff;
}
.button-search[disabled] {
  border-color: #E9E9E9;
  background-color: #E9E9E9;
  color: #fff;
}
.button-search .icon_operations_search {
  width: 18px !important;
  height: 18px !important;
}
.button-search, .button.is-search {
  border: none;
  padding-right: 0;
  padding-left: 0;
  width: 70px;
  height: 32px;
  font-weight: 500;
}
.button-search .icon_operations_search,
.button-search .icon.is-operations-search, .button.is-search .icon_operations_search,
.button.is-search .icon.is-operations-search {
  margin-left: inherit !important;
  margin-right: 3px !important;
}
.button.is-rounded {
  border-radius: 50%;
  padding-left: calc(12px + 0.25em);
  padding-right: calc(12px + 0.25em);
}
.button.is-fullwidth {
  display: flex;
  width: 100% !important;
}
.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading::after {
  content: "";
  display: block;
  position: relative;
  border: 2px solid hsl(0, 0%, 86%);
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation: spinAround 500ms infinite linear;
  position: absolute;
  top: calc(50% - 1em / 2);
  left: calc(50% - 1em / 2);
  position: absolute !important;
}
.button.is-static {
  border-color: #e5e5e5;
  background-color: hsl(0, 0%, 96%);
  color: #cacaca;
  pointer-events: none;
}
.button.is-small {
  padding: 0;
  width: 27px;
  height: 27px;
}
.button.is-small .icon {
  width: 20px;
  height: 20px;
}
.button.is-normal {
  font-size: 0.875rem;
}
.button.is-medium {
  font-size: 1rem;
}
.button.is-large {
  font-size: 1.25rem;
}
.button.is-default {
  border-color: #151515;
  background-color: #151515;
  color: white;
}
.button.is-default:hover, .button.is-default.is-hovered {
  border-color: #333333;
  color: white;
}
fieldset[disabled] .button.is-default, .button.is-default[disabled] {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
  color: #fff;
}
.button.is-default.is-secondary {
  border-color: #DBDBDB;
  background-color: #fff;
  color: #333;
}
.button.is-default.is-secondary:hover, .button.is-default.is-secondary.is-hovered {
  border-color: #d4d4d4;
  color: #333;
}
fieldset[disabled] .button.is-default.is-secondary, .button.is-default.is-secondary[disabled] {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
  color: #fff;
}
.button.is-outlined {
  border-color: #DBDBDB;
  background-color: white;
  color: #333333;
}
.button.is-outlined:hover, .button.is-outlined.is-hovered {
  border-color: #666666;
  color: #333333;
}
fieldset[disabled] .button.is-outlined, .button.is-outlined[disabled] {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
  color: #fff;
}
.button.is-outlined.is-secondary {
  border-color: #333;
  background-color: white;
  color: #333;
}
.button.is-outlined.is-secondary:hover, .button.is-outlined.is-secondary.is-hovered {
  border-color: #333;
  color: #333;
}
fieldset[disabled] .button.is-outlined.is-secondary, .button.is-outlined.is-secondary[disabled] {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
  color: #fff;
}
.button.is-modify {
  border-color: #2878fa;
  background-color: #2878fa;
  color: white;
}
.button.is-modify:hover, .button.is-modify.is-hovered {
  border-color: #629dff;
  color: white;
}
fieldset[disabled] .button.is-modify, .button.is-modify[disabled] {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
  color: #fff;
}
.button.is-modify.is-secondary {
  border-color: #e5e5e5;
  background-color: #f5f5f5;
  color: #585858;
}
.button.is-modify.is-secondary:hover, .button.is-modify.is-secondary.is-hovered {
  border-color: #0354ff;
  color: #333;
}
fieldset[disabled] .button.is-modify.is-secondary, .button.is-modify.is-secondary[disabled] {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
  color: #fff;
}
.button.is-search {
  border-color: #2878fa;
  background-color: #2878fa;
  color: white;
}
.button.is-search:hover, .button.is-search.is-hovered {
  border-color: #629dff;
  color: white;
}
fieldset[disabled] .button.is-search, .button.is-search[disabled] {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
  color: #fff;
}
.button.is-shuffle {
  border-color: #dedede;
  background-color: white;
  color: #dedede;
}
.button.is-shuffle:hover, .button.is-shuffle.is-hovered {
  border-color: #0354ff;
  color: #0354ff;
}
fieldset[disabled] .button.is-shuffle, .button.is-shuffle[disabled] {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
  color: #fff;
}
.button.is-ghost {
  border-color: transparent;
  background-color: transparent;
  color: #0043ce;
}
.button.is-ghost:hover, .button.is-ghost.is-hovered {
  border-color: #e5e5e5;
  color: #0043ce;
}
fieldset[disabled] .button.is-ghost, .button.is-ghost[disabled] {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
  color: #fff;
}
.button.is-info {
  border-color: #0032fa;
  background-color: #0032fa;
  color: findColorInvert(#0032fa);
}
.button.is-success {
  border-color: #24a148;
  background-color: #24a148;
  color: findColorInvert(#24a148);
}
.button.is-warning {
  border-color: #f1c21b;
  background-color: #f1c21b;
  color: findColorInvert(#f1c21b);
}
.button.is-error {
  border-color: #da1e28;
  background-color: #da1e28;
  color: findColorInvert(#da1e28);
}
.button.is-default {
  min-width: 94px;
  height: 32px;
}
.button.is-3b82f6 {
  border: none;
  background-color: #151515;
  color: white;
}

.buttons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.buttons .button:not(:last-child):not(.is-fullwidth), .buttons .button-chevron:not(:last-child):not(.is-fullwidth), .buttons .button.is-chevron:not(:last-child):not(.is-fullwidth) {
  margin-right: 0.4em;
}
.buttons:not(:last-child) {
  margin-bottom: 10px;
}
.buttons.has-addons .button:not(:first-child), .buttons.have-addons .button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child), .buttons.have-addons .button:not(:last-child) {
  margin-right: -1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.buttons.has-addons .button:last-child, .buttons.have-addons .button:last-child {
  margin-right: 0;
}
.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered, .buttons.have-addons .button:hover, .buttons.have-addons .button.is-hovered {
  z-index: 2;
}
.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-active, .buttons.have-addons .button:focus, .buttons.have-addons .button.is-focused, .buttons.have-addons .button:active, .buttons.have-addons .button.is-active, .buttons.have-addons .button.is-active {
  z-index: 3;
}
.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-active:hover, .buttons.have-addons .button:focus:hover, .buttons.have-addons .button.is-focused:hover, .buttons.have-addons .button:active:hover, .buttons.have-addons .button.is-active:hover, .buttons.have-addons .button.is-active:hover {
  z-index: 4;
}
.buttons.has-addons .button.is-expanded, .buttons.have-addons .button.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.buttons.is-centered, .buttons.are-centered {
  justify-content: center;
}
.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth), .buttons.are-centered:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.buttons.is-right, .buttons.are-right {
  justify-content: flex-end;
}
.buttons.are-vertical {
  flex-direction: column;
}
.buttons.are-vertical .button:not(:last-child):not(.is-fullwidth) {
  margin-right: 0;
  margin-bottom: 0.3em;
}
.buttons.are-vertical .button-chevron:not(:last-child),
.buttons.are-vertical .button.is-chevron:not(:last-child) {
  margin-right: 0 !important;
  margin-bottom: 0.3em;
}
.buttons.with-title {
  margin-bottom: -32px;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  padding: 0;
  width: 27px;
  height: 27px;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) .icon {
  width: 20px;
  height: 20px;
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  font-size: 1rem;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  font-size: 1.25rem;
}

#btnExcelDownload {
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_513_7567%29%27%3E%3Cpath d=%27M14 14H0V0H14V14ZM1.345 12.591H12.652V1.409H1.345%27 fill=%27%2308743B%27/%3E%3Cpath d=%27M11.2972 10.621H8.7712L7.0472 8.183L5.2372 10.619H2.7002L5.8482 6.663L3.3062 3.2H5.8692L7.0602 5.083L8.3282 3.2H10.9362L8.2702 6.663L11.2972 10.621Z%27 fill=%27%2308743B%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_513_7567%27%3E%3Crect width=%2714%27 height=%2714%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left 12px top 9px;
  padding: 6px 12px 6px 31px;
  line-height: 20px;
}
#btnExcelDownload:hover, #btnExcelDownload:focus {
  background-color: #fff;
}

/* Fill: 저장, 등록, 승인 */
/* Line: 추가, 삭제, 수정, 취소 */
#btnSaveGrid, #btnSave, #btnUserSave, #btnSaveGrid1, #btnSaveBas, #btnDraft {
  background-color: #151515;
  border-color: #151515;
  color: #fff;
}
#btnSaveGrid:hover, #btnSaveGrid:focus, #btnSave:hover, #btnSave:focus, #btnUserSave:hover, #btnUserSave:focus, #btnSaveGrid1:hover, #btnSaveGrid1:focus, #btnSaveBas:hover, #btnSaveBas:focus {
  background-color: #333;
}
#btnSaveGrid[disabled], #btnSave[disabled], #btnUserSave[disabled], #btnSaveGrid1[disabled], #btnSaveBas[disabled] {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
  color: #fff;
}

#btnAddRow, #btnRemoveRow, #btnNew, #btnModify, #btnDelete, #btnUserDelete, #btnUserNew, #btnRemoveRow1 {
  border-color: #333;
  background-color: #fff;
  color: #333;
}
#btnAddRow:hover, #btnAddRow:focus, #btnRemoveRow:hover, #btnRemoveRow:focus, #btnNew:hover, #btnNew:focus, #btnModify:hover, #btnModify:focus, #btnDelete:hover, #btnDelete:focus, #btnUserDelete:hover, #btnUserDelete:focus, #btnUserNew:hover, #btnUserNew:focus, #btnRemoveRow1:hover, #btnRemoveRow1:focus {
  background-color: #F4F4F4;
}
#btnAddRow[disabled], #btnRemoveRow[disabled], #btnNew[disabled], #btnModify[disabled], #btnDelete[disabled], #btnUserDelete[disabled], #btnUserNew[disabled], #btnRemoveRow1[disabled] {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
  color: #fff;
}

.square-search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 4px;
  border: 1px solid #DBDBDB;
  vertical-align: top;
  text-indent: -999em;
  cursor: pointer;
  color: transparent;
  background-color: #FFF;
}
.square-search-btn::after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2718%27 viewBox=%270 0 18 18%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M5.22258 5.47297C3.73913 6.95642 3.73913 9.36157 5.22258 10.845C6.70603 12.3285 9.11118 12.3285 10.5946 10.845C12.0781 9.36157 12.0781 6.95642 10.5946 5.47297C9.11118 3.98952 6.70603 3.98952 5.22258 5.47297ZM4.23067 11.8369C2.1994 9.80566 2.1994 6.51233 4.23067 4.48106C6.26194 2.44979 9.55527 2.44979 11.5865 4.48106C13.6178 6.51233 13.6178 9.80566 11.5865 11.8369C9.55527 13.8682 6.26194 13.8682 4.23067 11.8369Z%27 fill=%27%23666666%27/%3E%3Cpath d=%27M10.7373 10.987L14.9799 15.2296%27 stroke=%27%23666666%27 stroke-width=%271.5%27/%3E%3C/svg%3E%0A");
}
.square-search-btn:hover, .square-search-btn:focus {
  border-color: #666;
}
.square-search-btn[disabled] {
  border-color: #E9E9E9 !important;
}
.square-search-btn[disabled]::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2718%27 viewBox=%270 0 18 18%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M5.22258 5.47297C3.73913 6.95642 3.73913 9.36157 5.22258 10.845C6.70603 12.3285 9.11118 12.3285 10.5946 10.845C12.0781 9.36157 12.0781 6.95642 10.5946 5.47297C9.11118 3.98952 6.70603 3.98952 5.22258 5.47297ZM4.23067 11.8369C2.1994 9.80566 2.1994 6.51233 4.23067 4.48106C6.26194 2.44979 9.55527 2.44979 11.5865 4.48106C13.6178 6.51233 13.6178 9.80566 11.5865 11.8369C9.55527 13.8682 6.26194 13.8682 4.23067 11.8369Z%27 fill=%27%23D0D0D0%27/%3E%3Cpath d=%27M10.7373 10.987L14.9799 15.2296%27 stroke=%27%23D0D0D0%27 stroke-width=%271.5%27/%3E%3C/svg%3E%0A");
}
.is-exception .square-search-btn {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px 12px;
  text-indent: 0;
  color: #000;
  background-color: #fff;
}
.is-exception .square-search-btn::after {
  display: none;
}

.checkbox {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.checkbox input {
  display: none;
}
.checkbox input:checked ~ .input_button,
.checkbox input:checked ~ .input-box {
  border-color: #151515;
}
.checkbox input:disabled ~ .input_button,
.checkbox input:disabled ~ .input-box, fieldset[disabled] .checkbox input ~ .input_button,
fieldset[disabled] .checkbox input ~ .input-box {
  border-color: #E9E9E9;
  cursor: not-allowed;
}
.checkbox input:disabled ~ span, fieldset[disabled] .checkbox input ~ span {
  color: #D0D0D0 !important;
  cursor: not-allowed;
}
.checkbox input[readonly] ~ .input_button,
.checkbox input[readonly] ~ .input-box {
  border-color: #E9E9E9;
  background-color: #F6F6F6;
}
.checkbox input[readonly] ~ .input_button:hover,
.checkbox input[readonly] ~ .input-box:hover {
  border-color: #E9E9E9;
}
.checkbox input[readonly] ~ span {
  color: #000;
}
.checkbox .input_button,
.checkbox .input-box {
  display: inline-flex;
  align-items: center;
  position: relative;
  border: 1px solid #C3C3C3;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
.checkbox .input_button:focus, .checkbox .input_button.is-focused,
.checkbox .input-box:focus,
.checkbox .input-box.is-focused {
  border-color: #151515;
}
.checkbox span {
  user-select: none;
}
.checkbox + .checkbox,
.checkbox + .radio {
  margin-left: 0.5em;
}
.checkbox:hover .input_button,
.checkbox:hover .input-box, .checkbox.is-hovered .input_button,
.checkbox.is-hovered .input-box, .checkbox:focus .input_button,
.checkbox:focus .input-box, .checkbox.is-focused .input_button,
.checkbox.is-focused .input-box, .checkbox:active .input_button,
.checkbox:active .input-box, .checkbox.is-active .input_button,
.checkbox.is-active .input-box {
  border-color: #151515;
}
.checkbox:hover input[readonly] ~ .input_button,
.checkbox:hover input[readonly] ~ .input-box, .checkbox:focus input[readonly] ~ .input_button,
.checkbox:focus input[readonly] ~ .input-box {
  border-color: #E9E9E9;
}
.checkbox input:checked ~ .input_button,
.checkbox input:checked ~ .input-box {
  background-color: #151515;
}
.checkbox input:checked ~ .input_button::after,
.checkbox input:checked ~ .input-box::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 2px;
  width: 9px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3.96908 6.4793L3.8948 6.66499C3.96611 6.69352 4.04132 6.70638 4.11803 6.70638C4.19474 6.70638 4.26996 6.69352 4.34127 6.66499C4.4181 6.63426 4.48525 6.58451 4.54383 6.52593L9.75737 1.31238C9.87536 1.1944 9.93783 1.04678 9.93783 0.879818C9.93783 0.712852 9.87536 0.565241 9.75737 0.447251M3.96908 6.4793L9.75737 0.44725L9.61625 0.588377L9.75737 0.447251M3.96908 6.4793L3.8948 6.66499C3.81797 6.63426 3.75082 6.58451 3.69224 6.52593L1.2412 4.07489C1.12155 3.95524 1.06074 3.80468 1.06074 3.63555C1.06074 3.46641 1.12155 3.31586 1.2412 3.19621C1.35743 3.07998 1.50215 3.01576 1.66699 3.01576C1.83184 3.01576 1.97656 3.07998 2.09279 3.19621L4.11803 5.22145M3.96908 6.4793L4.11803 5.22145M9.75737 0.447251C9.63938 0.32926 9.49177 0.266797 9.32481 0.266797C9.15784 0.266797 9.01023 0.32926 8.89224 0.44725L4.11803 5.22145M9.75737 0.447251L4.11803 5.22145%27 fill=%27white%27 stroke=%27white%27 stroke-width=%270.4%27/%3E%3C/svg%3E%0A");
  background-size: 9px 6px;
}
.checkbox input:checked:disabled ~ .input_button,
.checkbox input:checked:disabled ~ .input-box, fieldset[disabled] .checkbox input:checked ~ .input_button,
fieldset[disabled] .checkbox input:checked ~ .input-box {
  border-color: #E9E9E9;
  background-color: #E9E9E9;
}
.checkbox input:checked[readonly] ~ .input_button,
.checkbox input:checked[readonly] ~ .input-box {
  border-color: #E9E9E9;
  background-color: #E9E9E9;
}
.checkbox .input_button,
.checkbox .input-box {
  border-radius: 4px;
  background-color: #FFF;
}
.checkbox .text {
  margin-left: 6px;
  line-height: 1.42;
}

.radio {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.radio input {
  display: none;
}
.radio input:checked ~ .input_button,
.radio input:checked ~ .input-box {
  border-color: #151515;
}
.radio input:disabled ~ .input_button,
.radio input:disabled ~ .input-box, fieldset[disabled] .radio input ~ .input_button,
fieldset[disabled] .radio input ~ .input-box {
  border-color: #E9E9E9;
  cursor: not-allowed;
}
.radio input:disabled ~ span, fieldset[disabled] .radio input ~ span {
  color: #D0D0D0 !important;
  cursor: not-allowed;
}
.radio input[readonly] ~ .input_button,
.radio input[readonly] ~ .input-box {
  border-color: #E9E9E9;
  background-color: #F6F6F6;
}
.radio input[readonly] ~ .input_button:hover,
.radio input[readonly] ~ .input-box:hover {
  border-color: #E9E9E9;
}
.radio input[readonly] ~ span {
  color: #000;
}
.radio .input_button,
.radio .input-box {
  display: inline-flex;
  align-items: center;
  position: relative;
  border: 1px solid #C3C3C3;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
.radio .input_button:focus, .radio .input_button.is-focused,
.radio .input-box:focus,
.radio .input-box.is-focused {
  border-color: #151515;
}
.radio span {
  user-select: none;
}
.radio + .checkbox,
.radio + .radio {
  margin-left: 0.5em;
}
.radio:hover .input_button,
.radio:hover .input-box, .radio.is-hovered .input_button,
.radio.is-hovered .input-box, .radio:focus .input_button,
.radio:focus .input-box, .radio.is-focused .input_button,
.radio.is-focused .input-box, .radio:active .input_button,
.radio:active .input-box, .radio.is-active .input_button,
.radio.is-active .input-box {
  border-color: #151515;
}
.radio:hover input[readonly] ~ .input_button,
.radio:hover input[readonly] ~ .input-box, .radio:focus input[readonly] ~ .input_button,
.radio:focus input[readonly] ~ .input-box {
  border-color: #E9E9E9;
}
.radio input:disabled ~ .input_button,
.radio input:disabled ~ .input-box, fieldset[disabled] .radio input ~ .input_button,
fieldset[disabled] .radio input ~ .input-box {
  background-color: #F6F6F6;
}
.radio input[readonly] ~ .input_button,
.radio input[readonly] ~ .input-box {
  background-color: #F6F6F6;
}
.radio input:checked ~ .input_button,
.radio input:checked ~ .input-box {
  background-color: #151515;
}
.radio input:checked ~ .input_button::after,
.radio input:checked ~ .input-box::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #FFF;
}
.radio input:checked:disabled ~ .input_button,
.radio input:checked:disabled ~ .input-box, fieldset[disabled] .radio input:checked ~ .input_button,
fieldset[disabled] .radio input:checked ~ .input-box {
  border-color: #E9E9E9;
  background-color: #E9E9E9;
}
.radio input:checked:disabled ~ .input_button::after,
.radio input:checked:disabled ~ .input-box::after, fieldset[disabled] .radio input:checked ~ .input_button::after,
fieldset[disabled] .radio input:checked ~ .input-box::after {
  background-color: #F6F6F6;
}
.radio input:checked[readonly] ~ .input_button,
.radio input:checked[readonly] ~ .input-box {
  border-color: #E9E9E9;
  background-color: #E9E9E9;
}
.radio input:checked[readonly] ~ .input_button::after,
.radio input:checked[readonly] ~ .input-box::after {
  background-color: #F6F6F6;
}
.radio .input_button,
.radio .input-box {
  margin-right: 6px;
  border-radius: 50%;
}

.tog_btn {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.tog_btn label {
  display: inline-flex;
  width: 15px;
  height: 15px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #C3C3C3;
  vertical-align: middle;
}
.tog_btn input {
  display: none;
}
.tog_btn input:checked ~ label {
  border-color: #151515;
  background-color: #151515;
}
.tog_btn input:checked ~ label::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 3px;
  width: 9px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3.96908 6.4793L3.8948 6.66499C3.96611 6.69352 4.04132 6.70638 4.11803 6.70638C4.19474 6.70638 4.26996 6.69352 4.34127 6.66499C4.4181 6.63426 4.48525 6.58451 4.54383 6.52593L9.75737 1.31238C9.87536 1.1944 9.93783 1.04678 9.93783 0.879818C9.93783 0.712852 9.87536 0.565241 9.75737 0.447251M3.96908 6.4793L9.75737 0.44725L9.61625 0.588377L9.75737 0.447251M3.96908 6.4793L3.8948 6.66499C3.81797 6.63426 3.75082 6.58451 3.69224 6.52593L1.2412 4.07489C1.12155 3.95524 1.06074 3.80468 1.06074 3.63555C1.06074 3.46641 1.12155 3.31586 1.2412 3.19621C1.35743 3.07998 1.50215 3.01576 1.66699 3.01576C1.83184 3.01576 1.97656 3.07998 2.09279 3.19621L4.11803 5.22145M3.96908 6.4793L4.11803 5.22145M9.75737 0.447251C9.63938 0.32926 9.49177 0.266797 9.32481 0.266797C9.15784 0.266797 9.01023 0.32926 8.89224 0.44725L4.11803 5.22145M9.75737 0.447251L4.11803 5.22145%27 fill=%27white%27 stroke=%27white%27 stroke-width=%270.4%27/%3E%3C/svg%3E%0A");
  background-size: 9px 6px;
}
.tog_btn input:disabled ~ label, fieldset[disabled] .tog_btn input ~ label {
  border-color: #E9E9E9;
  cursor: not-allowed;
}
.tog_btn input:disabled ~ span, fieldset[disabled] .tog_btn input ~ span {
  color: #D0D0D0 !important;
  cursor: not-allowed;
}
.tog_btn input[readonly] ~ label {
  border-color: #E9E9E9;
  background-color: #F6F6F6;
}
.tog_btn input[readonly] ~ label:hover {
  border-color: #E9E9E9;
}
.tog_btn input[readonly] ~ span {
  color: #000;
}

.file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  position: relative;
  align-items: stretch;
  justify-content: flex-start;
}
.file.is-default .file-cta {
  border-color: transparent;
  background-color: #151515;
  color: white;
}
.file.is-default:hover .file-cta, .file.is-default.is-hovered .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#151515, 2.5%);
  color: white;
}
.file.is-default:focus .file-cta, .file.is-default.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em bulmaRgba(#151515, 0.25);
  color: white;
}
.file.is-default:active .file-cta, .file.is-default.is-active .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#151515, 5%);
  color: white;
}
.file.is-default.is-secondary .file-cta {
  border-color: transparent;
  background-color: #fff;
  color: #333;
}
.file.is-default.is-secondary:hover .file-cta, .file.is-default.is-secondary.is-hovered .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#fff, 2.5%);
  color: #333;
}
.file.is-default.is-secondary:focus .file-cta, .file.is-default.is-secondary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em bulmaRgba(#fff, 0.25);
  color: #333;
}
.file.is-default.is-secondary:active .file-cta, .file.is-default.is-secondary.is-active .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#fff, 5%);
  color: #333;
}
.file.is-outlined .file-cta {
  border-color: transparent;
  background-color: white;
  color: #333333;
}
.file.is-outlined:hover .file-cta, .file.is-outlined.is-hovered .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(white, 2.5%);
  color: #333333;
}
.file.is-outlined:focus .file-cta, .file.is-outlined.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em bulmaRgba(white, 0.25);
  color: #333333;
}
.file.is-outlined:active .file-cta, .file.is-outlined.is-active .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(white, 5%);
  color: #333333;
}
.file.is-outlined.is-secondary .file-cta {
  border-color: transparent;
  background-color: white;
  color: #333;
}
.file.is-outlined.is-secondary:hover .file-cta, .file.is-outlined.is-secondary.is-hovered .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(white, 2.5%);
  color: #333;
}
.file.is-outlined.is-secondary:focus .file-cta, .file.is-outlined.is-secondary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em bulmaRgba(white, 0.25);
  color: #333;
}
.file.is-outlined.is-secondary:active .file-cta, .file.is-outlined.is-secondary.is-active .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(white, 5%);
  color: #333;
}
.file.is-modify .file-cta {
  border-color: transparent;
  background-color: #2878fa;
  color: white;
}
.file.is-modify:hover .file-cta, .file.is-modify.is-hovered .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#2878fa, 2.5%);
  color: white;
}
.file.is-modify:focus .file-cta, .file.is-modify.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em bulmaRgba(#2878fa, 0.25);
  color: white;
}
.file.is-modify:active .file-cta, .file.is-modify.is-active .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#2878fa, 5%);
  color: white;
}
.file.is-modify.is-secondary .file-cta {
  border-color: transparent;
  background-color: #f5f5f5;
  color: #585858;
}
.file.is-modify.is-secondary:hover .file-cta, .file.is-modify.is-secondary.is-hovered .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#f5f5f5, 2.5%);
  color: #585858;
}
.file.is-modify.is-secondary:focus .file-cta, .file.is-modify.is-secondary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em bulmaRgba(#f5f5f5, 0.25);
  color: #585858;
}
.file.is-modify.is-secondary:active .file-cta, .file.is-modify.is-secondary.is-active .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#f5f5f5, 5%);
  color: #585858;
}
.file.is-search .file-cta {
  border-color: transparent;
  background-color: #2878fa;
  color: white;
}
.file.is-search:hover .file-cta, .file.is-search.is-hovered .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#2878fa, 2.5%);
  color: white;
}
.file.is-search:focus .file-cta, .file.is-search.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em bulmaRgba(#2878fa, 0.25);
  color: white;
}
.file.is-search:active .file-cta, .file.is-search.is-active .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#2878fa, 5%);
  color: white;
}
.file.is-shuffle .file-cta {
  border-color: transparent;
  background-color: white;
  color: #dedede;
}
.file.is-shuffle:hover .file-cta, .file.is-shuffle.is-hovered .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(white, 2.5%);
  color: #dedede;
}
.file.is-shuffle:focus .file-cta, .file.is-shuffle.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em bulmaRgba(white, 0.25);
  color: #dedede;
}
.file.is-shuffle:active .file-cta, .file.is-shuffle.is-active .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(white, 5%);
  color: #dedede;
}
.file.is-ghost .file-cta {
  border-color: transparent;
  background-color: transparent;
  color: #0043ce;
}
.file.is-ghost:hover .file-cta, .file.is-ghost.is-hovered .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(transparent, 2.5%);
  color: #0043ce;
}
.file.is-ghost:focus .file-cta, .file.is-ghost.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em bulmaRgba(transparent, 0.25);
  color: #0043ce;
}
.file.is-ghost:active .file-cta, .file.is-ghost.is-active .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(transparent, 5%);
  color: #0043ce;
}
.file.is-info .file-cta {
  border-color: transparent;
  background-color: #0032fa;
  color: findColorInvert(#0032fa);
}
.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#0032fa, 2.5%);
  color: findColorInvert(#0032fa);
}
.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em bulmaRgba(#0032fa, 0.25);
  color: findColorInvert(#0032fa);
}
.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#0032fa, 5%);
  color: findColorInvert(#0032fa);
}
.file.is-success .file-cta {
  border-color: transparent;
  background-color: #24a148;
  color: findColorInvert(#24a148);
}
.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#24a148, 2.5%);
  color: findColorInvert(#24a148);
}
.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em bulmaRgba(#24a148, 0.25);
  color: findColorInvert(#24a148);
}
.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#24a148, 5%);
  color: findColorInvert(#24a148);
}
.file.is-warning .file-cta {
  border-color: transparent;
  background-color: #f1c21b;
  color: findColorInvert(#f1c21b);
}
.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#f1c21b, 2.5%);
  color: findColorInvert(#f1c21b);
}
.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em bulmaRgba(#f1c21b, 0.25);
  color: findColorInvert(#f1c21b);
}
.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#f1c21b, 5%);
  color: findColorInvert(#f1c21b);
}
.file.is-error .file-cta {
  border-color: transparent;
  background-color: #da1e28;
  color: findColorInvert(#da1e28);
}
.file.is-error:hover .file-cta, .file.is-error.is-hovered .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#da1e28, 2.5%);
  color: findColorInvert(#da1e28);
}
.file.is-error:focus .file-cta, .file.is-error.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em bulmaRgba(#da1e28, 0.25);
  color: findColorInvert(#da1e28);
}
.file.is-error:active .file-cta, .file.is-error.is-active .file-cta {
  border-color: transparent;
  background-color: bulmaDarken(#da1e28, 5%);
  color: findColorInvert(#da1e28);
}
.file.is-small {
  font-size: 0.6875rem;
}
.file.is-medium {
  font-size: 1rem;
}
.file.is-medium .file-icon .fa {
  font-size: 21px;
}
.file.is-large {
  font-size: 1.25rem;
}
.file.is-large .file-icon .fa {
  font-size: 28px;
}
.file.has-name .file-cta {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.file.has-name .file-name {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.file.has-name.is-empty .file-cta {
  border-radius: 4px;
}
.file.has-name.is-empty .file-name {
  display: none;
}
.file.is-boxed .file-label {
  flex-direction: column;
}
.file.is-boxed .file-cta {
  flex-direction: column;
  padding: 1em 3em;
  height: auto;
}
.file.is-boxed .file-name {
  border-width: 0 1px 1px;
}
.file.is-boxed .file-icon {
  width: 1.5em;
  height: 1.5em;
}
.file.is-boxed .file-icon .fa {
  font-size: 21px;
}
.file.is-boxed.is-small .file-icon .fa {
  font-size: 14px;
}
.file.is-boxed.is-medium .file-icon .fa {
  font-size: 28px;
}
.file.is-boxed.is-large .file-icon .fa {
  font-size: 35px;
}
.file.is-boxed.has-name .file-cta {
  border-radius: 4px 4px 0 0;
}
.file.is-boxed.has-name .file-name {
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
}
.file.is-centered {
  justify-content: center;
}
.file.is-fullwidth .file-label {
  width: 100%;
}
.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none;
}
.file.is-right {
  justify-content: flex-end;
}
.file.is-right .file-cta {
  border-radius: 0 4px 4px 0;
}
.file.is-right .file-name {
  order: -1;
  border-width: 1px 0 1px 1px;
  border-radius: 4px 0 0 4px;
}

.file-label {
  display: flex;
  position: relative;
  overflow: hidden;
  align-items: stretch;
  justify-content: flex-start;
  cursor: pointer;
}
.file-label:hover .file-cta {
  background-color: bulmaDarken(#FFF, 2.5%);
  color: #333;
}
.file-label:hover .file-name {
  border-color: bulmaDarken(DBDBDB, 2.5%);
}
.file-label:active .file-cta {
  background-color: bulmaDarken(#FFF, 5%);
  color: #333;
}
.file-label:active .file-name {
  border-color: bulmaDarken(DBDBDB, 5%);
}

.file-input {
  position: absolute;
  top: 0;
  left: 0;
  outline: none;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.file-cta,
.file-name {
  position: relative;
  font-size: 14px;
  appearance: none;
  justify-content: center;
  border-color: #DBDBDB;
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
  font-size: 14px;
}
.file-cta:focus, .file-cta.is-focused,
.file-name:focus,
.file-name.is-focused {
  outline: none;
}
.file-cta:focus::after, .file-cta.is-focused::after,
.file-name:focus::after,
.file-name.is-focused::after {
  content: "";
}
.file-cta[disabled], fieldset[disabled] .file-cta,
.file-name[disabled],
fieldset[disabled] .file-name {
  cursor: not-allowed;
}

.file-cta {
  border-width: 1px;
  padding: 0;
  width: 73px;
  height: 32px;
  cursor: pointer;
  background-color: #FFF;
  color: #333;
}

.file-name {
  display: block;
  overflow: hidden;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: DBDBDB;
  max-width: 16em;
  text-align: inherit;
  text-overflow: ellipsis;
}

.file-icon {
  margin-right: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
}
.file-icon .fa {
  font-size: 14px;
}

.file-upload .field.has-buttons .control:not(:last-child) {
  margin-right: 11px !important;
}
.file-upload .field:not(:last-child) {
  margin-bottom: 4px !important;
}
.file-upload .field-message .icon,
.file-upload .field .icon {
  margin-right: 4px;
  width: 13px;
}

.file-drop {
  display: none;
  box-shadow: none !important;
}
.file-drop > tr > td:not([align]) {
  height: 100px;
  border: 1px solid #F2F2F2;
  text-align: center;
  color: #BCBCBC;
}
.file-drop.is-active {
  display: table-footer-group;
}

.file-guide {
  position: relative;
  padding-left: 22px;
  line-height: 20px;
}
.file-guide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_513_7481%29%27%3E%3Cpath d=%27M9.99978 16.1111C13.3749 16.1111 16.1109 13.3751 16.1109 10C16.1109 6.62492 13.3749 3.88889 9.99978 3.88889C6.62471 3.88889 3.88867 6.62492 3.88867 10C3.88867 13.3751 6.62471 16.1111 9.99978 16.1111Z%27 fill=%27%239F9F9F%27/%3E%3Cpath d=%27M10 6.80556V11.25%27 stroke=%27white%27/%3E%3Cpath d=%27M10 12.0578V13.1689%27 stroke=%27white%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_513_7481%27%3E%3Crect width=%2720%27 height=%2720%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: 20px;
}

.input {
  position: relative;
  font-size: 14px;
  appearance: none;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  color: #000;
  max-width: 100%;
  width: 100%;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
}
.input:focus, .input.is-focused {
  outline: none;
}
.input:focus::after, .input.is-focused::after {
  content: "";
}
.input[disabled], fieldset[disabled] .input {
  cursor: not-allowed;
}
.input::-moz-placeholder {
  color: #BCBCBC;
}
.input::-webkit-input-placeholder {
  color: #BCBCBC;
}
.input:-moz-placeholder {
  color: #BCBCBC;
}
.input:-ms-input-placeholder {
  color: #BCBCBC;
}
.input:hover, .input.is-hovered {
  border-color: #535353;
}
.input:focus, .input.is-focused, .input:active, .input.is-active {
  border-color: #535353;
}
.input[readonly] {
  border-color: #E3E3E3 !important;
  background-color: #F4F4F4;
}
.input[disabled], fieldset[disabled] .input {
  border-color: #E3E3E3 !important;
  color: #D0D0D0;
  background-color: #F4F4F4;
}
.input[disabled]::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
  color: #D0D0D0;
}
.input[disabled]::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
  color: #D0D0D0;
}
.input[disabled]:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
  color: #D0D0D0;
}
.input[disabled]:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
  color: #D0D0D0;
}
.input.is-error {
  padding-right: 32px;
  border-color: #BD0000;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_513_4153%29%27%3E%3Cpath d=%27M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5Z%27 fill=%27%23BD0000%27/%3E%3Cpath d=%27M12 9V13%27 stroke=%27white%27 stroke-width=%271.5%27/%3E%3Cpath d=%27M12 14V15.5%27 stroke=%27white%27 stroke-width=%271.5%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_513_4153%27%3E%3Crect width=%2724%27 height=%2724%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 4px);
  background-size: 24px;
}
.input.is-small {
  font-size: 0.6875rem;
}
.input.is-medium {
  font-size: 1rem;
}
.input.is-large {
  font-size: 1.25rem;
}
.input.is-fullwidth {
  display: block;
  width: 100%;
}
.input.is-inline {
  display: inline;
  width: auto;
}
.input.is-rounded {
  border-radius: 50%;
  padding-left: calc(calc(0.75em - 1px) + 0.375em);
  padding-right: calc(calc(0.75em - 1px) + 0.375em);
}
.input.is-static {
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  box-shadow: none;
}

.textarea {
  position: relative;
  font-size: 14px;
  appearance: none;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  color: #000;
  max-width: 100%;
  width: 100%;
  display: block;
  padding: 6px 10px;
  min-width: 100%;
  resize: vertical;
}
.textarea:focus, .textarea.is-focused {
  outline: none;
}
.textarea:focus::after, .textarea.is-focused::after {
  content: "";
}
.textarea[disabled], fieldset[disabled] .textarea {
  cursor: not-allowed;
}
.textarea::-moz-placeholder {
  color: #BCBCBC;
}
.textarea::-webkit-input-placeholder {
  color: #BCBCBC;
}
.textarea:-moz-placeholder {
  color: #BCBCBC;
}
.textarea:-ms-input-placeholder {
  color: #BCBCBC;
}
.textarea:hover, .textarea.is-hovered {
  border-color: #535353;
}
.textarea:focus, .textarea.is-focused, .textarea:active, .textarea.is-active {
  border-color: #535353;
}
.textarea[readonly] {
  border-color: #E3E3E3 !important;
  background-color: #F4F4F4;
}
.textarea[disabled], fieldset[disabled] .textarea {
  border-color: #E3E3E3 !important;
  color: #D0D0D0;
  background-color: #F4F4F4;
}
.textarea[disabled]::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder {
  color: #D0D0D0;
}
.textarea[disabled]::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder {
  color: #D0D0D0;
}
.textarea[disabled]:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder {
  color: #D0D0D0;
}
.textarea[disabled]:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder {
  color: #D0D0D0;
}
.textarea.is-error {
  padding-right: 32px;
  border-color: #BD0000;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_513_4153%29%27%3E%3Cpath d=%27M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5Z%27 fill=%27%23BD0000%27/%3E%3Cpath d=%27M12 9V13%27 stroke=%27white%27 stroke-width=%271.5%27/%3E%3Cpath d=%27M12 14V15.5%27 stroke=%27white%27 stroke-width=%271.5%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_513_4153%27%3E%3Crect width=%2724%27 height=%2724%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 4px);
  background-size: 24px;
}
.textarea.is-small {
  font-size: 0.6875rem;
}
.textarea.is-medium {
  font-size: 1rem;
}
.textarea.is-large {
  font-size: 1.25rem;
}
.textarea.is-fullwidth {
  display: block;
  width: 100%;
}
.textarea.is-inline {
  display: inline;
  width: auto;
}
.textarea.is-error {
  background-position: calc(100% - 4px) calc(100% - 5px);
}
.textarea[rows] {
  height: initial;
}
.textarea.has-fixed-size {
  resize: none;
}

.select {
  position: relative;
}
.select:not(.is-multiple):not(.is-loading)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 9px;
  height: 5px;
  transform: translateY(-50%);
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width=%279%27 height=%275%27 viewBox=%270 0 9 5%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.49011 5C4.42418 5 4.35495 4.98713 4.28242 4.96139C4.20989 4.93565 4.14066 4.8906 4.07473 4.82625L0.178022 1.02317C0.059341 0.907336 0 0.765765 0 0.598455C0 0.431145 0.059341 0.289576 0.178022 0.173745C0.296704 0.0579153 0.435165 0 0.593407 0C0.751648 0 0.89011 0.0579153 1.00879 0.173745L4.49011 3.57143L7.97143 0.173745C8.09011 0.0579153 8.23187 0 8.3967 0C8.56154 0 8.7033 0.0579153 8.82198 0.173745C8.94066 0.289576 9 0.427928 9 0.588803C9 0.749678 8.94066 0.888031 8.82198 1.00386L4.90549 4.82625C4.83956 4.8906 4.77363 4.93565 4.70769 4.96139C4.64176 4.98713 4.56923 5 4.49011 5Z%27 fill=%27%238E8E8E%27/%3E%3C/svg%3E%0A");
}
.select:not(.is-multiple):not(.is-loading):hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%279%27 height=%275%27 viewBox=%270 0 9 5%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.49011 5C4.42418 5 4.35495 4.98713 4.28242 4.96139C4.20989 4.93565 4.14066 4.8906 4.07473 4.82625L0.178022 1.02317C0.059341 0.907336 0 0.765765 0 0.598455C0 0.431145 0.059341 0.289576 0.178022 0.173745C0.296704 0.0579153 0.435165 0 0.593407 0C0.751648 0 0.89011 0.0579153 1.00879 0.173745L4.49011 3.57143L7.97143 0.173745C8.09011 0.0579153 8.23187 0 8.3967 0C8.56154 0 8.7033 0.0579153 8.82198 0.173745C8.94066 0.289576 9 0.427928 9 0.588803C9 0.749678 8.94066 0.888031 8.82198 1.00386L4.90549 4.82625C4.83956 4.8906 4.77363 4.93565 4.70769 4.96139C4.64176 4.98713 4.56923 5 4.49011 5Z%27 fill=%27%23151515%27/%3E%3C/svg%3E%0A");
}
.select:not(.is-multiple):not(.is-loading).is-disabled select {
  border-color: #E3E3E3 !important;
}
.select:not(.is-multiple):not(.is-loading).is-disabled::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%279%27 height=%275%27 viewBox=%270 0 9 5%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.49011 5C4.42418 5 4.35495 4.98713 4.28242 4.96139C4.20989 4.93565 4.14066 4.8906 4.07473 4.82625L0.178022 1.02317C0.059341 0.907336 0 0.765765 0 0.598455C0 0.431145 0.059341 0.289576 0.178022 0.173745C0.296704 0.0579153 0.435165 0 0.593407 0C0.751648 0 0.89011 0.0579153 1.00879 0.173745L4.49011 3.57143L7.97143 0.173745C8.09011 0.0579153 8.23187 0 8.3967 0C8.56154 0 8.7033 0.0579153 8.82198 0.173745C8.94066 0.289576 9 0.427928 9 0.588803C9 0.749678 8.94066 0.888031 8.82198 1.00386L4.90549 4.82625C4.83956 4.8906 4.77363 4.93565 4.70769 4.96139C4.64176 4.98713 4.56923 5 4.49011 5Z%27 fill=%27%23D0D0D0%27/%3E%3C/svg%3E%0A");
}
.select.is-rounded select {
  padding-left: 1em;
  border-radius: 50%;
}
.select select {
  position: relative;
  font-size: 14px;
  appearance: none;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  color: #000;
  overflow: hidden !important;
  width: 100%;
  height: 32px;
  padding: 0 29px 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.select select:focus, .select select.is-focused {
  outline: none;
}
.select select:focus::after, .select select.is-focused::after {
  content: "";
}
.select select[disabled], fieldset[disabled] .select select {
  cursor: not-allowed;
}
.select select::-moz-placeholder {
  color: #BCBCBC;
}
.select select::-webkit-input-placeholder {
  color: #BCBCBC;
}
.select select:-moz-placeholder {
  color: #BCBCBC;
}
.select select:-ms-input-placeholder {
  color: #BCBCBC;
}
.select select:hover, .select select.is-hovered {
  border-color: #535353;
}
.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  border-color: #535353;
}
.select select[readonly] {
  border-color: #E3E3E3 !important;
  background-color: #F4F4F4;
}
.select select[disabled], fieldset[disabled] .select select {
  border-color: #E3E3E3 !important;
  color: #D0D0D0;
  background-color: #F4F4F4;
}
.select select[disabled]::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder {
  color: #D0D0D0;
}
.select select[disabled]::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder {
  color: #D0D0D0;
}
.select select[disabled]:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder {
  color: #D0D0D0;
}
.select select[disabled]:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder {
  color: #D0D0D0;
}
.select select::-ms-expand {
  display: none;
}
.select select[multiple] {
  padding: 0;
  height: auto;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: #333;
}
.select.is-default:not(:hover)::after {
  border-color: #151515;
}
.select.is-default select {
  border-color: #151515;
}
.select.is-default select:hover, .select.is-default select.is-hovered {
  border-color: bulmaDarken(#151515, 5%);
}
.select.is-default select:focus, .select.is-default select.is-focused, .select.is-default select:active, .select.is-default select.is-active {
  box-shadow: 0 0 0 0.125em bulmaRgba(#151515, 0.25);
}
.select.is-default.is-secondary:not(:hover)::after {
  border-color: #fff;
}
.select.is-default.is-secondary select {
  border-color: #fff;
}
.select.is-default.is-secondary select:hover, .select.is-default.is-secondary select.is-hovered {
  border-color: bulmaDarken(#fff, 5%);
}
.select.is-default.is-secondary select:focus, .select.is-default.is-secondary select.is-focused, .select.is-default.is-secondary select:active, .select.is-default.is-secondary select.is-active {
  box-shadow: 0 0 0 0.125em bulmaRgba(#fff, 0.25);
}
.select.is-outlined:not(:hover)::after {
  border-color: white;
}
.select.is-outlined select {
  border-color: white;
}
.select.is-outlined select:hover, .select.is-outlined select.is-hovered {
  border-color: bulmaDarken(white, 5%);
}
.select.is-outlined select:focus, .select.is-outlined select.is-focused, .select.is-outlined select:active, .select.is-outlined select.is-active {
  box-shadow: 0 0 0 0.125em bulmaRgba(white, 0.25);
}
.select.is-outlined.is-secondary:not(:hover)::after {
  border-color: white;
}
.select.is-outlined.is-secondary select {
  border-color: white;
}
.select.is-outlined.is-secondary select:hover, .select.is-outlined.is-secondary select.is-hovered {
  border-color: bulmaDarken(white, 5%);
}
.select.is-outlined.is-secondary select:focus, .select.is-outlined.is-secondary select.is-focused, .select.is-outlined.is-secondary select:active, .select.is-outlined.is-secondary select.is-active {
  box-shadow: 0 0 0 0.125em bulmaRgba(white, 0.25);
}
.select.is-modify:not(:hover)::after {
  border-color: #2878fa;
}
.select.is-modify select {
  border-color: #2878fa;
}
.select.is-modify select:hover, .select.is-modify select.is-hovered {
  border-color: bulmaDarken(#2878fa, 5%);
}
.select.is-modify select:focus, .select.is-modify select.is-focused, .select.is-modify select:active, .select.is-modify select.is-active {
  box-shadow: 0 0 0 0.125em bulmaRgba(#2878fa, 0.25);
}
.select.is-modify.is-secondary:not(:hover)::after {
  border-color: #f5f5f5;
}
.select.is-modify.is-secondary select {
  border-color: #f5f5f5;
}
.select.is-modify.is-secondary select:hover, .select.is-modify.is-secondary select.is-hovered {
  border-color: bulmaDarken(#f5f5f5, 5%);
}
.select.is-modify.is-secondary select:focus, .select.is-modify.is-secondary select.is-focused, .select.is-modify.is-secondary select:active, .select.is-modify.is-secondary select.is-active {
  box-shadow: 0 0 0 0.125em bulmaRgba(#f5f5f5, 0.25);
}
.select.is-search:not(:hover)::after {
  border-color: #2878fa;
}
.select.is-search select {
  border-color: #2878fa;
}
.select.is-search select:hover, .select.is-search select.is-hovered {
  border-color: bulmaDarken(#2878fa, 5%);
}
.select.is-search select:focus, .select.is-search select.is-focused, .select.is-search select:active, .select.is-search select.is-active {
  box-shadow: 0 0 0 0.125em bulmaRgba(#2878fa, 0.25);
}
.select.is-shuffle:not(:hover)::after {
  border-color: white;
}
.select.is-shuffle select {
  border-color: white;
}
.select.is-shuffle select:hover, .select.is-shuffle select.is-hovered {
  border-color: bulmaDarken(white, 5%);
}
.select.is-shuffle select:focus, .select.is-shuffle select.is-focused, .select.is-shuffle select:active, .select.is-shuffle select.is-active {
  box-shadow: 0 0 0 0.125em bulmaRgba(white, 0.25);
}
.select.is-ghost:not(:hover)::after {
  border-color: transparent;
}
.select.is-ghost select {
  border-color: transparent;
}
.select.is-ghost select:hover, .select.is-ghost select.is-hovered {
  border-color: bulmaDarken(transparent, 5%);
}
.select.is-ghost select:focus, .select.is-ghost select.is-focused, .select.is-ghost select:active, .select.is-ghost select.is-active {
  box-shadow: 0 0 0 0.125em bulmaRgba(transparent, 0.25);
}
.select.is-info:not(:hover)::after {
  border-color: #0032fa;
}
.select.is-info select {
  border-color: #0032fa;
}
.select.is-info select:hover, .select.is-info select.is-hovered {
  border-color: bulmaDarken(#0032fa, 5%);
}
.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  box-shadow: 0 0 0 0.125em bulmaRgba(#0032fa, 0.25);
}
.select.is-success:not(:hover)::after {
  border-color: #24a148;
}
.select.is-success select {
  border-color: #24a148;
}
.select.is-success select:hover, .select.is-success select.is-hovered {
  border-color: bulmaDarken(#24a148, 5%);
}
.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  box-shadow: 0 0 0 0.125em bulmaRgba(#24a148, 0.25);
}
.select.is-warning:not(:hover)::after {
  border-color: #f1c21b;
}
.select.is-warning select {
  border-color: #f1c21b;
}
.select.is-warning select:hover, .select.is-warning select.is-hovered {
  border-color: bulmaDarken(#f1c21b, 5%);
}
.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  box-shadow: 0 0 0 0.125em bulmaRgba(#f1c21b, 0.25);
}
.select.is-error:not(:hover)::after {
  border-color: #da1e28;
}
.select.is-error select {
  border-color: #da1e28;
}
.select.is-error select:hover, .select.is-error select.is-hovered {
  border-color: bulmaDarken(#da1e28, 5%);
}
.select.is-error select:focus, .select.is-error select.is-focused, .select.is-error select:active, .select.is-error select.is-active {
  box-shadow: 0 0 0 0.125em bulmaRgba(#da1e28, 0.25);
}
.select.is-small {
  font-size: 0.6875rem;
}
.select.is-medium {
  font-size: 1rem;
}
.select.is-large {
  font-size: 1.25rem;
}
.select[disabled]::after {
  border-color: #cacaca;
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}
.select.is-loading::after {
  content: "";
  display: block;
  position: relative;
  border: 2px solid hsl(0, 0%, 86%);
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation: spinAround 500ms infinite linear;
  right: 0.625em;
  position: absolute;
  top: 0.625em;
  margin-top: 0;
  transform: none;
}
.select.is-loading.is-small:after {
  font-size: 0.6875rem;
}
.select.is-loading.is-medium:after {
  font-size: 1rem;
}
.select.is-loading.is-large:after {
  font-size: 1.25rem;
}

.selects {
  display: flex;
  align-items: center;
}

.filter-select {
  display: inline-flex;
  position: relative;
}
.filter-select.is-icon select {
  padding-left: 34px;
}
.filter-select.is-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M8.5 7.5H7.5V5.5C7.5 5.36739 7.44732 5.24021 7.35355 5.14645C7.25979 5.05268 7.13261 5 7 5C6.86739 5 6.74021 5.05268 6.64645 5.14645C6.55268 5.24021 6.5 5.36739 6.5 5.5V7.5H5.5C5.36739 7.5 5.24021 7.55268 5.14645 7.64645C5.05268 7.74021 5 7.86739 5 8V9.5C5 9.63261 5.05268 9.75979 5.14645 9.85355C5.24021 9.94732 5.36739 10 5.5 10H6.5V18.5C6.5 18.6326 6.55268 18.7598 6.64645 18.8536C6.74021 18.9473 6.86739 19 7 19C7.13261 19 7.25979 18.9473 7.35355 18.8536C7.44732 18.7598 7.5 18.6326 7.5 18.5V10H8.5C8.63261 10 8.75979 9.94732 8.85355 9.85355C8.94732 9.75979 9 9.63261 9 9.5V8C9 7.86739 8.94732 7.74021 8.85355 7.64645C8.75979 7.55268 8.63261 7.5 8.5 7.5Z%27 fill=%27%23888888%27/%3E%3Cpath d=%27M13.5 14H12.5V5.5C12.5 5.36739 12.4473 5.24021 12.3536 5.14645C12.2598 5.05268 12.1326 5 12 5C11.8674 5 11.7402 5.05268 11.6464 5.14645C11.5527 5.24021 11.5 5.36739 11.5 5.5V14H10.5C10.3674 14 10.2402 14.0527 10.1464 14.1464C10.0527 14.2402 10 14.3674 10 14.5V16C10 16.1326 10.0527 16.2598 10.1464 16.3536C10.2402 16.4473 10.3674 16.5 10.5 16.5H11.5V18.5C11.5 18.6326 11.5527 18.7598 11.6464 18.8536C11.7402 18.9473 11.8674 19 12 19C12.1326 19 12.2598 18.9473 12.3536 18.8536C12.4473 18.7598 12.5 18.6326 12.5 18.5V16.5H13.5C13.6326 16.5 13.7598 16.4473 13.8536 16.3536C13.9473 16.2598 14 16.1326 14 16V14.5C14 14.3674 13.9473 14.2402 13.8536 14.1464C13.7598 14.0527 13.6326 14 13.5 14Z%27 fill=%27%23888888%27/%3E%3Cpath d=%27M18.5 7.5H17.5V5.5C17.5 5.36739 17.4473 5.24021 17.3536 5.14645C17.2598 5.05268 17.1326 5 17 5C16.8674 5 16.7402 5.05268 16.6464 5.14645C16.5527 5.24021 16.5 5.36739 16.5 5.5V7.5H15.5C15.3674 7.5 15.2402 7.55268 15.1464 7.64645C15.0527 7.74021 15 7.86739 15 8V9.5C15 9.63261 15.0527 9.75979 15.1464 9.85355C15.2402 9.94732 15.3674 10 15.5 10H16.5V18.5C16.5 18.6326 16.5527 18.7598 16.6464 18.8536C16.7402 18.9473 16.8674 19 17 19C17.1326 19 17.2598 18.9473 17.3536 18.8536C17.4473 18.7598 17.5 18.6326 17.5 18.5V10H18.5C18.6326 10 18.7598 9.94732 18.8536 9.85355C18.9473 9.75979 19 9.63261 19 9.5V8C19 7.86739 18.9473 7.74021 18.8536 7.64645C18.7598 7.55268 18.6326 7.5 18.5 7.5Z%27 fill=%27%23888888%27/%3E%3C/svg%3E%0A");
}
.filter-select:not(:first-child) {
  margin-left: 20px;
}
.filter-select select {
  width: 100%;
  height: 24px;
  padding-right: 26px;
  border: 0;
  font-size: 14px;
  appearance: none;
  color: #000;
}
.filter-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5 7L8 10L11 7%27 stroke=%27%23151515%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
}

.label {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333;
}
.label:not(:last-child) {
  margin-bottom: 0.5em;
}
.label.is-small {
  font-size: 0.6875rem;
}
.label.is-medium {
  font-size: 1rem;
}
.label.is-large {
  font-size: 1.25rem;
}

.help {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.6875rem;
}
.help.is-default {
  color: #151515;
}
.help.is-default.is-secondary {
  color: #fff;
}
.help.is-outlined {
  color: white;
}
.help.is-outlined.is-secondary {
  color: white;
}
.help.is-modify {
  color: #2878fa;
}
.help.is-modify.is-secondary {
  color: #f5f5f5;
}
.help.is-search {
  color: #2878fa;
}
.help.is-shuffle {
  color: white;
}
.help.is-ghost {
  color: transparent;
}
.help.is-info {
  color: #0032fa;
}
.help.is-success {
  color: #24a148;
}
.help.is-warning {
  color: #f1c21b;
}
.help.is-error {
  color: #da1e28;
}

.field {
  position: relative;
}
.field:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.has-buttons .file {
  margin-right: 6px;
}
.field.has-addons {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
  justify-content: center;
}
.field.has-addons.has-addons-right {
  justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}
.field.is-grouped {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
}
.field.is-grouped > .control {
  flex-shrink: 0;
  height: 100%;
}
.field.is-grouped > .control:not(:last-child) {
  margin-right: 3px;
  margin-bottom: 0;
}
.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
  justify-content: center;
}
.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}
.field.is-spaced-between {
  justify-content: space-between;
}
.field.is-spaced-between .control {
  width: auto;
}
.field.is-only-of-class:not(:last-child) {
  margin-right: auto !important;
  margin-bottom: 6px !important;
  height: auto;
}
.field.is-horizontal {
  display: flex;
}
.field .text-counter {
  position: absolute;
  left: 10px;
  bottom: 5px;
  font-size: 12px;
  color: #585858;
}
.field .text-counter[disabled] {
  color: #cacaca;
}

.field-label {
  margin-right: 1.5rem;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  text-align: right;
}
.field-label.is-small {
  padding-top: 0.375em;
  font-size: 0.6875rem;
}
.field-label.is-normal {
  padding-top: 0.375em;
}
.field-label.is-medium {
  padding-top: 0.375em;
  font-size: 1rem;
}
.field-label.is-large {
  padding-top: 0.375em;
  font-size: 1.25rem;
}
.field-label .label {
  font-size: inherit;
}

.field-body {
  display: flex;
  flex-basis: 0;
  flex-grow: 5;
  flex-shrink: 1;
}
.field-body .field {
  margin-bottom: 0;
}
.field-body > .field {
  flex-shrink: 1;
}
.field-body > .field:not(.is-narrow) {
  flex-grow: 1;
}
.field-body > .field:not(:last-child) {
  margin-right: 0.75rem;
}
.field-body .field .field {
  margin-bottom: 0;
}

.control {
  position: relative;
}
.control.is-inline-block:not(:last-child) {
  margin-right: 5px;
}
.control.is-button {
  width: auto;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: #333;
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 0.6875rem;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 1rem;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 1.25rem;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
  position: absolute;
  top: 50%;
  z-index: 4;
  color: #e5e5e5;
  transform: translateY(-50%);
  fill: #8e8e8e;
}
.control.has-icons-left .icon_navigation_close, .control.has-icons-right .icon_navigation_close {
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.control.has-icons-left .icon.is-left {
  left: 0.2em;
}
.control.has-icons-right .input.is-error {
  background-image: none;
}
.control.has-icons-right .icon.is-right {
  right: 0.2em;
}
.control.is-loading::after {
  content: "";
  display: block;
  position: relative;
  border: 2px solid hsl(0, 0%, 86%);
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation: spinAround 500ms infinite linear;
  right: 0.625em;
  position: absolute !important;
  top: 0.625em;
  z-index: 4;
}
.control.is-loading.is-small:after {
  font-size: 0.6875rem;
}
.control.is-loading.is-medium:after {
  font-size: 1rem;
}
.control.is-loading.is-large:after {
  font-size: 1.25rem;
}

.box {
  display: flex;
  flex-direction: column;
  background-color: hsl(0, 0%, 100%);
}
.box:not(:first-child) {
  margin-top: 0.5rem;
}
.box:not(:last-child) {
  margin-bottom: 0.5rem;
}

a.box:hover, a.box:focus {
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #8e8e8e;
}
a.box:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #8e8e8e;
}

.breadcrumb {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow-y: scroll;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 32px;
  padding-right: 40px;
  font-size: 14px;
  line-height: 32px;
  background: linear-gradient(180deg, #F2F5F6 0%, rgba(242, 245, 246, 0) 100%);
}
.breadcrumb ul,
.breadcrumb ol {
  display: flex;
  justify-content: flex-end;
}
.breadcrumb li {
  display: flex;
  align-items: center;
}
.breadcrumb li a {
  color: #8E8E8E;
}
.breadcrumb li + li::before {
  content: "/";
  color: #8E8E8E;
}
.breadcrumb .is-active {
  pointer-events: none;
}
.breadcrumb .is-ellipsis::after {
  content: none;
}
.breadcrumb .icon:first-child {
  margin-right: 0.5em;
}
.breadcrumb .icon:last-child {
  margin-left: 0.5em;
}
.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}
.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}
.breadcrumb.is-small {
  font-size: 0.6875rem;
}
.breadcrumb.is-medium {
  font-size: 1rem;
}
.breadcrumb.is-large {
  font-size: 1.25rem;
}
.breadcrumb.has-arrow-separator li + li::before {
  content: "→";
}
.breadcrumb.has-bullet-separator li + li::before {
  content: "•";
}
.breadcrumb.has-dot-separator li + li::before {
  content: "·";
}
.breadcrumb.has-succeeds-separator li + li::before {
  content: ">";
}
.breadcrumb.has-chevron-separator li + li::before {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Cpath d=%27M11.4,10,1.4,20,0,18.6,8.6,10,0,1.4,1.4,0Z%27 transform=%27translate%2810.6 6%29%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center 1px;
  background-size: contain;
}

.capsule {
  display: inline-block;
  border-radius: 12px;
  width: 65px;
  height: 24px;
  text-align: center;
  font-size: 13px;
  color: white;
  line-height: 24px;
}
.capsule.is-requested {
  background-color: #3380ff;
}
.capsule.is-handled {
  background-color: #fcb034;
}
.capsule.is-completed {
  background-color: #24a148;
}

.card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 192px;
  height: 100%;
  padding: 25px 40px;
  border: 1px solid #FFF;
  border-radius: 15px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.2s;
  background-color: #FFF;
}
.card.is-blue:hover {
  border-color: #4A54FF;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
}
.card.is-blue .card-icon-title::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2754%27 height=%2754%27 viewBox=%270 0 54 54%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%2738%27 height=%2738%27 rx=%273%27 fill=%27url%28%23paint0_linear_418_4487%29%27/%3E%3Cg filter=%27url%28%23filter0_d_418_4487%29%27%3E%3Crect x=%274%27 y=%274%27 width=%2738%27 height=%2738%27 rx=%273%27 fill=%27%234A54FF%27/%3E%3C/g%3E%3Cg clip-path=%27url%28%23clip0_418_4487%29%27%3E%3Cpath d=%27M17.3846 13.0037L24.6923 17.4473V33L17.3846 28.1861C17.3846 28.1861 17.3846 12.6667 17.3846 13.0037Z%27 fill=%27url%28%23paint1_linear_418_4487%29%27/%3E%3Cpath d=%27M23.9615 13.0037L32 17.4473V33L23.9615 28.1861C23.9615 28.1861 23.9615 12.6667 23.9615 13.0037Z%27 fill=%27url%28%23paint2_linear_418_4487%29%27/%3E%3Cpath d=%27M13 18.5583V25.9644L19.2115 22.2614L13 18.5583Z%27 fill=%27white%27/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id=%27filter0_d_418_4487%27 x=%270%27 y=%270%27 width=%2754%27 height=%2754%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset dx=%274%27 dy=%274%27/%3E%3CfeGaussianBlur stdDeviation=%274%27/%3E%3CfeComposite in2=%27hardAlpha%27 operator=%27out%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0%27/%3E%3CfeBlend mode=%27normal%27 in2=%27BackgroundImageFix%27 result=%27effect1_dropShadow_418_4487%27/%3E%3CfeBlend mode=%27normal%27 in=%27SourceGraphic%27 in2=%27effect1_dropShadow_418_4487%27 result=%27shape%27/%3E%3C/filter%3E%3ClinearGradient id=%27paint0_linear_418_4487%27 x1=%2741%27 y1=%2741%27 x2=%27-3%27 y2=%27-4%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23454FFF%27/%3E%3Cstop offset=%271%27 stop-color=%27%235C84FF%27 stop-opacity=%270%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27paint1_linear_418_4487%27 x1=%2723.2917%27 y1=%2725%27 x2=%2716.1667%27 y2=%2725%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23CDD0FF%27/%3E%3Cstop offset=%271%27 stop-color=%27%23CDD0FF%27 stop-opacity=%270%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27paint2_linear_418_4487%27 x1=%2735%27 y1=%2723.8%27 x2=%2723.2917%27 y2=%2723.7889%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27white%27/%3E%3Cstop offset=%271%27 stop-color=%27white%27 stop-opacity=%270%27/%3E%3C/linearGradient%3E%3CclipPath id=%27clip0_418_4487%27%3E%3Crect width=%2719%27 height=%2720%27 fill=%27white%27 transform=%27translate%2813 13%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.card.is-skyblue:hover {
  border-color: #2093FF;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
}
.card.is-skyblue .card-icon-title::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2754%27 height=%2754%27 viewBox=%270 0 54 54%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%2738%27 height=%2738%27 rx=%273%27 fill=%27url%28%23paint0_linear_418_4449%29%27/%3E%3Cg filter=%27url%28%23filter0_d_418_4449%29%27%3E%3Crect x=%274%27 y=%274%27 width=%2738%27 height=%2738%27 rx=%273%27 fill=%27%232093FF%27/%3E%3C/g%3E%3Cpath d=%27M27.0783 25.3089L26.7553 25.1134C26.3709 24.8814 26.1412 24.4648 26.1412 24C26.1412 23.5352 26.3709 23.1186 26.7553 22.8866L27.0783 22.6911C27.9601 22.1576 28.2616 20.9799 27.7526 20.0567L27.1385 18.9433C26.6306 18.0221 25.5013 17.7058 24.6219 18.2374L24.2989 18.4322C23.9145 18.6649 23.4546 18.6649 23.0707 18.4322C22.6863 18.1995 22.4567 17.7836 22.4567 17.3188V16.9286C22.4567 15.8653 21.6301 15 20.6144 15H19.3862C18.3705 15 17.544 15.8653 17.544 16.9286V17.3194C17.544 17.7842 17.3143 18.2001 16.9299 18.4329C16.5454 18.6649 16.0861 18.6656 15.7017 18.4329L15.3787 18.2374C14.4993 17.7058 13.37 18.0221 12.8615 18.9433L12.2474 20.0567C11.7384 20.9799 12.0399 22.1582 12.9217 22.6911L13.2453 22.8866C13.6298 23.1186 13.8594 23.5352 13.8594 24C13.8594 24.4648 13.6298 24.8814 13.2453 25.1134L12.9223 25.3089C12.0405 25.8418 11.739 27.0201 12.2481 27.9433L12.8621 29.0567C13.3706 29.9779 14.4999 30.2942 15.3787 29.7626L15.7017 29.5678C16.0861 29.3344 16.5454 29.3357 16.9299 29.5678C17.3143 29.8005 17.544 30.2164 17.544 30.6812V31.0714C17.544 32.1347 18.3705 33 19.3862 33H20.6144C21.6301 33 22.4567 32.1347 22.4567 31.0714V30.6806C22.4567 30.2158 22.6863 29.7999 23.0707 29.5671C23.4546 29.3351 23.9145 29.3344 24.2989 29.5671L24.6219 29.7626C25.5013 30.2936 26.6306 29.9773 27.1385 29.0567L27.7526 27.9433C28.2616 27.0201 27.9601 25.8418 27.0783 25.3089ZM20.0003 27.2143C18.3073 27.2143 16.9299 25.7724 16.9299 24C16.9299 22.2276 18.3073 20.7857 20.0003 20.7857C21.6933 20.7857 23.0707 22.2276 23.0707 24C23.0707 25.7724 21.6933 27.2143 20.0003 27.2143Z%27 fill=%27url%28%23paint1_linear_418_4449%29%27/%3E%3Cpath d=%27M33.4815 18.7271L33.2998 18.6186C33.0836 18.4896 32.9544 18.2582 32.9544 18C32.9544 17.7418 33.0836 17.5104 33.2998 17.3814L33.4815 17.2729C33.9776 16.9764 34.1472 16.3221 33.8608 15.8093L33.5154 15.1907C33.2297 14.6789 32.5945 14.5032 32.0998 14.7986L31.9181 14.9068C31.7019 15.0361 31.4432 15.0361 31.2273 14.9068C31.0111 14.7775 30.8819 14.5464 30.8819 14.2882V14.0714C30.8819 13.4807 30.4169 13 29.8456 13H29.1547C28.5834 13 28.1185 13.4807 28.1185 14.0714V14.2886C28.1185 14.5468 27.9893 14.7779 27.773 14.9071C27.5568 15.0361 27.2984 15.0364 27.0822 14.9071L26.9005 14.7986C26.4059 14.5032 25.7706 14.6789 25.4846 15.1907L25.1392 15.8093C24.8528 16.3221 25.0224 16.9768 25.5185 17.2729L25.7005 17.3814C25.9167 17.5104 26.0459 17.7418 26.0459 18C26.0459 18.2582 25.9167 18.4896 25.7005 18.6186L25.5188 18.7271C25.0228 19.0232 24.8532 19.6779 25.1395 20.1907L25.485 20.8093C25.771 21.3211 26.4062 21.4968 26.9005 21.2014L27.0822 21.0932C27.2984 20.9636 27.5568 20.9643 27.773 21.0932C27.9893 21.2225 28.1185 21.4536 28.1185 21.7118V21.9286C28.1185 22.5193 28.5834 23 29.1547 23H29.8456C30.4169 23 30.8819 22.5193 30.8819 21.9286V21.7114C30.8819 21.4532 31.0111 21.2221 31.2273 21.0929C31.4432 20.9639 31.7019 20.9636 31.9181 21.0929L32.0998 21.2014C32.5945 21.4964 33.2297 21.3207 33.5154 20.8093L33.8608 20.1907C34.1472 19.6779 33.9776 19.0232 33.4815 18.7271ZM29.5002 19.7857C28.5478 19.7857 27.773 18.9846 27.773 18C27.773 17.0154 28.5478 16.2143 29.5002 16.2143C30.4525 16.2143 31.2273 17.0154 31.2273 18C31.2273 18.9846 30.4525 19.7857 29.5002 19.7857Z%27 fill=%27white%27/%3E%3Cdefs%3E%3Cfilter id=%27filter0_d_418_4449%27 x=%270%27 y=%270%27 width=%2754%27 height=%2754%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset dx=%274%27 dy=%274%27/%3E%3CfeGaussianBlur stdDeviation=%274%27/%3E%3CfeComposite in2=%27hardAlpha%27 operator=%27out%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0%27/%3E%3CfeBlend mode=%27normal%27 in2=%27BackgroundImageFix%27 result=%27effect1_dropShadow_418_4449%27/%3E%3CfeBlend mode=%27normal%27 in=%27SourceGraphic%27 in2=%27effect1_dropShadow_418_4449%27 result=%27shape%27/%3E%3C/filter%3E%3ClinearGradient id=%27paint0_linear_418_4449%27 x1=%2741%27 y1=%2741%27 x2=%27-3%27 y2=%27-4%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23359DFF%27/%3E%3Cstop offset=%271%27 stop-color=%27%2352ABFF%27 stop-opacity=%270.12%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27paint1_linear_418_4449%27 x1=%2715%27 y1=%2731.5%27 x2=%2731.0883%27 y2=%2717.6023%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop offset=%270.135561%27 stop-color=%27white%27/%3E%3Cstop offset=%270.801623%27 stop-color=%27white%27 stop-opacity=%270%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.card.is-mint:hover {
  border-color: #00D2AD;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
}
.card.is-mint .card-icon-title::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2754%27 height=%2754%27 viewBox=%270 0 54 54%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%2738%27 height=%2738%27 rx=%273%27 fill=%27url%28%23paint0_linear_418_4422%29%27/%3E%3Cg filter=%27url%28%23filter0_d_418_4422%29%27%3E%3Crect x=%274%27 y=%274%27 width=%2738%27 height=%2738%27 rx=%273%27 fill=%27%2300D2AD%27/%3E%3C/g%3E%3Cg clip-path=%27url%28%23clip0_418_4422%29%27%3E%3Cpath d=%27M31.8875 13H14.1125C13.4981 13 13 13.4598 13 14.0269V26.9731C13 27.5402 13.4981 28 14.1125 28H31.8875C32.5019 28 33 27.5402 33 26.9731V14.0269C33 13.4598 32.5019 13 31.8875 13Z%27 fill=%27url%28%23paint1_linear_418_4422%29%27/%3E%3Cpath d=%27M21 24L21 18L19 19.8462%27 stroke=%27%23FFFEFE%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M25 17L25 23L27 21.1538%27 stroke=%27%23FFFEFE%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M29.075 29.9024C28.9 29.7456 28.725 29.5993 28.5375 29.453C28.35 29.3171 28.1625 29.1812 27.975 29.0662C27.7875 28.9512 27.6 28.8467 27.4 28.7526H27.325C27.1375 28.6585 26.95 28.5749 26.75 28.5017L26.625 28.4495C26.4375 28.3763 26.2625 28.324 26.0625 28.2613L25.9 28.2091L25.35 28.0836H25.1375L24.575 28H22.55L21.9875 28.0836H21.775L21.225 28.2091L21 28.1777L20.4375 28.3659L20.3125 28.4181C20.1125 28.4913 19.925 28.5749 19.7375 28.669H19.6625C19.4625 28.7631 19.275 28.8676 19.0875 28.9826C18.9 29.0976 18.7125 29.2334 18.525 29.3693H18.5C16.9125 30.5401 16 32.2334 16 34H31C30.975 32.4843 30.2875 31.0314 29.075 29.9024Z%27 fill=%27url%28%23paint2_linear_418_4422%29%27/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id=%27filter0_d_418_4422%27 x=%270%27 y=%270%27 width=%2754%27 height=%2754%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset dx=%274%27 dy=%274%27/%3E%3CfeGaussianBlur stdDeviation=%274%27/%3E%3CfeComposite in2=%27hardAlpha%27 operator=%27out%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0%27/%3E%3CfeBlend mode=%27normal%27 in2=%27BackgroundImageFix%27 result=%27effect1_dropShadow_418_4422%27/%3E%3CfeBlend mode=%27normal%27 in=%27SourceGraphic%27 in2=%27effect1_dropShadow_418_4422%27 result=%27shape%27/%3E%3C/filter%3E%3ClinearGradient id=%27paint0_linear_418_4422%27 x1=%2741%27 y1=%2741%27 x2=%27-3%27 y2=%27-4%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%2300D19F%27/%3E%3Cstop offset=%271%27 stop-color=%27white%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27paint1_linear_418_4422%27 x1=%2723%27 y1=%278.5%27 x2=%2723%27 y2=%2741.5%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27white%27/%3E%3Cstop offset=%270.890746%27 stop-color=%27%2300D2AD%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27paint2_linear_418_4422%27 x1=%2724%27 y1=%2735%27 x2=%2724%27 y2=%2728%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%2300D19F%27/%3E%3Cstop offset=%270.0572917%27 stop-color=%27%230CD3A3%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FFFCFC%27/%3E%3C/linearGradient%3E%3CclipPath id=%27clip0_418_4422%27%3E%3Crect width=%2720%27 height=%2720%27 fill=%27white%27 transform=%27translate%2813 13%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.card.is-yellow:hover {
  border-color: #FFB840;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
}
.card.is-yellow .card-icon-title::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2754%27 height=%2754%27 viewBox=%270 0 54 54%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%2738%27 height=%2738%27 rx=%273%27 fill=%27url%28%23paint0_linear_418_4398%29%27/%3E%3Cg filter=%27url%28%23filter0_d_418_4398%29%27%3E%3Crect x=%274%27 y=%274%27 width=%2738%27 height=%2738%27 rx=%273%27 fill=%27%23FFB840%27/%3E%3C/g%3E%3Cpath d=%27M13 15V33L16.75 29.8696H28V15H13Z%27 fill=%27url%28%23paint1_linear_418_4398%29%27/%3E%3Cpath d=%27M21 17V28.4545H29L33 31V17H21ZM30.2 25.4848H23.8V19.9697H30.2V25.4848Z%27 fill=%27white%27/%3E%3Cdefs%3E%3Cfilter id=%27filter0_d_418_4398%27 x=%270%27 y=%270%27 width=%2754%27 height=%2754%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset dx=%274%27 dy=%274%27/%3E%3CfeGaussianBlur stdDeviation=%274%27/%3E%3CfeComposite in2=%27hardAlpha%27 operator=%27out%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0%27/%3E%3CfeBlend mode=%27normal%27 in2=%27BackgroundImageFix%27 result=%27effect1_dropShadow_418_4398%27/%3E%3CfeBlend mode=%27normal%27 in=%27SourceGraphic%27 in2=%27effect1_dropShadow_418_4398%27 result=%27shape%27/%3E%3C/filter%3E%3ClinearGradient id=%27paint0_linear_418_4398%27 x1=%2741%27 y1=%2741%27 x2=%27-3%27 y2=%27-4%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23FFB840%27/%3E%3Cstop offset=%271%27 stop-color=%27%23FFB840%27 stop-opacity=%270.14%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27paint1_linear_418_4398%27 x1=%2711%27 y1=%2723%27 x2=%2731.5%27 y2=%2722.5%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27white%27/%3E%3Cstop offset=%270.811088%27 stop-color=%27white%27 stop-opacity=%270%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.card.is-purple:hover {
  border-color: #9F2AFC;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
}
.card.is-purple .card-icon-title::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2754%27 height=%2754%27 viewBox=%270 0 54 54%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%2738%27 height=%2738%27 rx=%273%27 fill=%27url%28%23paint0_linear_418_4372%29%27/%3E%3Cg filter=%27url%28%23filter0_d_418_4372%29%27%3E%3Crect x=%274%27 y=%274%27 width=%2738%27 height=%2738%27 rx=%273%27 fill=%27%239F2AFC%27/%3E%3C/g%3E%3Cpath d=%27M27.5375 23.8125C26.9875 21.0625 24.5813 19 21.625 19C19.2875 19 17.2938 20.3062 16.3313 22.2312C13.8563 22.575 12 24.5687 12 27.0437C12 29.6562 14.2 31.8563 16.8125 31.8563H27.2625C29.5312 31.8563 31.25 30.0688 31.25 27.8688C31.25 25.7375 29.5312 23.95 27.5375 23.8125Z%27 fill=%27url%28%23paint1_linear_418_4372%29%27/%3E%3Cpath d=%27M29.7112 19.8663C29.1551 17.0856 26.7219 15 23.7326 15C21.369 15 19.3529 16.3209 18.3797 18.2674C15.877 18.615 14 20.631 14 23.1337C14 25.7754 16.2246 28 18.8663 28H29.4332C31.7273 28 33.4652 26.1925 33.4652 23.9679C33.4652 21.8128 31.7273 20.0053 29.7112 19.8663Z%27 fill=%27url%28%23paint2_linear_418_4372%29%27/%3E%3Cpath d=%27M26 19.2222L28 22L33 17%27 stroke=%27%23FEFEFE%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cdefs%3E%3Cfilter id=%27filter0_d_418_4372%27 x=%270%27 y=%270%27 width=%2754%27 height=%2754%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset dx=%274%27 dy=%274%27/%3E%3CfeGaussianBlur stdDeviation=%274%27/%3E%3CfeComposite in2=%27hardAlpha%27 operator=%27out%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0%27/%3E%3CfeBlend mode=%27normal%27 in2=%27BackgroundImageFix%27 result=%27effect1_dropShadow_418_4372%27/%3E%3CfeBlend mode=%27normal%27 in=%27SourceGraphic%27 in2=%27effect1_dropShadow_418_4372%27 result=%27shape%27/%3E%3C/filter%3E%3ClinearGradient id=%27paint0_linear_418_4372%27 x1=%2741%27 y1=%2741%27 x2=%27-3%27 y2=%27-4%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%239F2AFC%27/%3E%3Cstop offset=%271%27 stop-color=%27white%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27paint1_linear_418_4372%27 x1=%2725%27 y1=%2715.5%27 x2=%2719.5%27 y2=%2734.5%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop offset=%270.405112%27 stop-color=%27%239F2AFC%27/%3E%3Cstop offset=%271%27 stop-color=%27white%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27paint2_linear_418_4372%27 x1=%2718.7273%27 y1=%2725.9144%27 x2=%2727%27 y2=%2711%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27white%27/%3E%3Cstop offset=%271%27 stop-color=%27%23F2D7FC%27 stop-opacity=%270%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.card.is-red:hover {
  border-color: #FF6464;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
}
.card.is-red .card-icon-title::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2754%27 height=%2754%27 viewBox=%270 0 54 54%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%2738%27 height=%2738%27 rx=%273%27 fill=%27url%28%23paint0_linear_418_4344%29%27/%3E%3Cg filter=%27url%28%23filter0_d_418_4344%29%27%3E%3Crect x=%274%27 y=%274%27 width=%2738%27 height=%2738%27 rx=%273%27 fill=%27%23FF6464%27/%3E%3C/g%3E%3Cpath d=%27M25.0105 13H17.8042C16.6607 13 15.6053 13.6083 15.0335 14.5992L11.4304 20.8265C10.8587 21.8142 10.8587 23.034 11.4304 24.0217L15.0335 30.2522C15.6053 31.2399 16.6607 31.8513 17.8042 31.8513H25.0105C26.1539 31.8513 27.2094 31.243 27.7812 30.2522L31.3843 24.0217C31.956 23.034 31.956 21.8142 31.3843 20.8265L27.7843 14.5992C27.2126 13.6114 26.1571 13 25.0136 13H25.0105Z%27 fill=%27url%28%23paint1_linear_418_4344%29%27/%3E%3Cpath d=%27M33 29.9557H30.0435V27H27.9542V29.9557H25V32.0443H27.9542V35H30.0435V32.0443H33V29.9557Z%27 fill=%27white%27/%3E%3Cpath d=%27M25.0105 18.9482H17.8042%27 stroke=%27white%27 stroke-miterlimit=%2710%27/%3E%3Cpath d=%27M25.0105 22.4258H17.8042%27 stroke=%27white%27 stroke-miterlimit=%2710%27/%3E%3Cpath d=%27M25.0105 25.9028H17.8042%27 stroke=%27white%27 stroke-miterlimit=%2710%27/%3E%3Cdefs%3E%3Cfilter id=%27filter0_d_418_4344%27 x=%270%27 y=%270%27 width=%2754%27 height=%2754%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset dx=%274%27 dy=%274%27/%3E%3CfeGaussianBlur stdDeviation=%274%27/%3E%3CfeComposite in2=%27hardAlpha%27 operator=%27out%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0%27/%3E%3CfeBlend mode=%27normal%27 in2=%27BackgroundImageFix%27 result=%27effect1_dropShadow_418_4344%27/%3E%3CfeBlend mode=%27normal%27 in=%27SourceGraphic%27 in2=%27effect1_dropShadow_418_4344%27 result=%27shape%27/%3E%3C/filter%3E%3ClinearGradient id=%27paint0_linear_418_4344%27 x1=%2741%27 y1=%2741%27 x2=%27-3%27 y2=%27-4%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23FF555F%27/%3E%3Cstop offset=%271%27 stop-color=%27white%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27paint1_linear_418_4344%27 x1=%2731%27 y1=%2737.5%27 x2=%2717.0365%27 y2=%2714.4779%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23FF3D49%27 stop-opacity=%270%27/%3E%3Cstop offset=%271%27 stop-color=%27white%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.card.is-gray:hover {
  border-color: #5B5B5B;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
}
.card.is-gray .card-icon-title::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2754%27 height=%2754%27 viewBox=%270 0 54 54%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%2738%27 height=%2738%27 rx=%273%27 fill=%27url%28%23paint0_linear_418_4319%29%27/%3E%3Cg filter=%27url%28%23filter0_d_418_4319%29%27%3E%3Crect x=%274%27 y=%274%27 width=%2738%27 height=%2738%27 rx=%273%27 fill=%27%235B5B5B%27/%3E%3C/g%3E%3Cpath d=%27M31.7816 26.1031L26.2688 14.341C25.546 12.8011 23.4381 12.529 22.3369 13.8299L12.5477 25.3862C11.2843 26.8763 12.345 29.1365 14.3177 29.163L17.3612 29.2029V30.9486C17.3612 31.9177 18.5874 32.369 19.236 31.6389L21.3438 29.256L29.6198 29.3688C31.3425 29.392 32.5045 27.6397 31.7816 26.0997V26.1031Z%27 fill=%27url%28%23paint1_linear_418_4319%29%27/%3E%3Cpath d=%27M24.5 18H32.5%27 stroke=%27%23FEFEFE%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M24.5 22H32.5%27 stroke=%27%23FEFEFE%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cdefs%3E%3Cfilter id=%27filter0_d_418_4319%27 x=%270%27 y=%270%27 width=%2754%27 height=%2754%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset dx=%274%27 dy=%274%27/%3E%3CfeGaussianBlur stdDeviation=%274%27/%3E%3CfeComposite in2=%27hardAlpha%27 operator=%27out%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0%27/%3E%3CfeBlend mode=%27normal%27 in2=%27BackgroundImageFix%27 result=%27effect1_dropShadow_418_4319%27/%3E%3CfeBlend mode=%27normal%27 in=%27SourceGraphic%27 in2=%27effect1_dropShadow_418_4319%27 result=%27shape%27/%3E%3C/filter%3E%3ClinearGradient id=%27paint0_linear_418_4319%27 x1=%2741%27 y1=%2741%27 x2=%27-11.5%27 y2=%27-20%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23606060%27/%3E%3Cstop offset=%271%27 stop-color=%27white%27 stop-opacity=%270%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27paint1_linear_418_4319%27 x1=%2734.9391%27 y1=%2730.2226%27 x2=%2716.9428%27 y2=%2716.5745%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23606060%27/%3E%3Cstop offset=%271%27 stop-color=%27white%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.card.is-nodata {
  padding: 63px 0 46px;
}
.card.is-nodata:hover {
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
}
.card.is-nodata:hover p {
  color: #888;
}
.card.is-nodata:hover p::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2743%27 height=%2743%27 viewBox=%270 0 43 43%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%2717.5186%27 width=%278.75926%27 height=%2743%27 rx=%274.37963%27 fill=%27%23C6C6C6%27/%3E%3Crect y=%2725.4814%27 width=%278.75926%27 height=%2743%27 rx=%274.37963%27 transform=%27rotate%28-90 0 25.4814%29%27 fill=%27%23C6C6C6%27/%3E%3C/svg%3E%0A");
}
.card.is-nodata p {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
  transition: color 0.2s;
  color: #DEDEDE;
}
.card.is-nodata p::before {
  content: "";
  display: block;
  width: 43px;
  height: 43px;
  margin: 0 auto 14px;
  transition: background 0.2s;
  background-image: url("data:image/svg+xml,%3Csvg width=%2743%27 height=%2743%27 viewBox=%270 0 43 43%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%2717.5186%27 width=%278.75926%27 height=%2743%27 rx=%274.37963%27 fill=%27%23F1F1F1%27/%3E%3Crect y=%2725.4814%27 width=%278.75926%27 height=%2743%27 rx=%274.37963%27 transform=%27rotate%28-90 0 25.4814%29%27 fill=%27%23F1F1F1%27/%3E%3C/svg%3E%0A");
}

.card-header {
  display: flex;
}
.card-header.is-border {
  flex: none;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 13px;
  border-bottom: 1px solid #333;
}

.card-guide-text {
  margin-top: 45px;
  margin-left: auto;
  font-size: 15px;
  color: #666;
}

.card-shortcut-wrap {
  margin-top: 24px;
  margin-right: -5px;
  margin-left: auto;
}

.card-shortcut-btn {
  display: block;
  overflow: hidden;
  position: relative;
  width: 164px;
  height: 24px;
  padding: 0 20px 0 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  line-height: 1.6;
  color: #666;
}
.card-shortcut-btn:not(:first-child) {
  margin-top: 6px;
}
.card-shortcut-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background-color: #D9D9D9;
}
.card-shortcut-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6 4L10 8L6 12%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
}

.card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.card-body.os-host {
  width: calc(100% - 10px);
}
.card-body.os-host .list.has-borders li {
  margin-right: 8px;
}

.container {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: #fff;
}

#tag-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

#tag-list li {
  list-style: none;
  margin-right: 10px;
}

/* 해시태그 태그 스타일 */
.tag-item {
  display: inline-block;
  background-color: #f5f5f5;
  border-radius: 15px;
  padding: 4px 10px;
  margin: 4px;
  color: black;
}

/* 삭제 버튼 스타일 */
.del-btn {
  color: black;
  margin-left: 5px;
  cursor: pointer;
}

.tui-datepicker-input {
  border: none;
  width: 100%;
  height: 32px;
  vertical-align: middle;
}
.tui-datepicker-input input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 28px 0 10px;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  font-size: 14px;
  color: #000;
}
.tui-datepicker-input input:hover, .tui-datepicker-input input:focus, .tui-datepicker-input input:active {
  border: 1px solid #535353;
}
.tui-datepicker-input input:hover ~ .tui-ico-date, .tui-datepicker-input input:focus ~ .tui-ico-date, .tui-datepicker-input input:active ~ .tui-ico-date {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2714%27 viewBox=%270 0 12 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath opacity=%270.99%27 d=%27M9.33343 7.70018H6V11.2002H9.33343V7.70018ZM8.66657 0V1.40036H3.33343V0H1.99971V1.40036H1.33371C1.15896 1.40036 0.985933 1.4366 0.824559 1.50701C0.663185 1.57741 0.516646 1.6806 0.393357 1.81063C0.270068 1.94067 0.172458 2.09499 0.106131 2.26475C0.0398042 2.4345 0.00606711 2.61634 0.00685733 2.79982L2.75811e-07 12.5996C-0.000112415 12.7836 0.0343083 12.9657 0.101294 13.1357C0.168279 13.3056 0.266516 13.46 0.390385 13.5901C0.514254 13.7202 0.661326 13.8233 0.823191 13.8936C0.985056 13.964 1.15854 14.0001 1.33371 14H10.6663C11.0197 13.999 11.3584 13.8512 11.6084 13.5888C11.8583 13.3264 11.9991 12.9707 12 12.5996V2.79982C11.9991 2.42871 11.8583 2.07308 11.6084 1.81067C11.3584 1.54825 11.0197 1.40041 10.6663 1.39946H9.99943V0H8.66657ZM10.6663 12.5996H1.33371V4.89946H10.6663V12.5996Z%27 fill=%27%23151515%27/%3E%3C/svg%3E%0A");
}
.tui-datepicker-input input[readonly], .tui-datepicker-input input[disabled] {
  border: 1px solid #E3E3E3 !important;
  background-color: #F4F4F4;
}
.tui-datepicker-input input[readonly] ~ .tui-ico-date, .tui-datepicker-input input[disabled] ~ .tui-ico-date {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2714%27 viewBox=%270 0 12 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath opacity=%270.99%27 d=%27M9.33343 7.70018H6V11.2002H9.33343V7.70018ZM8.66657 0V1.40036H3.33343V0H1.99971V1.40036H1.33371C1.15896 1.40036 0.985933 1.4366 0.824559 1.50701C0.663185 1.57741 0.516646 1.6806 0.393357 1.81063C0.270068 1.94067 0.172458 2.09499 0.106131 2.26475C0.0398042 2.4345 0.00606711 2.61634 0.00685733 2.79982L2.75811e-07 12.5996C-0.000112415 12.7836 0.0343083 12.9657 0.101294 13.1357C0.168279 13.3056 0.266516 13.46 0.390385 13.5901C0.514254 13.7202 0.661326 13.8233 0.823191 13.8936C0.985056 13.964 1.15854 14.0001 1.33371 14H10.6663C11.0197 13.999 11.3584 13.8512 11.6084 13.5888C11.8583 13.3264 11.9991 12.9707 12 12.5996V2.79982C11.9991 2.42871 11.8583 2.07308 11.6084 1.81067C11.3584 1.54825 11.0197 1.40041 10.6663 1.39946H9.99943V0H8.66657ZM10.6663 12.5996H1.33371V4.89946H10.6663V12.5996Z%27 fill=%27%23D0D0D0%27/%3E%3C/svg%3E%0A");
}
.tui-datepicker-input input[readonly]:hover ~ .tui-ico-date, .tui-datepicker-input input[readonly]:focus ~ .tui-ico-date, .tui-datepicker-input input[disabled]:hover ~ .tui-ico-date, .tui-datepicker-input input[disabled]:focus ~ .tui-ico-date {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2714%27 viewBox=%270 0 12 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath opacity=%270.99%27 d=%27M9.33343 7.70018H6V11.2002H9.33343V7.70018ZM8.66657 0V1.40036H3.33343V0H1.99971V1.40036H1.33371C1.15896 1.40036 0.985933 1.4366 0.824559 1.50701C0.663185 1.57741 0.516646 1.6806 0.393357 1.81063C0.270068 1.94067 0.172458 2.09499 0.106131 2.26475C0.0398042 2.4345 0.00606711 2.61634 0.00685733 2.79982L2.75811e-07 12.5996C-0.000112415 12.7836 0.0343083 12.9657 0.101294 13.1357C0.168279 13.3056 0.266516 13.46 0.390385 13.5901C0.514254 13.7202 0.661326 13.8233 0.823191 13.8936C0.985056 13.964 1.15854 14.0001 1.33371 14H10.6663C11.0197 13.999 11.3584 13.8512 11.6084 13.5888C11.8583 13.3264 11.9991 12.9707 12 12.5996V2.79982C11.9991 2.42871 11.8583 2.07308 11.6084 1.81067C11.3584 1.54825 11.0197 1.40041 10.6663 1.39946H9.99943V0H8.66657ZM10.6663 12.5996H1.33371V4.89946H10.6663V12.5996Z%27 fill=%27%23D0D0D0%27/%3E%3C/svg%3E%0A");
}
.tui-datepicker-input input[disabled] {
  color: #D0D0D0;
}
.tui-datepicker-input input[disabled] ~ .tui-ico-date {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2714%27 viewBox=%270 0 12 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath opacity=%270.99%27 d=%27M9.33343 7.70018H6V11.2002H9.33343V7.70018ZM8.66657 0V1.40036H3.33343V0H1.99971V1.40036H1.33371C1.15896 1.40036 0.985933 1.4366 0.824559 1.50701C0.663185 1.57741 0.516646 1.6806 0.393357 1.81063C0.270068 1.94067 0.172458 2.09499 0.106131 2.26475C0.0398042 2.4345 0.00606711 2.61634 0.00685733 2.79982L2.75811e-07 12.5996C-0.000112415 12.7836 0.0343083 12.9657 0.101294 13.1357C0.168279 13.3056 0.266516 13.46 0.390385 13.5901C0.514254 13.7202 0.661326 13.8233 0.823191 13.8936C0.985056 13.964 1.15854 14.0001 1.33371 14H10.6663C11.0197 13.999 11.3584 13.8512 11.6084 13.5888C11.8583 13.3264 11.9991 12.9707 12 12.5996V2.79982C11.9991 2.42871 11.8583 2.07308 11.6084 1.81067C11.3584 1.54825 11.0197 1.40041 10.6663 1.39946H9.99943V0H8.66657ZM10.6663 12.5996H1.33371V4.89946H10.6663V12.5996Z%27 fill=%27%23D0D0D0%27/%3E%3C/svg%3E%0A");
}
.tui-datepicker-input input[disabled]:hover ~ .tui-ico-date, .tui-datepicker-input input[disabled]:focus ~ .tui-ico-date {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2714%27 viewBox=%270 0 12 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath opacity=%270.99%27 d=%27M9.33343 7.70018H6V11.2002H9.33343V7.70018ZM8.66657 0V1.40036H3.33343V0H1.99971V1.40036H1.33371C1.15896 1.40036 0.985933 1.4366 0.824559 1.50701C0.663185 1.57741 0.516646 1.6806 0.393357 1.81063C0.270068 1.94067 0.172458 2.09499 0.106131 2.26475C0.0398042 2.4345 0.00606711 2.61634 0.00685733 2.79982L2.75811e-07 12.5996C-0.000112415 12.7836 0.0343083 12.9657 0.101294 13.1357C0.168279 13.3056 0.266516 13.46 0.390385 13.5901C0.514254 13.7202 0.661326 13.8233 0.823191 13.8936C0.985056 13.964 1.15854 14.0001 1.33371 14H10.6663C11.0197 13.999 11.3584 13.8512 11.6084 13.5888C11.8583 13.3264 11.9991 12.9707 12 12.5996V2.79982C11.9991 2.42871 11.8583 2.07308 11.6084 1.81067C11.3584 1.54825 11.0197 1.40041 10.6663 1.39946H9.99943V0H8.66657ZM10.6663 12.5996H1.33371V4.89946H10.6663V12.5996Z%27 fill=%27%23D0D0D0%27/%3E%3C/svg%3E%0A");
}
.tui-datepicker-input .tui-ico-date {
  top: 50%;
  right: 9px;
  width: 12px;
  height: 14px;
  margin: -7px 0 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2714%27 viewBox=%270 0 12 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath opacity=%270.99%27 d=%27M9.33343 7.70018H6V11.2002H9.33343V7.70018ZM8.66657 0V1.40036H3.33343V0H1.99971V1.40036H1.33371C1.15896 1.40036 0.985933 1.4366 0.824559 1.50701C0.663185 1.57741 0.516646 1.6806 0.393357 1.81063C0.270068 1.94067 0.172458 2.09499 0.106131 2.26475C0.0398042 2.4345 0.00606711 2.61634 0.00685733 2.79982L2.75811e-07 12.5996C-0.000112415 12.7836 0.0343083 12.9657 0.101294 13.1357C0.168279 13.3056 0.266516 13.46 0.390385 13.5901C0.514254 13.7202 0.661326 13.8233 0.823191 13.8936C0.985056 13.964 1.15854 14.0001 1.33371 14H10.6663C11.0197 13.999 11.3584 13.8512 11.6084 13.5888C11.8583 13.3264 11.9991 12.9707 12 12.5996V2.79982C11.9991 2.42871 11.8583 2.07308 11.6084 1.81067C11.3584 1.54825 11.0197 1.40041 10.6663 1.39946H9.99943V0H8.66657ZM10.6663 12.5996H1.33371V4.89946H10.6663V12.5996Z%27 fill=%27%238E8E8E%27/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 !important;
  background-size: 12px 14px;
}
.tui-datepicker {
  z-index: 20;
  overflow: hidden;
  top: 100%;
  left: 0;
  border-radius: 4px;
  border-color: #535353;
}
.tui-datepicker .tui-datepicker-type-date {
  width: 282px;
}
.tui-datepicker .tui-calendar {
  width: 100%;
}
.tui-datepicker .tui-calendar th,
.tui-datepicker .tui-calendar td {
  width: 36px;
  height: 36px;
  font-size: 14px;
  padding: 0 !important;
}
.tui-datepicker .tui-calendar th.tui-sun {
  color: #BD0000;
}
.tui-datepicker .tui-calendar td.tui-calendar-month {
  width: 25%;
  height: 56px;
}
.tui-datepicker .tui-calendar td.tui-calendar-month, .tui-datepicker .tui-calendar td.tui-calendar-year {
  border-radius: 3px;
}
.tui-datepicker .tui-calendar td.tui-calendar-year {
  width: 33.333%;
  height: 56px;
}
.tui-datepicker .tui-calendar-body {
  padding: 0 15px 5px;
}
.tui-datepicker .tui-calendar-header {
  border-bottom: 0;
}
.tui-datepicker .tui-calendar-header-inner {
  height: auto;
  padding: 14px 48px;
}
.tui-datepicker .tui-calendar-header-info {
  display: none !important;
}
.tui-datepicker .tui-calendar-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.1;
  color: #000;
}
.tui-datepicker .tui-calendar-btn {
  top: 10px;
  width: 28px;
  height: 28px;
  padding: 0;
}
.tui-datepicker .tui-calendar-btn::after {
  width: 6px;
  height: 10px;
}
.tui-datepicker .tui-calendar-btn.tui-calendar-btn-prev-month {
  left: 20px;
}
.tui-datepicker .tui-calendar-btn.tui-calendar-btn-prev-month::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%276%27 height=%2710%27 viewBox=%270 0 6 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.00049 9L0.793518 4.79301L5.00049 0.586014%27 stroke=%27%23535353%27/%3E%3C/svg%3E%0A");
}
.tui-datepicker .tui-calendar-btn.tui-calendar-btn-next-month {
  right: 20px;
}
.tui-datepicker .tui-calendar-btn.tui-calendar-btn-next-month::after {
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg width=%276%27 height=%2710%27 viewBox=%270 0 6 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.00049 9L0.793518 4.79301L5.00049 0.586014%27 stroke=%27%23535353%27/%3E%3C/svg%3E%0A");
  background-position: 0;
}
.tui-datepicker .tui-calendar-body-inner {
  border-collapse: separate;
}
.tui-datepicker .tui-calendar-date {
  border-radius: 3px;
}
.tui-datepicker .tui-is-selectable {
  color: #000;
}
.tui-datepicker .tui-is-selectable:hover {
  background-color: #F2F5F6;
}
.tui-datepicker .tui-is-selectable.tui-is-selected {
  color: #FFF;
  background-color: #151515;
}
.tui-datepicker .tui-calendar-sun {
  color: #BD0000;
}
.tui-datepicker .tui-is-blocked {
  color: #999;
}
.tui-datepicker .tui-calendar-today {
  border: 1px solid #151515;
}
.tui-datepicker.tui-rangepicker .tui-is-selectable.tui-is-selected {
  background-color: #2878fa;
  color: #fff;
}

.tui-calendar-month .tui-calendar-body,
.tui-calendar-year .tui-calendar-body {
  width: auto;
  margin: 0;
  padding: 6px 16px 25px;
}

.tilde {
  flex: none;
  width: 20px;
  text-align: center;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  transform: translate(-50%, -50%);
}
.spinner::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 50%;
  border: 6px solid #F2F2F2;
  border-top-color: #000;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.page_dropdown .dropdown.is-active .dropdown-menu {
  position: relative;
}

.dropdown {
  display: inline-block;
  position: relative;
  width: 226px;
  vertical-align: top;
}
.dropdown.is-hoverable:hover .button, .dropdown.is-active .button {
  border-top-color: #6f6f6f;
  border-left-color: #6f6f6f;
  border-right-color: #6f6f6f;
}
.dropdown.is-hoverable:hover .dropdown-menu, .dropdown.is-active .dropdown-menu {
  display: block;
}
.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0;
}
.dropdown.is-up .dropdown-menu {
  top: auto;
  bottom: 100%;
  padding-top: initial;
  padding-bottom: 4px;
}
.dropdown label {
  display: block;
  margin-bottom: 5px;
}
.dropdown-trigger {
  width: 100%;
}
.dropdown-trigger .button {
  display: flex;
  justify-content: space-between;
  border-width: 1px;
  border-color: #e5e5e5;
  padding: 13px 11px;
  width: 100%;
  background-color: transparent;
}
.dropdown-trigger .button:hover, .dropdown-trigger .button.is-hovered {
  background-color: #f5f5f5;
}
.dropdown-trigger .button:focus, .dropdown-trigger .button.is-focused {
  outline: 2px solid #0354ff;
  outline-offset: -2px;
}
.dropdown-trigger .button[disabled], fieldset[disabled] .dropdown-trigger .button {
  color: #cacaca;
}
.dropdown-trigger .icon:last-child:not(:first-child) {
  margin-right: 3px !important;
}
.dropdown-menu {
  left: 0;
  display: none;
  position: absolute;
  z-index: 20;
  min-width: 12rem;
  width: 100%;
}
.dropdown-content {
  border: 1px solid #6f6f6f;
  border-top: none;
  background-color: hsl(0, 0%, 100%);
}
.dropdown-item {
  display: block;
  position: relative;
  padding: 0.55rem 0.7rem;
  font-size: 0.875rem;
  color: #333;
  line-height: 1.5;
}
.dropdown-item:first-child {
  padding-top: 22px;
}
.dropdown-item:last-child {
  padding-bottom: 18px;
}
.dropdown-divider {
  display: block;
  margin: 0.5rem 0;
  border: none;
  height: 1px;
  background-color: hsl(0, 0%, 93%);
}
.dropdown.is-overflow {
  width: auto;
}
.dropdown.is-overflow .dropdown-trigger .button {
  justify-content: center;
  border: none;
  padding: 0;
  width: 32px;
  height: 32px;
}
.dropdown.is-overflow .dropdown-trigger .button:focus, .dropdown.is-overflow .dropdown-trigger .button.is-focused {
  background-color: #f5f5f5;
}
.dropdown.is-overflow .dropdown-trigger .icon:first-child:last-child {
  margin: 0;
}
.dropdown.is-overflow .dropdown-content {
  border-top: 1px solid #6f6f6f;
}

a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  width: 100%;
  text-align: inherit;
  white-space: nowrap;
}
a.dropdown-item:hover, a.dropdown-item.is-hovered,
button.dropdown-item:hover,
button.dropdown-item.is-hovered {
  background-color: #f5f5f5;
  color: inherit;
}
a.dropdown-item:hover::after, a.dropdown-item.is-hovered::after,
button.dropdown-item:hover::after,
button.dropdown-item.is-hovered::after {
  content: none;
}
a.dropdown-item:focus, a.dropdown-item.is-focused,
button.dropdown-item:focus,
button.dropdown-item.is-focused {
  outline: 2px solid #0354ff;
  outline-offset: -2px;
}
a.dropdown-item:focus::after, a.dropdown-item.is-focused::after,
button.dropdown-item:focus::after,
button.dropdown-item.is-focused::after {
  content: none;
}
a.dropdown-item:active, a.dropdown-item.is-active,
button.dropdown-item:active,
button.dropdown-item.is-active {
  background-color: #f5f5f5;
  color: inherit;
}
a.dropdown-item:active::after, a.dropdown-item.is-active::after,
button.dropdown-item:active::after,
button.dropdown-item.is-active::after {
  content: none;
}

.container-error,
.container.is-error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.container-error .box,
.container.is-error .box {
  justify-content: center;
  align-items: center;
  border: 1px solid #e5e5e5;
  width: 614px;
  height: 487px;
}
.container-error .icon_error,
.container-error .icon.is-error,
.container.is-error .icon_error,
.container.is-error .icon.is-error {
  margin-bottom: 40px;
}

.icon_error,
.icon.is-error {
  width: 200px;
  height: 153px;
}

.message-error,
.error-message {
  font-size: 20px;
  font-weight: 500;
}
.message-error:not(:last-child),
.error-message:not(:last-child) {
  margin-bottom: 4px;
}
.message-error.is-c01e14,
.error-message.is-c01e14 {
  color: #c01e14;
}

.card-content.is-evaluation {
  width: 90%;
}

.columns.are-admin {
  margin-top: -10px;
}
.columns.are-admin:not(:last-child) {
  margin-bottom: 10px;
}
.columns.are-evaluation {
  margin: 0;
}

.column.is-evaluation {
  padding: 0 10px;
  border-radius: 10px;
  background-color: white;
  text-align: center;
}

.evaluation-result {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70px;
}
.evaluation-result:not(:last-child) {
  margin-bottom: 26px;
}

.evaluation-rate {
  font-size: 36px;
  font-weight: 500;
  color: #0048bc;
}
.evaluation-rate:not(:last-child) {
  margin-bottom: 10px;
}
.column.is-evaluation .evaluation-rate {
  margin: 68px auto;
}
.column.is-evaluation:nth-child(2) .evaluation-rate {
  color: #efa52c;
}
.column.is-evaluation:last-child .evaluation-rate {
  color: #fb5a46;
}

.evaluation-grade {
  font-size: 18px;
  font-weight: 500;
  color: #151515;
}
.column.is-evaluation .evaluation-grade {
  margin: 38px auto;
}

.evaluation-description {
  font-size: 14px;
  font-weight: 500;
  color: #324a62;
}

.table.is-evaluation {
  width: 100%;
  height: 127px;
}
.table.is-evaluation > tbody > tr > th {
  border-color: #bfbfbf;
  background-color: rgba(50, 74, 98, 0.13);
  font-size: 14px;
  color: #324a62;
}
.table.is-evaluation > tbody > tr > td {
  background-color: white;
}
.table.is-evaluation.is-vertical > tbody > tr > th {
  padding: 0 19px;
}
.table.is-evaluation.is-vertical > tbody > tr > th:first-child {
  border-left: none;
}
.table.is-evaluation.is-vertical > tbody > tr > td {
  padding-left: 10px;
  border-color: #bfbfbf;
}
.table.is-evaluation.is-vertical > tbody > tr > td:last-child {
  border-right: none;
}
.table.is-evaluation.is-horizontal {
  text-align: center;
}
.table.is-evaluation.is-horizontal.is-horizontal > tbody > tr > th:first-child,
.table.is-evaluation.is-horizontal.is-horizontal > tbody > tr > td:first-child {
  border-left: none;
}
.table.is-evaluation.is-horizontal.is-horizontal > tbody > tr > th:last-child,
.table.is-evaluation.is-horizontal.is-horizontal > tbody > tr > td:last-child {
  border-right: none;
}

.card-header.is-evaluation.has-icons {
  margin: auto;
  padding: 11px 0;
}
.card-header.is-evaluation.has-icons .card-header-title {
  padding: 0;
}

.tui-chart-req2 {
  font-weight: 500;
  font-size: 20px !important;
  color: #FF6464 !important;
}

.tui-chart-proc2 {
  font-weight: 500;
  font-size: 20px !important;
  color: #00A9FF !important;
}

.tui-chart-req-proc2 {
  font-weight: 500;
  font-size: 20px !important;
  color: #00D5A2 !important;
}

.tui-chart-h3 {
  font-size: 15px !important;
}

.container-find,
.container.is-find {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #f1f1f1;
}
.container-find .box,
.container.is-find .box {
  border-radius: 10px;
  padding: 100px 130px;
  width: 580px;
  height: 610px;
}
.container-find .page-title,
.container.is-find .page-title {
  margin-bottom: 46px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.container-find .find-result,
.container.is-find .find-result {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 51px;
  padding: 0 10px;
  min-height: 150px;
  background-color: #f5f5f5;
  font-size: 14px;
  text-align: center;
  line-height: 1.4;
}
.container-find .email,
.container.is-find .email {
  font-weight: bold;
  color: #0354ff;
}
.container-find .message-result:not(:last-child),
.container-find .result-message:not(:last-child),
.container.is-find .message-result:not(:last-child),
.container.is-find .result-message:not(:last-child) {
  margin-bottom: 22px;
}
.container-find .buttons,
.container.is-find .buttons {
  justify-content: space-between;
}
.container-find .button,
.container.is-find .button {
  height: 50px;
  justify-content: center;
}
.container-find .button.is-half,
.container.is-find .button.is-half {
  flex-basis: calc(50% - 5px);
}

.form-wrap.form-builder .frmb li.form-field .close-field, .form-wrap.form-builder .frmb li.form-field:first-child, .form-wrap.form-builder .frmb li.form-field:last-child {
  border-radius: 0 !important;
}
.form-wrap.form-builder .frmb .form-elements {
  border-radius: 0 !important;
}
.form-wrap.form-builder .frmb .option-actions button,
.form-wrap.form-builder .frmb .option-actions a {
  border-radius: 0 !important;
}
.form-wrap.form-builder .frmb-control {
  border-radius: 0 !important;
}
.form-wrap.form-builder .frmb-control li:first-child, .form-wrap.form-builder .frmb-control li:last-child {
  border-radius: 0 !important;
}

.form-builder-dialog {
  border-radius: 0 !important;
}

.ustra-grid:not(:last-child) {
  margin-bottom: 9px;
}
.ustra-grid .radio {
  display: inline-block;
  height: 15px;
  vertical-align: middle;
}
.ustra-grid .radio .input_button {
  margin-right: 0;
  box-sizing: border-box;
  vertical-align: top;
  background-color: #FFF;
}
.ustra-grid .radio input[readonly] ~ .input_button,
.ustra-grid .radio input[readonly] ~ .input-box {
  border-color: #C3C3C3;
  background-color: #FFF;
}
.ustra-grid .radio input[readonly] ~ .input_button:hover,
.ustra-grid .radio input[readonly] ~ .input-box:hover {
  border-color: #151515;
}
.ustra-grid .radio input:checked[readonly] ~ .input_button,
.ustra-grid .radio input:checked[readonly] ~ .input-box {
  border-color: #151515;
  background-color: #151515;
}
.ustra-grid .radio input:checked[readonly] ~ .input_button::after,
.ustra-grid .radio input:checked[readonly] ~ .input-box::after {
  background-color: #FFF;
}
.ustra-grid .checkbox {
  display: inline-block;
  height: 15px;
  vertical-align: middle;
}
.ustra-grid .checkbox .input_button {
  box-sizing: border-box;
  vertical-align: top;
  background-color: #FFF;
}
.ustra-grid .checkbox input[readonly] ~ .input_button,
.ustra-grid .checkbox input[readonly] ~ .input-box {
  border-color: #C3C3C3;
  background-color: #fff;
}
.ustra-grid .checkbox input[readonly] ~ .input_button:hover,
.ustra-grid .checkbox input[readonly] ~ .input-box:hover {
  border-color: #151515;
}
.ustra-grid .checkbox input:checked[readonly] ~ .input_button,
.ustra-grid .checkbox input:checked[readonly] ~ .input-box {
  border-color: #151515;
  background-color: #151515;
}
.ustra-grid .tui-grid-cell-row-header.tui-grid-cell-selected {
  background-color: rgba(0, 0, 0, 0.05);
}
.ustra-grid .tui-grid-container .tui-grid-pagination {
  margin-top: 9px;
  margin-bottom: 0;
}
.ustra-grid .tui-grid-layer-state {
  border-left: 1px solid #F2F2F2;
}
.ustra-grid .tui-grid-layer-state p {
  color: #999;
}
.ustra-grid .tui-grid-cell-header {
  background-color: #F6F6F6 !important;
}
.ustra-grid .tui-grid-scrollbar-right-top {
  border-left-width: 0;
}
.ustra-grid .tui-grid-scrollbar-left-bottom {
  border-left-width: 0;
}
.ustra-grid .tui-grid-cell-invalid.tui-grid-cell {
  background-color: #F2FAFB !important;
}
.ustra-grid.has-tag .tui-grid-cell {
  overflow: visible;
}
.ustra-grid.has-tag .tui-grid-cell-content {
  overflow: visible;
}
.ustra-grid + .level {
  margin-top: 2.3em;
}
.ustra-grid + .field {
  border: 1px solid #e5e5e5;
  border-top: none;
  padding: 3px 5px;
}
.ustra-grid + .field .control:not(.is-button) {
  width: calc(100% - 185px);
}
.ustra-grid .tui-grid-header-area {
  border-color: #DADADA !important;
}
.ustra-grid .tui-grid-cell-header {
  border-color: #E9E9E9 !important;
  font-weight: 600;
  font-size: 13px;
  line-height: 31px;
  color: #8E8E8E;
}
.ustra-grid .tui-grid-content-area {
  border-color: #F2F2F2 !important;
}
.ustra-grid .tui-grid-cell-content {
  padding: 0 10px !important;
  font-size: 14px;
  color: #000;
}
.ustra-grid .tui-grid-row-hover td {
  background-color: rgba(0, 0, 0, 0.03);
}
.ustra-grid .tui-grid-btn-sorting {
  width: 12px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2724%27 viewBox=%270 0 12 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6 4L10.3301 8.5H1.66987L6 4Z%27 fill=%27%239F9F9F%27/%3E%3Cpath d=%27M6 20L1.66987 15.5L10.3301 15.5L6 20Z%27 fill=%27%239F9F9F%27/%3E%3C/svg%3E%0A");
  background-position: 0;
}
.ustra-grid .tui-grid-btn-sorting.tui-grid-btn-sorting-up {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2724%27 viewBox=%270 0 12 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6 4L10.3301 8.5H1.66987L6 4Z%27 fill=%27%23151515%27/%3E%3Cpath d=%27M6 20L1.66987 15.5L10.3301 15.5L6 20Z%27 fill=%27%239F9F9F%27/%3E%3C/svg%3E%0A");
}
.ustra-grid .tui-grid-btn-sorting.tui-grid-btn-sorting-down {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2724%27 viewBox=%270 0 12 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6 20L1.66987 15.5L10.3301 15.5L6 20Z%27 fill=%27%23151515%27/%3E%3Cpath d=%27M6 4L10.3301 8.5H1.66987L6 4Z%27 fill=%27%239F9F9F%27/%3E%3C/svg%3E%0A");
}
.ustra-grid .tui-grid-btn-filter {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18 6V7.33333H17.3333L14 12.3333V18H10V12.3333L6.66667 7.33333H6V6H18ZM8.26933 7.33333L11.3333 11.9293V16.6667H12.6667V11.9293L15.7307 7.33333H8.26933Z%27 fill=%27%239F9F9F%27/%3E%3C/svg%3E%0A");
  background-position: 0;
}
.ustra-grid .tui-grid-btn-filter.tui-grid-filter-icon {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18 6V7.33333H17.3333L14 12.3333V18H10V12.3333L6.66667 7.33333H6V6H18ZM8.26933 7.33333L11.3333 11.9293V16.6667H12.6667V11.9293L15.7307 7.33333H8.26933Z%27 fill=%27%23151515%27/%3E%3C/svg%3E%0A");
}
.ustra-grid .tui-grid-layer-focus-border {
  background-color: #666 !important;
}
.ustra-grid .tui-grid-layer-editing {
  border-color: #666;
}
.ustra-grid .tui-grid-layer-editing input {
  border: none;
  font-size: 14px;
  color: #000;
}
.ustra-grid .tui-grid-editor-select-box-layer {
  transform: translateX(-5px);
}
.ustra-grid .tui-select-box-input {
  height: 32px;
  border-radius: 4px;
  border-color: #535353;
}
.ustra-grid .tui-select-box-dropdown {
  border-radius: 4px;
  border: 1px solid #535353;
}
.ustra-grid .tui-select-box-placeholder {
  font-size: 14px;
  color: #000;
}
.ustra-grid .tui-select-box-item {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #000;
}
.ustra-grid .tui-select-box-item.tui-select-box-selected {
  background-color: #FFF;
}
.ustra-grid .tui-select-box-item.tui-select-box-highlight {
  background-color: #F4F4F4;
}
.ustra-grid .tui-grid-border-line-top {
  border-color: #DADADA !important;
}
.ustra-grid .tui-grid-border-line-left {
  border-color: #E9E9E9 !important;
}
.ustra-grid .tui-grid-scrollbar-y-inner-border {
  background-color: #F2F2F2 !important;
}
.ustra-grid .tui-grid-scrollbar-frozen-border {
  border-color: #F2F2F2 !important;
}
.ustra-grid .tui-grid-scrollbar-right-bottom {
  border-color: #F2F2F2 !important;
}
.ustra-grid .tui-grid-border-line-bottom {
  border-color: #F2F2F2 !important;
}
.ustra-grid .tui-grid-scrollbar-right-top {
  border-right-color: #E9E9E9 !important;
  border-bottom-color: #DADADA !important;
  background-color: #F6F6F6;
}
.ustra-grid .tui-grid-scrollbar-y-outer-border {
  background-color: #F2F2F2 !important;
}
.ustra-grid .tui-grid-frozen-border {
  width: 2px !important;
  margin-left: -2px !important;
  background-color: #BCBCBC;
}
.ustra-grid .tui-grid-layer-selection {
  opacity: 0.05;
  background-color: #000;
}

.icon {
  display: inline-flex;
  vertical-align: middle;
}
.icon.is-small {
  width: 14px;
  height: 14px;
}
.icon.is-medium {
  width: 24px;
  height: 24px;
}
.icon.is-large {
  width: 32px;
  height: 32px;
}
.icon.icon_loader_large, .icon.is-loader.is-large {
  width: 72px;
  height: 72px;
}
.icon.icon_status_information, .icon.is-status-information {
  fill: #8e8e8e;
}
.icon.icon_navigation_chevron_right, .icon.is-navigation-chevron.is-right {
  fill: #8e8e8e;
}
.icon.is-success {
  fill: #0f61fd;
}
.icon.is-error {
  fill: #da1e28;
}
.icon.icon_operations_search {
  width: 12px;
  height: 12px;
}
.icon_title, .icon.is-title {
  width: 45px;
  height: 45px;
}
.icon_title svg, .icon.is-title svg {
  width: 45px;
  height: 45px;
}
.icon_subtit, .icon.is-subtit {
  width: 8px !important;
  height: 13px !important;
}
.icon_operations_search, .icon.is-operations-search {
  cursor: pointer;
}
.icon_inbound, .icon.is-inbound {
  width: 30px;
  height: 32px;
}
.icon_formatting_attachment, .icon.is-formatting-attachment {
  width: 13px;
  height: 13px;
}
.icon_formatting_attachment:not(:last-child), .icon.is-formatting-attachment:not(:last-child) {
  margin-right: 0.5em;
}
.icon_user_user_avatar, .icon.is-user-user-avatar {
  width: 20px;
  height: 20px;
}
.icon_noti {
  width: 20px;
  height: 20px;
  margin-right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M16.648 11.7018L16.3 11.4275C16.2065 11.3541 16.1309 11.261 16.079 11.1551C16.0271 11.0493 16.0001 10.9334 16 10.8159V7.64863C15.9995 6.28749 15.5172 4.96867 14.6353 3.91713C13.7534 2.86558 12.5265 2.14645 11.164 1.88239C11.0976 1.62986 10.9474 1.40614 10.737 1.24641C10.5267 1.08668 10.2681 1 10.002 1C9.73589 1 9.47733 1.08668 9.26699 1.24641C9.05664 1.40614 8.90644 1.62986 8.84 1.88239C7.47672 2.14565 6.24894 2.86444 5.36624 3.91606C4.48354 4.96768 4.00065 6.28694 4 7.64863V10.8159C3.99993 10.9334 3.97293 11.0493 3.921 11.1551C3.86908 11.261 3.79355 11.3541 3.7 11.4275L3.352 11.7018C2.93171 12.0311 2.59209 12.4485 2.35812 12.9234C2.12415 13.3983 2.00177 13.9185 2 14.4458V15.0965C2 15.5124 2.16857 15.9112 2.46863 16.2052C2.76869 16.4993 3.17565 16.6645 3.6 16.6645H6.904C7.08432 17.3339 7.48561 17.926 8.04528 18.3484C8.60495 18.7709 9.29155 19 9.998 19C10.7045 19 11.391 18.7709 11.9507 18.3484C12.5104 17.926 12.9117 17.3339 13.092 16.6645H16.4C16.8243 16.6645 17.2313 16.4993 17.5314 16.2052C17.8314 15.9112 18 15.5124 18 15.0965V14.4536C17.9994 13.925 17.8776 13.4033 17.6436 12.9269C17.4096 12.4506 17.0693 12.032 16.648 11.7018ZM10 17.4485C9.72078 17.4468 9.44686 17.3736 9.20546 17.2361C8.96407 17.0985 8.76361 16.9015 8.624 16.6645H11.38C11.2401 16.9021 11.039 17.0995 10.7968 17.237C10.5546 17.3746 10.2799 17.4475 10 17.4485ZM16.4 15.0965H3.6V14.4536C3.60043 14.1599 3.66823 13.87 3.7984 13.6054C3.92856 13.3407 4.11776 13.1082 4.352 12.9249L4.7 12.6505C4.98065 12.4303 5.20723 12.1511 5.36301 11.8336C5.51878 11.516 5.59978 11.1683 5.6 10.8159V7.64863C5.6 6.50503 6.06357 5.40827 6.88873 4.59962C7.71389 3.79098 8.83305 3.33669 10 3.33669C11.167 3.33669 12.2861 3.79098 13.1113 4.59962C13.9364 5.40827 14.4 6.50503 14.4 7.64863V10.8159C14.3996 11.1689 14.4803 11.5175 14.6361 11.8357C14.7919 12.154 15.0188 12.4338 15.3 12.6544L15.648 12.9288C15.8817 13.1117 16.0706 13.3436 16.2007 13.6075C16.3309 13.8714 16.399 14.1606 16.4 14.4536V15.0965Z%27 fill=%27%23151515%27/%3E%3C/svg%3E%0A");
}
.icon_status_warning_filled, .icon.is-status-warning.is-filled, .icon_status_checkmark_filled, .icon.is-status-checkmark.is-filled {
  width: 35px;
  height: 35px;
}
.field-message .icon_status_warning_filled, .field-message .icon.is-status-warning.is-filled, .field-message .icon_status_checkmark_filled, .field-message .icon.is-status-checkmark.is-filled {
  width: 20px;
  height: 20px;
}
.icon_logout, .icon.is-logout {
  width: 20px;
  height: 20px;
}
.icon.is-arrow-right:not(:last-child) {
  margin-right: 4px;
}
.icon.is-arrow-right.is-medium {
  width: 12px;
  height: 12px;
}

.navbar-end .icon {
  margin-right: 3px;
}

.logo_itsm, .logo.is-itsm {
  width: 129px;
  height: 28px;
}
.logo_itsm.is-white, .logo.is-itsm.is-white {
  fill: white;
}
.logo_itsm.is-0354ff, .logo.is-itsm.is-0354ff {
  fill: #151515;
}

.svg-inbound-hover path,
.svg-inbound-hover line, .svg-inbound-focus path,
.svg-inbound-focus line, .svg-inbound-active path,
.svg-inbound-active line,
.svg.is-inbound-hover path,
.svg.is-inbound-hover line,
.svg.is-inbound-focus path,
.svg.is-inbound-focus line,
.svg.is-inbound-active path,
.svg.is-inbound-active line {
  stroke: #0354ff;
}
.svg-inbound-disabled path,
.svg-inbound-disabled line,
.svg.is-inbound-disabled path,
.svg.is-inbound-disabled line {
  stroke: #d4d4d4;
}

.level {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.level code {
  border-radius: 0.25rem;
}
.level img {
  display: inline-block;
  vertical-align: top;
}
.level.is-mobile {
  display: flex;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}
.level.is-mobile .level-left + .level-right {
  margin-top: 0;
}
.level.is-mobile .level-item:not(:last-child) {
  margin-right: 0.25rem;
  margin-bottom: 0;
}
.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}

.level-item {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}

.level-left {
  align-items: center;
  justify-content: flex-start;
}

.level-right {
  align-items: center;
  justify-content: flex-end;
}

.list {
  border-top: 0 !important;
  border-radius: 0.25rem;
  background-color: hsl(0, 0%, 100%);
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}
.list:not(:first-child) {
  margin-top: 0.5rem;
}
.list:not(:last-child) {
  margin-bottom: 0.5rem;
}
.list.has-borders {
  border-radius: 0;
  box-shadow: none;
  font-size: 16px;
}
.list.has-borders li {
  border-bottom: 1px solid #f1f1f1;
}
.list.has-borders a {
  display: block;
  padding: 10px 44px 10px 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Cpath fill=%27%23dbdbdb%27 d=%27M11.4,10,1.4,20,0,18.6,8.6,10,0,1.4,1.4,0Z%27 transform=%27translate%2810.6 6%29%27/%3E%3C/svg%3E");
  background-position: calc(100% - 10px);
  background-size: 24px;
  background-repeat: no-repeat;
  color: #333;
}
.list-item {
  display: block;
  padding: 0.5em 1em;
}
.list-item:not(a) {
  color: #333;
}
.list-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-item:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.list-item:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}
.list-item.is-active {
  background-color: #8e8e8e;
  color: findColorInvert(#8e8e8e);
}
.list label {
  display: block;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 14px 12px;
}
.list label:hover, .list label.is-hovered {
  background-color: #f5f5f5;
}
.list label:focus, .list label.is-focused {
  outline: 1px solid #0354ff;
  outline-offset: -1px;
  background-color: hsl(0, 0%, 100%);
}
.list label:active, .list label.is-active, .list label.is-checked {
  background-color: #e5e5e5;
}
.list label[disabled] {
  color: #cacaca;
  cursor: not-allowed;
}
.list label[disabled]:hover, .list label[disabled].is-hovered, .list label[disabled]:focus, .list label[disabled].is-focused {
  outline: none;
  background-color: transparent;
}
.list label[disabled] .icon {
  fill: #e5e5e5;
}
.list dd {
  display: none;
  padding: 10px;
  background-color: #f5f5f5;
}
.list input {
  display: none;
}
.list input:checked ~ .icon_status_checkmark_filled,
.list input:checked ~ .icon.is-status-checkmark.is-filled {
  display: inline-flex;
}
.list .icon {
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translateY(-50%);
}
.list .icon_status_checkmark_filled {
  display: none;
}

a.list-item {
  background-color: hsl(0, 0%, 96%);
  cursor: pointer;
}

.container-login,
.container.is-login {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #F2F5F6;
}
.container-login .box,
.container.is-login .box {
  border-radius: 15px;
  padding: 75px 100px;
  width: 500px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
}
.container-login .logo_itsm,
.container-login .logo.is-itsm,
.container.is-login .logo_itsm,
.container.is-login .logo.is-itsm {
  align-self: center;
  width: 153px;
  height: 30px;
  margin-bottom: 34px;
}
.container-login .page-title,
.container.is-login .page-title {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.container-login .tabs,
.container.is-login .tabs {
  margin-bottom: 31px !important;
}
.container-login .tabs ul li a,
.container.is-login .tabs ul li a {
  border: none !important;
}
.container-login .tabs-content,
.container.is-login .tabs-content {
  flex-direction: column;
}
.container-login .tabs-content.is-active,
.container.is-login .tabs-content.is-active {
  display: flex;
}
.container-login .field,
.container.is-login .field {
  margin-bottom: 20px;
}
.container-login .control,
.container.is-login .control {
  width: 100%;
}
.container-login .input,
.container-login select,
.container.is-login .input,
.container.is-login select {
  height: 46px;
}
.container-login .level,
.container.is-login .level {
  margin-top: 50px;
}
.container-login .buttons,
.container.is-login .buttons {
  margin-bottom: 0;
}
.container-login .button,
.container.is-login .button {
  height: 46px;
  font-size: 14px;
}

.menu {
  overflow-y: auto;
  position: relative;
  flex: none;
  padding: 30px 20px;
  min-height: calc(100vh - 60px);
  max-height: calc(100vh - 60px);
  width: 260px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: #FFF;
}
.menu-list:not(:first-child) {
  padding-top: 20px;
}
.menu-list > li > a {
  display: block;
  position: relative;
  height: 40px;
  padding-left: 10px;
  font-size: 17px;
  font-weight: 600;
  line-height: 40px;
  color: #000;
}
.menu-list > li > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.011 9C12.0843 9 12.1612 9.01544 12.2418 9.04633C12.3223 9.07722 12.3993 9.13127 12.4725 9.20849L16.8022 13.7722C16.9341 13.9112 17 14.0811 17 14.2819C17 14.4826 16.9341 14.6525 16.8022 14.7915C16.6703 14.9305 16.5165 15 16.3407 15C16.1648 15 16.011 14.9305 15.8791 14.7915L12.011 10.7143L8.14286 14.7915C8.01099 14.9305 7.85348 15 7.67033 15C7.48718 15 7.32967 14.9305 7.1978 14.7915C7.06593 14.6525 7 14.4865 7 14.2934C7 14.1004 7.06593 13.9344 7.1978 13.7954L11.5495 9.20849C11.6227 9.13127 11.696 9.07722 11.7692 9.04633C11.8425 9.01544 11.9231 9 12.011 9Z%27 fill=%27black%27/%3E%3C/svg%3E%0A");
}
.menu-list > li > a.is-active::after {
  transform: translateY(-50%) rotate(180deg);
}
.menu-list > li.is-active > a::after {
  transform: translateY(-50%) rotate(-135deg);
  border-color: #151515;
}
.menu-list .sub-menu > li > a:hover {
  color: #000;
}
.menu-list .sub-menu > li > a:focus {
  color: #000;
}
.menu-list .sub-menu > li > a.is-active {
  border-radius: 5px;
  color: #000;
  background-color: #F2F5F6;
}
.menu-label {
  transition: opacity 0.1s;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.05em;
  color: #0354ff;
}
.menu-label:not(:first-child) {
  margin-top: 1em;
}
.menu .sub-menu > li {
  margin-top: 5px;
}
.menu .sub-menu > li > a {
  display: block;
  position: relative;
  padding: 4px 10px 4px 22px;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #888;
}
.menu .sub-menu > li > a::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  text-decoration: none;
  background-color: #DBDBDB;
}
.menu .sub-menu > li > a::after {
  content: none;
}
.menu.is-small {
  font-size: 0.6875rem;
}
.menu.is-medium {
  font-size: 1rem;
}
.menu.is-large {
  font-size: 1.25rem;
}
.menu.is-absolute {
  position: absolute;
}
.menu.is-closed {
  padding: 0;
  width: 0;
}
.menu.is-closed .menu-label,
.menu.is-closed .menu-list {
  display: none;
}
.menu.is-closed .menu-button {
  border-left: 1px solid #dedede;
  border-right: none;
  transform: rotate(180deg);
}

.user .menu-list > li > a {
  padding-left: 38px;
}
.user .menu-list > li > a::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
}
.user .menu-list:first-child > li > a::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.83864 7.20156C5.83864 6.94169 6.04931 6.73102 6.30918 6.73102H12.8967C13.1566 6.73102 13.3673 6.94169 13.3673 7.20156C13.3673 7.46142 13.1566 7.67209 12.8967 7.67209H6.30918C6.04931 7.67209 5.83864 7.46142 5.83864 7.20156ZM6.30918 9.55425C6.04931 9.55425 5.83864 9.76496 5.83864 10.0248C5.83864 10.2846 6.04931 10.4953 6.30918 10.4953H12.8967C13.1566 10.4953 13.3673 10.2846 13.3673 10.0248C13.3673 9.76496 13.1566 9.55425 12.8967 9.55425H6.30918ZM5.83864 12.848C5.83864 12.5882 6.04931 12.3775 6.30918 12.3775H9.13242C9.39229 12.3775 9.60296 12.5882 9.60296 12.848C9.60296 13.1079 9.39229 13.3186 9.13242 13.3186H6.30918C6.04931 13.3186 5.83864 13.1079 5.83864 12.848ZM4.89756 2.49616C4.89756 2.23629 5.10823 2.02562 5.3681 2.02562C5.62797 2.02562 5.83864 2.23629 5.83864 2.49616V2.9667H9.13242V2.49616C9.13242 2.23629 9.34309 2.02562 9.60296 2.02562C9.86279 2.02562 10.0735 2.23629 10.0735 2.49616V2.9667H13.3673V2.49616C13.3673 2.23629 13.578 2.02562 13.8378 2.02562C14.0977 2.02562 14.3084 2.23629 14.3084 2.49616V2.9667H14.7789C15.5585 2.9667 16.1905 3.5987 16.1905 4.37832V8.83116C15.8835 8.96268 15.596 9.15373 15.3454 9.40429L15.2494 9.50029V4.37832C15.2494 4.11845 15.0387 3.90778 14.7789 3.90778H4.42701C4.16714 3.90778 3.95647 4.11845 3.95647 4.37832V15.6713C3.95647 15.9311 4.16714 16.1418 4.42701 16.1418H8.86936L8.71567 16.7565C8.68818 16.8665 8.67143 16.9755 8.66457 17.0829H4.42701C3.64739 17.0829 3.01539 16.4509 3.01539 15.6713V4.37832C3.01539 3.5987 3.64739 2.9667 4.42701 2.9667H4.89756V2.49616ZM16.011 10.0698L10.525 14.6146C10.26 14.8796 10.072 15.2116 9.98109 15.5752L9.62875 16.9848C9.47545 17.5978 10.0308 18.1531 10.6438 17.9999L12.9945 17.6474C13.3581 17.5565 13.6901 17.3686 13.9551 17.1036L18.4999 12.5587C19.1872 11.8714 19.1872 10.757 18.4999 10.0698C17.8127 9.38242 16.6982 9.38242 16.011 10.0698Z%27 fill=%27%23151515%27 stroke=%27%23151515%27 stroke-width=%270.25%27/%3E%3C/svg%3E%0A");
}
.user .menu-list:nth-child(2) > li > a::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M14.2273 2.25513C15.859 2.25513 17.1818 3.37557 17.1818 4.75771V8.86165C16.8074 8.69954 16.412 8.56727 16 8.46856V6.25925H1.81817V13.767C1.81817 14.5962 2.61184 15.2685 3.5909 15.2685H7.97193C8.08847 15.6175 8.24463 15.9524 8.43601 16.2696H3.5909C1.95915 16.2696 0.636353 15.1491 0.636353 13.767V4.75771C0.636353 3.37557 1.95915 2.25513 3.5909 2.25513H14.2273ZM14.2273 3.25616H3.5909C2.61184 3.25616 1.81817 3.92842 1.81817 4.75771V5.25822H16V4.75771C16 3.92842 15.2063 3.25616 14.2273 3.25616Z%27 fill=%27%23151515%27 stroke=%27%23151515%27 stroke-width=%270.25%27/%3E%3Cpath d=%27M18.9091 14.2639C18.9091 17.0263 16.6705 19.2656 13.9091 19.2656C11.1476 19.2656 8.90906 17.0263 8.90906 14.2639C8.90906 11.5015 11.1476 9.26221 13.9091 9.26221C16.6705 9.26221 18.9091 11.5015 18.9091 14.2639ZM16.5242 12.2037C16.3072 11.9867 15.9554 11.9867 15.7384 12.2037L12.7979 15.1452L12.0797 14.4266C11.8627 14.2097 11.5109 14.2097 11.2939 14.4266C11.0771 14.6437 11.0771 14.9956 11.2939 15.2127L12.4051 16.3242C12.6221 16.5411 12.9738 16.5411 13.1908 16.3242L16.5242 12.9897C16.7411 12.7726 16.7411 12.4207 16.5242 12.2037Z%27 fill=%27%23151515%27/%3E%3C/svg%3E%0A");
}
.user .menu-list:nth-child(3) > li > a::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.5 2C3.11929 2 2 3.11929 2 4.5V13.5C2 14.8807 3.11929 16 4.5 16H9.59971C9.43777 15.6832 9.30564 15.3486 9.20703 15H4.5C3.67157 15 3 14.3284 3 13.5V6.5H7.07143C7.48194 6.5 7.87452 6.33176 8.15763 6.03449L9.61907 4.5H15.5C16.3284 4.5 17 5.17157 17 6V8.59971C17.3578 8.78261 17.6929 9.0035 18 9.2572V6C18 4.61929 16.8807 3.5 15.5 3.5H9.66667L8.06667 2.3C7.80702 2.10527 7.49122 2 7.16667 2H4.5ZM3 4.5C3 3.67157 3.67157 3 4.5 3H7.16667C7.27485 3 7.38012 3.03509 7.46667 3.1L8.69446 4.02084L7.4335 5.34483C7.33913 5.44392 7.20827 5.5 7.07143 5.5H3V4.5Z%27 fill=%27%23151515%27 stroke=%27%23151515%27 stroke-width=%270.3%27/%3E%3Cpath d=%27M11.012 12.7683C11.194 12.2308 11.4939 11.7375 11.8897 11.3194C11.9566 11.2487 12.0616 11.2235 12.1556 11.2555L13.1013 11.5783C13.3577 11.6658 13.6398 11.5383 13.7315 11.2935C13.7405 11.2695 13.7474 11.2447 13.7522 11.2196L13.9324 10.2756C13.9503 10.1818 14.0258 10.1075 14.1236 10.0877C14.4096 10.0296 14.7029 10 15 10C15.2969 10 15.59 10.0295 15.8759 10.0876C15.9736 10.1074 16.0492 10.1816 16.0671 10.2754L16.2478 11.2196C16.2966 11.4753 16.5534 11.6448 16.8212 11.5981C16.8476 11.5935 16.8735 11.5869 16.8986 11.5783L17.8444 11.2555C17.9384 11.2235 18.0434 11.2487 18.1103 11.3194C18.506 11.7375 18.806 12.2308 18.988 12.7683C19.0187 12.859 18.9891 12.9584 18.913 13.0201L18.1465 13.6413C17.9389 13.8095 17.9135 14.1065 18.0898 14.3046C18.1071 14.3241 18.1261 14.3422 18.1465 14.3587L18.913 14.9799C18.9891 15.0416 19.0187 15.141 18.988 15.2317C18.806 15.7692 18.506 16.2625 18.1103 16.6806C18.0434 16.7513 17.9384 16.7765 17.8444 16.7445L16.8987 16.4217C16.6423 16.3342 16.3602 16.4617 16.2685 16.7065C16.2595 16.7305 16.2526 16.7553 16.2478 16.7805L16.0671 17.7246C16.0492 17.8184 15.9736 17.8926 15.8759 17.9124C15.59 17.9705 15.2969 18 15 18C14.7029 18 14.4096 17.9704 14.1236 17.9123C14.0258 17.8925 13.9503 17.8182 13.9324 17.7244L13.7522 16.7804C13.7034 16.5247 13.4466 16.3552 13.1788 16.4019C13.1524 16.4065 13.1265 16.4131 13.1013 16.4217L12.1556 16.7445C12.0616 16.7765 11.9566 16.7513 11.8897 16.6806C11.4939 16.2625 11.194 15.7692 11.012 15.2317C10.9813 15.141 11.0109 15.0416 11.087 14.9799L11.8535 14.3587C12.0611 14.1905 12.0864 13.8935 11.9102 13.6954C11.8929 13.6759 11.8739 13.6578 11.8535 13.6413L11.087 13.0201C11.0109 12.9584 10.9813 12.859 11.012 12.7683Z%27 fill=%27%23151515%27/%3E%3Ccircle cx=%2714.95%27 cy=%2713.95%27 r=%271.25%27 fill=%27white%27/%3E%3C/svg%3E%0A");
}
.user .menu-list:nth-child(4) > li > a::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M16 4.8016C16 3.81605 15.0658 3.09831 14.1135 3.35225L2.11351 6.81891C1.45688 6.99402 1 7.58869 1 8.26827V10.7792C1 11.4249 1.41315 11.9981 2.02566 12.2023L4 12.8604V13.75C4 15.5449 5.45507 17 7.25 17C8.62112 17 9.7932 16.1513 10.2709 14.9507L14.0257 16.5356C14.997 16.8594 16 16.1364 16 15.1126V4.8016ZM9.32 14.6337C8.97657 15.437 8.17866 16 7.25 16C6.00736 16 5 14.9926 5 13.75V13.1937L9.32 14.6337ZM14.3712 4.31848C14.6886 4.23384 15 4.47309 15 4.8016V15.1126C15 15.4538 14.6657 15.6948 14.3419 15.5869L2.34189 11.2536C2.13771 11.1855 2 10.9944 2 10.7792V8.26827C2 8.04174 2.15229 7.84352 2.37117 7.78515L14.3712 4.31848Z%27 fill=%27%23151515%27 stroke=%27%23151515%27 stroke-width=%270.3%27/%3E%3Cpath d=%27M18.5 10C18.5 11.9978 17.0962 13.5 15.5 13.5C13.9038 13.5 12.5 11.9978 12.5 10C12.5 8.0022 13.9038 6.5 15.5 6.5C17.0962 6.5 18.5 8.0022 18.5 10Z%27 fill=%27%23151515%27 stroke=%27white%27/%3E%3C/svg%3E%0A");
}
.user .menu .sub-menu > li > a {
  padding-left: 50px;
}
.user .menu .sub-menu > li > a::before {
  left: 38px;
}

@media screen and (max-width: 1600px) {
  .menu {
    min-height: calc(100vh - 75px);
  }
}
.modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modal.is-active {
  display: flex;
}

.modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-content,
.modal-card {
  width: 718px;
}

.modal-close {
  position: relative;
  border: none;
  padding: 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_638_7262%29%27%3E%3Cpath d=%27M17 5.138L15.862 4L10.5 9.363L5.138 4L4 5.138L9.363 10.5L4 15.862L5.138 17L10.5 11.638L15.862 17L17 15.862L11.638 10.5L17 5.138Z%27 fill=%27%238E8E8E%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_638_7262%27%3E%3Crect width=%2720%27 height=%2720%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  right: 20px;
  position: fixed;
  top: 20px;
  width: 40px;
  height: 40px;
  background: none;
}
.modal-close.is-small {
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  width: 16px;
  height: 16px;
}
.modal-close.is-medium {
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  width: 24px;
  height: 24px;
}
.modal-close.is-large {
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
  width: 32px;
  height: 32px;
}

.modal-card {
  position: absolute !important;
  border: 1px solid #F2F5F6;
  width: 720px;
  background-color: #F2F5F6;
  border-radius: 13px;
}
.modal-card.is-confirm {
  width: 354px;
  font-size: 1.4rem;
  font-weight: 500;
}
.modal-card.is-confirm .modal-card-head {
  padding: 20px 0;
}
.modal-card.is-confirm .modal-card-body {
  display: flex;
  padding-top: 30px;
  padding-bottom: 10px;
}
.modal-card.is-confirm .modal-card-foot:last-child {
  padding: 15px 0 28px;
}
.modal-card.is-confirm .icon {
  margin-right: 4px;
}
.modal-card.is-confirm .button {
  width: 94px;
  height: 32px;
}

.mercury-modal-alert,
.mercury-modal-error {
  border: 1px solid #FFF;
  background-color: #FFF;
}

.modal-card-head,
.modal-card-foot {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-card-head {
  justify-content: space-between;
  margin: 0 30px;
  padding: 33px 0 20px;
}
.modal-card-head .delete {
  position: relative;
  border: none;
  padding: 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_638_7262%29%27%3E%3Cpath d=%27M17 5.138L15.862 4L10.5 9.363L5.138 4L4 5.138L9.363 10.5L4 15.862L5.138 17L10.5 11.638L15.862 17L17 15.862L11.638 10.5L17 5.138Z%27 fill=%27%238E8E8E%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_638_7262%27%3E%3Crect width=%2720%27 height=%2720%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
}
.modal-card-head .delete.is-small {
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  width: 16px;
  height: 16px;
}
.modal-card-head .delete.is-medium {
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  width: 24px;
  height: 24px;
}
.modal-card-head .delete.is-large {
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
  width: 32px;
  height: 32px;
}
.modal-card-head.ui-dialog-titlebar {
  padding: 20px 0;
}
.modal-card-head.ui-draggable-handle {
  padding: 33px 0 20px;
}
.modal-card-head.ui-draggable-handle .modal-card-title {
  font-size: 20px;
  line-height: 1.2;
}

.modal-card-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  color: #000;
}

.modal-card-foot:last-child {
  padding-top: 30px;
  padding-bottom: 30px;
}
.modal-card-foot .button:not(:last-child) {
  margin-right: 0.5em;
}

.modal-card-body {
  padding: 0 30px;
}
.modal-card-body .table-title {
  font-size: 15px;
}

.modal-message {
  align-self: center;
  text-align: left;
}

.navbar {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 30;
  padding: 0;
  min-width: 1600px;
  height: 60px;
  border-bottom: 1px solid #F1F1F1;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: #FFF;
}
.navbar.is-default {
  background-color: #151515;
  color: white;
}
.navbar.is-default .navbar-brand > .navbar-item,
.navbar.is-default .navbar-brand .navbar-link {
  color: white;
}
.navbar.is-default .navbar-brand > a.navbar-item:hover, .navbar.is-default .navbar-brand > a.navbar-item:focus, .navbar.is-default .navbar-brand > a.navbar-item.is-active,
.navbar.is-default .navbar-brand .navbar-link:hover,
.navbar.is-default .navbar-brand .navbar-link:focus,
.navbar.is-default .navbar-brand .navbar-link.is-active {
  background-color: bulmaDarken(#151515, 5%);
  color: white;
}
.navbar.is-default .navbar-brand .navbar-link::after {
  border-color: white;
}
.navbar.is-default .navbar-burger {
  color: white;
}
.navbar.is-default.is-secondary {
  background-color: #fff;
  color: #333;
}
.navbar.is-default.is-secondary .navbar-brand > .navbar-item,
.navbar.is-default.is-secondary .navbar-brand .navbar-link {
  color: #333;
}
.navbar.is-default.is-secondary .navbar-brand > a.navbar-item:hover, .navbar.is-default.is-secondary .navbar-brand > a.navbar-item:focus, .navbar.is-default.is-secondary .navbar-brand > a.navbar-item.is-active,
.navbar.is-default.is-secondary .navbar-brand .navbar-link:hover,
.navbar.is-default.is-secondary .navbar-brand .navbar-link:focus,
.navbar.is-default.is-secondary .navbar-brand .navbar-link.is-active {
  background-color: bulmaDarken(#fff, 5%);
  color: #333;
}
.navbar.is-default.is-secondary .navbar-brand .navbar-link::after {
  border-color: #333;
}
.navbar.is-default.is-secondary .navbar-burger {
  color: #333;
}
.navbar.is-outlined {
  background-color: white;
  color: #333333;
}
.navbar.is-outlined .navbar-brand > .navbar-item,
.navbar.is-outlined .navbar-brand .navbar-link {
  color: #333333;
}
.navbar.is-outlined .navbar-brand > a.navbar-item:hover, .navbar.is-outlined .navbar-brand > a.navbar-item:focus, .navbar.is-outlined .navbar-brand > a.navbar-item.is-active,
.navbar.is-outlined .navbar-brand .navbar-link:hover,
.navbar.is-outlined .navbar-brand .navbar-link:focus,
.navbar.is-outlined .navbar-brand .navbar-link.is-active {
  background-color: bulmaDarken(white, 5%);
  color: #333333;
}
.navbar.is-outlined .navbar-brand .navbar-link::after {
  border-color: #333333;
}
.navbar.is-outlined .navbar-burger {
  color: #333333;
}
.navbar.is-outlined.is-secondary {
  background-color: white;
  color: #333;
}
.navbar.is-outlined.is-secondary .navbar-brand > .navbar-item,
.navbar.is-outlined.is-secondary .navbar-brand .navbar-link {
  color: #333;
}
.navbar.is-outlined.is-secondary .navbar-brand > a.navbar-item:hover, .navbar.is-outlined.is-secondary .navbar-brand > a.navbar-item:focus, .navbar.is-outlined.is-secondary .navbar-brand > a.navbar-item.is-active,
.navbar.is-outlined.is-secondary .navbar-brand .navbar-link:hover,
.navbar.is-outlined.is-secondary .navbar-brand .navbar-link:focus,
.navbar.is-outlined.is-secondary .navbar-brand .navbar-link.is-active {
  background-color: bulmaDarken(white, 5%);
  color: #333;
}
.navbar.is-outlined.is-secondary .navbar-brand .navbar-link::after {
  border-color: #333;
}
.navbar.is-outlined.is-secondary .navbar-burger {
  color: #333;
}
.navbar.is-modify {
  background-color: #2878fa;
  color: white;
}
.navbar.is-modify .navbar-brand > .navbar-item,
.navbar.is-modify .navbar-brand .navbar-link {
  color: white;
}
.navbar.is-modify .navbar-brand > a.navbar-item:hover, .navbar.is-modify .navbar-brand > a.navbar-item:focus, .navbar.is-modify .navbar-brand > a.navbar-item.is-active,
.navbar.is-modify .navbar-brand .navbar-link:hover,
.navbar.is-modify .navbar-brand .navbar-link:focus,
.navbar.is-modify .navbar-brand .navbar-link.is-active {
  background-color: bulmaDarken(#2878fa, 5%);
  color: white;
}
.navbar.is-modify .navbar-brand .navbar-link::after {
  border-color: white;
}
.navbar.is-modify .navbar-burger {
  color: white;
}
.navbar.is-modify.is-secondary {
  background-color: #f5f5f5;
  color: #585858;
}
.navbar.is-modify.is-secondary .navbar-brand > .navbar-item,
.navbar.is-modify.is-secondary .navbar-brand .navbar-link {
  color: #585858;
}
.navbar.is-modify.is-secondary .navbar-brand > a.navbar-item:hover, .navbar.is-modify.is-secondary .navbar-brand > a.navbar-item:focus, .navbar.is-modify.is-secondary .navbar-brand > a.navbar-item.is-active,
.navbar.is-modify.is-secondary .navbar-brand .navbar-link:hover,
.navbar.is-modify.is-secondary .navbar-brand .navbar-link:focus,
.navbar.is-modify.is-secondary .navbar-brand .navbar-link.is-active {
  background-color: bulmaDarken(#f5f5f5, 5%);
  color: #585858;
}
.navbar.is-modify.is-secondary .navbar-brand .navbar-link::after {
  border-color: #585858;
}
.navbar.is-modify.is-secondary .navbar-burger {
  color: #585858;
}
.navbar.is-search {
  background-color: #2878fa;
  color: white;
}
.navbar.is-search .navbar-brand > .navbar-item,
.navbar.is-search .navbar-brand .navbar-link {
  color: white;
}
.navbar.is-search .navbar-brand > a.navbar-item:hover, .navbar.is-search .navbar-brand > a.navbar-item:focus, .navbar.is-search .navbar-brand > a.navbar-item.is-active,
.navbar.is-search .navbar-brand .navbar-link:hover,
.navbar.is-search .navbar-brand .navbar-link:focus,
.navbar.is-search .navbar-brand .navbar-link.is-active {
  background-color: bulmaDarken(#2878fa, 5%);
  color: white;
}
.navbar.is-search .navbar-brand .navbar-link::after {
  border-color: white;
}
.navbar.is-search .navbar-burger {
  color: white;
}
.navbar.is-shuffle {
  background-color: white;
  color: #dedede;
}
.navbar.is-shuffle .navbar-brand > .navbar-item,
.navbar.is-shuffle .navbar-brand .navbar-link {
  color: #dedede;
}
.navbar.is-shuffle .navbar-brand > a.navbar-item:hover, .navbar.is-shuffle .navbar-brand > a.navbar-item:focus, .navbar.is-shuffle .navbar-brand > a.navbar-item.is-active,
.navbar.is-shuffle .navbar-brand .navbar-link:hover,
.navbar.is-shuffle .navbar-brand .navbar-link:focus,
.navbar.is-shuffle .navbar-brand .navbar-link.is-active {
  background-color: bulmaDarken(white, 5%);
  color: #dedede;
}
.navbar.is-shuffle .navbar-brand .navbar-link::after {
  border-color: #dedede;
}
.navbar.is-shuffle .navbar-burger {
  color: #dedede;
}
.navbar.is-ghost {
  background-color: transparent;
  color: #0043ce;
}
.navbar.is-ghost .navbar-brand > .navbar-item,
.navbar.is-ghost .navbar-brand .navbar-link {
  color: #0043ce;
}
.navbar.is-ghost .navbar-brand > a.navbar-item:hover, .navbar.is-ghost .navbar-brand > a.navbar-item:focus, .navbar.is-ghost .navbar-brand > a.navbar-item.is-active,
.navbar.is-ghost .navbar-brand .navbar-link:hover,
.navbar.is-ghost .navbar-brand .navbar-link:focus,
.navbar.is-ghost .navbar-brand .navbar-link.is-active {
  background-color: bulmaDarken(transparent, 5%);
  color: #0043ce;
}
.navbar.is-ghost .navbar-brand .navbar-link::after {
  border-color: #0043ce;
}
.navbar.is-ghost .navbar-burger {
  color: #0043ce;
}
.navbar.is-info {
  background-color: #0032fa;
  color: findColorInvert(#0032fa);
}
.navbar.is-info .navbar-brand > .navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
  color: findColorInvert(#0032fa);
}
.navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link.is-active {
  background-color: bulmaDarken(#0032fa, 5%);
  color: findColorInvert(#0032fa);
}
.navbar.is-info .navbar-brand .navbar-link::after {
  border-color: findColorInvert(#0032fa);
}
.navbar.is-info .navbar-burger {
  color: findColorInvert(#0032fa);
}
.navbar.is-success {
  background-color: #24a148;
  color: findColorInvert(#24a148);
}
.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
  color: findColorInvert(#24a148);
}
.navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link.is-active {
  background-color: bulmaDarken(#24a148, 5%);
  color: findColorInvert(#24a148);
}
.navbar.is-success .navbar-brand .navbar-link::after {
  border-color: findColorInvert(#24a148);
}
.navbar.is-success .navbar-burger {
  color: findColorInvert(#24a148);
}
.navbar.is-warning {
  background-color: #f1c21b;
  color: findColorInvert(#f1c21b);
}
.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
  color: findColorInvert(#f1c21b);
}
.navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
  background-color: bulmaDarken(#f1c21b, 5%);
  color: findColorInvert(#f1c21b);
}
.navbar.is-warning .navbar-brand .navbar-link::after {
  border-color: findColorInvert(#f1c21b);
}
.navbar.is-warning .navbar-burger {
  color: findColorInvert(#f1c21b);
}
.navbar.is-error {
  background-color: #da1e28;
  color: findColorInvert(#da1e28);
}
.navbar.is-error .navbar-brand > .navbar-item,
.navbar.is-error .navbar-brand .navbar-link {
  color: findColorInvert(#da1e28);
}
.navbar.is-error .navbar-brand > a.navbar-item:hover, .navbar.is-error .navbar-brand > a.navbar-item:focus, .navbar.is-error .navbar-brand > a.navbar-item.is-active,
.navbar.is-error .navbar-brand .navbar-link:hover,
.navbar.is-error .navbar-brand .navbar-link:focus,
.navbar.is-error .navbar-brand .navbar-link.is-active {
  background-color: bulmaDarken(#da1e28, 5%);
  color: findColorInvert(#da1e28);
}
.navbar.is-error .navbar-brand .navbar-link::after {
  border-color: findColorInvert(#da1e28);
}
.navbar.is-error .navbar-burger {
  color: findColorInvert(#da1e28);
}
.navbar > .container {
  display: flex;
  align-items: stretch;
  min-height: 3.25rem;
  width: 100%;
}
.navbar.has-shadow {
  box-shadow: 0 2px 0 0 hsl(0, 0%, 96%);
}
.navbar.is-fixed-bottom, .navbar.is-fixed-top {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 30;
}
.navbar.is-fixed-bottom {
  bottom: 0;
}
.navbar.is-fixed-bottom.has-shadow {
  box-shadow: 0 -2px 0 0 hsl(0, 0%, 96%);
}
.navbar.is-fixed-top {
  top: 0;
}
.navbar-start {
  font-size: 1.6rem;
  font-weight: 600;
  color: #888;
}
.navbar-start .navbar-item {
  height: 100%;
}
.navbar-start .navbar-item:hover {
  color: #000;
}
.navbar-start .navbar-item:focus, .navbar-start .navbar-item:active, .navbar-start .navbar-item.is-active {
  position: relative;
  color: #000;
}
.navbar-start .navbar-item:focus::before, .navbar-start .navbar-item:active::before, .navbar-start .navbar-item.is-active::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 3px;
  background-color: #333;
}
.navbar-start .navbar-item:not(:last-child) {
  margin-right: 50px;
}
.navbar-end .navbar-item:not(:last-child) {
  margin-right: 20px;
}
.navbar-end .navbar-item:first-child span {
  display: flex;
  align-items: center;
}
.navbar-end .navbar-item:first-child span strong {
  font-weight: 600;
  color: #000;
}
.navbar-end .navbar-item.is-noti {
  position: relative;
  margin-right: 34px;
}
.navbar-end .navbar-item.is-noti.is-active .icon_noti, .navbar-end .navbar-item.is-noti:hover .icon_noti {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11.5 3H9.5L7 4L5 7V11.5L3.5 12L3 14L3.5 16H17V13.5L15 11.5V6L13.5 4L11.5 3Z%27 fill=%27%23151515%27/%3E%3Cpath d=%27M16.648 11.7018L16.3 11.4275C16.2065 11.3541 16.1309 11.261 16.079 11.1551C16.0271 11.0493 16.0001 10.9334 16 10.8159V7.64863C15.9995 6.28749 15.5172 4.96867 14.6353 3.91713C13.7534 2.86558 12.5265 2.14645 11.164 1.88239C11.0976 1.62986 10.9474 1.40614 10.737 1.24641C10.5267 1.08668 10.2681 1 10.002 1C9.73589 1 9.47733 1.08668 9.26699 1.24641C9.05664 1.40614 8.90644 1.62986 8.84 1.88239C7.47672 2.14565 6.24894 2.86444 5.36624 3.91606C4.48354 4.96768 4.00065 6.28694 4 7.64863V10.8159C3.99993 10.9334 3.97293 11.0493 3.921 11.1551C3.86908 11.261 3.79355 11.3541 3.7 11.4275L3.352 11.7018C2.93171 12.0311 2.59209 12.4485 2.35812 12.9234C2.12415 13.3983 2.00177 13.9185 2 14.4458V15.0965C2 15.5124 2.16857 15.9112 2.46863 16.2052C2.76869 16.4993 3.17565 16.6645 3.6 16.6645H6.904C7.08432 17.3339 7.48561 17.926 8.04528 18.3484C8.60495 18.7709 9.29155 19 9.998 19C10.7045 19 11.391 18.7709 11.9507 18.3484C12.5104 17.926 12.9117 17.3339 13.092 16.6645H16.4C16.8243 16.6645 17.2313 16.4993 17.5314 16.2052C17.8314 15.9112 18 15.5124 18 15.0965V14.4536C17.9994 13.925 17.8776 13.4033 17.6436 12.9269C17.4096 12.4506 17.0693 12.032 16.648 11.7018ZM10 17.4485C9.72078 17.4468 9.44686 17.3736 9.20546 17.2361C8.96407 17.0985 8.76361 16.9015 8.624 16.6645H11.38C11.2401 16.9021 11.039 17.0995 10.7968 17.237C10.5546 17.3746 10.2799 17.4475 10 17.4485ZM16.4 15.0965H10H3.6V14.4536C3.60043 14.1599 3.66823 13.87 3.7984 13.6054C3.92856 13.3407 4.11776 13.1082 4.352 12.9249L4.7 12.6505C4.98065 12.4303 5.20723 12.1511 5.36301 11.8336C5.51878 11.516 5.59978 11.1683 5.6 10.8159V7.64863C5.6 6.50503 6.06357 5.40827 6.88873 4.59962C7.71389 3.79098 8.83305 3.33669 10 3.33669C11.167 3.33669 12.2861 3.79098 13.1113 4.59962C13.9364 5.40827 14.4 6.50503 14.4 7.64863V10.8159C14.3996 11.1689 14.4803 11.5175 14.6361 11.8357C14.7919 12.154 15.0188 12.4338 15.3 12.6544L15.648 12.9288C15.8817 13.1117 16.0706 13.3436 16.2007 13.6075C16.3309 13.8714 16.399 14.1606 16.4 14.4536V15.0965Z%27 fill=%27%23151515%27/%3E%3C/svg%3E%0A");
}
.navbar-end .navbar-item.is-noti .noti-count {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-weight: 600;
  font-size: 11px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  background-color: #BD0000;
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 3.25rem;
}
html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: 3.25rem;
}

.navbar-brand,
.navbar-tabs {
  padding: 0 30px;
  width: 260px;
}

.navbar-brand {
  flex: none;
}
.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
  background-color: transparent;
}

.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100vw;
}

.navbar-burger {
  display: block;
  position: relative;
  width: 3.25rem;
  height: 3.25rem;
  cursor: pointer;
  margin-left: auto;
  color: hsl(0, 0%, 100%);
}
.navbar-burger span {
  display: block;
  position: absolute;
  left: calc(50% - 8px);
  width: 16px;
  height: 1px;
  background-color: currentColor;
  transition-timing-function: ease-out;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transform-origin: center;
}
.navbar-burger span:nth-child(1) {
  top: calc(50% - 6px);
}
.navbar-burger span:nth-child(2) {
  top: calc(50% - 1px);
}
.navbar-burger span:nth-child(3) {
  top: calc(50% + 4px);
}
.navbar-burger:hover {
  background-color: bulmaRgba(black, 0.05);
}
.navbar-burger.is-active span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

.navbar-menu {
  display: inline-flex;
  justify-content: space-between;
  padding-left: 40px;
  width: 1642px;
  width: calc(100% - 260px);
  height: 100%;
}

.navbar-item,
.navbar-link {
  display: inline-flex;
  align-items: center;
}
.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.navbar-item span {
  font-size: 14px;
}
.navbar-item img {
  max-height: 1.75rem;
}
.navbar-item.has-dropdown {
  padding: 0;
}
.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.navbar-item.is-tab {
  border-bottom: 1px solid transparent;
  padding-bottom: calc(0.5rem - 1px);
  min-height: 3.25rem;
}
.navbar-item.is-tab:hover, .navbar-item.is-tab:focus {
  border-bottom-color: #8e8e8e;
  background-color: transparent;
}
.navbar-item.is-tab.is-active {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #8e8e8e;
  padding-bottom: calc(0.5rem - 3px);
  background-color: transparent;
  color: #8e8e8e;
}

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1;
}

.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em;
}
.navbar-link:not(.is-arrowless)::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  border: 1px solid transparent;
  border-top: none;
  border-right: none;
  width: 7px;
  height: 7px;
  transform: translateY(-50%) rotate(-45deg);
  right: 1.125em;
  margin-top: -0.375em;
  border-color: #8e8e8e;
}

.navbar-dropdown {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
}
.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.navbar-divider {
  display: none;
  margin: 0.5rem 0;
  border: none;
  height: 2px;
  background-color: hsl(0, 0%, 96%);
}

.navbar-end {
  display: inline-flex;
  margin-right: 40px;
  color: #151515;
}
.navbar-end span {
  display: inline-flex;
}

.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 3.25rem);
}

.logo {
  font-size: 20px;
  font-weight: 700;
  color: white;
}

.block:not(:first-child) {
  margin-top: 0.5rem;
}
.block:not(:last-child) {
  margin-bottom: 0.5rem;
}

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

.highlight {
  overflow: hidden;
  padding: 0;
  max-width: 100%;
  font-weight: 400;
}
.highlight:not(:first-child) {
  margin-top: 0.5rem;
}
.highlight:not(:last-child) {
  margin-bottom: 0.5rem;
}
.highlight pre {
  overflow: auto;
  max-width: 100%;
}

.loader {
  content: "";
  display: block;
  position: relative;
  border: 2px solid hsl(0, 0%, 86%);
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation: spinAround 500ms infinite linear;
}

.number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.5rem;
  border-radius: 50%;
  padding: 0.25rem 0.5rem;
  min-width: 2.5em;
  height: 2em;
  background-color: hsl(0, 0%, 96%);
  vertical-align: top;
  text-align: center;
  font-size: 1rem;
}

.page-main {
  min-height: calc(100vh - 60px);
  padding: 40px 40px 50px !important;
}
.page-title {
  margin-bottom: 14px;
  font-size: 24px;
  font-weight: 600;
}

.page-sub,
.sub-page {
  height: auto;
}
.page-sub-body,
.sub-page-body {
  padding: 40px 40px 0;
}

.pagination {
  margin: -0.25rem;
  font-size: 0.875rem;
}
.pagination:not(:first-child) {
  margin-top: 0.5rem;
}
.pagination:not(:last-child) {
  margin-bottom: 0.5rem;
}
.pagination.is-small {
  font-size: 0.6875rem;
}
.pagination.is-medium {
  font-size: 1rem;
}
.pagination.is-large {
  font-size: 1.25rem;
}
.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  border-radius: 50%;
  padding-left: 1em;
  padding-right: 1em;
}
.pagination.is-rounded .pagination-link {
  border-radius: 50%;
}

.pagination,
.pagination-list {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  position: relative;
  font-size: 14px;
  appearance: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  justify-content: center;
  margin: 0.25rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
  font-size: 1em;
}
.pagination-previous:focus, .pagination-previous.is-focused,
.pagination-next:focus,
.pagination-next.is-focused,
.pagination-link:focus,
.pagination-link.is-focused,
.pagination-ellipsis:focus,
.pagination-ellipsis.is-focused {
  outline: none;
}
.pagination-previous:focus::after, .pagination-previous.is-focused::after,
.pagination-next:focus::after,
.pagination-next.is-focused::after,
.pagination-link:focus::after,
.pagination-link.is-focused::after,
.pagination-ellipsis:focus::after,
.pagination-ellipsis.is-focused::after {
  content: "";
}
.pagination-previous[disabled], fieldset[disabled] .pagination-previous,
.pagination-next[disabled],
fieldset[disabled] .pagination-next,
.pagination-link[disabled],
fieldset[disabled] .pagination-link,
.pagination-ellipsis[disabled],
fieldset[disabled] .pagination-ellipsis {
  cursor: not-allowed;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: #e5e5e5;
  min-width: 1em;
  color: #333;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: #0043ce;
  color: #0043ce;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  border-color: #0043ce;
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}
.pagination-previous[disabled], fieldset[disabled] .pagination-previous,
.pagination-next[disabled],
fieldset[disabled] .pagination-next,
.pagination-link[disabled],
fieldset[disabled] .pagination-link {
  border-color: #e5e5e5;
  background-color: #e5e5e5;
  box-shadow: none;
  color: #cacaca;
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.pagination-link.is-current {
  border-color: #8e8e8e;
  background-color: #8e8e8e;
  color: findColorInvert(#8e8e8e);
}

.pagination-ellipsis {
  color: hsl(0, 0%, 71%);
  pointer-events: none;
}

.pagination-list {
  flex-wrap: wrap;
}

.tui-page-btn {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border-radius: 4px;
  border: 0 !important;
  font-size: 14px !important;
  line-height: 32px !important;
}
.tui-page-btn:hover {
  background-color: #F2F5F6 !important;
}
.tui-page-btn.tui-first, .tui-page-btn.tui-prev, .tui-page-btn.tui-next, .tui-page-btn.tui-last {
  border: 1px solid #DBDBDB !important;
}
.tui-page-btn.tui-first:hover, .tui-page-btn.tui-prev:hover, .tui-page-btn.tui-next:hover, .tui-page-btn.tui-last:hover {
  background-color: #FFF !important;
}
.tui-page-btn.tui-first {
  margin-right: 4px;
}
.tui-page-btn.tui-first:not(.tui-is-disabled):hover .tui-ico-first {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.18022 10.95L1.24023 6.00999L6.18022 1.07%27 stroke=%27%23666666%27/%3E%3Cpath d=%27M10.7603 10.95L5.82031 6.00999L10.7603 1.07%27 stroke=%27%23666666%27/%3E%3C/svg%3E%0A");
}
.tui-page-btn.tui-prev {
  margin-right: 20px;
}
.tui-page-btn.tui-prev:not(.tui-is-disabled):hover .tui-ico-prev {
  background-image: url("data:image/svg+xml,%3Csvg width=%277%27 height=%2711%27 viewBox=%270 0 7 11%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.44 10.39L1.5 5.45L6.44 0.509995%27 stroke=%27%23666666%27/%3E%3C/svg%3E%0A");
}
.tui-page-btn.tui-next {
  margin-left: 20px;
}
.tui-page-btn.tui-next:not(.tui-is-disabled):hover .tui-ico-next {
  background-image: url("data:image/svg+xml,%3Csvg width=%277%27 height=%2711%27 viewBox=%270 0 7 11%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0.5 10.39L5.44 5.45L0.5 0.509995%27 stroke=%27%23666666%27/%3E%3C/svg%3E%0A");
}
.tui-page-btn.tui-last {
  margin-left: 4px;
}
.tui-page-btn.tui-last:not(.tui-is-disabled):hover .tui-ico-last {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.24023 10.95L6.18024 6.00999L1.24023 1.07%27 stroke=%27%23666666%27/%3E%3Cpath d=%27M5.82031 10.95L10.7603 6.00999L5.82031 1.07%27 stroke=%27%23666666%27/%3E%3C/svg%3E%0A");
}
.tui-page-btn.tui-is-selected {
  background-color: #141414;
}
.tui-page-btn.tui-is-selected:hover {
  background-color: #141414 !important;
}
.tui-page-btn.tui-is-disabled {
  border-color: #E9E9E9 !important;
}
.tui-page-btn.tui-is-disabled .tui-ico-first {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.18022 10.95L1.24023 6.01L6.18022 1.07001%27 stroke=%27%23E9E9E9%27/%3E%3Cpath d=%27M10.7603 10.95L5.82031 6.01L10.7603 1.07001%27 stroke=%27%23E9E9E9%27/%3E%3C/svg%3E%0A");
}
.tui-page-btn.tui-is-disabled .tui-ico-prev {
  background-image: url("data:image/svg+xml,%3Csvg width=%277%27 height=%2711%27 viewBox=%270 0 7 11%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.44 10.39L1.5 5.45L6.44 0.509995%27 stroke=%27%23E9E9E9%27/%3E%3C/svg%3E%0A");
}
.tui-page-btn.tui-is-disabled .tui-ico-next {
  background-image: url("data:image/svg+xml,%3Csvg width=%277%27 height=%2711%27 viewBox=%270 0 7 11%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0.5 10.39L5.44 5.45L0.5 0.509995%27 stroke=%27%23E9E9E9%27/%3E%3C/svg%3E%0A");
}
.tui-page-btn.tui-is-disabled .tui-ico-last {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.24023 10.95L6.18024 6.01L1.24023 1.07001%27 stroke=%27%23E9E9E9%27/%3E%3Cpath d=%27M5.82031 10.95L10.7603 6.01L5.82031 1.07001%27 stroke=%27%23E9E9E9%27/%3E%3C/svg%3E%0A");
}

.tui-pagination [class^=tui-ico] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-position: 0 !important;
}
.tui-pagination .tui-ico-first {
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.18022 10.95L1.24023 6.00999L6.18022 1.07%27 stroke=%27%23888888%27/%3E%3Cpath d=%27M10.7603 10.95L5.82031 6.00999L10.7603 1.07%27 stroke=%27%23888888%27/%3E%3C/svg%3E%0A");
}
.tui-pagination .tui-ico-prev {
  width: 7px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width=%277%27 height=%2711%27 viewBox=%270 0 7 11%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.44 10.39L1.5 5.45L6.44 0.509995%27 stroke=%27%23888888%27/%3E%3C/svg%3E%0A");
}
.tui-pagination .tui-ico-next {
  width: 7px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width=%277%27 height=%2711%27 viewBox=%270 0 7 11%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0.5 10.39L5.44 5.45L0.5 0.509995%27 stroke=%27%23888888%27/%3E%3C/svg%3E%0A");
}
.tui-pagination .tui-ico-last {
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.24023 10.95L6.18024 6.00999L1.24023 1.07%27 stroke=%27%23888888%27/%3E%3Cpath d=%27M5.82031 10.95L10.7603 6.00999L5.82031 1.07%27 stroke=%27%23888888%27/%3E%3C/svg%3E%0A");
}

.progress {
  display: block;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  padding: 0;
  width: 100%;
  height: 0.875rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.progress:not(:first-child) {
  margin-top: 0.5rem;
}
.progress:not(:last-child) {
  margin-bottom: 0.5rem;
}
.progress::-webkit-progress-bar {
  background-color: hsl(0, 0%, 93%);
}
.progress::-webkit-progress-value {
  background-color: #333;
}
.progress::-moz-progress-bar {
  background-color: #333;
}
.progress::-ms-fill {
  border: none;
  background-color: #333;
}
.progress.is-default::-webkit-progress-value {
  background-color: #151515;
}
.progress.is-default::-moz-progress-bar {
  background-color: #151515;
}
.progress.is-default::-ms-fill {
  background-color: #151515;
}
.progress.is-default:indeterminate {
  background-image: linear-gradient(to right, #151515 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-default.is-secondary::-webkit-progress-value {
  background-color: #fff;
}
.progress.is-default.is-secondary::-moz-progress-bar {
  background-color: #fff;
}
.progress.is-default.is-secondary::-ms-fill {
  background-color: #fff;
}
.progress.is-default.is-secondary:indeterminate {
  background-image: linear-gradient(to right, #fff 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-outlined::-webkit-progress-value {
  background-color: white;
}
.progress.is-outlined::-moz-progress-bar {
  background-color: white;
}
.progress.is-outlined::-ms-fill {
  background-color: white;
}
.progress.is-outlined:indeterminate {
  background-image: linear-gradient(to right, white 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-outlined.is-secondary::-webkit-progress-value {
  background-color: white;
}
.progress.is-outlined.is-secondary::-moz-progress-bar {
  background-color: white;
}
.progress.is-outlined.is-secondary::-ms-fill {
  background-color: white;
}
.progress.is-outlined.is-secondary:indeterminate {
  background-image: linear-gradient(to right, white 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-modify::-webkit-progress-value {
  background-color: #2878fa;
}
.progress.is-modify::-moz-progress-bar {
  background-color: #2878fa;
}
.progress.is-modify::-ms-fill {
  background-color: #2878fa;
}
.progress.is-modify:indeterminate {
  background-image: linear-gradient(to right, #2878fa 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-modify.is-secondary::-webkit-progress-value {
  background-color: #f5f5f5;
}
.progress.is-modify.is-secondary::-moz-progress-bar {
  background-color: #f5f5f5;
}
.progress.is-modify.is-secondary::-ms-fill {
  background-color: #f5f5f5;
}
.progress.is-modify.is-secondary:indeterminate {
  background-image: linear-gradient(to right, #f5f5f5 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-search::-webkit-progress-value {
  background-color: #2878fa;
}
.progress.is-search::-moz-progress-bar {
  background-color: #2878fa;
}
.progress.is-search::-ms-fill {
  background-color: #2878fa;
}
.progress.is-search:indeterminate {
  background-image: linear-gradient(to right, #2878fa 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-shuffle::-webkit-progress-value {
  background-color: white;
}
.progress.is-shuffle::-moz-progress-bar {
  background-color: white;
}
.progress.is-shuffle::-ms-fill {
  background-color: white;
}
.progress.is-shuffle:indeterminate {
  background-image: linear-gradient(to right, white 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-ghost::-webkit-progress-value {
  background-color: transparent;
}
.progress.is-ghost::-moz-progress-bar {
  background-color: transparent;
}
.progress.is-ghost::-ms-fill {
  background-color: transparent;
}
.progress.is-ghost:indeterminate {
  background-image: linear-gradient(to right, transparent 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-info::-webkit-progress-value {
  background-color: #0032fa;
}
.progress.is-info::-moz-progress-bar {
  background-color: #0032fa;
}
.progress.is-info::-ms-fill {
  background-color: #0032fa;
}
.progress.is-info:indeterminate {
  background-image: linear-gradient(to right, #0032fa 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-success::-webkit-progress-value {
  background-color: #24a148;
}
.progress.is-success::-moz-progress-bar {
  background-color: #24a148;
}
.progress.is-success::-ms-fill {
  background-color: #24a148;
}
.progress.is-success:indeterminate {
  background-image: linear-gradient(to right, #24a148 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-warning::-webkit-progress-value {
  background-color: #f1c21b;
}
.progress.is-warning::-moz-progress-bar {
  background-color: #f1c21b;
}
.progress.is-warning::-ms-fill {
  background-color: #f1c21b;
}
.progress.is-warning:indeterminate {
  background-image: linear-gradient(to right, #f1c21b 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-error::-webkit-progress-value {
  background-color: #da1e28;
}
.progress.is-error::-moz-progress-bar {
  background-color: #da1e28;
}
.progress.is-error::-ms-fill {
  background-color: #da1e28;
}
.progress.is-error:indeterminate {
  background-image: linear-gradient(to right, #da1e28 30%, hsl(0, 0%, 93%) 30%);
}
.progress:indeterminate {
  background-color: hsl(0, 0%, 93%);
  background-image: linear-gradient(to right, #333 30%, hsl(0, 0%, 93%) 30%);
  background-position: top left;
  background-size: 150% 150%;
  background-repeat: no-repeat;
  animation-name: moveIndeterminate;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-moz-progress-bar {
  background-color: transparent;
}
.progress.is-small {
  height: 0.6875rem;
}
.progress.is-medium {
  height: 1rem;
}
.progress.is-large {
  height: 1.25rem;
}

@keyframes moveIndeterminate {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
.process-floating {
  flex: none;
  text-align: center;
  font-size: 13px;
  width: 130px;
  position: absolute;
  right: 20px;
  top: 89px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
}
.process-floating dt {
  padding: 20px 0 10px;
  font-weight: 600;
}
.process-floating dd {
  position: relative;
  width: 90px;
  height: 90px;
  background-color: #F4F4F4;
  border-radius: 5px;
  margin: 0 auto 24px;
}
.process-floating dd:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 10px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%276%27 viewBox=%270 0 10 6%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.98901 6C4.91575 6 4.83883 5.98456 4.75824 5.95367C4.67766 5.92278 4.60073 5.86873 4.52747 5.79151L0.197803 1.2278C0.0659344 1.0888 0 0.918918 0 0.718146C0 0.517374 0.0659344 0.347491 0.197803 0.208495C0.329671 0.0694984 0.483516 0 0.659341 0C0.835165 0 0.989011 0.0694984 1.12088 0.208495L4.98901 4.28571L8.85714 0.208495C8.98901 0.0694984 9.14652 0 9.32967 0C9.51282 0 9.67033 0.0694984 9.8022 0.208495C9.93407 0.347491 10 0.513513 10 0.706563C10 0.899614 9.93407 1.06564 9.8022 1.20463L5.45055 5.79151C5.37729 5.86873 5.30403 5.92278 5.23077 5.95367C5.15751 5.98456 5.07692 6 4.98901 6Z%27 fill=%27black%27/%3E%3C/svg%3E%0A");
}
.process-floating dd:last-child {
  margin-bottom: 55px;
}
.process-floating span {
  display: inline-block;
  width: 78%;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  color: #000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1.53;
  word-break: keep-all;
  word-wrap: break-word;
}

.process-approval .signer {
  display: inline-block;
  position: relative;
  border: 1px solid #e5e5e5;
  padding: 5px 17px;
  min-width: 150px;
  text-align: center;
}
.process-approval .signer:not(:last-child) {
  margin-right: 12px;
}
.process-approval .signer:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -9px;
  border-top: 4px solid transparent;
  border-left: 4px solid #333;
  border-bottom: 4px solid transparent;
  transform: translateY(-50%);
}
.process-approval .requester {
  color: #3b82f6;
}
.process-approval .is-approved {
  color: #c01e14;
}

.table.is-approval-process {
  box-shadow: none;
  font-size: 13px;
}
.table.is-approval-process:not(:last-child) {
  margin-bottom: 5px;
}
.table.is-approval-process > tbody > tr > th {
  height: 74px;
  padding: 0 25px;
  border: 1px solid #F2F2F2;
  background-color: #F6F6F6;
  vertical-align: middle;
  font-weight: 600;
  color: #888;
}
.table.is-approval-process > tbody > tr > td {
  padding: 0;
  border: 1px solid #F2F2F2;
  vertical-align: middle;
}
.table.is-approval-process .signer,
.table.is-approval-process .approval-process-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  height: 74px;
  padding: 0 16px;
}
.table.is-approval-process .signer:not(:last-child),
.table.is-approval-process .approval-process-item:not(:last-child) {
  border-right: 1px solid #F2F2F2;
}
.table.is-approval-process .signer:not(:last-child)::after,
.table.is-approval-process .approval-process-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%2716%27 height=%2716%27 rx=%278%27 fill=%27%23151515%27/%3E%3Cpath d=%27M7 5L10 8L7 11%27 stroke=%27white%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
}
.table.is-approval-process .signed-date {
  font-size: 1.1rem;
  color: #999;
}
.table.is-approval-process .requester {
  color: #3b82f6;
}
.table.is-approval-process .is-approved span:last-child {
  color: #c01e14;
}

#detailForm .table .table-title {
  margin-top: 12px !important;
}

.snackbar {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 9px 0;
  width: 236px;
  background-color: black;
  text-align: center;
  color: white;
}
.snackbar .icon_status_checkmark_filled,
.snackbar .icon.is-status-checkmark.is-filled {
  fill: #f4fff7;
  margin-right: 5px;
}
.snackbar-message {
  font-size: 13px;
}

.form-body:not(:last-child) {
  margin-bottom: 20px;
}

.table-container {
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}
.table-container:not(:first-child) {
  margin-top: 0.5rem;
}
.table-container:not(:last-child) {
  margin-bottom: 0.5rem;
}

.table {
  table-layout: fixed;
  border-radius: 8px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: #FFF;
}
.table > thead > tr > th.is-narrow,
.table > thead > tr > td.is-narrow,
.table > tbody > tr > th.is-narrow,
.table > tbody > tr > td.is-narrow {
  width: 1%;
  white-space: nowrap;
}
.table > thead > tr > th:focus, .table > thead > tr > th.is-focused,
.table > thead > tr > td:focus,
.table > thead > tr > td.is-focused,
.table > tbody > tr > th:focus,
.table > tbody > tr > th.is-focused,
.table > tbody > tr > td:focus,
.table > tbody > tr > td.is-focused {
  outline: 1px solid #0354ff;
  outline-offset: -1px;
}
.table > thead > tr > th.is-active,
.table > thead > tr > td.is-active,
.table > tbody > tr > th.is-active,
.table > tbody > tr > td.is-active {
  background-color: #0354ff;
  color: hsl(0, 0%, 100%);
}
.table > thead > tr > th.is-active a,
.table > thead > tr > th.is-active strong,
.table > thead > tr > td.is-active a,
.table > thead > tr > td.is-active strong,
.table > tbody > tr > th.is-active a,
.table > tbody > tr > th.is-active strong,
.table > tbody > tr > td.is-active a,
.table > tbody > tr > td.is-active strong {
  color: currentColor;
}
.table > thead > tr:focus, .table > thead > tr.is-focused,
.table > tbody > tr:focus,
.table > tbody > tr.is-focused {
  outline: 1px solid #0354ff;
  outline-offset: -1px;
}
.table > thead > tr.is-active,
.table > tbody > tr.is-active {
  background-color: #0354ff;
  color: hsl(0, 0%, 100%);
}
.table > thead > tr.is-active strong,
.table > thead > tr.is-active a,
.table > tbody > tr.is-active strong,
.table > tbody > tr.is-active a {
  color: currentColor;
}
.table > thead > tr.is-active > th,
.table > thead > tr.is-active > td,
.table > tbody > tr.is-active > th,
.table > tbody > tr.is-active > td {
  border-color: hsl(0, 0%, 100%);
  color: currentColor;
}
.table > thead > tr[disabled] > th,
.table > thead > tr[disabled] > td,
.table > tbody > tr[disabled] > th,
.table > tbody > tr[disabled] > td {
  color: #cacaca;
}
.table > thead {
  background-color: #f5f5f5;
}
.table > thead > tr > th,
.table > thead > tr > td {
  color: #6f6f6f;
}
.table > tbody {
  background-color: transparent;
}
.table > tfoot {
  background-color: transparent;
}
.table > tfoot > tr > td,
.table > tfoot > tr > th {
  border-width: 2px 0 0;
  color: #333;
}
.table-title {
  display: flex;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.33;
}
.table-title .icon {
  margin-right: 9px;
}
.table-title .count {
  margin-left: 20px;
  font-size: 13px;
  color: #666;
}
.table-title .count em {
  font-style: normal;
  font-weight: 500;
  color: #359DFF;
}
.table-title + .field {
  width: 160px;
}
.table .field {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.table .field:not(:last-child) {
  margin-right: 0.4em;
  margin-bottom: auto;
}
.table .field .checkbox:not(:first-child) {
  margin-left: 13px;
}
.table .field-inner {
  display: flex;
  align-items: center;
}
.table.is-admin > colgroup > col:first-child {
  width: 15%;
}
.table.is-admin > colgroup > col:nth-child(3) {
  width: 13%;
}
.table.is-admin > colgroup > col:nth-child(4) {
  width: 19.4%;
}
.table.is-admin > colgroup > col:last-child {
  width: 13%;
}
.table.is-admin > thead > tr > th,
.table.is-admin > thead > tr > td,
.table.is-admin > tbody > tr > th,
.table.is-admin > tbody > tr > td {
  padding-left: 0;
  height: 32px;
}
.table.is-admin > thead > tr > th:not([align]),
.table.is-admin > thead > tr > td:not([align]),
.table.is-admin > tbody > tr > th:not([align]),
.table.is-admin > tbody > tr > td:not([align]) {
  text-align: center;
}
.table.is-admin > tbody > tr > td:nth-child(2) {
  text-align: left;
}
.table-approval, .table.is-approval {
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
  border-left: 1px solid #F2F2F2;
  box-shadow: none;
  font-size: 13px;
}
.table-approval:not(:last-child), .table.is-approval:not(:last-child) {
  margin-bottom: 10px;
}
.table-approval > tbody > tr > th, .table.is-approval > tbody > tr > th {
  padding: 0;
  width: 100px;
  height: 28px;
  border-right: 1px solid #F2F2F2;
  background-color: #f5f5f5;
  text-align: center;
  vertical-align: middle;
  font-weight: 600;
  color: #888;
}
.table-approval > tbody > tr > th:first-child, .table.is-approval > tbody > tr > th:first-child {
  width: 74px;
}
.table-approval > tbody > tr > th:nth-child(n+2), .table.is-approval > tbody > tr > th:nth-child(n+2) {
  border-bottom: 1px solid #F2F2F2;
}
.table-approval > tbody > tr > td, .table.is-approval > tbody > tr > td {
  padding: 0 5px;
  height: 47px;
  border-right: 1px solid #F2F2F2;
  text-align: center;
  vertical-align: middle;
}
.table-file, .table.is-file {
  border: 1px solid #E3E3E3;
  box-shadow: none !important;
}
.table-file > colgroup > col:first-child, .table.is-file > colgroup > col:first-child {
  width: 42px;
}
.table-file > colgroup > col:nth-child(3), .table.is-file > colgroup > col:nth-child(3) {
  width: 154px;
}
.table-file > thead th, .table.is-file > thead th {
  border-bottom: 1px solid #E3E3E3;
}
.table-file > thead > tr > th,
.table-file > thead > tr > td,
.table-file > tbody > tr > th,
.table-file > tbody > tr > td, .table.is-file > thead > tr > th,
.table.is-file > thead > tr > td,
.table.is-file > tbody > tr > th,
.table.is-file > tbody > tr > td {
  border-left: none;
  border-right: none;
  padding: 0;
  text-align: center;
}
.table-file > thead > tr > th:nth-child(2),
.table-file > thead > tr > td:nth-child(2),
.table-file > tbody > tr > th:nth-child(2),
.table-file > tbody > tr > td:nth-child(2), .table.is-file > thead > tr > th:nth-child(2),
.table.is-file > thead > tr > td:nth-child(2),
.table.is-file > tbody > tr > th:nth-child(2),
.table.is-file > tbody > tr > td:nth-child(2) {
  text-align: center;
}
.table-file > thead > tr > th,
.table-file > tbody > tr > th, .table.is-file > thead > tr > th,
.table.is-file > tbody > tr > th {
  height: 34px;
  background-color: white;
}
.table-file > thead > tr > td,
.table-file > tbody > tr > td, .table.is-file > thead > tr > td,
.table.is-file > tbody > tr > td {
  height: 40px;
  border-top: none;
  border-bottom: none;
}
.table-request.is-striped-vertical .field.is-grouped, .table-request.is-striped-vertically .field.is-grouped, .table.is-request.is-striped-vertical .field.is-grouped, .table.is-request.is-striped-vertically .field.is-grouped {
  display: flex;
}
.table-request.is-striped-vertical .field.is-grouped > .control:not(:last-child), .table-request.is-striped-vertically .field.is-grouped > .control:not(:last-child), .table.is-request.is-striped-vertical .field.is-grouped > .control:not(:last-child), .table.is-request.is-striped-vertically .field.is-grouped > .control:not(:last-child) {
  margin-right: 5px;
}
.table-search > colgroup > col:not(:last-child):nth-child(odd), .table.is-search > colgroup > col:not(:last-child):nth-child(odd), .table.is-striped-vertical > colgroup > col:not(:last-child):nth-child(odd), .table.is-striped-vertically > colgroup > col:not(:last-child):nth-child(odd), .table.is-hstriped > colgroup > col:not(:last-child):nth-child(odd) {
  width: 130px;
}
.table-search, .table.is-search {
  margin-bottom: 20px;
}
.table-search .select, .table.is-search .select {
  min-width: 144px;
}
.table-search > colgroup > col:last-child, .table.is-search > colgroup > col:last-child {
  width: 90px;
}
.table-search > tbody > tr:first-child > th,
.table-search > tbody > tr:first-child > td, .table.is-search > tbody > tr:first-child > th,
.table.is-search > tbody > tr:first-child > td {
  padding-top: 20px;
}
.table-search > tbody > tr:first-child > th:last-child,
.table-search > tbody > tr:first-child > td:last-child, .table.is-search > tbody > tr:first-child > th:last-child,
.table.is-search > tbody > tr:first-child > td:last-child {
  padding-right: 20px;
  vertical-align: top;
  text-align: right;
}
.table-search > tbody > tr:last-child > th,
.table-search > tbody > tr:last-child > td, .table.is-search > tbody > tr:last-child > th,
.table.is-search > tbody > tr:last-child > td {
  padding-bottom: 20px;
}
.table-search > tbody > tr > th,
.table-search > tbody > tr > td, .table.is-search > tbody > tr > th,
.table.is-search > tbody > tr > td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.table-search > tbody > tr > th, .table.is-search > tbody > tr > th {
  padding-left: 26px;
  font-weight: 600;
  font-size: 13px;
  color: #8E8E8E;
}
.table-search > tbody > tr > td, .table.is-search > tbody > tr > td {
  padding-right: 50px;
}
.table-search.is-admin > tbody > tr > td, .table.is-search.is-admin > tbody > tr > td {
  padding-top: 7px;
  padding-bottom: 7px;
}
.table:not(:last-child) {
  margin-bottom: 20px;
}
.table.has-background-color > tbody > tr > td,
.table.has-background-color > tbody > tr > th, .table.has-bg-color > tbody > tr > td,
.table.has-bg-color > tbody > tr > th {
  border: none;
}
.table.is-striped > tbody > tr:not(.is-active):nth-child(even) {
  background-color: hsl(0, 0%, 98%);
}
.table.is-hstriped, .table.is-striped-vertical, .table.is-striped-vertically {
  border-radius: 0;
  box-shadow: none;
}
.table.is-hstriped > colgroup > col:not(:last-child):nth-child(odd), .table.is-striped-vertical > colgroup > col:not(:last-child):nth-child(odd), .table.is-striped-vertically > colgroup > col:not(:last-child):nth-child(odd) {
  width: 150px !important;
}
.table.is-hstriped.is-large > colgroup > col:not(:last-child):nth-child(odd), .table.is-striped-vertical.is-large > colgroup > col:not(:last-child):nth-child(odd), .table.is-striped-vertically.is-large > colgroup > col:not(:last-child):nth-child(odd) {
  width: 180px !important;
}
#ciDetail .table.is-hstriped > colgroup > col:not(:last-child):nth-child(odd), #ciDetail .table.is-striped-vertical > colgroup > col:not(:last-child):nth-child(odd), #ciDetail .table.is-striped-vertically > colgroup > col:not(:last-child):nth-child(odd) {
  width: 180px !important;
}
#ciDetail .table.is-hstriped .table-title, #ciDetail .table.is-striped-vertical .table-title, #ciDetail .table.is-striped-vertically .table-title {
  margin-top: 12px;
}
.table.is-hstriped > tbody > tr > th,
.table.is-hstriped > tbody > tr > td, .table.is-striped-vertical > tbody > tr > th,
.table.is-striped-vertical > tbody > tr > td, .table.is-striped-vertically > tbody > tr > th,
.table.is-striped-vertically > tbody > tr > td {
  padding: 6px 10px;
  border: 1px solid #F2F2F2;
  height: 44px;
}
.table.is-hstriped > tbody > tr > th, .table.is-striped-vertical > tbody > tr > th, .table.is-striped-vertically > tbody > tr > th {
  padding-left: 25px;
  background-color: #F6F6F6;
}
.table.is-hstriped > tbody > tr > td, .table.is-striped-vertical > tbody > tr > td, .table.is-striped-vertically > tbody > tr > td {
  position: relative;
}
.table.is-hstriped > thead > tr > th {
  padding: 6px 10px 6px 25px;
  border: 1px solid #F2F2F2;
  height: 38px;
  font-weight: 600;
  font-size: 13px;
  color: #8E8E8E;
  background-color: #F6F6F6;
}
.table.is-hstriped > thead > tr .checkbox {
  vertical-align: middle;
}
.table.is-hstriped > tbody > tr > th {
  height: 38px;
  font-weight: 600;
  font-size: 13px;
  color: #8E8E8E;
}
.table.is-hstriped > tbody > tr > th .checkbox {
  vertical-align: middle;
}
.table.is-hstriped > tbody > tr > td {
  position: relative;
}
.table.has-border-bottom > tbody > tr > td,
.table.has-border-bottom > tbody > tr > th {
  border-width: 1px;
}
.table.has-border-bottom > tbody > tr:last-child > td,
.table.has-border-bottom > tbody > tr:last-child > th {
  border-bottom-width: 1px;
}
.table.has-horizontal-borders th,
.table.has-horizontal-borders td {
  border-left: none;
  border-right: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table.has-no-borders {
  font-size: 14px;
  color: #333;
}
.table.has-no-borders > tbody > tr > td {
  border: none;
  padding: 0;
  height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table.has-no-borders > tbody > tr > td:last-child {
  text-align: right;
}
.table.is-narrow > tbody > tr > td,
.table.is-narrow > tbody > tr > th {
  padding: 0.25em 0.5em;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable > tbody > tr:not(.is-active):hover, .table.is-hoverable > tbody > tr:not(.is-active).is-hovered {
  background-color: #e5e5e5;
}
.table.is-hoverable.is-striped > tbody > tr:not(.is-active):hover, .table.is-hoverable.is-striped > tbody > tr:not(.is-active).is-hovered {
  background-color: #e5e5e5;
}
.table.is-hoverable.is-striped > tbody > tr:not(.is-active):hover:nth-child(even), .table.is-hoverable.is-striped > tbody > tr:not(.is-active).is-hovered:nth-child(even) {
  background-color: hsl(0, 0%, 96%);
}
.table a:not(:last-child) {
  margin-bottom: 6px;
}

@media (max-width: 1340px) {
  .table.table-search > colgroup > col:not(:last-child):nth-child(odd), .table.is-search > colgroup > col:not(:last-child):nth-child(odd) {
    width: 104px;
  }
  .table.table-search td, .table.is-search td {
    padding-right: 40px;
  }
}
.tabs {
  -webkit-overflow-scrolling: touch;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 20px;
}
.tabs a {
  display: block;
  position: relative;
  margin-bottom: -1px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #333;
  padding: 6px 30px 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #888;
}
.tabs a:hover {
  color: #000;
}
.tabs a > .count {
  vertical-align: top;
}
.tabs li {
  display: block;
}
.tabs li:last-child a {
  margin-right: 0;
}
.tabs li.is-active a {
  color: #000;
}
.tabs li.is-active a::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
}
.tabs ul {
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
  border-bottom: 1px solid #333;
}
.tabs ul.is-left {
  padding-right: 0.75em;
}
.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}
.tabs .icon:first-child {
  margin-right: 0.5em;
}
.tabs .icon:last-child {
  margin-left: 0.5em;
}
.tabs.is-centered ul {
  justify-content: center;
}
.tabs.is-right ul {
  justify-content: flex-end;
}
.tabs.is-boxed a {
  border-radius: 0.25rem 0.25rem 0 0;
  border: 1px solid transparent;
}
.tabs.is-boxed a:hover {
  border-bottom-color: #e5e5e5;
  background-color: hsl(0, 0%, 96%);
}
.tabs.is-boxed li.is-active a {
  border-color: #e5e5e5;
  border-bottom-color: transparent !important;
  background-color: hsl(0, 0%, 100%);
}
.tabs.is-boxed-full a, .tabs.are-boxed-fully a {
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #707070;
  padding: 0.7em 1.85em;
}
.tabs.is-boxed-full li.is-active a, .tabs.are-boxed-fully li.is-active a {
  border: 1px solid #707070;
}
.tabs.is-fullwidth li {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs.is-toggle a {
  position: relative;
  margin-bottom: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #e5e5e5;
}
.tabs.is-toggle a:hover {
  z-index: 2;
  border-color: #e5e5e5;
  background-color: hsl(0, 0%, 96%);
}
.tabs.is-toggle li + li {
  margin-left: -1px;
}
.tabs.is-toggle li:first-child a {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.tabs.is-toggle li:last-child a {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.tabs.is-toggle li.is-active a {
  z-index: 1;
  border-color: #8e8e8e;
  background-color: #8e8e8e;
  color: findColorInvert(#8e8e8e);
}
.tabs.is-toggle ul {
  border-bottom: none;
}
.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  padding-left: 1.25em;
}
.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  padding-right: 1.25em;
}
.tabs.is-small {
  font-size: 0.6875rem;
}
.tabs.is-medium {
  font-size: 1rem;
}
.tabs.is-large {
  font-size: 1.25rem;
}
.tabs-content {
  display: none;
}
.tabs-content.is-active {
  display: block;
}

.tab-btns {
  display: flex;
  padding-bottom: 2px;
}
.tab-btns button {
  display: inline-flex;
  align-items: center;
  position: relative;
  height: 40px;
  padding: 0 20px;
  border: 0;
  font-size: 18px;
  cursor: pointer;
  color: #666;
  background-color: #fff;
}
.tab-btns button.is-active {
  font-weight: 600;
  color: #000;
}
.tab-btns button.is-active::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  height: 2px;
  background-color: #333;
}
.tab-btns button.is-active span {
  font-weight: 400;
}
.card-header .tab-btns {
  width: 100%;
  margin-bottom: 40px;
  border-bottom: 1px solid #333;
}

.tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tags .tag {
  margin-bottom: 0.5rem;
}
.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}
.tags:last-child {
  margin-bottom: -0.5rem;
}
.tags:not(:last-child) {
  margin-bottom: 1rem;
}
.tags.are-medium .tag:not(.is-normal):not(.is-large) {
  font-size: 0.875rem;
}
.tags.are-large .tag:not(.is-normal):not(.is-medium) {
  font-size: 1rem;
}
.tags.is-centered {
  justify-content: center;
}
.tags.is-centered .tag {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.tags.is-right {
  justify-content: flex-end;
}
.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}
.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}
.tags.has-addons .tag {
  margin-right: 0;
}
.tags.has-addons .tag:not(:first-child) {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tags.has-addons .tag:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tag:not(body) {
  display: inline-flex;
  position: relative;
  margin-left: 9px;
  border-radius: 0.25rem;
  padding: 2px 6px;
  background-color: #e5e5e5;
  font-size: 13px;
}
.tag:not(body):hover .tag-tooltip, .tag:not(body).is-hovered .tag-tooltip {
  display: block;
}
.tag:not(body):focus, .tag:not(body).is-focused {
  outline-width: 2px;
  outline-color: #0354ff;
  outline-offset: -2px;
}
.tag:not(body)[disabled] {
  background-color: #f5f5f5;
  color: #cacaca;
  cursor: not-allowed;
}
.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}
.tag:not(body).is-default {
  background-color: #151515;
  color: white;
}
.tag:not(body).is-default.is-light {
  background-color: #151515;
  color: #333333;
}
.tag:not(body).is-default.is-secondary {
  background-color: #fff;
  color: #333;
}
.tag:not(body).is-default.is-secondary.is-light {
  background-color: #DBDBDB;
  color: #d4d4d4;
}
.tag:not(body).is-outlined {
  background-color: white;
  color: #333333;
}
.tag:not(body).is-outlined.is-light {
  background-color: #DBDBDB;
  color: #f7f8f9;
}
.tag:not(body).is-outlined.is-secondary {
  background-color: white;
  color: #333;
}
.tag:not(body).is-outlined.is-secondary.is-light {
  background-color: #333;
  color: #f5f5f5;
}
.tag:not(body).is-modify {
  background-color: #2878fa;
  color: white;
}
.tag:not(body).is-modify.is-light {
  background-color: #2878fa;
  color: #629dff;
}
.tag:not(body).is-modify.is-secondary {
  background-color: #f5f5f5;
  color: #585858;
}
.tag:not(body).is-modify.is-secondary.is-light {
  background-color: #e5e5e5;
  color: #f5f5f5;
}
.tag:not(body).is-search {
  background-color: #2878fa;
  color: white;
}
.tag:not(body).is-search.is-light {
  background-color: #2878fa;
  color: #629dff;
}
.tag:not(body).is-shuffle {
  background-color: white;
  color: #dedede;
}
.tag:not(body).is-shuffle.is-light {
  background-color: #dedede;
  color: white;
}
.tag:not(body).is-ghost {
  background-color: transparent;
  color: #0043ce;
}
.tag:not(body).is-ghost.is-light {
  background-color: transparent;
  color: #e5e5e5;
}
.tag:not(body).is-info {
  background-color: #0032fa;
  color: findColorInvert(#0032fa);
}
.tag:not(body).is-success {
  background-color: #24a148;
  color: findColorInvert(#24a148);
}
.tag:not(body).is-warning {
  background-color: #f1c21b;
  color: findColorInvert(#f1c21b);
}
.tag:not(body).is-error {
  background-color: #da1e28;
  color: findColorInvert(#da1e28);
}
.tag:not(body).is-normal {
  font-size: 0.6875rem;
}
.tag:not(body).is-medium {
  font-size: 0.875rem;
}
.tag:not(body).is-large {
  font-size: 1rem;
}
.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}
.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}
.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}
.tag:not(body).is-delete {
  margin-left: 1px;
  position: relative;
  padding: 0;
  width: 2em;
}
.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: currentColor;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.tag:not(body).is-delete::before {
  width: 50%;
  height: 1px;
}
.tag:not(body).is-delete::after {
  width: 1px;
  height: 50%;
}
.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  background-color: #d8d8d8;
}
.tag:not(body).is-delete:active {
  background-color: #cccccc;
}
.tag:not(body).is-rounded {
  border-radius: 50%;
}
.tag > span {
  color: white;
}
.tag-tooltip {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 20;
  border: 1px solid #333;
  padding: 12px 14px 6px;
  width: 220px;
  background-color: hsl(0, 0%, 100%);
}
.tag-tooltip-title {
  margin-bottom: 5px;
}
.tag-tooltip .hash-tag {
  margin-top: 10px;
  border-top: 1px solid #dedede;
  padding-top: 10px;
  color: #dedede;
}

a.tag:hover {
  text-decoration: underline;
}

.title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  color: #000;
}

.sub-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.6;
  color: #000;
}

.card-header-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  color: #000;
}

.card-icon-title {
  position: relative;
  margin-top: 10px;
  padding-left: 62px;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  color: #000;
}
.card-icon-title .card-title-image {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-42%);
  width: 54px;
  height: 54px;
}

.icon .tooltip {
  display: none;
}
.icon:hover .tooltip {
  display: block;
  position: absolute;
  top: 25px;
  z-index: 10;
  border: 1px solid #707070;
  background-color: white;
  font-style: normal;
  line-height: 1.4;
}
.icon:hover .tooltip::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 50%;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
  width: 6px;
  height: 6px;
  background-color: white;
  transform: rotate(45deg) translateX(-50%);
  transform-origin: center;
}
.icon:hover .tooltip .buttons {
  display: none;
}
.icon:hover .tooltip .buttons.has-buttons {
  display: block;
}
.icon_status_information:hover .tooltip {
  padding: 15px 14px;
  width: 256px;
}
.icon_user_user:hover .tooltip {
  padding: 2px 0;
  white-space: pre;
}

.board-list-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.board-list-head:first-child {
  margin-top: -16px;
  margin-bottom: 12px;
}

.board-list-wrap.is-hide {
  display: none;
}

.board-list {
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  flex: 1;
  max-height: 324px;
}
.board-list.is-detail .board-item:not(:first-child) {
  margin-top: 5px;
}
.board-list.is-detail .board-item .category {
  width: 82px;
}
.admin .board-list.is-detail .board-item .state-badge {
  position: relative;
  width: 210px;
  height: 32px;
  margin-left: 60px;
  padding-left: 37px;
  text-align: left;
  line-height: 32px;
}
.admin .board-list.is-detail .board-item .state-badge::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 12px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.77733 4C5.24573 4 3.99998 5.24574 3.99998 6.77734V7.2C3.99998 7.3104 4.08958 7.4 4.19998 7.4C4.31038 7.4 4.39998 7.3104 4.39998 7.2V6.77734C4.39998 5.46654 5.46653 4.4 6.77733 4.4H13.2226C14.5334 4.4 15.6 5.46654 15.6 6.77734V8.4H14.6156C14.4428 8.4 14.3411 8.59352 14.4375 8.73672L15.6211 10.4883C15.7067 10.6147 15.8925 10.6147 15.9781 10.4883L17.1625 8.73594C17.2593 8.59314 17.1572 8.4 16.9844 8.4H16V6.77734C16 5.24574 14.7542 4 13.2226 4H6.77733ZM4.19998 9.41719C4.13208 9.41719 4.06466 9.44852 4.02186 9.51172L2.83748 11.2641C2.74068 11.4069 2.84281 11.6 3.01561 11.6H3.99998V13.2227C3.99998 14.7543 5.24573 16 6.77733 16H13.2226C14.7542 16 16 14.7543 16 13.2227V12.8C16 12.6896 15.9104 12.6 15.8 12.6C15.6896 12.6 15.6 12.6896 15.6 12.8V13.2227C15.6 14.5335 14.5331 15.6 13.2219 15.6H6.77733C5.46653 15.6 4.39998 14.5335 4.39998 13.2227V11.6H5.38436C5.55716 11.6 5.65888 11.4065 5.56248 11.2633L4.37889 9.51172C4.33609 9.44852 4.26788 9.41719 4.19998 9.41719Z%27 fill=%27black%27 stroke=%27black%27 stroke-width=%270.5%27/%3E%3C/svg%3E%0A");
}
.board-list.is-simple .board-item:not(:first-child) {
  margin-top: 5px;
}

.board-item.is-nodata {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 230px;
  margin: auto 0;
}
.board-item.is-nodata > p {
  font-size: 14px;
  color: #888;
}
.board-item.is-nodata > p::before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-right: 12px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg width=%2734%27 height=%2734%27 viewBox=%270 0 34 34%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M17 29.564C24.0416 29.564 29.75 23.8556 29.75 16.814C29.75 9.77233 24.0416 4.06396 17 4.06396C9.95837 4.06396 4.25 9.77233 4.25 16.814C4.25 23.8556 9.95837 29.564 17 29.564Z%27 fill=%27%23F3F3F3%27/%3E%3Cpath d=%27M17 30.3609C12.9359 30.3609 9.11095 28.5546 6.53439 25.3937C6.2422 25.0484 6.29532 24.5437 6.64064 24.278C6.98595 23.9859 7.49064 24.039 7.75626 24.3843C10.0406 27.1734 13.4141 28.7671 17 28.7671C19.2844 28.7671 21.5156 28.103 23.4281 26.8812C23.8 26.6421 24.3047 26.7484 24.5172 27.1202C24.7563 27.4921 24.65 27.9968 24.2781 28.2093C22.1266 29.6171 19.6031 30.3609 17 30.3609Z%27 fill=%27%23D3D3D3%27/%3E%3Cpath d=%27M30.3875 14.7952C29.4047 8.26084 23.7734 3.26709 17 3.26709C11.8203 3.26709 7.27813 6.1624 5.02032 10.4921C2.25782 11.3952 0.637505 12.8296 0.318755 14.6624C-0.424995 18.8858 6.32188 23.4812 15.6719 25.128C17.85 25.4999 20.0016 25.7124 22.0203 25.7124C24.0391 25.7124 25.925 25.5265 27.5719 25.128C31.1313 24.3046 33.2828 22.6843 33.6813 20.5593C34 18.6468 32.8578 16.6015 30.3875 14.7952ZM32.1141 20.2671C31.8484 21.7015 30.0688 22.8968 27.2266 23.5608C24.0922 24.278 20.1078 24.278 15.9641 23.5343C6.93282 21.9405 1.40782 17.7968 1.9125 14.928C2.07188 13.9983 2.86876 13.1749 4.14376 12.5374C3.85157 13.4405 3.63907 14.3702 3.53282 15.3265C3.47969 15.7515 3.79844 16.1499 4.25001 16.203C4.675 16.2562 5.07344 15.9374 5.12657 15.4858C5.76407 9.42959 10.8906 4.86084 17 4.86084C23.5875 4.86084 28.9531 10.2265 28.9531 16.814C28.9531 18.1421 28.7406 19.4437 28.3156 20.6921C28.1828 21.1171 28.3953 21.5687 28.8203 21.7015C28.9 21.728 29.0063 21.7546 29.0859 21.7546C29.4047 21.7546 29.7234 21.5421 29.8297 21.2233C30.3078 19.8687 30.5469 18.4343 30.5469 16.9999C31.7422 18.1421 32.2734 19.2577 32.1141 20.2671Z%27 fill=%27%23D3D3D3%27/%3E%3Cpath d=%27M22.0203 25.686C20.0016 25.686 17.85 25.5001 15.6719 25.1016C6.32188 23.4813 -0.424995 18.886 0.318755 14.6626C0.398443 14.2376 0.823442 13.9454 1.24844 14.0251C1.67344 14.1048 1.96563 14.5032 1.88594 14.9548C1.38126 17.8235 6.90625 21.9673 15.9641 23.561C20.1078 24.3048 24.1188 24.3048 27.2266 23.5876C30.0688 22.9235 31.8484 21.7282 32.1141 20.2938C32.1938 19.8688 32.6188 19.5766 33.0438 19.6563C33.4688 19.736 33.7609 20.1345 33.6813 20.586C33.3094 22.711 31.1313 24.3313 27.5719 25.1548C25.925 25.5001 24.0391 25.686 22.0203 25.686Z%27 fill=%27%23D3D3D3%27/%3E%3Cpath d=%27M14.7687 19.7095C16.089 19.7095 17.1594 18.6392 17.1594 17.3188C17.1594 15.9985 16.089 14.9282 14.7687 14.9282C13.4484 14.9282 12.3781 15.9985 12.3781 17.3188C12.3781 18.6392 13.4484 19.7095 14.7687 19.7095Z%27 fill=%27%23C8C8C8%27/%3E%3Cpath d=%27M15.5391 10.147C16.1259 10.147 16.6016 9.67128 16.6016 9.08447C16.6016 8.49767 16.1259 8.02197 15.5391 8.02197C14.9523 8.02197 14.4766 8.49767 14.4766 9.08447C14.4766 9.67128 14.9523 10.147 15.5391 10.147Z%27 fill=%27%23C8C8C8%27/%3E%3Cpath d=%27M2.25781 3.24072C2.84462 3.24072 3.32031 2.76503 3.32031 2.17822C3.32031 1.59142 2.84462 1.11572 2.25781 1.11572C1.67101 1.11572 1.19531 1.59142 1.19531 2.17822C1.19531 2.76503 1.67101 3.24072 2.25781 3.24072Z%27 fill=%27%23D3D3D3%27/%3E%3Cpath d=%27M31.4766 32.4595C32.0634 32.4595 32.5391 31.9838 32.5391 31.397C32.5391 30.8102 32.0634 30.3345 31.4766 30.3345C30.8898 30.3345 30.4141 30.8102 30.4141 31.397C30.4141 31.9838 30.8898 32.4595 31.4766 32.4595Z%27 fill=%27%23D3D3D3%27/%3E%3Cpath d=%27M24.3312 16.8938C25.3581 16.8938 26.1906 16.0613 26.1906 15.0344C26.1906 14.0075 25.3581 13.175 24.3312 13.175C23.3043 13.175 22.4719 14.0075 22.4719 15.0344C22.4719 16.0613 23.3043 16.8938 24.3312 16.8938Z%27 fill=%27%23C8C8C8%27/%3E%3C/svg%3E%0A");
}
.board-item > a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 42px;
}
.board-item .state-badge {
  margin-left: 30px;
}

.board-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  padding-right: 30px;
  font-size: 14px;
  color: #333;
}
.board-text em {
  font-style: normal;
  font-size: 16px;
  color: #000;
}

.board-date {
  font-size: 16px;
  color: #848484;
}

.shortcut-btn {
  position: relative;
  padding: 7px 25px 7px 10px;
  border-radius: 3px;
  border: 1px solid #E3E3E3;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.28;
  color: #000;
  background-color: #fff;
}
.shortcut-btn:hover {
  border-color: #666;
}
.shortcut-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.5 2.5L7.5 6L4.5 9.5%27 stroke=%27%23B0B0B0%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
}

html.user .board-list.is-detail .board-item:not(:first-child),
body.user .board-list.is-detail .board-item:not(:first-child) {
  margin-top: 10px !important;
}

.category {
  position: relative;
  height: 28px;
  padding-left: 25px;
  line-height: 28px;
}
.category::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}
.category.is-default {
  color: #666;
}
.category.is-default::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%2720%27 height=%2720%27 rx=%273%27 fill=%27%23888888%27/%3E%3Cpath d=%27M9.55556 8.84444V6.71111C9.55556 6.31822 9.23733 6 8.84444 6H6.71111C6.31822 6 6 6.31822 6 6.71111V8.84444C6 9.23733 6.31822 9.55556 6.71111 9.55556H8.84444C9.23733 9.55556 9.55556 9.23733 9.55556 8.84444Z%27 fill=%27white%27/%3E%3Cpath d=%27M11.1554 9.55556H13.2888C13.6817 9.55556 13.9999 9.23733 13.9999 8.84444V6.71111C13.9999 6.31822 13.6817 6 13.2888 6H11.1554C10.7626 6 10.4443 6.31822 10.4443 6.71111V8.84444C10.4443 9.23733 10.7626 9.55556 11.1554 9.55556Z%27 fill=%27white%27/%3E%3Cpath d=%27M8.84444 10.4445H6.71111C6.31822 10.4445 6 10.7627 6 11.1556V13.2889C6 13.6818 6.31822 14 6.71111 14H8.84444C9.23733 14 9.55556 13.6818 9.55556 13.2889V11.1556C9.55556 10.7627 9.23733 10.4445 8.84444 10.4445Z%27 fill=%27white%27/%3E%3Cpath d=%27M10.4443 11.1556V13.2889C10.4443 13.6818 10.7626 14 11.1554 14H13.2888C13.6817 14 13.9999 13.6818 13.9999 13.2889V11.1556C13.9999 10.7627 13.6817 10.4445 13.2888 10.4445H11.1554C10.7626 10.4445 10.4443 10.7627 10.4443 11.1556Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
}
.category.is-change {
  color: #359DFF;
}
.category.is-change::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%2720%27 height=%2720%27 rx=%273%27 fill=%27%2300A9FF%27/%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.96967 5.46967C10.2626 5.17678 10.7374 5.17678 11.0303 5.46967L14.3107 8.75H6C5.58579 8.75 5.25 8.41421 5.25 8C5.25 7.58579 5.58579 7.25 6 7.25H10.6893L9.96967 6.53033C9.67678 6.23744 9.67678 5.76256 9.96967 5.46967Z%27 fill=%27%23FFFEFE%27/%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M10.0303 14.5303C9.73744 14.8232 9.26256 14.8232 8.96967 14.5303L5.68934 11.25L14 11.25C14.4142 11.25 14.75 11.5858 14.75 12C14.75 12.4142 14.4142 12.75 14 12.75L9.31066 12.75L10.0303 13.4697C10.3232 13.7626 10.3232 14.2374 10.0303 14.5303Z%27 fill=%27%23FFFEFE%27/%3E%3C/svg%3E%0A");
}
.category.is-problem {
  color: #00D5A2;
}
.category.is-problem::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%2720%27 height=%2720%27 rx=%273%27 fill=%27%2300D5A2%27/%3E%3Cpath d=%27M9.084 5H11.548V11.566H9.084V5ZM10.316 14.996C9.94267 14.996 9.63 14.8747 9.378 14.632C9.126 14.38 9 14.072 9 13.708C9 13.3347 9.126 13.0267 9.378 12.784C9.63 12.5413 9.94267 12.42 10.316 12.42C10.68 12.42 10.988 12.546 11.24 12.798C11.492 13.0407 11.618 13.344 11.618 13.708C11.618 14.072 11.492 14.38 11.24 14.632C10.988 14.8747 10.68 14.996 10.316 14.996Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
}
.category.is-error {
  color: #FF8730;
}
.category.is-error::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%2720%27 height=%2720%27 rx=%273%27 fill=%27%23FFB840%27/%3E%3Cpath d=%27M7 7L13 13%27 stroke=%27%23FFFEFE%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M13 7L7 13%27 stroke=%27%23FFFEFE%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
}
.category.is-deploy {
  color: #9E5FFF;
}
.category.is-deploy::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%2720%27 height=%2720%27 rx=%273%27 fill=%27%239E5FFF%27/%3E%3Cpath d=%27M13.9815 10.7271L13.7998 10.6186C13.5836 10.4896 13.4544 10.2582 13.4544 10C13.4544 9.74179 13.5836 9.51036 13.7998 9.38143L13.9815 9.27286C14.4776 8.97643 14.6472 8.32214 14.3608 7.80929L14.0154 7.19071C13.7297 6.67893 13.0945 6.50321 12.5998 6.79857L12.4181 6.90679C12.2019 7.03607 11.9432 7.03607 11.7273 6.90679C11.5111 6.7775 11.3819 6.54643 11.3819 6.28821V6.07143C11.3819 5.48071 10.9169 5 10.3456 5H9.65475C9.08342 5 8.61847 5.48071 8.61847 6.07143V6.28857C8.61847 6.54679 8.48929 6.77786 8.27305 6.90714C8.05681 7.03607 7.79844 7.03643 7.5822 6.90714L7.40051 6.79857C6.90586 6.50321 6.27062 6.67893 5.98461 7.19071L5.63919 7.80929C5.35283 8.32214 5.52243 8.97679 6.01846 9.27286L6.2005 9.38143C6.41674 9.51036 6.54593 9.74179 6.54593 10C6.54593 10.2582 6.41674 10.4896 6.2005 10.6186L6.01881 10.7271C5.52278 11.0232 5.35317 11.6779 5.63953 12.1907L5.98496 12.8093C6.27097 13.3211 6.9062 13.4968 7.40051 13.2014L7.5822 13.0932C7.79844 12.9636 8.05681 12.9643 8.27305 13.0932C8.48929 13.2225 8.61847 13.4536 8.61847 13.7118V13.9286C8.61847 14.5193 9.08342 15 9.65475 15H10.3456C10.9169 15 11.3819 14.5193 11.3819 13.9286V13.7114C11.3819 13.4532 11.5111 13.2221 11.7273 13.0929C11.9432 12.9639 12.2019 12.9636 12.4181 13.0929L12.5998 13.2014C13.0945 13.4964 13.7297 13.3207 14.0154 12.8093L14.3608 12.1907C14.6472 11.6779 14.4776 11.0232 13.9815 10.7271ZM10.0002 11.7857C9.04784 11.7857 8.27305 10.9846 8.27305 10C8.27305 9.01536 9.04784 8.21429 10.0002 8.21429C10.9525 8.21429 11.7273 9.01536 11.7273 10C11.7273 10.9846 10.9525 11.7857 10.0002 11.7857Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
}

.ps {
  position: relative;
}

.state-badge {
  width: 69px;
  height: 28px;
  border-radius: 3px;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  line-height: 28px;
  color: #151515;
  background-color: #F4F4F4;
}
.state-badge.is-end {
  color: #8E8E8E;
}

.sort-btns {
  display: flex;
  align-items: center;
}

.sort-btn {
  position: relative;
  padding-left: 15px;
  border: 0;
  font-size: 14px;
  line-height: 1.71;
  cursor: pointer;
  color: #A9A9A9;
  background-color: #fff;
}
.sort-btn:not(:first-child) {
  margin-left: 10px;
}
.sort-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9 6.5L4.5 9.53109L4.5 3.46891L9 6.5Z%27 fill=%27%23D9D9D9%27/%3E%3C/svg%3E%0A");
}
.sort-btn.is-active {
  color: #000;
}
.sort-btn.is-active::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6 9.5L2.96891 5L9.03109 5L6 9.5Z%27 fill=%27%23151515%27/%3E%3C/svg%3E%0A");
}

.chart-canvas-wrap {
  margin-top: auto;
}

.chart-head {
  margin-bottom: 44px;
  padding-top: 10px;
  font-size: 0;
  text-align: right;
}
.chart-head.is-exception {
  margin-bottom: 70px;
}
.chart-head strong {
  display: inline-block;
  font-weight: 600;
  font-size: 36px;
  line-height: 0.88;
  vertical-align: top;
}
.chart-head strong.is-blue {
  color: #359DFF;
}
.chart-head strong.is-green {
  color: #00D5A2;
}

.chart-text {
  margin-right: 16px;
  font-size: 14px;
  line-height: 1.71;
  vertical-align: bottom;
}

.chart-stick {
  font-weight: 500;
  font-size: 16px;
  vertical-align: bottom;
}

.chart-subtitle {
  margin-bottom: 23px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
}

.chart-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto -25px;
}

.chart-inner-canvas {
  width: 270px;
}

.doughnut-canvas-wrap {
  display: flex;
  justify-content: center;
  position: relative;
  width: 270px;
  padding: 30px 0;
}

.doughnut-count {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
}
.doughnut-count.is-orange {
  color: #FFB840;
}
.doughnut-count.is-blue {
  color: #00A9FF;
}

.chart-doughnut-footer {
  display: flex;
  justify-content: center;
  margin: 50px -28px 0;
}
.chart-doughnut-footer > div {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.71;
  color: #333;
}
.chart-doughnut-footer > div:first-child {
  margin-right: 30px;
}

.chart-bar-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 7px;
}
.chart-bar-footer > span {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #000;
}
.chart-bar-footer > span:not(:first-child) {
  margin-left: 40px;
}

.chart-badge {
  min-width: 32px;
  height: 25px;
  margin-left: 10px;
  padding: 0 7px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  line-height: 25px;
  color: #FFF;
}
.chart-badge.is-dark {
  background-color: #333;
}
.chart-badge.is-green {
  background-color: #00D5A2;
}

.chart-title {
  margin-bottom: 11px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.33;
}
.chart-title span {
  display: inline-block;
  margin-left: 10px;
  font-weight: 400;
  font-size: 16px;
  vertical-align: top;
  line-height: 1.5;
  color: #666;
}

.dashboard .chart-inner {
  margin: 20px -25px 0;
}
.dashboard .chart-bar-footer {
  margin-top: -10px;
  padding-top: 7px;
}
.dashboard .chart-bar-footer > span {
  margin-top: 10px;
}
.dashboard .doughnut-canvas-wrap {
  width: 220px;
}
.dashboard .toastui-chart-wrapper {
  position: static;
}
.dashboard .toastui-chart-wrapper canvas {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.color-chip {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  background-color: #E3E3E3;
}
.color-chip.is-blue {
  background-color: #00A9FF;
}
.color-chip.is-orange {
  background-color: #FFB840;
}
.color-chip.is-green {
  background-color: #00D5A2;
}
.color-chip.is-red {
  background-color: #FF6464;
}
.color-chip.is-gray {
  background-color: #666;
}
.color-chip.is-purple {
  background-color: #9E5FFF;
}

.noti-popup {
  display: none;
  position: absolute;
  top: calc(100% - 10px);
  right: -108px;
  width: 416px;
  padding: 25px 30px;
  border-radius: 8px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  background-color: #FFF;
}
.noti-popup.is-active {
  display: block;
}

.noti-list {
  overflow-y: auto;
  max-height: 180px;
  padding-right: 21px;
}

.noti-item {
  position: relative;
  padding-left: 25px;
  font-size: 14px;
  line-height: 1.42;
  color: #000;
}
.noti-item:not(:first-child) {
  margin-top: 20px;
}
.noti-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%279%27 fill=%27%23FF6464%27/%3E%3Cpath d=%27M12.0803 7.55054L11.3252 8.30556C11.7118 8.6927 11.9514 9.22743 11.9514 9.81829C11.9514 10.4092 11.7118 10.9439 11.3247 11.3305L12.0797 12.0855C12.661 11.5048 13.0208 10.7027 13.0208 9.81829C13.0208 8.93386 12.661 8.13178 12.0803 7.55054Z%27 fill=%27white%27/%3E%3Cpath d=%27M13.5919 6.03906L12.8374 6.79356C13.6117 7.56783 14.0903 8.63728 14.0903 9.81848C14.0903 10.9997 13.6117 12.0691 12.8374 12.8434L13.5919 13.5979C14.5603 12.6295 15.1597 11.2927 15.1597 9.81848C15.1597 8.34425 14.5603 7.00744 13.5919 6.03906Z%27 fill=%27white%27/%3E%3Cpath d=%27M9.27778 6.50899V13.1091L6.78009 10.3472H6.06944V9.28366H6.78009L9.27778 6.50899ZM10.3472 5H9.27297L6.33681 8.21422H5V11.4167H6.33681L9.28045 14.625H10.3472V5Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
}

#bottalks-script {
  right: 20px !important;
  bottom: 20px !important;
}

#bottalks-button {
  right: 20px !important;
  bottom: 20px !important;
}
#bottalks-button-chat {
  width: 54px !important;
  height: 54px !important;
  max-width: 54px !important;
  max-height: 54px !important;
  background-image: url("data:image/svg+xml,%3Csvg width=%2754%27 height=%2754%27 viewBox=%270 0 54 54%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg filter=%27url%28%23filter0_d_799_5134%29%27%3E%3Ccircle cx=%2727%27 cy=%2723%27 r=%2723%27 fill=%27%23151515%27/%3E%3C/g%3E%3Cpath d=%27M27.5 13C24.9813 13.0026 22.5664 14.0044 20.7854 15.7854C19.0044 17.5664 18.0027 19.9813 18 22.5C17.9911 24.8472 18.8616 27.1127 20.44 28.85L18.15 31.15C18.0772 31.217 18.0273 31.3052 18.0076 31.4022C17.9878 31.4991 17.9992 31.5999 18.04 31.69C18.0775 31.7813 18.1412 31.8595 18.2231 31.9146C18.3049 31.9698 18.4013 31.9995 18.5 32H27.5C30.0196 32 32.4359 30.9991 34.2175 29.2175C35.9991 27.4359 37 25.0196 37 22.5C37 19.9804 35.9991 17.5641 34.2175 15.7825C32.4359 14.0009 30.0196 13 27.5 13ZM23.5 24.5C23.3022 24.5 23.1089 24.4414 22.9444 24.3315C22.78 24.2216 22.6518 24.0654 22.5761 23.8827C22.5004 23.7 22.4806 23.4989 22.5192 23.3049C22.5578 23.1109 22.6531 22.9327 22.7929 22.7929C22.9328 22.653 23.1109 22.5578 23.3049 22.5192C23.4989 22.4806 23.7 22.5004 23.8827 22.5761C24.0654 22.6518 24.2216 22.78 24.3315 22.9444C24.4414 23.1089 24.5 23.3022 24.5 23.5C24.5 23.7652 24.3947 24.0196 24.2071 24.2071C24.0196 24.3946 23.7652 24.5 23.5 24.5ZM27.5 24.5C27.3022 24.5 27.1089 24.4414 26.9444 24.3315C26.78 24.2216 26.6518 24.0654 26.5761 23.8827C26.5004 23.7 26.4806 23.4989 26.5192 23.3049C26.5578 23.1109 26.6531 22.9327 26.7929 22.7929C26.9328 22.653 27.1109 22.5578 27.3049 22.5192C27.4989 22.4806 27.7 22.5004 27.8827 22.5761C28.0654 22.6518 28.2216 22.78 28.3315 22.9444C28.4414 23.1089 28.5 23.3022 28.5 23.5C28.5 23.7652 28.3947 24.0196 28.2071 24.2071C28.0196 24.3946 27.7652 24.5 27.5 24.5ZM31.5 24.5C31.3022 24.5 31.1089 24.4414 30.9444 24.3315C30.78 24.2216 30.6518 24.0654 30.5761 23.8827C30.5004 23.7 30.4806 23.4989 30.5192 23.3049C30.5578 23.1109 30.6531 22.9327 30.7929 22.7929C30.9328 22.653 31.1109 22.5578 31.3049 22.5192C31.4989 22.4806 31.7 22.5004 31.8827 22.5761C32.0654 22.6518 32.2216 22.78 32.3315 22.9444C32.4414 23.1089 32.5 23.3022 32.5 23.5C32.5 23.7652 32.3947 24.0196 32.2071 24.2071C32.0196 24.3946 31.7652 24.5 31.5 24.5Z%27 fill=%27url%28%23paint0_linear_799_5134%29%27/%3E%3Cdefs%3E%3Cfilter id=%27filter0_d_799_5134%27 x=%270%27 y=%270%27 width=%2754%27 height=%2754%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset dy=%274%27/%3E%3CfeGaussianBlur stdDeviation=%272%27/%3E%3CfeComposite in2=%27hardAlpha%27 operator=%27out%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0%27/%3E%3CfeBlend mode=%27normal%27 in2=%27BackgroundImageFix%27 result=%27effect1_dropShadow_799_5134%27/%3E%3CfeBlend mode=%27normal%27 in=%27SourceGraphic%27 in2=%27effect1_dropShadow_799_5134%27 result=%27shape%27/%3E%3C/filter%3E%3ClinearGradient id=%27paint0_linear_799_5134%27 x1=%2742.0001%27 y1=%2737%27 x2=%2718.0001%27 y2=%2713%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop offset=%270.0870457%27 stop-color=%27%23585858%27/%3E%3Cstop offset=%271%27 stop-color=%27%23DFDFDF%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}

.tui-grid-cell-has-tree .tui-grid-cell-content {
  height: 20px;
  line-height: 20px;
  color: #151515;
}
.tui-grid-row-hover .tui-grid-cell-has-tree .tui-grid-cell-content {
  color: #151515 !important;
}
.tui-grid-cell-current-row .tui-grid-cell-has-tree .tui-grid-cell-content {
  font-weight: 600;
  color: #151515 !important;
}
.tui-grid-cell-has-tree .tui-grid-tree-button-collapse + .tui-grid-cell-content {
  color: #666;
}

.tui-grid-row-hover .tui-grid-cell-has-tree,
.tui-grid-cell-current-row .tui-grid-cell-has-tree {
  background-color: rgba(238, 242, 245, 0.5) !important;
}

.tui-grid-tree-icon {
  margin-top: -10px;
}
.tui-grid-tree-icon i {
  width: 20px !important;
  height: 20px !important;
  margin-left: 3px !important;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5 2.29378C5 1.85539 5.38376 1.5 5.85714 1.5H17.1429C17.6162 1.5 18 1.85538 18 2.29377V14.5769L13.7724 18.4042C13.7047 18.4656 13.6129 18.5 13.5171 18.5H6.07143C5.35714 18.5 5 18.0785 5 17.6401V2.29378Z%27 fill=%27%23DBDBDB%27/%3E%3Cpath d=%27M13.667 18.5002L18.0003 14.5771H14.5337C14.055 14.5771 13.667 14.9284 13.667 15.3618L13.667 18.5002Z%27 fill=%27%23535353%27/%3E%3C/svg%3E%0A");
  background-position: 0;
}

.tui-grid-tree-extra-content {
  margin-left: 0;
}

.tui-grid-btn-tree {
  margin-top: -8px;
  margin-left: 7px;
  padding-left: 0;
}

.tui-grid-tree-button-collapse .tui-grid-btn-tree i {
  width: 12px !important;
  height: 12px !important;
  margin: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M8.5 6L3.5 11L3.5 1L8.5 6Z%27 fill=%27%23151515%27/%3E%3C/svg%3E%0A");
  background-position: 0;
}

.tui-grid-tree-button-expand .tui-grid-btn-tree i {
  width: 12px !important;
  height: 12px !important;
  margin: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6 8.5L1 3.5L11 3.5L6 8.5Z%27 fill=%27%23151515%27/%3E%3C/svg%3E%0A");
  background-position: 0;
}

.tui-grid-tree-button-collapse .tui-grid-tree-icon i {
  background-position: 0;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9.60464 4.45613L8.01196 3.02788C7.63549 2.68966 7.12482 2.5 6.59205 2.5H2.36607C1.61152 2.5 1 3.0488 1 3.72596V7.98077H8.06179H19V6.04087C19 5.3637 18.3885 4.8149 17.6339 4.8149H10.5705C10.2081 4.8149 9.86098 4.68582 9.60464 4.45613Z%27 fill=%27%23151515%27/%3E%3Cpath d=%27M17.6339 17.5H2.36607C1.61152 17.5 1 16.9545 1 16.2814V7.75705C1 7.08396 1.61152 6.53846 2.36607 6.53846H17.6339C18.3885 6.53846 19 7.08396 19 7.75705V16.2814C19 16.9545 18.3885 17.5 17.6339 17.5Z%27 fill=%27%23CCCCCC%27/%3E%3C/svg%3E%0A");
}

.tui-grid-tree-button-expand .tui-grid-tree-icon i {
  background-position: 0;
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10.5373 4.99897H15.7882C16.5268 4.99897 17.0741 5.53079 17.0741 6.24846V6.8732L8.71559 13.433L1.39181 16.3883C1.14209 16.0134 1 15.4777 1 14.9949V3.79968C1 3.08201 1.59896 2.5 2.33754 2.5H6.62938C7.14931 2.5 7.64798 2.69998 8.01666 3.05628L9.59371 4.61636C9.84445 4.85844 10.1838 4.99897 10.5373 4.99897Z%27 fill=%27%23151515%27/%3E%3Cpath d=%27M17.66 6.87321H6.71354C6.22605 6.8733 5.75047 7.01975 5.35191 7.2925C4.95335 7.56525 4.65125 7.95097 4.48694 8.39693C1.53509 16.6217 1.77877 16.0306 1.70419 16.1231C1.67263 16.1704 1.62954 16.2095 1.57873 16.2367C1.52791 16.264 1.47095 16.2786 1.41292 16.2793C1.37146 16.2788 1.33095 16.2671 1.2959 16.2456C1.51559 16.6473 1.84994 16.9789 2.25882 17.2005C2.66769 17.4222 3.13372 17.5244 3.60094 17.4951H15.1434C15.424 17.4938 15.6967 17.4048 15.9212 17.2413C16.1457 17.0779 16.3101 16.8486 16.3902 16.5873L18.9376 8.56875C19.0011 8.37362 19.0164 8.16664 18.9823 7.96468C18.9482 7.76271 18.8656 7.57142 18.7411 7.40628C18.6167 7.24114 18.454 7.10684 18.2662 7.01422C18.0783 6.92159 17.8706 6.87329 17.66 6.87321Z%27 fill=%27%23CCCCCC%27/%3E%3C/svg%3E%0A");
}

.alert-error {
  color: #BD0000;
}
.alert-success {
  color: #00A9FF;
}
.alert-info {
  color: #BCBCBC;
}

.ms-parent {
  width: 100% !important;
}
.ms-parent .placeholder {
  color: #BCBCBC !important;
}

.ms-choice {
  height: 32px !important;
  border: 1px solid #E3E3E3 !important;
}
.ms-choice:hover, .ms-choice:focus {
  border: 1px solid #535353 !important;
}
.ms-choice > span {
  padding-left: 10px;
  font-size: 14px;
  line-height: 32px;
}
.ms-choice > span:not(.placeholder) {
  color: #000 !important;
}
.ms-choice .icon-caret {
  right: 10px !important;
  width: 9px !important;
  height: 5px !important;
  border: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg width=%279%27 height=%275%27 viewBox=%270 0 9 5%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.49011 5C4.42418 5 4.35495 4.98713 4.28242 4.96139C4.20989 4.93565 4.14066 4.8906 4.07473 4.82625L0.178022 1.02317C0.059341 0.907336 0 0.765765 0 0.598455C0 0.431145 0.059341 0.289576 0.178022 0.173745C0.296704 0.0579153 0.435165 0 0.593407 0C0.751648 0 0.89011 0.0579153 1.00879 0.173745L4.49011 3.57143L7.97143 0.173745C8.09011 0.0579153 8.23187 0 8.3967 0C8.56154 0 8.7033 0.0579153 8.82198 0.173745C8.94066 0.289576 9 0.427928 9 0.588803C9 0.749678 8.94066 0.888031 8.82198 1.00386L4.90549 4.82625C4.83956 4.8906 4.77363 4.93565 4.70769 4.96139C4.64176 4.98713 4.56923 5 4.49011 5Z%27 fill=%27%238E8E8E%27/%3E%3C/svg%3E%0A");
}

.ms-drop li span {
  padding-left: 6px !important;
}

.ms-drop input[type=checkbox] {
  width: 15px;
  height: 15px;
  border-radius: 4px;
  border: 1px solid #C3C3C3;
  appearance: none;
}
.ms-drop input[type=checkbox]:checked {
  border-color: #151515 !important;
  background-color: #151515;
  background-image: url("data:image/svg+xml,%3Csvg width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3.96908 6.4793L3.8948 6.66499C3.96611 6.69352 4.04132 6.70638 4.11803 6.70638C4.19474 6.70638 4.26996 6.69352 4.34127 6.66499C4.4181 6.63426 4.48525 6.58451 4.54383 6.52593L9.75737 1.31238C9.87536 1.1944 9.93783 1.04678 9.93783 0.879818C9.93783 0.712852 9.87536 0.565241 9.75737 0.447251M3.96908 6.4793L9.75737 0.44725L9.61625 0.588377L9.75737 0.447251M3.96908 6.4793L3.8948 6.66499C3.81797 6.63426 3.75082 6.58451 3.69224 6.52593L1.2412 4.07489C1.12155 3.95524 1.06074 3.80468 1.06074 3.63555C1.06074 3.46641 1.12155 3.31586 1.2412 3.19621C1.35743 3.07998 1.50215 3.01576 1.66699 3.01576C1.83184 3.01576 1.97656 3.07998 2.09279 3.19621L4.11803 5.22145M3.96908 6.4793L4.11803 5.22145M9.75737 0.447251C9.63938 0.32926 9.49177 0.266797 9.32481 0.266797C9.15784 0.266797 9.01023 0.32926 8.89224 0.44725L4.11803 5.22145M9.75737 0.447251L4.11803 5.22145%27 fill=%27white%27 stroke=%27white%27 stroke-width=%270.4%27/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
.ms-drop input[type=checkbox]:checked:disabled {
  background-color: #E9E9E9;
}
.ms-drop input[type=checkbox]:hover, .ms-drop input[type=checkbox]:focus {
  border-color: #151515 !important;
}
.ms-drop input[type=checkbox]:disabled {
  border-color: #E9E9E9 !important;
  background-color: #F6F6F6;
}

.os-host.board-list {
  overflow: initial !important;
}
.os-host.board-list .os-scrollbar-vertical {
  right: -10px !important;
}

.form-builder .formbuilder-text input {
  height: 32px !important;
  padding: 0 10px !important;
  border: 1px solid #E3E3E3 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-size: 14px !important;
}
.form-builder .formbuilder-text input:hover, .form-builder .formbuilder-text input:focus {
  border: 1px solid #535353 !important;
}
.form-builder .formbuilder-text input::placeholder {
  color: #BCBCBC;
}
.form-builder .formbuilder-textarea textarea {
  border: 1px solid #E3E3E3 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-size: 14px !important;
}
.form-builder .formbuilder-textarea textarea:hover, .form-builder .formbuilder-textarea textarea:focus {
  border: 1px solid #535353 !important;
}
.form-builder .formbuilder-textarea textarea::placeholder {
  color: #BCBCBC;
}
.form-builder .formbuilder-checkbox-group {
  line-height: 15px;
}
.form-builder .formbuilder-checkbox-group input {
  width: 15px;
  height: 15px;
  margin-right: 6px !important;
  border-radius: 4px;
  border: 1px solid #C3C3C3;
  appearance: none;
}
.form-builder .formbuilder-checkbox-group input:checked {
  border-color: #151515 !important;
  background-color: #151515;
  background-image: url("data:image/svg+xml,%3Csvg width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3.96908 6.4793L3.8948 6.66499C3.96611 6.69352 4.04132 6.70638 4.11803 6.70638C4.19474 6.70638 4.26996 6.69352 4.34127 6.66499C4.4181 6.63426 4.48525 6.58451 4.54383 6.52593L9.75737 1.31238C9.87536 1.1944 9.93783 1.04678 9.93783 0.879818C9.93783 0.712852 9.87536 0.565241 9.75737 0.447251M3.96908 6.4793L9.75737 0.44725L9.61625 0.588377L9.75737 0.447251M3.96908 6.4793L3.8948 6.66499C3.81797 6.63426 3.75082 6.58451 3.69224 6.52593L1.2412 4.07489C1.12155 3.95524 1.06074 3.80468 1.06074 3.63555C1.06074 3.46641 1.12155 3.31586 1.2412 3.19621C1.35743 3.07998 1.50215 3.01576 1.66699 3.01576C1.83184 3.01576 1.97656 3.07998 2.09279 3.19621L4.11803 5.22145M3.96908 6.4793L4.11803 5.22145M9.75737 0.447251C9.63938 0.32926 9.49177 0.266797 9.32481 0.266797C9.15784 0.266797 9.01023 0.32926 8.89224 0.44725L4.11803 5.22145M9.75737 0.447251L4.11803 5.22145%27 fill=%27white%27 stroke=%27white%27 stroke-width=%270.4%27/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
.form-builder .formbuilder-checkbox-group input:checked:disabled {
  background-color: #E9E9E9;
}
.form-builder .formbuilder-checkbox-group input:hover, .form-builder .formbuilder-checkbox-group input:focus {
  border-color: #151515 !important;
}
.form-builder .formbuilder-checkbox-group input:disabled {
  border-color: #E9E9E9 !important;
  background-color: #F6F6F6;
}
.form-builder .formbuilder-checkbox-group label {
  vertical-align: top;
}
.form-builder .formbuilder-radio-group {
  line-height: 15px;
}
.form-builder .formbuilder-radio-group input {
  position: relative;
  width: 15px;
  height: 15px;
  margin-right: 6px !important;
  border-radius: 50%;
  border: 1px solid #C3C3C3;
  appearance: none;
}
.form-builder .formbuilder-radio-group input:checked {
  border-color: #151515 !important;
  background-color: #151515;
}
.form-builder .formbuilder-radio-group input:checked::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #FFF;
}
.form-builder .formbuilder-radio-group input:checked:disabled {
  background-color: #E9E9E9;
}
.form-builder .formbuilder-radio-group input:hover, .form-builder .formbuilder-radio-group input:focus {
  border-color: #151515 !important;
}
.form-builder .formbuilder-radio-group input:disabled {
  border-color: #E9E9E9 !important;
  background-color: #F6F6F6;
}
.form-builder .formbuilder-radio-group label {
  vertical-align: top;
}
.form-builder .formbuilder-select {
  position: relative;
}
.form-builder .formbuilder-select select {
  padding: 0 10px !important;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  box-shadow: none !important;
  appearance: none;
  font-size: 14px;
  color: #000;
}
.form-builder .formbuilder-select select:hover, .form-builder .formbuilder-select select:focus {
  border: 1px solid #535353 !important;
}
.form-builder .formbuilder-select::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 9px;
  height: 5px;
  transform: translateY(-50%);
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width=%279%27 height=%275%27 viewBox=%270 0 9 5%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.49011 5C4.42418 5 4.35495 4.98713 4.28242 4.96139C4.20989 4.93565 4.14066 4.8906 4.07473 4.82625L0.178022 1.02317C0.059341 0.907336 0 0.765765 0 0.598455C0 0.431145 0.059341 0.289576 0.178022 0.173745C0.296704 0.0579153 0.435165 0 0.593407 0C0.751648 0 0.89011 0.0579153 1.00879 0.173745L4.49011 3.57143L7.97143 0.173745C8.09011 0.0579153 8.23187 0 8.3967 0C8.56154 0 8.7033 0.0579153 8.82198 0.173745C8.94066 0.289576 9 0.427928 9 0.588803C9 0.749678 8.94066 0.888031 8.82198 1.00386L4.90549 4.82625C4.83956 4.8906 4.77363 4.93565 4.70769 4.96139C4.64176 4.98713 4.56923 5 4.49011 5Z%27 fill=%27%238E8E8E%27/%3E%3C/svg%3E%0A");
}
.form-builder .formbuilder-select:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%279%27 height=%275%27 viewBox=%270 0 9 5%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.49011 5C4.42418 5 4.35495 4.98713 4.28242 4.96139C4.20989 4.93565 4.14066 4.8906 4.07473 4.82625L0.178022 1.02317C0.059341 0.907336 0 0.765765 0 0.598455C0 0.431145 0.059341 0.289576 0.178022 0.173745C0.296704 0.0579153 0.435165 0 0.593407 0C0.751648 0 0.89011 0.0579153 1.00879 0.173745L4.49011 3.57143L7.97143 0.173745C8.09011 0.0579153 8.23187 0 8.3967 0C8.56154 0 8.7033 0.0579153 8.82198 0.173745C8.94066 0.289576 9 0.427928 9 0.588803C9 0.749678 8.94066 0.888031 8.82198 1.00386L4.90549 4.82625C4.83956 4.8906 4.77363 4.93565 4.70769 4.96139C4.64176 4.98713 4.56923 5 4.49011 5Z%27 fill=%27%23151515%27/%3E%3C/svg%3E%0A");
}
.form-builder .formbuilder-date {
  position: relative;
}
.form-builder .formbuilder-date input {
  height: 32px !important;
  padding: 0 10px !important;
  border: 1px solid #E3E3E3 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-size: 14px !important;
}
.form-builder .formbuilder-date input:hover, .form-builder .formbuilder-date input:focus {
  border: 1px solid #535353 !important;
}
.form-builder .formbuilder-date input::placeholder {
  color: #BCBCBC;
}
.form-builder .formbuilder-date input::-webkit-inner-spin-button, .form-builder .formbuilder-date input::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
}
.form-builder .formbuilder-date input::-webkit-inner-spin-button {
  display: none;
}
.form-builder .formbuilder-date input::-webkit-calendar-picker-indicator {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2714%27 viewBox=%270 0 12 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath opacity=%270.99%27 d=%27M9.33343 7.70018H6V11.2002H9.33343V7.70018ZM8.66657 0V1.40036H3.33343V0H1.99971V1.40036H1.33371C1.15896 1.40036 0.985933 1.4366 0.824559 1.50701C0.663185 1.57741 0.516646 1.6806 0.393357 1.81063C0.270068 1.94067 0.172458 2.09499 0.106131 2.26475C0.0398042 2.4345 0.00606711 2.61634 0.00685733 2.79982L2.75811e-07 12.5996C-0.000112415 12.7836 0.0343083 12.9657 0.101294 13.1357C0.168279 13.3056 0.266516 13.46 0.390385 13.5901C0.514254 13.7202 0.661326 13.8233 0.823191 13.8936C0.985056 13.964 1.15854 14.0001 1.33371 14H10.6663C11.0197 13.999 11.3584 13.8512 11.6084 13.5888C11.8583 13.3264 11.9991 12.9707 12 12.5996V2.79982C11.9991 2.42871 11.8583 2.07308 11.6084 1.81067C11.3584 1.54825 11.0197 1.40041 10.6663 1.39946H9.99943V0H8.66657ZM10.6663 12.5996H1.33371V4.89946H10.6663V12.5996Z%27 fill=%27%23151515%27/%3E%3C/svg%3E%0A") !important;
}

.form-wrap.form-builder .frmb li.form-field:hover {
  box-shadow: none !important;
}

.form-wrap.form-builder .frmb .field-actions .btn:first-child,
.form-wrap.form-builder .frmb li.form-field:first-child .field-actions .btn:last-child {
  border-radius: 0 !important;
}

.form-wrap.form-builder .frmb .field-actions .del-button:hover {
  background-color: #FF6464 !important;
}

.form-wrap.form-builder .frmb .field-actions .toggle-form:hover {
  background-color: #00A9FF !important;
}

.form-wrap.form-builder .frmb .field-actions .copy-button:hover {
  background-color: #00D5A2 !important;
}

.form-field.delete {
  background-color: #FFF !important;
}

.footer {
  padding: 3rem 1.5rem 6rem;
  background-color: hsl(0, 0%, 98%);
}

@media print {
  .navbar,
  .menu,
  #itsm_chatBot {
    display: none;
  }
  #app > .columns > .column {
    flex: 0 0 auto;
    min-height: 100vh;
  }
  #app_content_frame {
    height: 100vh !important;
  }
  #app_content .columns.no-gutters {
    width: 100% !important;
  }
  .process-floating {
    display: none;
  }
  .break-after {
    break-after: page;
  }
}
.section {
  padding: 3rem 1.5rem;
}

/*# sourceMappingURL=ustra.css.map*/