.column.is-3 {
    flex-basis: calc(25% - 0.25px);
    flex-grow: 0;
}
.column.is-4 {
    flex-basis: calc(33.33333% - 0.33333px);
    flex-grow: 0;
}
.column.is-5 {
    flex-basis: calc(41.66666% - 0.41666px);
    flex-grow: 0;
}
.column.is-6 {
    flex-basis: calc(50% - 0.5px);
    flex-grow: 0;
}

.tui-grid-cell .link {
	cursor: pointer;
	text-decoration: underline;
    white-space: normal;
}

.link > .tui-grid-cell-content  {
	cursor: pointer;
	text-decoration: underline;
    white-space: normal;
}

.tui-grid-cell .link-no-wrap {
    cursor: pointer;
    text-decoration: underline;
}

.link-no-wrap > .tui-grid-cell-content {
    cursor: pointer;
    text-decoration: underline;
}

.dialog-scroll {
	overflow-y: auto;
}

/* 그리드 수정 */
.tui-pagination .tui-next-is-ellip, .tui-pagination .tui-prev-is-ellip {
    height: 28px;
}
.tui-grid-cell-content.whitespace-normal {
    white-space: normal;
    padding: 1px 5px;
}

/* 차트 툴팁 수정 */
.tui-chart .tui-chart-tooltip-area .tui-chart-tooltip .tui-chart-default-tooltip>.tui-chart-tooltip-body span.tui-chart-legend-rect {
    vertical-align: bottom;
}

.tui-chart .tui-chart-tooltip-area .tui-chart-tooltip .tui-chart-default-tooltip>.tui-chart-tooltip-body span {
    vertical-align: sub;
}

.animate-fade-in {
  position: relative;
  -webkit-animation-name: animate-fade-in;
  -webkit-animation-duration: 0.6s;
  animation-name: animate-fade-in;
  animation-duration: 0.6s
}

@-webkit-keyframes animate-fade-in {
  from { opacity:0 }
  to { opacity:1 }
}

.ms-drop {
    text-align: left;
}

.ms-drop li span {
    padding-left: 0.3rem;
}

.side-modal {
	display: none;
	z-index: 1100;
	background-color: rgba(0, 0, 0, 0.35);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
    width: 260px;
}

.top-modal {
    display: none;
    z-index: 1100;
    background-color: rgba(0, 0, 0, 0.35);
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    height: 60px;
}

.tui-chart-h2{
    margin : 0px;
    padding: 0px;
    font-size: 20px;
    text-align: center;
}

.tui-chart-h3{
    margin : 0px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
}


.tui-chart-req{
    margin: 0px;
    padding: 0px;
    font-size: 40px;
    color: red;
    text-align: center;
}
.tui-chart-proc{
    margin: 0px;
    padding: 0px;
    font-size: 40px;
    color: blue;
    text-align: center;
}

.tui-chart-req-proc{
    margin: 0px;
    padding: 0px;
    font-size: 40px;
    color: green;
    text-align: center;
}
.tui-chart-req2{
    margin: 0px;
    padding: 0px;
    font-size: 25px;
    color: red;
    text-align: center;
}
.tui-chart-proc2{
    margin: 0px;
    padding: 0px;
    font-size: 25px;
    color: blue;
    text-align: center;
}

.tui-chart-req-proc2{
    margin: 0px;
    padding: 0px;
    font-size: 25px;
    color: green;
    text-align: center;
}

.wrapper_popup {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: visible;
}

.wrapper_popup .popup {
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background: #ffffff;
    border-radius: 20px;
}