/*
 * 프로그램에 대한 저작권을 포함한 지적재산권은 (주)씨알에스큐브에 있으며, (주)씨알에스큐브가 명시적으로 허용하지 않은
 * 사용, 복사, 변경, 제3자에의 공개, 배포는 엄격히 금지되며, (주)씨알에스큐브의 지적 재산권 침해에 해당됩니다.
 * Copyright ⓒ 2025. CRScube Co., Ltd. All Rights Reserved| Confidential
 */

@charset "utf-8";
@import "variables.css";

/**************** detail layout  **********************/
/*top: 탭메뉴영역, 버튼영역*/
.content-top-area {position:relative; padding:var(--spacing-small) var(--spacing-medium); height:46px; color:var(--text-color); font-size:12px; font-weight:500; box-sizing: border-box}
.content-top-area::after {display:block; content:''; position: absolute; bottom:8px; left:12px; right:12px; height:2px; background-color:#E1E4EA}
.content-top-area.no-border::after {display:none}
/* crf content top (no border) */
#au-crfp .content-top-area,
.content-top-area.crf-top {padding:0 14px 0 12px; height:42px;}
#au-crfp .content-top-area::after,
.content-top-area.crf-top::after {display: none;}

.content-top-area .button {height:32px; line-height:30px; padding:0 13px;}
.content-top-area .inactive {height:32px; line-height:30px; padding:0 13px;}
.content-top-area .right {margin-top:8px}
.content-top-area label {color:var(--text-color);}
.table-top {position:absolute; right:var(--spacing-medium); top:var(--spacing-small); z-index:1;}
.table-top a {color:var(--text-color);}
.table-top > div {display:inline-block; margin-left:14px; vertical-align:middle}
.table-top select {height:24px; min-width:60px; margin-left:6px; vertical-align:-1px}
/* filtering */
.ico-filtering {display:inline-block; width:16px; height:16px; background:url('../../images/new2020/reset-filtering.png') no-repeat 0 0; background-size:100%; vertical-align:-4px;}
.reset-filtering,
.reset-filtering a,
.reset-filtering a:hover,
.reset-filtering a:active,
.reset-filtering a:focus {color:#5c616b; text-decoration:none;}
.reset-filtering.red,
.reset-filtering.red a {color:#ff0000}
.reset-filtering.red .ico-filtering{background-image:url('../../images/new2020/reset-filtering-red.png');}
.reset-filtering.pos-a {right:0; top:-24px;} /* reset filtering이 crf 중간에 있을 경우 */
/* sorting */
.btn-sort {display:inline-block; width:16px; height:16px; background:url("../../images/new2020/sort.png") no-repeat left 1px; cursor:pointer; background-size:16px 16px; vertical-align:-2px;}
.btn-sort-on {display:inline-block; width:16px; height:16px; background:url("../../images/new2020/sorted.png") no-repeat left 1px; cursor:pointer; background-size:16px 16px; vertical-align:-2px;}
.table-top .top-sort a {display:inline-block;}
.table-top .top-sort a:hover .btn-sort {background-image:url("../../images/new2020/sorted.png")}

/*탭메뉴*/
/* s: 12월 이관건 - tab 수정 */
.au-tab-wrap {overflow:hidden; position:absolute; top:8px; left:var(--spacing-medium); right:330px; white-space: nowrap}
.au-tab {display:flex; gap:16px; align-items: center; zoom:1; font-size:12px; font-weight:500; white-space: nowrap}
.au-tab .au-tab-on, .au-tab .au-tab-off {position:relative; display:inline-block; padding-bottom: 6px; color:var(--text-color-disabled); font-size: 13px; font-weight:600; text-align:center; line-height: 24px; cursor:pointer;}
.au-tab .au-tab-on::after {display:block; content: ''; position: absolute; bottom:0; left:0; right:0; height:2px; background-color: var(--color-primary); z-index: 1}
/* e: 12월 이관건 - tab 수정 */
.au-tab .au-tab-on, .au-tab .au-tab-on a {color:var(--h1-text-color)}
.au-tab .au-tab-off, .au-tab .au-tab-off a {color:#ACACAC}
.content-body .au-tab-on:first-child,
.content-body .au-tab-off:first-child {padding-left:0}

.au-tab .date-wrap {position:relative; top:-3px; padding:0}

/* s: CDMSISSUE-7430 - badge 추가 */
.au-tab a {position: relative;}
.au-tab .badge {display: inline-block; margin-left: 2px; padding: 2px 4px; border-radius: 99px; background-color: #42B167; color: white; font-size: 8px; font-weight: 700; line-height: 10px; vertical-align: 1px; text-align: center; box-sizing: border-box; letter-spacing: -0.082px;}
.au-tab .au-tab-off .badge {background-color: #ECECEC; color:#363636;}
/* e: CDMSISSUE-7430 - badge 추가 */

/*본문 영역*/
.content-body {/*overflow-y:auto; overflow-x:scroll;*/ position:relative; padding:0 12px;}

/*본문 내의 소메뉴*/
/* s: 12월 이관건 - sub tab */
.au-radio-wrap {overflow:hidden; margin-right:0; padding:0 8px 8px 0; position:relative;}
.au-radio-wrap label {float:left;min-width:70px;height:27px;top:0 !important}
.au-radio-wrap1 {padding:20px 20px 0 10px; text-align:right;}
.au-radio-wrap .ui-button.ui-state-default {background:#fff; border:1px solid #dadada; color:#acacac}
.au-radio-wrap .ui-button.ui-state-default span {padding:0 12px; line-height:25px;}
.au-radio-wrap .ui-button.ui-state-active {background:#0f943e; border:1px solid #0f943e; color:#fff}
.au-radio-wrap .ui-button.ui-checkboxradio-label:first-of-type {border-top-left-radius: 4px; border-bottom-left-radius: 4px}
.au-radio-wrap .ui-button.ui-checkboxradio-label:last-of-type {border-top-right-radius: 4px; border-bottom-right-radius: 4px}
/* e: 12월 이관건 - sub tab */

/*bottom: 버튼영역*/
.content-bottom-area {position:relative; padding:0 var(--spacing-medium); height:52px;}
.content-bottom-area .button {min-width:55px; height:36px; line-height: 36px; padding:0 18px; }
.content-bottom-area .inactive {min-width:55px; height:36px; line-height: 34px; padding:0 18px; background: #E1E4EA; border-color: #E1E4EA; color:#717784; border-radius:4px}
.content-bottom-area .left, .content-bottom-area .right {position:relative; top:8px; bottom:initial; z-index:1;}
.content-bottom-area .left a {margin-right:6px;}
.content-bottom-area .right {text-align:right}
.content-bottom-area .right a {margin-left:6px;}

/**************** au-slst  **********************/
.study-list-left {position:absolute; top:0; bottom:0; left:0px; width:22px; padding-left:24px; padding-right:24px; text-align:center; cursor:pointer;} /* 왼쪽 페이지 이동 */
.study-list-right {position:absolute; top:0; bottom:0; right:0px; width:22px; padding-left:24px; padding-right:24px; text-align:center; cursor:pointer;} /* 오른쪽 페이지 이동 */

.study-list-wrap {zoom:1; margin:0 auto; width:716px; text-align:center;}
.study-list-wrap:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.study-list {position:relative; float:left; width:220px; height:248px; margin-bottom:8px; padding:0; border:1px solid #cdcdcd; text-align:left; }
.study-list:hover,
.study-list.active {cursor:pointer; border-color:#45c747;}
.study-list:hover .study-id,
.study-list.active .study-id {border-bottom-color:#45c747;}
.study-list.active .study-role {display:block}

.study-id {overflow:hidden; display:table; width:100%; height:56px; border-bottom:1px solid #cdcdcd; font-size:15px; text-align:center; font-weight:bold;}
.study-id > div {display:table-cell;vertical-align:middle;text-align:center}
.study-id img {max-width:98%; max-height:56px;}
.study-title {padding:20px 24px 0; height:154px; font-size:13px; font-weight:500; color:#393939}
.study-title strong {display:block; margin-bottom:15px; font-size:16px; word-break: break-all; line-height:1.4;}
.study-title .nano .content {right:0 !important; word-break: break-all} /* nano > content style (right: -17px) */

.study-role-list a {min-width:46px; height:auto; padding: 6px 12px; font-size:12px; line-height:1;}

.study-role {position:absolute; bottom:0; right:0; left:0; top:57px; background-color:rgba(255,255,255,.88)}
.study-role .study-role-list {position:absolute; left:22px; right:22px; bottom:16px;}
.study-role .study-role-list a {margin-top:5px; margin-right:2px;}

/**************** au-main  **********************/
/* 공지사항 등록 파일올리기 버튼 */
::-webkit-file-upload-button { cursor:pointer; }
.file-input-div {display:inline-block; position:relative; width:300px; height:24px;} /* 영역 */
.ui-button.file-input-button,
.file-input-button {position:absolute; top:2px; bottom:2px; right:2px; width:24px; height:20px; padding:0 3px; border:0; background:#fff url('/images/new2020/btn-file-upload.png') no-repeat 50% 50%; background-size:20px; z-index:1} /* 파일버튼 가리는 버튼 */
.file-input-button.download {background-image: url('/images/download.png'); cursor:pointer; z-index:3;}
.file-input-hidden {position:absolute; left:0px; top:0px; width:100%; height:100%; font-size:23px; cursor:pointer; z-index:2;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
}
.file-input-div > input[type=text]:disabled + input[type=button]:not(.download) {background-color:#f3f3f3 !important; cursor: default;}
.file-input-div > input[type=text]:disabled ~ .file-input-hidden,
.file-input-div > input[type=text]:disabled ~ .file-input-hidden::-webkit-file-upload-button { cursor: default; }

/* 공지사항 등록 파일올리기 버튼 (CRF) */
.file-upload-div {position:relative; max-width:100% !important;} /* 영역 */
.file-upload-div a,
.file-upload-div button {position:absolute; top:2px; bottom:2px; right:2px; width:20px; height:20px; padding:0 3px; background:#fff; border:0;} /* 영역 */
.file-upload-div a {z-index:2}
.file-upload-div a img {width:20px; height:20px; vertical-align:top;}
.file-upload-div input[type=text]:disabled ~ a:not(.btn-file-download) {background-color:#f3f3f3 !important; /*cursor: default;*/}
.file-upload-div input[type=text]:disabled ~ .file-input-hidden,
.file-upload-div input[type=text]:disabled ~ .file-input-hidden::-webkit-file-upload-button { cursor: default; }

.file-download-div a {display:inline-block; vertical-align:middle;}
.file-download-div a img {width:24px; height:24px;}

#file-data-list {position:relative; width:300px; margin:10px 0 5px; padding-top:0}
#file-data-list > input[type=text] {width:100%;}
#file-data-list > input[type=text]:disabled + .file-input-div .file-input-button {background-color:#f3f3f3 !important; cursor: default;}
#file-data-list > input[type=text]:disabled + .file-input-div .file-input-hidden,
#file-data-list > input[type=text]:disabled + .file-input-div .file-input-hidden::-webkit-file-upload-button { cursor: default; }
#file-data-list .file-input-div {position:absolute; top:0; left:0; right:0; bottom:0}
#file-list span.pt5 img {vertical-align:middle}

/* 공지사항 팝업 다운로드 버튼 */
#attachDownload {background:#fff; font-size:11px; min-width:60px; height:20px; font-weight:normal; line-height:1.1}

/**************** au-sbjl  **********************/

/* 삭제된 피험자 표시 */
.deleted-status {text-decoration:line-through; color:#a2a2a2;}

/**************** au-schd  **********************/

/* 스케쥴 상태 아이콘 */
.schd-status-wrap {position:relative; margin:0 auto; width:50px; height:36px; }
.schd-status {width:50px; height:36px; margin:0; padding:0; cursor:pointer;}
.ss-sv {background:transparent url("../../images/schd-status.png") no-repeat left top; background-position:0 0 !important;}
.ss-tsv {background:transparent url("../../images/schd-status.png") no-repeat left top; background-position:0 -36px !important;}
.ss-nsv {background:transparent url("../../images/schd-status.png") no-repeat left top; background-position:0 -72px !important;}
.ss-na {background:transparent url("../../images/schd-status.png") no-repeat left top; background-position:0 -108px !important;}
.ss-nsign {background:transparent url("../../images/schd-status.png") no-repeat left top; background-position:0 -144px !important;}
.ss-ncrasign {background:transparent url("../../images/schd-status.png") no-repeat left top; background-position:0 -180px !important;}

[class^="schd-status-"] img { max-width:none; width:14px; height:14px; vertical-align:top;}
.schd-status-lt {position:absolute; top:5px; left:19px;}
.schd-status-rt {position:absolute; top:5px; left:32px;}
.schd-status-lb {position:absolute; top:18px; left:19px;}
.schd-status-rb {position:absolute; top:18px; left:32px;}

/* 크롬, 사파리 */
.schd-status-qt {position:absolute; top:5px; left:0; width:8px; height:8px; border-radius:100%; overflow:hidden} /* red */
.schd-status-qm {position:absolute; top:15px; left:0; width:8px; height:8px; border-radius:100%; overflow:hidden} /* yellow */
.schd-status-qb {position:absolute; top:25px; left:0; width:8px; height:8px; border-radius:100%; overflow:hidden} /* gray */

.schd-status-qt img,
.schd-status-qm img,
.schd-status-qb img {vertical-align:top;}

/* 파이어폭스 */
/*@-moz-document url-prefix(){ .schd-status-qt {top:-2px;};}*/
/*@-moz-document url-prefix(){ .schd-status-qm {top:10px;};}*/
/*@-moz-document url-prefix(){ .schd-status-qb {top:22px;};}*/

/* NA 상태 방문 표시 */
.na-status {color:#d8d8d8 !important;}

/* zoom in/out */
.btn-zoom {display:inline-block; width:24px; height:24px; margin-top:4px; margin-left:0 !important; margin-right:4px;}
.btn-zoom img {width:24px; height:24px;}
.btn-zoom.out {margin-right:6px}

/* zoomout -2 */
.zoom-out .schd-status-wrap,
.zoom-out .schd-status {width:36px; height:24px; }
.zoom-out .ss-sv {background-image:url('../../images/new2020/schd-status-small.png')}
.zoom-out .ss-tsv {background-image:url('../../images/new2020/schd-status-small.png'); background-position: 0 -24px !important}
.zoom-out .ss-nsv {background-image:url('../../images/new2020/schd-status-small.png'); background-position: 0 -48px !important}
.zoom-out .ss-na {background-image:url('../../images/new2020/schd-status-small.png'); background-position: 0 -72px !important}
.zoom-out .ss-nsign {background-image:url('../../images/new2020/schd-status-small.png'); background-position: 0 -96px !important}
.zoom-out .ss-ncrasign {background-image:url('../../images/new2020/schd-status-small.png'); background-position: 0 -120px !important}
.zoom-out .schd-status-qt {top:-1px}
.zoom-out .schd-status-qm {top:9px}
.zoom-out .schd-status-qb {top:19px}
.zoom-out .schd-status-lt,
.zoom-out .schd-status-lb,
.zoom-out .schd-status-rt,
.zoom-out .schd-status-rb {display:none}
.zoom-out .screening {display:none}
.zoom-out .table2 th {cursor: pointer;}

/* zoomout -3 */
.zoom-out2 .schd-status-wrap,
.zoom-out2 .schd-status {width:24px; height:12px; }
.zoom-out2 .ss-sv {background-image:url('../../images/new2020/schd-status-small2.png')}
.zoom-out2 .ss-tsv {background-image:url('../../images/new2020/schd-status-small2.png'); background-position: 0 -12px !important}
.zoom-out2 .ss-nsv {background-image:url('../../images/new2020/schd-status-small2.png'); background-position: 0 -24px !important}
.zoom-out2 .ss-na {background-image:url('../../images/new2020/schd-status-small2.png'); background-position: 0 -36px !important}
.zoom-out2 .ss-nsign {background-image:url('../../images/new2020/schd-status-small2.png'); background-position: 0 -48px !important}
.zoom-out2 .ss-ncrasign {background-image:url('../../images/new2020/schd-status-small2.png'); background-position: 0 -60px !important}
.zoom-out2 .schd-status-qt {top:-6px; width:7px; height:7px;}
.zoom-out2 .schd-status-qm {top:3px; width:7px; height:7px;}
.zoom-out2 .schd-status-qb {top:12px; width:7px; height:7px;}
.zoom-out2 .schd-status-lt,
.zoom-out2 .schd-status-lb,
.zoom-out2 .schd-status-rt,
.zoom-out2 .schd-status-rb {display:none}
.zoom-out2 .screening {display:none}
.zoom-out2 .table2 th {cursor: pointer;}

/* status list */
.visit-status li {margin-bottom:6px}
.visit-status li a {display:inline-block; padding-left:24px; text-indent:-24px;}
.visit-status li a img {width:16px; margin-right:8px; vertical-align:middle;}
.visit-status li a:link, .visit-status li a:active, .visit-status li a:visited, .visit-status li a:hover {font-size:12px; color:#363636; font-weight:normal; text-decoration:none !important;}
.visit-screening {font-size:12px; color:#363636;}

/**************** au-crfp **********************/

.ver-wrap {position:relative; padding-top:10px;}
.ver {position:absolute; top:0; left:0; /* top:8px; left:21px; */ font-size:9px; color:#9a9a9a;}

/* crf nanoScroller */
#au-crfp .nano .content {
    overflow:scroll;
    overflow-x:hidden;
    padding-right:14px;
}
#au-crfp .layer-wrap .nano .content {padding-right:5px}
#au-crfp .content-body {padding-right:0; padding-left:12px}

.au-crfp-top {position:relative; padding:4px 5px 11px 5px; height:20px; background-color:#ffffff; border-bottom:1px solid #c4c4c4; font-weight:bold;}
.crf-current-status {padding-top:10px; text-align:right;} /* crf 상태표시 - locking, freezing */
.crf-current-status img {height:24px; width:24px; cursor: pointer;}
.crf-left-save {position:absolute; top:9px; left:8px;} /* crf 저장버튼 영역 */
.crf-left-save .ver-wrap {display:inline-block; padding:0; vertical-align:middle;}
.crf-left-save .ver-wrap .ver {position:relative; font-size: 10px; color:#636363; line-height: 30px;}
.crf-right-temp {position:absolute; top:5px; right:5px;} /* crf 임시저장버튼 영역 */
.crf-page-alert {position:absolute; left:0; right:0; top:8px; margin-top:9px; text-align:center; font-size:12px; font-weight:bold; color:#fe4949;}
.crf-page-alert img {margin-right:2px; vertical-align:-4px;}
.crf-page-alert a img {width:20px;height:20px;vertical-align:-5px;margin-left:2px}
.au-crfp-bottom {padding:4px 5px 8px 5px; height:20px; background-color:#ffffff; border-top:1px solid #c4c4c4;}
.crf-bottom-left {position:absolute; top:8px; left:14px; z-index:1}
.crf-bottom-left a {margin-right:6px}
.crf-bottom-right {position:absolute; top:8px; right:14px; z-index:1; text-align: right}
.crf-bottom-right a {margin-left:6px}
/* bottom pagination, (+) button for paging, table question */
.crf-bottom-btn {margin:4px 0px 20px 0px; border-top:none;}
.crf-bottom-btn .row-table td {height:auto; border:0; padding:1px;}
.crf-bottom-btn .row-table td > a {display:block; margin:0; padding:3px 0; border-radius:4px; outline:1px #42B167 solid; text-align:center; font-weight:bold; color:#0f943e}
.crf-bottom-btn .row-table td > a.ui-state-disabled {outline-color:#C0C7D3; background-color:#f0f1f2; opacity: 1}
.crf-bottom-btn .row-table td > a img {width:24px; height:24px; vertical-align:top;}
.crf-bottom-btn .row-table td:nth-child(2) > a {text-align:right; padding-right:5px; background:0; border:0; outline:0;}

.crf {margin:20px 0 0 0; padding-bottom:30px; font-size:12px; /*border-top:1px solid #d4d4d4;*/} /* .table3, check table(row-table)에  border-top 에 영향을 줌 */
.crf-page > .crf:first-child {margin-top:0}
.content > .crf {margin-top: 0;}

/* crf check all */
.crf-check-all {display:inline-block; margin:0 5px; vertical-align:middle;}
.crf-check-all table td {width:35px; text-align:center}
.crf-check-all table td img {width:20px; height:20px;}

/* crf title 영역 */
.crf-title {zoom:1; color:#0E121B; font-size:15px; font-weight:500; border-top:1px solid #C0C7D3;position: sticky;top: 0 !important;background-color: #fff;z-index: 30;}
.crf-title:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.crf-title .lock-check,
.crf-title .freeze-check,
.crf-title .data-check {border-right:0; /*border-left:0;*/}
.crf-title .data-check input[type=checkbox],
.crf-title .lock-check input[type=checkbox],
.crf-title .freeze-check input[type=checkbox] {vertical-align:-4px}
.crf-name {float:left; height:100%; background-color:#E7F5EC; border-bottom:1px solid #C0C7D3; border-right:1px solid #C0C7D3; border-left:1px solid #C0C7D3; font-weight:700; font-size:12px; color:var(--crf-bg-title); word-break: break-all}
.crf-name-w0 {width:84%; width:-webkit-calc(100% - 156px) !important; width:-moz-calc(100% - 156px) !important; width:calc(100% - 156px) !important; margin-right:-156px;}
.crf-name-w1 {width:83%; width:-webkit-calc(100% - 191px) !important; width:-moz-calc(100% - 191px) !important; width:calc(100% - 191px) !important; margin-right:-191px;}
.crf-name-w2 {width:82%; width:-webkit-calc(100% - 226px) !important; width:-moz-calc(100% - 226px) !important; width:calc(100% - 226px) !important; margin-right:-226px;}
.crf-name-w3 {width:81%; width:-webkit-calc(100% - 261px) !important; width:-moz-calc(100% - 261px) !important; width:calc(100% - 261px) !important; margin-right:-261px;}
.crf-name-w4 {width:80%; width:-webkit-calc(100% - 296px) !important; width:-moz-calc(100% - 296px) !important; width:calc(100% - 296px) !important; margin-right:-296px;}
.crf-name-x0 {width:100%; width:-webkit-calc(100% - 2px) !important; width:-moz-calc(100% - 2px) !important; width:calc(100% - 2px) !important;}
.crf-name > div {padding:9px 10px 8px}
/*.crf-name + .icon {border-top:1px solid #d4d4d4;}*/

/* category 영역 */
.category {zoom:1;}
.category:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.crf-category-name {float:left; margin-top:-1px; border-left:1px solid #d4d4d4;  border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; font-weight:bold; color:#4b4b4b}
.crf-category-name	> div {padding:8px 10px;}
.crf-category-name + .icon {margin-top:-1px; border-top:1px solid #d4d4d4;}
.category .bg-question {font-weight:normal; background-color:#ebebeb;}	/* question에 하위레벨이 있을 경우 상위레벨 스타일(예:선정제외기준 1-1..)  */

/* question 도움말 */
.question-comment {padding:10px 10px; background-color:#f5f5f5; border-right:1px solid #C0C7D3; border-left:1px solid #C0C7D3; border-bottom:1px solid #C0C7D3; font-weight:700; word-break: break-all;}
.question-comment > img {max-width:100%;}
.log-layer-wrap + .question-comment {border-top:1px solid #C0C7D3}

/* question 영역 - 공통 */
.question {zoom:1;}
.question:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.question-thead {zoom:1;position: sticky;top: 37px !important;background-color: #fff;z-index: 29} /* row-table의 th 영역*/
.question-thead:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.data-check {float:left; width:20px; min-height:22px; padding:6px 7px; /*margin-right:1px;*/ border-bottom:1px solid #C0C7D3; /*border-right:1px solid #efefef;*/ border-left:1px solid #C0C7D3; text-align:center; }
.data-check input[title=Review]:checked {background-image:url('../../images/new2020/checkbox-checked-Review.svg')}
.data-check input[title=SDV]:checked {background-image:url('../../images/new2020/checkbox-checked-SDV.svg')}

/*Locking*/
.lock-check {float:left; width:20px; min-height:22px; padding:6px 7px; /*margin-right:1px;*/ border-bottom:1px solid #C0C7D3; /*border-right:1px solid #efefef;*/ border-left:1px solid #C0C7D3; text-align:center; }
.lock-check input[type=checkbox]:checked {background-image:url('../../images/new2020/checkbox-checked-Locking.svg')}
input.ip_lock{display:none;}
input.ip_lock+ label{display:block;height:2px;width:20px;}
input.ip_lock+ label span{display:none;}
input.ip_lock+ label{background:url('../../images/locking_off.png') no-repeat left top;}
input.ip_lock:checked + label{background:url('../../images/locking_on.png') no-repeat left top;}
#item-lock {background:url('../../images/new2020/check-lock-off.png') no-repeat left top; display: block; height: 20px; width: 20px; cursor: pointer; background-size:100% !important;}
#item-lock.PARTIAL_ACTIVE {background:url('../../images/new2020/check-lock-partial-on.png') no-repeat left top;}
#item-lock.ACTIVE {background:url('../../images/new2020/check-lock-on.png') no-repeat left top;}
#item-lock.NONE {background:none; cursor: default;}

/*Freezing*/
.freeze-check {float:left; width:20px; min-height:22px; padding:6px 7px; /*margin-right:1px;*/ border-bottom:1px solid #C0C7D3; /*border-right:1px solid #efefef;*/ border-left:1px solid #C0C7D3; text-align:center; }
.freeze-check input[type=checkbox]:checked {background-image:url('../../images/new2020/checkbox-checked-Freezing.svg')}
input.ip_frez{display:none;}
input.ip_frez+ label{display:block;height:24px;width:20px;}
input.ip_frez+ label span{display:none;}
input.ip_frez+ label{background:url('../../images/freezing_off.png') no-repeat left top;}
input.ip_frez:checked + label{background:url('../../images/freezing_on.png') no-repeat left top;}
#item-freeze {background:url('../../images/new2020/check-freezing-off.png') no-repeat left top; display: block; height: 20px; width: 20px; cursor: pointer; background-size:100% !important;}
#item-freeze.PARTIAL_ACTIVE {background:url('../../images/new2020/check-freezing-partial-on.png') no-repeat left top;}
#item-freeze.ACTIVE {background:url('../../images/new2020/check-freezing-on.png') no-repeat left top;}
#item-freeze.NONE {background:none; cursor: default;}

/*SDV*/
#item-sdv {background:url('../../images/new2020/sdv-off.png') no-repeat left top; display: block; height: 20px; width: 20px; cursor: pointer; background-size:100% !important;}
#item-sdv.PARTIAL_ACTIVE {background:url('../../images/new2020/sdv-partial-on.png') no-repeat left top; }
#item-sdv.ACTIVE {background:url('../../images/new2020/sdv-on.png') no-repeat left top; }
#item-sdv.NONE {background:none; cursor: default;}

/*Review*/
#item-review {background:url('../../images/new2020/review-off.png') no-repeat left top; display: block; height: 20px; width: 20px; cursor: pointer; background-size:100% !important;}
#item-review.PARTIAL_ACTIVE {background:url('../../images/new2020/review-partial-on.png') no-repeat left top; }
#item-review.ACTIVE {background:url('../../images/new2020/review-on.png') no-repeat left top; }
#item-review.NONE {background:none; cursor: default;}

/* s: 12월 이관건 - visit date 관련 */
.icon {float:right; position:relative; display:flex; justify-content: flex-end; padding:8px 5px 0 0; width:149px; min-height:24px; border-bottom:1px solid #C0C7D3; border-right:1px solid #C0C7D3; text-align:right;}
.icon > a {display:inline-block; width:24px; height:24px;}
/* e: 12월 이관건 - visit date 관련 */
.icon img 	{width:24px; height:24px;}
.thead-action {cursor:pointer;}
.thead-action a {text-decoration:underline;}

/* crf 테이블 */
.question-body {float:left; border-right:1px solid #C0C7D3; word-break:normal; word-wrap:break-word;}
.question-body-w0 {margin-right:-155px; width:84%; width:-webkit-calc(100% - 155px) !important; width:-moz-calc(100% - 155px) !important; width:calc(100% - 155px) !important;}
.question-body-w1 {margin-right:-190px; width:83%; width:-webkit-calc(100% - 190px) !important; width:-moz-calc(100% - 190px) !important; width:calc(100% - 190px) !important;}
.question-body-w2 {margin-right:-225px; width:82%; width:-webkit-calc(100% - 225px) !important; width:-moz-calc(100% - 225px) !important; width:calc(100% - 225px) !important;}
.question-body-w3 {margin-right:-260px; width:81%; width:-webkit-calc(100% - 260px) !important; width:-moz-calc(100% - 260px) !important; width:calc(100% - 260px) !important;}
.question-body-w4 {margin-right:-295px; width:80%; width:-webkit-calc(100% - 295px) !important; width:-moz-calc(100% - 295px) !important; width:calc(100% - 295px) !important;}
.question-body table {table-layout:fixed !important; word-break:normal;}
.question-body .row-table th {padding:8px 10px 8px; background-color:var(--table-label-bg-color); border-bottom:1px solid #C0C7D3; border-left:1px solid #C0C7D3; color:#232530; font-weight:400}
.question-body .row-table td {padding:8px 10px 8px; border-bottom:1px solid #C0C7D3; border-left:1px solid #C0C7D3; text-align:center; color:#232530; font-weight:400}
.question-body .col-table th {padding:8px 10px 8px; background-color:var(--table-label-bg-color); border-bottom:1px solid #C0C7D3; border-left:1px solid #C0C7D3; text-align:left; font-weight:400; color:#232530;}
.question-body .col-table td {padding:8px 10px 8px; border-bottom:1px solid #C0C7D3; border-left:1px solid #C0C7D3; text-align:left; color:#232530;}
.question-body .col-table td .radio-wrap label {color:#232530;}
.question-body .row-table td.is-button-td {padding-left:0; padding-right:0; text-align:center}
.question-body .row-table td.is-nested-td a[title=del] img,
.question-body .row-table td.is-nested-td a[title=add] img,
.question-body .row-table td.is-nested-td a[title=restore] img,
.question-body .row-table td.is-button-td a[title=del] img,
.question-body .row-table td.is-button-td a[title=restore] img,
.question-body .row-table td.is-button-td a[title=add] img {width:24px; height:24px;}

/* crf form size */
.question-body textarea {font-size:12px;}
.question-body textarea,
.question-body textarea[data-autoheight] {
    width:100%;
    max-width:100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.question-body select,
.question-body .select-wrap {max-width:100% !important}
.question-body .select-text {width:auto; max-width:calc(100% - 21px) !important}

/* select 항목 */
.select-wrap {display:inline-block; position:relative; vertical-align:middle;}
.select-text {overflow:hidden;float:left; /*max-width: calc(100% - 26px);*/min-width:50px;min-height:22px;
    border:1px solid #bdbdbd;
    border-right:0;
    border-top-left-radius: 4px;
    border-bottom-left-radius:4px;
    color:#363636;
    background-color:#fff;
    text-align:left;
    word-break:break-all;
    text-indent:4px;
    line-height:22px; /* 20201204 */
}
.select-text > div {line-height:normal;padding:3px 2px 3px 4px;text-indent:0}
.select-text input[type=text] {display:block; border:0; margin:0; padding-left:4px; width:calc(100% - 8px); vertical-align:top;}
.select-btn {overflow:hidden; float:left; width:20px; height:24px; text-align:left; margin-left: -1px;}
.select-wrap > input[type=button],
.select-btn input[type=button]	{
    display:inline-block;
    width:20px;
    height:100% !important; /* inline style override */
    padding:0 3px !important;
    border:1px solid #bdbdbd;
    border-left: 0 !important;
    background:url('../../images/new2020/dropdown.svg') no-repeat left center;
    color:#787E88;
    border-radius:0;
    text-indent:-999px;
    border-top-right-radius: 4px;
    border-bottom-right-radius:4px;
    outline:0;
}
.select-btn input[type=button]:disabled	{background-color: transparent;}
/* select-wrap */
.select-wrap .select-text {padding:0; cursor:pointer; vertical-align: middle;}
.select-wrap .select-text > div {height:100%;}
.select-wrap.prepend .select-text {margin-left:-4px; border-top-right-radius: 2px; border-bottom-right-radius:2px;}
.select-wrap.prepend .select-btn input[type=button] {margin:0; border-left:1px solid #bdbdbd; border-right:0; border-radius:0; border-top-left-radius: 2px; border-bottom-left-radius:2px;}

/* in table list */
.table1 td .select-text {max-width: calc(100% - 26px);}

/* 저장상태 */
.saved-bg {background-color:var(--crf-bg-saved) !important; color:#232530;}
.saved-bg input[type=text],
.saved-bg select,
.saved-bg textarea {background-color:var(--input-bg-disabled); border-color:#CACFD8; color:#232530;}
.saved-bg .select-text {background-color:var(--input-bg-disabled); border-color:#CACFD8; color:#232530; cursor: default;}
.saved-bg .select-btn input[type=button].ui-state-disabled {opacity: 1; background-color:var(--input-bg-disabled); border: 1px solid #d0d0d0; color:#232530;}

/* 추가테이블 독립 Entry 링크 */
.saved-bg a:not(.button) {color:#424242; text-decoration:underline;}/* 12월 이관건 */

/* 블라인드상태 */
.blind-bg 	{background-color:var(--crf-bg-blind) !important; color:#232530;}
.icon a.blind-icon {display:none;}
.blind-bg input[type=text],
.blind-bg select,
.blind-bg textarea {background-color:var(--input-bg-disabled); border-color:#CACFD8; color:#232530;}
.blind-hide {display:none;}
.blind-bg .select-text {background-color:var(--input-bg-disabled); border-color:#CACFD8; color:#232530;}
.blind-bg .select-btn input[type=button].ui-state-disabled {opacity: 1; background-color: var(--input-bg-disabled); border: 1px solid #d0d0d0; color:#232530;}

/* 한개의 아이템의 블라인드 */
td.blind-td-bg {background-color:var(--crf-bg-blind) !important; color:#232530;}
td.blind-td-bg input[type=text],
td.blind-td-bg select,
td.blind-td-bg textarea,
td.blind-td-bg .select-text {background-color:var(--input-bg-disabled); border: 1px solid #d0d0d0; color:#232530; cursor: default;}
td.blind-td-bg .placeholder {cursor: default;}
td.blind-td-bg [data-action="file-upload"],
td.blind-td-bg [data-action="file-download"],
td.blind-td-bg .select-btn input[type=button] {cursor: default;}
td.blind-td-bg .select-btn input[type=button].ui-state-disabled {opacity: 1; background-color: var(--input-bg-disabled); border: 1px solid #d0d0d0; color:#232530;}
td.blind-td-hide {display:none;}

/* disabled 상태 */
input[type=text][disabled] {background-color:var(--input-bg-disabled); color:#232530;}
input[type=textarea][disabled] {background-color:var(--input-bg-disabled); color:#232530;}

/* 삭제상태 */
.deleted-bg,
.deleted-bg .blind-td-bg {background-color:var(--crf-bg-deleted) !important; color:#F00;}
.deleted-bg * {color:#F00 !important;}
.deleted-bg input[type=text], .deleted-bg input[type=text]:disabled,
.deleted-bg .blind-td-bg input[type=text], .deleted-bg .blind-td-bg input[type=text]:disabled {background-color:#FFEBE8; border:1px solid #CACFD8; color:#afafaf; text-decoration:line-through;}
.deleted-bg select,
.deleted-bg .blind-td-bg select {background-color:#FFEBE8; border:1px solid #CACFD8; color:#afafaf;}
.deleted-bg textarea,
.deleted-bg .blind-td-bg textarea {background-color:#FFEBE8; border:1px solid #CACFD8; color:#afafaf; text-decoration:line-through;}
.deleted-bg [data-action="file-upload"],
.deleted-bg [data-action="file-download"],
.deleted-bg input,
.deleted-bg select,
.deleted-bg textarea {cursor: default;}
.deleted-bg .select-btn input[type=button].ui-state-disabled {background-color: transparent}
.deleted-bg .select-text,
.deleted-bg .select-text > div {background-color:transparent; color:#afafaf; cursor: default;}
.deleted-bg td:not(.is-button-td),
.deleted-bg td div
{text-decoration:line-through;}
.deleted-bg .file-info {color: #ff0000 !important;}

/* 이중테이블 삭제상태 */
.n-deleted-bg {background-color:#ffeeee !important; color:#424242;}
.n-deleted-bg .select-wrap .select-text {cursor: default;}
.n-deleted-bg.blind-td-bg {background-color:#ffeeee !important; color:#424242;}
.n-deleted-bg input[type=text] {background-color:#fff6f5; border:1px solid var(--input-border-color); color:#afafaf;}
.n-deleted-bg select {background-color:#fff6f5; border:1px solid var(--input-border-color); color:#afafaf;}
.n-deleted-bg textarea {background-color:#fff6f5; border:1px solid var(--input-border-color); color:#afafaf;}
.n-deleted-bg input,
.n-deleted-bg select,
.n-deleted-bg textarea {cursor: default;}
.n-deleted-bg .select-text > div {background-color:#fff6f5; color:#afafaf;}
.n-deleted-bg .placeholder {background-color:#fff6f5; color:#afafaf; text-decoration:line-through;}

/* 변경 추적 상태 - 추적보고에서 이전 보고 대비 변경된 항목 */
td.value-changed,
.question-body.value-changed,
.deleted-bg td.value-changed {
    background-color:#f9fddf !important;
}
/* input 요소: disabled 상태는 회색 */
td.value-changed input[type=text]:disabled,
td.value-changed select:disabled,
td.value-changed textarea:disabled,
td.value-changed .select-text > div,
.question-body.value-changed input[type=text]:disabled,
.question-body.value-changed select:disabled,
.question-body.value-changed textarea:disabled,
.question-body.value-changed .select-text > div {
    background-color:#f3f3f3;
}
/* input 요소: enabled 상태는 흰색 */
td.value-changed input[type=text]:not(:disabled),
td.value-changed select:not(:disabled),
td.value-changed textarea:not(:disabled),
.question-body.value-changed input[type=text]:not(:disabled),
.question-body.value-changed select:not(:disabled),
.question-body.value-changed textarea:not(:disabled) {
    background-color:#ffffff;
}
/* 삭제된 경우 input은 연한 빨간색 (더 구체적인 선택자로 위 규칙을 덮어씀) */
.deleted-bg td.value-changed input[type=text],
.deleted-bg td.value-changed select,
.deleted-bg td.value-changed textarea,
.deleted-bg td.value-changed .select-text > div {
    background-color:#fff6f5;
}

/* 아이콘 더보기 */
.icon-more-layer {position:absolute; top:0px; right:0px; z-index:100; width:141px; background-color:#ffffff; /*border:1px solid #cdcdcd;*/ border-top:4px solid #0f943e; border-radius:2px; color:#363636;}
.icon-more-wrap {padding:6px 0 10px;
    -webkit-box-shadow: 0 6px 14px -2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 6px 14px -2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 6px 14px -2px rgba(0, 0, 0, 0.24);
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#cecece', Direction=100, Strength=13);
}
.icon-action {padding:0 5px 5px; border-bottom:1px solid #d4d4d4;} /* 버튼 영역 */
.icon-action.invisible {padding:0px; border-bottom:none;}
.icon-action img {width:25px; height:25px; /*border:1px solid #efefef;*/ margin:0 !important}
.icon-log 	{font-size:11px;} /* 로그 영역 */
.icon-log > a > div {padding:4px 4px 4px 10px; text-align:left;}
.icon-log a:link,
.icon-log a:visited,
.icon-log a:active {display:block; color:#363636;}
.icon-log a:hover {color:#363636; background:#edfff3}
/* subject list */
.icon-log2 	{margin:0 -12px; font-size:11px;} /* 로그 영역 */
.icon-log2 .pt5 {padding-top:0}
.icon-log2 div a {display:block; color:#363636; padding:4px 4px 4px 10px; text-align:left;}
.icon-log2 div a:hover {color:#363636; background:#edfff3}

/* CRF Audit Trail & Popup Audit Trail 테이블 */
.log-layer-wrap {padding:0 0 12px 0; border-bottom:1px solid #C0C7D3; word-break:break-word;}
/* crf comment audit trail */
.log-layer-wrap .log-table-wrap {padding:0 10px 10px; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;}
.log-layer-wrap .log-table-wrap .log-table1 {border-bottom: 1px solid #d4d4d4;}

.log-top-area {zoom: 1; padding: 10px 7px 8px 10px; border: 1px solid #d4d4d4; border-top:0; border-bottom:0; font-weight: bold; color: #5c6064; background-color: #fff;}
.log-top-area:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.log-top-area .right img {width:24px; height:24px; margin-top:-3px; vertical-align: top;}
/* popup 내에 log table */
.layer-wrap .log-top-area {border-left:0; border-right:0; padding-left:0; padding-right:0}

.log-table-wrap {clear:both; overflow-x:hidden; overflow-y:auto; max-height:300px; border-bottom:1px solid var(--border-table-border-color);}
.data-table-wrap {clear:both; overflow-x:hidden; overflow-y:auto; height:220px; border-bottom:1px solid var(--border-table-border-color);}
.data-table-wrap .log-table1 {border-bottom: 1px solid var(--border-table-border-color)}
.log-table1 {border-left: 1px solid var(--border-table-border-color);}
.log-table1 th {padding:5px 2px; background-color:#f3f4f6; border:1px solid var(--border-table-border-color); font-size:12px; color:#404040;}
.log-table1 thead tr:first-child th,
.log-table1 tbody tr:first-child th {border-top:0}
.log-table1 td {padding:5px 2px; background-color:#ffffff; border-top: 1px solid var(--border-table-border-color); border-right: 1px solid var(--border-table-border-color); font-size:12px; color:#363636; text-align:center; word-break:break-word;}

/* 오픈쿼리 red */
.open-q {zoom:1; position:relative; margin:0; padding:4px 6px 4px 10px; border:1px solid #C0C7D3; border-top:0; background:#FCEBEB; color:#DA4646; font-weight:var(--q-font-weight);}
.open-q:before {display:block; content:''; position: absolute; top:-1px; bottom:-1px; left:-1px; width:3px; background:#ff0000}
.open-q:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.open-q a:link,
.open-q a:visited,
.open-q a:active,
.open-q a:hover {color:#DA4646 !important; font-weight:var(--q-font-weight); text-decoration:none;}

/* 응답쿼리 yellow */
.answered-q {zoom:1; position:relative; /*margin:2px 0;*/ padding:4px 6px 4px 10px; border:1px solid #C0C7D3; border-top:0; background:#FFF3E4; color:#FF9314; font-weight:var(--q-font-weight);}
.answered-q:before {display:block; content:''; position: absolute; top:-1px; bottom:-1px; left:-1px; width:3px; background:#FF9314}
.answered-q:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.answered-q a:link,
.answered-q a:visited,
.answered-q a:active,
.answered-q a:hover {color:#FF9314 !important; font-weight:var(--q-font-weight); text-decoration:none;}

/* 예비쿼리 gray */
.candidate-q {zoom:1; position:relative; /*margin:2px 0;*/ padding:2px 6px 2px 10px; border:1px solid #C0C7D3; border-top:0; background:#f5f5f5; font-weight:var(--q-font-weight);}
.candidate-q:before {display:block; content:''; position: absolute; top:-1px; bottom:-1px; left:-1px; width:3px; background:#777777}
.candidate-q:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.candidate-q a:link,
.candidate-q a:visited,
.candidate-q a:active,
.candidate-q a:hover {color:#777777 !important; font-weight:var(--q-font-weight); text-decoration:none;}

/* 닫힌쿼리 light gray */
.closed-q {zoom:1; position:relative; /*margin:2px 0;*/ padding:4px 6px 4px 10px; border:1px solid #C0C7D3; border-top:0; background:#f5f5f5; color:#ACACAC; font-weight:var(--q-font-weight);}
.closed-q:before {display:block; content:''; position: absolute; top:-1px; bottom:-1px; left:-1px; width:3px; background:#ACACAC}
.closed-q:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.closed-q a:link,
.closed-q a:visited,
.closed-q a:active,
.closed-q a:hover {color:#ACACAC !important; font-weight:var(--q-font-weight); text-decoration:none;}

/* 미리보여주는쿼리 */
.preview-q {zoom:1; margin:2px 0; padding:2px 6px 2px 10px; border:1px solid #C0C7D3; background:#f5f5f5; color:#1c94c4; font-weight:var(--q-font-weight); font-weight:var(--q-font-weight);}
.preview-q:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}

/* 저장불가쿼리 */
.mandatory-q {padding:1px 2px; background-color:#ff8c00; color:#ffffff; font-weight:var(--q-font-weight);}

/* 쿼리 layer */
.open-q-layer {margin:4px 0; padding:12px; border:1px solid #C0C7D3; background-color:#fff; /*background-color:#fdf4f4;*/} /* red */
.answered-q-layer {margin:4px 0; padding:12px; border:1px solid #C0C7D3; background-color:#fff; /*background-color:#fff6db;*/} /* yellow */
.candidate-q-layer {margin:4px 0; padding:12px; border:1px solid #C0C7D3; background-color:#fff; /*background-color:#f5f5f5;*/} /* gray */

/* 쿼리 layer top */
.open-q-layer .q-layer-top {font-weight:bold; font-size:13px; color:#363636;}
.answered-q-layer .q-layer-top {font-weight:bold; font-size:13px; color:#363636;/*padding-left:16px; background:transparent url("../../images/q-icon.png") no-repeat -1px -15px;*/}
.candidate-q-layer .q-layer-top	{font-weight:bold; font-size:13px; color:#363636; /*padding-left:16px; background:transparent url("../../images/q-icon.png") no-repeat -1px -31px;*/}

/* 쿼리 layer 공통 */
.q-layer-content {margin:5px 0 5px 0px; padding-bottom:5px;}
.q-layer-ask {position:relative; padding:5px 5px 5px 10px; color:#363636; font-weight:bold; font-size:12px;} /* query layer 항목질문 */
.q-layer-ask:before {display:block; content:''; position: absolute; top:12px; left:0; width:4px; height:4px; background:#0f943e; border-radius:100%;}
.q-layer-reason {padding:5px 0 0 10px;} /* query layer 항목선택 */
.q-layer-reason1 {padding:5px 0 0 25px;} /* query layer 항목선택 중 하위레벨 들여쓰기 */
.q-layer-btn {zoom:1; padding:10px 0 0; text-align:right; clear:both;}
.q-layer-btn:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}

/* placeholder */
.placeholder {font-size:11px;}

/* PD */
.pd-layer {margin:2px 0; padding:12px 10px 10px 10px; border:1px solid #d4d4d4; /*background-color:#f8eaf6;*/} /* purple */
.pd-layer .q-layer-top {font-weight: bold; font-size: 13px; color: #363636;}
.pd-view {zoom:1; position:relative; /*margin:2px 0;*/ padding:1px 6px 2px 10px; border:1px solid #d4d4d4; border-top:0; background:#F4E6FF; color:#AD5BE6; font-weight:var(--q-font-weight);}
.pd-view:before {display:block; content:''; position: absolute; top:-1px; left:-1px; bottom:-1px; width:3px; background:#9600ff}
.pd-view:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.pd-view a:link,
.pd-view a:visited,
.pd-view a:active,
.pd-view a:hover {color:#AD5BE6 !important; font-weight:var(--q-font-weight); text-decoration:none;}

/* PD ANSWERED */
.pd-view-answered {zoom:1; position:relative; /*margin:2px 0;*/ padding:1px 6px 2px 10px; border:1px solid #d4d4d4; border-top:0; background:#fff5ef; color:#f39860; font-weight:var(--q-font-weight); }
.pd-view-answered:before {display:block; content:''; position: absolute; top:-1px; left:-1px; bottom:-1px; width:3px; background:#f39860}
.pd-view-answered:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.pd-view-answered a:link,
.pd-view-answered a:visited,
.pd-view-answered a:active,
.pd-view-answered a:hover {color:#f39860 !important; font-weight:var(--q-font-weight);  text-decoration:none;}

/* comment 조회 */
.comment-view-wrap {zoom:1; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background-color:#f5f5f5;}
.comment-view-wrap:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.comment-view {zoom:1; position:relative;}
.comment-view:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.comment-title {position:absolute; top:5px; left:10px;}
.comment-contents {margin:0 15px 0 95px; padding:5px 0;}

/* comment 작성 */
.comment-write-wrap {zoom:1; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background-color:#f5f5f5;}
.comment-write-wrap:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.comment-write {zoom:1; position:relative; min-height:50px;}
.comment-write:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.comment-opentext {position:absolute; top:10px; left:7px; right:70px;}
.comment-opentext	textarea {padding:2px; width:100%;}
.comment-btn {position:absolute; top:10px; right:7px;}

/* comment */
.crf-comment {zoom:1; position:relative; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background-color:#f4fdf6; color:#363636; word-break: break-all;}
.crf-comment:before {display:block; content:''; position: absolute; top:-1px; left:-1px; bottom:-1px; width:3px; background:#0f943e}
.crf-comment:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.crf-comment > div {zoom:1; padding:10px 0; margin:0 10px;}
.crf-comment > div:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.crf-comment textarea {display:block; width:800px;}

.crf-comment-layer {background:#fff}
.crf-comment-layer .left > div span,
.crf-comment-layer .left > div {display:inline-block; font-weight: 500;font-size: 11px;color: #95999e;}
.crf-comment-layer .left textarea + div {position: absolute; top:10px; left:84px;}
.crf-comment-layer .left .crf-comment-top {margin-bottom:8px; margin-right:8px; font-weight: bold;font-size: 13px;color: #363636;}
.crf-comment-layer .right {float:none; position:absolute; top:8px; right:10px; margin:0; padding:0;}
.crf-comment-layer input[type=image] {width:24px;height:24px;}
.crf-comment-layer .comment-layer-btn {zoom: 1; padding: 0 0 10px;text-align: right;}

.crf-comment-view .left {width:calc(100% - 80px)}
.crf-comment-view .left.mr5 {width:70px;}

/* usernote 조회 */
.note-view-wrap {zoom:1; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; background-color:#e9f9ff;}
.note-view-wrap:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.note-view-wrap img {width:16px; height:16px; vertical-align:-3px;}
.note-view {zoom:1; border-bottom:1px solid #d4d4d4; position:relative;}
.note-view:before {display:block; content:''; position: absolute; top:-1px; left:-1px; bottom:-1px; width:3px; background:#00b7ff}
.note-view:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.note-title {position:absolute; top:5px; left:10px;}
.note-contents {margin:0 15px 0 95px; padding:5px 0;}
.note-del {position:absolute; top:5px; right:10px;}

/* usernote 작성 */
.note-write-wrap {zoom:1; position:relative; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; background-color:#fff; /*background-color:#fffde0;*/}
.note-write-wrap:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.note-write {margin:0 15px 0 10px; padding-top:10px;}
.note-write img {width:16px; height:16px; vertical-align: -3px;}
.note-write label {font-weight:500}
.note-write .pt5 {padding-top:8px;}
.note-btn {zoom:1; padding:10px;}
.note-btn:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.note-btn .left {float:none; position:absolute; top:8px; right:10px; margin:0; padding:0;}
.note-btn input[type=image] {width:24px;height:24px;}
.note-btn input[type=image]:disabled {opacity: 0.35;}
.note-write-top {padding:10px 10px 0; font-weight: bold;font-size: 13px;color: #363636;}
.note-write-top div {display:inline-block; margin-left:8px; font-weight: 500;font-size: 11px;color: #95999e;}

/**************** layer popup layout **********************/

/* 수정사유, 전자서명, 필터링 등 버튼으로 액션하는 동작용 레이어 */
.layer-wrap {position:absolute; z-index:2000; width:100%; background-color:#ffffff; border-top:4px solid #0f943e; border-radius:2px; color:#363636;
    -webkit-box-shadow:1px 3px 15px #adadad;
    -moz-box-shadow:1px 3px 15px #adadad;
    box-shadow:1px 3px 15px #adadad;
    zoom: 1;
}
.layer-wrap td a {color:#1c94c4; font-weight:bold}
.layer-wrap a > div:hover {background-color:#edfff3; text-decoration:underline;}
.layer-wrap .select-form a:focus > div {background-color:#edfff3;}
.layer-wrap a._option-other > div:hover {text-decoration:none;} /* related popup */

/* 여백 */
.layer-pd {padding:10px 12px 12px;}
.layer-pd a > div {padding:2px 3px;}
.layer-pd .layer-pd {padding:0; width:100% !important;}

/* 타이틀영역 */
.layer-top-area {zoom:1; margin-bottom:10px; font-weight:bold; color:#363636; font-size:13px; line-height:22px;}
.layer-top-area:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.layer-top-area select {height:24px; vertical-align:middle;}
.layer-top-area input[type=text] {height:22px;}
.layer-top-area table td {line-height:26px;}
/* 내용영역 */
.layer-contents img {vertical-align:-4px;}
.layer-contents input[type=text]{vertical-align:-1px; font-size:11px;}
.layer-contents.select-form .select-scroll {margin-top:5px;}
.layer-contents.select-form div.pt5	{padding-left:18px; position:relative; overflow:hidden}
.layer-contents.select-form div.pt5 label {display:inline-block; margin-bottom:5px;}
.layer-contents.select-form div.pt5 .option-form {padding-left:14px}
.layer-contents.select-form div img	{position:absolute; top:6px; left:0;}
.layer-contents.select-form span {display:inline-block; padding:2px 4px 0 0;}
.layer-contents.select-form ._option-input {white-space: nowrap;}
.layer-contents.select-form input[type=text] {width:160px; height:24px; vertical-align:middle;}
.layer-contents.select-form input[type=button] {width:60px; height:26px; padding:2px 4px; background:#0f943e;border:1px solid #0f943e;color:#fff; vertical-align:middle;}
.layer-contents.select-form input[type=button].ui-state-disabled {color: #717784; background-color: #E1E4EA; border-color: #E1E4EA;}

/* 높이 250px 이상 스크롤생성하는 옵션 */
.scroll-option {overflow-y:auto; overflow-x:hidden; max-height:250px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
.scroll-option table th {border-top:none;}
.scroll-option table td {border-bottom:none;}
.scroll-option > div {margin:5px 3px}
.layer-btn {padding-top:14px; font-size:11px; text-align:right;} /* 확인,취소 버튼 영역 */
.layer-comment {padding:5px 0 0 0; font-size:11px; font-weight:bold;} /* 안내문구 */
.layer-alert {margin-top:8px; padding:6px; background-color:#ffebeb; font-size:11px; font-weight:bold; color:#ff0000;} /* red 알림문구 */
.layer-alert img {vertical-align:-3px;}
.option-default {font-weight:bold; color:#ff8a34;} /* select-option 빈값 */
.subject-scroll {overflow-y:auto; overflow-x:hidden; max-height:360px;}/* select layer popup의 최대 높이값*/
.select-scroll {overflow-y:auto; overflow-x:hidden; max-height:100px;}/* select layer popup의 최대 높이값, CRF Audit Trail scroll 영역*/
.select-scroll label {display: block; padding-right:15px;}
.select-part {padding:2px 3px 3px 3px !important; border-bottom:1px solid #d8d8d8; margin-top:2px;} /* quick-menu의 피험자 필터링 단락구분선 */
.select-category {color:#5d5d5d; font-weight:bold; font-size:12px; padding-left:5px; margin-bottom:3px;}/* quick-menu의 피험자 필터링 항목 스타일 */
/* 기본 테이블 */
.layer-table1 {border-collapse:collapse; /*font-size:11px;*/}
.layer-table1 th {padding:6px 8px; background-color:#f0f1f2; border:1px solid #d7d7d7; font-weight:normal; color:#404040; font-size:12px; text-align:left;}
.layer-table1 td {padding:6px 8px; background-color:#ffffff; border:1px solid #d7d7d7; color:#232323; font-size:12px;}
.layer-table1 td a > div {text-decoration:underline;} /* medical coding 창 - 링크 */
.layer-table1 input[type=button] {padding:3px 3px 3px 3px !important; height:auto;}
.layer-table1 td.fwb {font-weight:normal !important;color:#404040}
/* 쿼리 테이블 */
.layer-table2 {border-collapse:collapse; /*font-size:11px;*/}
.layer-table2 th {padding:5px; background-color:#f0f1f2; border:1px solid #d4d4d4; font-size:12px; font-weight:normal; text-align:center; color:#404040}
.layer-table2 td {padding:5px; background-color:#ffffff; border:1px solid #d4d4d4; font-size:12px; text-align:center; color:#363636}

.layer-table4 {border-collapse:collapse; /*font-size:11px;*/}
.layer-table4 th {padding:5px; background-color:#f0f1f2; border:1px solid #d4d4d4; font-weight:normal; color:#404040; font-size:12px; text-align:left;}
.layer-table4 td {padding:5px; background-color:#ffffff; border:1px solid #d4d4d4; color:#232323; font-size:12px;}
.layer-table4 td img {vertical-align:-4px;} /* 공지사항 보기 창 - 첨부파일 */
.layer-table4 td a > div {text-decoration:underline;} /* medical coding 창 - 링크 */
/* .layer-table4 textarea {font-size:11px;} */
.layer-table4 input {height:15px;}
/* 공지사항 팝업 */
.layer-pd1 {padding-bottom:10px;}
.layer-top-area1 {padding:10px; font-weight:bold; color:#363636; font-size:13px; /*background-color:#f6a828; color:#ffffff;*/}
.layer-contents1 {padding-left:16px; padding-right:16px;}
.layer-contents1 .table3 {border-top:1px solid #d4d4d4}
.layer-contents1 .table3 th {font-weight:bold;}
.layer-contents1 + .layer-btn {padding-right:8px; padding-left:8px}
.layer-view {zoom:1; padding:10px 5px; border-bottom:1px solid #cdcdcd;}
.layer-view:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.layer-view img {vertical-align:-3px; padding-right:2px;}

.layer-view a:link,
.layer-view a:visited,
.layer-view a:active {text-decoration:none;}
.layer-view a:hover {text-decoration:underline;}

/* sort 테이블 */
.layer-sort {padding-top:10px; border-bottom:1px dotted #cdcdcd;}
.sort-select img {width:60px}
.sort-order img {width:24px}
.sort-order img + img {margin-left:2px}

.layer-table3 {border-collapse:collapse; font-size:12px;}
.layer-table3 td {background-color:#ffffff; border:none; vertical-align:middle; text-align:center;}
.layer-table3 td div img {cursor: pointer;}
.layer-table3 td {background-color:#ffffff; border:none; vertical-align:middle; text-align:center; padding-bottom:5px;}

.select-all {border:1px solid #cdcdcd; border-bottom:none; text-align:center; margin:0 auto; width:230px; padding:5px 0;}
.select-all div {text-align:left; padding-left:5px;}
.select-all div	img {vertical-align:-3px;}
.select-all div	img {border:1px solid #ffffff !important;}
.select-all div	img {background:#ffffff !important;}
.sort-list {background-color:#ffffff; width:230px; height:230px; text-align:center; margin:0 auto;
    border:1px solid #cdcdcd; vertical-align:top; overflow-y:auto; overflow-x:hidden;}
.sort-list:after{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.sort-list a dl{zoom:1; padding:5px; cursor:pointer; width:100%; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; }
.sort-list a dl:after{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.sort-list a dl:hover{background-color:#edfff3;}
.sort-list a dl dt {float:left; width:20px; background:transparent url("../../images/check-off.png") no-repeat 4px 4px;}
.sort-list a dl dt.sort-selected {background:transparent url("../../images/check-on.png") no-repeat 4px 4px;}
.sort-list a dl dd {float:left; color:#424242; font-size:12px; font-weight:normal}

/* contact 테이블 */
.layer-contact {padding:0 0 15px 0;}
.contact-title {font-size:12px; font-weight:bold; padding:0 0 5px 25px; color:#565656; background:transparent url("../../images/contact.png") no-repeat left 1px;}

/* 알림, 설정 등 액션없이 보여주고 사라지는 단순 알림용 레이어  */
/* yellow - 정상완료, crf table  */
.layer-wrap1{position:absolute; z-index:100; border-radius:2px; font-size:12px; font-weight:500; border-top:4px solid #0f943e;
    background-color:#fff;
    -webkit-box-shadow: 0 6px 14px -2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 6px 14px -2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 6px 14px -2px rgba(0, 0, 0, 0.24);
}
.layer-alarm1{padding:11px 16px 16px; font-weight:500; font-size:12px;}
.close-alarm{font-weight:normal; text-align:right; text-decoration:underline; color:#ff8f00;}
.close-alarm a{color:#ff8f00;}
/* 책갈피모양  */
.layer-alarm1 em.down{border:1px solid; border-color:#ffffd8 transparent; border-width:6px 6px 0 6px; position:absolute; margin-left:-6px;}
.layer-alarm1 em.down-wrap{border:1px solid; border-color:#cdcdcd transparent; border-width:7px 7px 0 7px; position:absolute; margin-left:-7px;}
.layer-alarm1 em.up{border:1px solid; border-color:#ffffd8 transparent; border-width:0 6px 6px 6px; position:absolute; margin-left:-6px;}
.layer-alarm1 em.up-wrap{border:1px solid; border-color:#cdcdcd transparent; border-width:0 7px 7px 7px; position:absolute; margin-left:-7px;}
/* red - 오류안내  */
/* .layer-wrap2{position:absolute; z-index:100; width:100%; background-color:#ffeeee; border:1px solid #cdcdcd; color:#000000;} */
.layer-wrap2 {position:absolute; z-index:2001; max-width:346px; border-radius:2px; color:#fff; font-size:12px; font-weight:500;
    background-color:#ff0000;
    -webkit-box-shadow: 0 6px 14px -2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 6px 14px -2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 6px 14px -2px rgba(0, 0, 0, 0.24);
}
.layer-wrap2.green {background-color:#0f943e; border:0}/* 수행 성공 */
.layer-alarm2{padding:7px; font-weight:500; color:#fff; font-size:12px;}
.layer-alarm2 img{vertical-align:-3px;}

/* 책갈피모양  */
.layer-alarm2 em.down{border:1px solid; border-color:#ffeeee transparent; border-width:6px 6px 0 6px; position:absolute; margin-left:-6px;}
.layer-alarm2 em.down-wrap{border:1px solid; border-color:#cdcdcd transparent; border-width:7px 7px 0 7px; position:absolute; margin-left:-7px;}
.layer-alarm2 em.up{border:1px solid; border-color:#ffeeee transparent; border-width:0 6px 6px 6px; position:absolute; margin-left:-6px;}
.layer-alarm2 em.up-wrap{border:1px solid; border-color:#cdcdcd transparent; border-width:0 7px 7px 7px; position:absolute; margin-left:-7px;}
/* white - 알림안내  */
.layer-wrap3{position:absolute; z-index:100; width:100%; background-color:#ffffff; border:1px solid #cdcdcd; color:#000000;}
.layer-alarm3{padding:10px; font-size:11px; color:#656565;}
/* 책갈피모양  */
.layer-alarm3 em.down{border:1px solid; border-color:#ffffff transparent; border-width:6px 6px 0 6px; position:absolute; margin-left:-6px;}
.layer-alarm3 em.down-wrap{border:1px solid; border-color:#cdcdcd transparent; border-width:7px 7px 0 7px; position:absolute; margin-left:-7px;}
.layer-alarm3 em.up{border:1px solid; border-color:#ffffff transparent; border-width:0 6px 6px 6px; position:absolute; margin-left:-6px;}
.layer-alarm3 em.up-wrap{border:1px solid; border-color:#cdcdcd transparent; border-width:0 7px 7px 7px; position:absolute; margin-left:-7px;}

/* layer input (popup 입력 폼 영역이 있어서 공통으로 높이 적용이 어려움)
.layer-wrap input[type=text],.layer-wrap input[type=password],
.layer-wrap input[type=email],.layer-wrap input[type=number],
.layer-wrap input[type=tel],.layer-wrap input[type=date] {height:26px;} */

/**************** table-style  **********************/
/*과제알림, 가이드라인, freezing, locking, 피험자 리스트 */
.table1 {border-collapse: separate;}
.table1 input[type=checkbox]		    {display:block; margin:0 auto; vertical-align:-2px;}
.table1 thead tr:first-child th {border-top: 1px solid var(--table-border-color);}
.table1 th                              {height:32px; padding:var(--table-header-padding); border-bottom:1px solid var(--table-border-color-dark); background-color:var(--table-header-bg-color) !important; color:var(--table-header-text-color); font-size:var(--table-font-size); font-weight:700; text-align:center; line-height:normal; box-sizing: border-box}
.table1 th a                            {display:inline-block; position:relative; color:var(--table-header-text-color);/*white-space:nowrap;*/}
.table1 th img							{width:10px; height:10px; vertical-align:0;}
.table1 th a>img                        {width: 24px; height:24px;} /* filter 버튼 제외한 나머지 아이콘 버튼 */
.table1 td.total				    	{background-color:#f2f2f2; /*border-top: thick double #e7e7e7;*/ }

.table1 tbody td                        {min-width:25px; height:32px; padding:var(--table-body-padding); background-color:#ffffff; border-bottom:1px solid var(--table-border-color); color:var(--table-body-text-color); font-size:var(--table-font-size); text-align:center; box-sizing: border-box}
.table1 tbody td > a.ibtn img           {width:24px; height:24px;}
.table1 tbody td.txt-center             {padding-left:0; padding-right:0}
.table1 tbody td.td-num                 {min-width:30px}
.table1 tbody td.td-edit                {min-width:50px}

.table1 td a:link,
.table1 td a:visited,
.table1 td a:active,
.table1 td a:hover						{color:var(--color-focus); text-decoration:underline !important; font-weight:bold;}

.table1 tr.green td a:link,
.table1 tr.green td a:visited,
.table1 tr.green td a:active,
.table1 tr.green td a:active    		{color:var(--color-focus); text-decoration:underline !important; font-weight:bold;}

/* table1 (+)(-) 추가 삭제 아이콘 버튼 */
.table1 tbody td > a.ibtn               {display:inline-block; vertical-align:middle;}
.table1 tbody td a[data-row=add] img,
.table1 tbody td a[data-row=del] img,
.table1 tbody td a[name=del] img,
.table1 tbody td a[name=add] img        {width:24px}

/* table over (many lines) */
.table-over .table1 th {white-space: nowrap; padding-left:16px; padding-right:16px;}

/*스케쥴 */
.table2 {border-collapse:separate}
.table2 thead tr:first-child th {border-top: 1px solid var(--table-border-color);}
.table2 th                              {padding:7px var(--spacing-small); position:relative; border-bottom:1px solid var(--table-border-color-dark); background-color:var(--common-table-header-bg-color) !important; color:var(--common-table-header-text-color); font-size:var(--table-font-size); font-weight:700; text-align:center; word-break: break-all}
.table2 thead td                        {background-color:#ffffff; font-weight:400;}
.table2 td                              {padding:7px var(--spacing-small); position:relative; border-bottom:1px solid var(--common-table-body-border-color); color:var(--table-body-text-color); font-size:var(--table-font-size); text-align:center;}
.table2 td:first-child                  {white-space: nowrap;}
.table2 td a div						{text-align:center;}
.table2 th[colspan]                     {border-bottom:1px solid var(--table-border-color);}

.table2 a:link,
.table2 a:active,
.table2 a:visited,
.table2 a:hover							{color:var(--link-color); text-decoration:underline !important; font-weight:bold;}

#au-schd-grid .table2 tbody td:first-child div {padding-left:20px; text-align:left}
/*DB locking, 과제수정, 피험자 시스템 등록 - question과 동일한 디자인 */

.table3-title							{zoom:1; padding:10px 10px 10px 0; /*background-color:#f0f7f3; border-right:1px solid #d4d4d4; border-left:1px solid #d4d4d4;*/ font-weight:bold; font-size: 14px; color: #3c3c3c;}
.table3-title:after						{clear:both; height:0; content:"."; display:block; visibility:hidden;}
.table3-title + .table3                 {border-top:1px solid var(--border-table-border-color)}
.table3                                 {border-collapse:separate; border-left:1px solid var(--border-table-border-color); border-top:1px solid var(--border-table-border-color); font-size:12px;}/* border-top .crf 대신 추가해줌 */
.table3 th                              {padding:10px; background:#f0f1f2; border-right:1px solid var(--border-table-border-color); border-bottom:1px solid var(--border-table-border-color); color:#404040; font-weight:normal; text-align:left;}
.table3 thead th img					{width:10px; height:10px; vertical-align:0;} /* filter icon */
.table3 th a>img                        {width: 24px; height:24px; vertical-align:top;} /* ex) admin > user > site > audit trail icon */
.table3 td                              {padding:10px; border-right:1px solid var(--border-table-border-color); border-bottom:1px solid var(--border-table-border-color); text-align:left;}
.table3 td.td-icon						{width:130px; padding:3px; border-right:1px solid var(--border-table-border-color); border-bottom:1px solid var(--border-table-border-color); text-align:right;}
.table3 td span img       			    {vertical-align:-3px;} /* 공지사항 - 파일첨부 아이콘  */
.table3 td span input[type=checkbox]    {vertical-align:-3px;} /* 공지사항 - 파일첨부 체크박스  */
.table3 + .table3{border-top:0}

.td-icon img							{width:25px; height:25px; border:1px solid #efefef;}

/*Medical Coding 검색테이블 */

.table4-out-wrap                        {position: relative; height: 200px; border-top: 1px solid #d4d4d4;  border-bottom: 1px solid #d4d4d4}
.table4-header                          {display: none;  position: absolute; top: 0; left: 0; right: 0; height: 30px; background-color: #f5f5f5; border-top: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4}
.table4-in-wrap                         {overflow: scroll; height: 100%; padding: 0 !important;}
.table4                                 {font-size: 12px; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; overflow-x: hidden; overflow-y: auto}
.table4 thead                           {position: -webkit-sticky; position: sticky; top: 0;}
.table4 thead th                        {padding: 0;}
.table4 thead th div                    {line-height: 1.25; font-weight: bold; color: #404040; padding: 10px !important;}
.table4 tbody td                        {padding: 10px; border-left: 0; border-top: 0; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; text-align: left}
.table4 thead th:last-child,
.table4 tbody td:last-child             {border-right: 0;}
/*CDMSISSUE-8418 이슈에서 제거 함을 확인 후 진행*/
/*.table4 tbody tr:last-child td          {border-bottom: 0;}*/

.table4 a:link,
.table4 a:active,
.table4 a:visited						{text-decoration:underline !important;}
.table4 a:hover							{text-decoration:underline !important; color:#f57400;}

/*Data center, Always used with the (.table1) class. */
.table5 input[type=checkbox]            {vertical-align:-2px;}
.table5 th                              {overflow:hidden; position:relative; padding:7px 3px; border-right:1px solid var(--table-border-color); border-bottom:0; background-color:var(--table-header-bg-color); font-size: 12px; color: var(--table-header-text-color); font-weight:bold; text-align: center;}
.table5 th img							{width:10px; height:10px; vertical-align:0;}
.table5 tr th[rowspan],
.table5 tr:last-child th                {border-bottom:1px solid var(--table-border-color-dark);}
.table5 tbody td                        {padding:5px 3px; background-color:#ffffff; border-bottom:1px solid var(--table-border-color); color:var(--table-body-text-color); font-size:12px; text-align:center;}
.table5 th.th-head                      {border-top:1px solid var(--table-border-color);}

.table5 td a:link,
.table5 td a:visited,
.table5 td a:active,
.table5 td a:hover                      {color:var(--link-color); text-decoration:underline !important; font-weight:bold;}

/* table fixed header */
.table06 	                            {width:100%; table-layout:fixed; border-spacing:0;}
.table06 table							{table-layout:fixed;}
.table06 th                             {background-color:#f3f3f3; color:#404040; text-align:center; padding:6px 0; border-left:1px solid #d3d3d3;}
.table06 th:first-child					{border-left:none;}
.table06 td                             {padding:6px 0; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; text-align:center;}
.table06 td div          				{word-break: break-all;}
.table06 td:first-child					{border-left:none;}
.table06-tbody							{border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; height:400px; overflow-y:scroll;}
.table06-thead							{border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background-color:#f3f3f3;}
.thead-right							{margin-right:15px;}
/* table fixed header - WHODD */
.table-container						{overflow:hidden; position:relative; top:0; left:0; width:100%; height:100%;}
.table-container-inner					{overflow-x:hidden; overflow-y:scroll; height:100%;}
.table-container-inner table			{border-collapse:collapse; border-spacing:0;}
.table-header-fixed						{overflow-x:hidden; overflow-y:scroll; table-layout:fixed; word-break:break-all; font-size:11px; width:100%;}
.table-header-fixed thead				{display:table; position:absolute; top:0; left:0; width:calc(100% - 1px); height:56px; z-index:99;}
.table-header-fixed th					{padding:0; font-weight:normal; color:#404040; text-align:center; border:1px solid #d4d4d4;}
.table-header-fixed tbody				{display:table; position:relative; margin-top:54px; width:calc(100% - 1px);}
.table-header-fixed td					{line-height:15px; padding:6px; border:1px solid #d4d4d4; color:#363636;}
.table-header-fixed td.unfull-text		{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:0;}
.table-header-fixed td a.unfull-text	{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}

/* table word-break, ellipsis */
table thead th.nowrap,
table thead td.nowrap,
table tbody td.nowrap {white-space: nowrap;}
table tbody td.ellipsis {white-space: normal;}
table tbody td.ellipsis div {overflow: hidden; width:250px; margin:0 auto; white-space:nowrap; text-overflow: ellipsis;}
table .word-break-column {white-space: normal; word-break: normal;}

/*날짜 검색 옵션*/
.date-wrap {float:left; padding:3px 0 3px 25px; font-size:12px;}
.date-box {float:left; height:22px; line-height:22px; padding:0 10px; color:#5d5d5d; background-color:#fff; border:1px solid #bdbdbd; font-size:12px; font-weight:bold;
    border-top-left-radius: 2px; border-bottom-left-radius: 2px;}
.date-input {float:left; margin-left:-1px;}
.date-input span {padding:0 5px; color:#5d5d5d; font-weight:400}
.date-input input[type=text] {padding-left:6px; height:22px; line-height:22px; border-radius: 0;}
.date-btn {float:left; padding-left:5px;}
.date-btn input.ui-button {height:24px; line-height:1em; background:#0f943e; border:1px solid #0f943e; color:#fff; vertical-align:middle;}


/*Medical Coding 검색트리 */
#codeWindow {max-height:200px; overflow-y:auto;}
#codeWindow div {padding:2px 0;}
#codeWindow a:hover {text-decoration:underline !important;}
a .tangerine {text-decoration:underline !important; color:#f57400;}


/*짝지은 환자군 */
.pair-left {float:left; width:300px; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; text-align:center;}
.pair-right {float:left; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; text-align:center;}
.pair-title {padding:10px; background:#edf4fb; border-bottom:1px solid #d4d4d4; color:#656565; font-weight:bold;}
.pair-scroll {overflow-y:auto; overflow-x:hidden; height:250px;}
.pair-choice {background:#f5f5f5;}
.table4 {font-size:11px;}
.table4 th {padding:10px; background:#f0f1f2; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; color:#404040;}
.table4 td {padding:10px; border-bottom:1px solid #d4d4d4; text-align:center;}

/* Data Center */
.data-center {border:1px solid #d8d8d8; border-collapse: separate;}
.data-center th {padding:12px 8px 5px; background:#ffffff; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; font-size:13px; font-weight:bold; color:#404040; text-align:left;}
.data-center th img {width:10px; height:10px; vertical-align: 0;} /* filter */
.data-center tr:first-child th {border-top:0}
.data-center tr th:first-child { border-left:0}
.data-center tr td {min-height:calc(100% - 90px); padding:0px; font-size:11px;}
.data-center tr:first-child td {border-top:0;}
.data-center tr td ul {padding:0px; margin: 0px;}
.data-center table {border-top:1px solid #d8d8d8;}
.data-center table td {padding:5px 8px;}
.data-center .column-select {border-left:1px solid #d8d8d8; padding:0 8px}
.data-center .column-select li {padding:3px 8px;}
.data-center tr td:first-child .column-select {border-left:0;}
.column-select {overflow-y:scroll; overflow-x:hidden; height:calc(100vh - 224px); min-height:100%; margin:0;}
.column-select > div {margin-top:8px !important;}
.column-select li {padding:3px 0;}
.column-selected {height:400px;; overflow-y:scroll; overflow-x:hidden; border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8;}
.column-selected li {padding:3px 0;}
.column-select table {border:0}
.column-select table td {border:0; padding:2px 0 0}
.column-select input[type=text] {border-color:#cecece}

.data-center li img {vertical-align:-3px;}
/* Data set */
.data-select .data-center tr:last-child td,
.data-select .data-center .last td {border-top:1px solid #d8d8d8}
.data-select .data-center .column-select {max-height:450px; padding:0}

/* Report Year */
.report-year {margin-bottom:8px;}
.report-year th {font-size:12px; padding:5px; font-weight:bold; color:#404040; text-align:center;
    border-top: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;
    background: #f3f4f6;
    /* background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); */
}

.report-year tr td {padding:0px; border:1px solid #d4d4d4; font-size:11px;}
.report-year tr td ul {padding:0px; margin: 0px; border:0;}
.report-year .column-select {height:400px; overflow-y:scroll; overflow-x:hidden; }
.report-year .column-select li {padding:6px;}
.report-year .column-selected {height:400px; overflow-y:scroll; overflow-x:hidden; }
.report-year .column-selected li {padding:6px;}

.report-year li:nth-of-type(even) {background-color:#f5f5f5;}
.report-year li:nth-of-type(odd) {background-color:#ffffff;}
.report-year li img {vertical-align:-3px;}

/**************** paging **********************/

.paging-wrap {padding:16px 0; text-align:center;}
.paging-wrap a {display:inline-block; min-width:24px; height:24px; line-height:24px; margin:0 2px; padding: 0 2px; color:#525866; font-size:12px; box-sizing: border-box;}
.paging-wrap a:link,
.paging-wrap a:active,
.paging-wrap a:visited {border-radius:var(--border-radius); text-decoration:none;}
.paging-wrap a.page-on {background:var(--color-primary); color:#ffffff !important;}
.paging-wrap a.first,
.paging-wrap a.last,
.paging-wrap a.prev,
.paging-wrap a.next {
    background-repeat:no-repeat;
    background-position: center center;
    background-size: 100%;
    text-indent: -9999px;
}
.paging-wrap a.prev {background-image: url('../../images/new2020/paging-prev.svg');}
.paging-wrap a.next {background-image: url('../../images/new2020/paging-next.svg');}
.paging-wrap a.first {background-image: url('../../images/new2020/paging-first.svg');}
.paging-wrap a.last {background-image: url('../../images/new2020/paging-last.svg');}


/******************** Data Analytics *******************/
.data_analytics_wrap {margin:0px 10px 10px 10px;  font-size:11px; margin-right:320px; overflow:auto;}
.data_analytics_table {margin:0px 0px 10px 0px;  font-size:11px; border-top:0px;}

.data_analytics_table3 {margin:5px 0px 10px 0px;  font-size:11px;}
.table3_dataA {border-right:1px solid #3aafea; border-top:1px solid #3aafea; border-left:1px solid #3aafea; font-size:11px;}
.table3_dataA th {padding:10px; background:#a6ddf5; border-right:1px solid #3aafea; border-bottom:1px solid #3aafea; font-weight:normal; color:#404040; text-align:left;}
.table3_dataA td {padding:10px; border-right:1px solid #3aafea; border-bottom:1px solid #3aafea; color:#363636; text-align:left; background-color:#cbefff;}
.table3_dataA td.td-icon {width:130px; padding:3px; border-right:1px solid #3aafea; border-bottom:1px solid #3aafea; text-align:right;}
.table3_dataA td span img {vertical-align:-6px;} /* 공지사항 - 파일첨부 아이콘  */
.table3_dataA td span input[type=checkbox] {vertical-align:-3px;} /* 공지사항 - 파일첨부 체크박스  */

.td-icon img {width:25px; height:25px; border:1px solid #efefef;}
.data_customized_wrap {position:relative;width:100%;height:100%;vertical-align:top;}
.data_customized {width:100%;height:100%;overflow:hidden}

.customized_body {position:relative;min-height:400px;max-height:100%;height:100%;overflow:hidden;}
.customized_body label {font-size:11px;font-weight:bold;}
.customized_body table {width:100%;margin-bottom:10px;border-collapse:collapse;}
.customized_table_list th {text-align:center;border:1px #d4d4d4 solid;background:#f0f1f2;border-bottom:0px;height:24px;color:#404040;font-weight:normal}
.customized_table_list td {text-align:center;border:1px #d4d4d4 solid;height:26px;color:#363636}

/* worktable 타이틀영역 */
.layer-top-area-wt {zoom:1; margin-bottom:0px; padding:3px 5px; border:1px solid #3399cc; font-weight:bold; color:#ffffff; background-color:#3aafea;}
.layer-top-area-sl {zoom:1; margin-bottom:0px; padding:3px 5px; border:1px solid #b4b4b4; font-weight:bold; color:#ffffff; background-color:#d1d1d1;}
.worktable_step {padding:5px 5px 5px 5px;}
.worktable_step div {display:inline;}
.worktable-step-wrap {padding:0px 0 0px 0; text-align:center;border:1px solid #cccccc; color:#1c94c4; text-decoration:none;}
.worktable-step-on {margin:0 6px; padding:4px 8px;background:#3aafea; border:1px solid #3399cc !important; color:#ffffff; font-weight:bold;}
.worktable-step-off {margin:0 6px; padding:4px 8px;background:#fff; border:1px solid #3399cc !important; color:#3399cc !important;}
.worktable_wrap {font-size:12px; border:1px solid #d4d4d4; padding:0px 5px 5px 5px;}
.worktable_body {position:relative;border-bottom:1px solid #b4b4b4;}
.worktable_body table {width:100%;border-collapse:collapse;}
.worktable_table_list th {text-align:center;border:1px #dedede solid;background:#f5f5f5;}
.worktable_table_list td {text-align:center;border:1px #dedede solid;height:26px;}

.worktable_overlay {position: fixed; top: 0; left: 0; height: 100%; width: 100%; text-align:center;z-index:70;background-color:#dedede;opacity:0.5}
.worktable_page_01 {margin:25px 0px 25px 0px ;text-align:center;}
.worktable_page_02 {margin:20px auto; text-align:center;}
.worktable_page_01 li {text-align:center;display:inline-block;}
.worktable_page_02 li {width:20px; height:20px; text-align:left; margin:0; padding:0; display:inline-block; border:1px #fff solid;}

.worktable_page_01 li.prev_page {border:1px #333 solid !important; color:#333 !important; background:#fff !important;}
.worktable_page_01 li.now_page {border:1px #f90 solid !important;color:#f90 !important;background:#fff !important;}

.worktable_page_04 {float:left;margin:0px 22px 0px 22px;width:90%;background-color:#eaeaea;border:1px #c6c6c6 solid;padding:15px 15px;}
.worktable_page_04>li {margin-bottom:0px;list-style-type:none;}
.worktable_page_04_in {border:1px #c6c6c6 solid;padding:10px 30px;}
.worktable_page_04_in li {list-style-type:square;}

.margin_value01 {margin-bottom:10px;}

.worktable_sort_setup_wrap {width:100%; text-align:center; overflow:hidden;}
.worktable_sort_setup_wrap>li {display:inline-block;vertical-align:top;}
.worktable_sort_setup_L {border:1px #c6c6c6 solid;width:210px;height:200px;max-height:300px;margin-bottom:10px;padding:10px;overflow-y:auto;overflow-x:auto;
    text-align:left;box-shadow:inset 0 0 5px #888;-webkit-box-shadow:inset 0 0 5px #888;-moz-box-shadow:inset 0 0 5px #888;}
.worktable_sort_setup_L:hover {border:1px #f90 solid;background:#f2f2f2;	}
.worktable_sort_setup_L div {padding:5px 0;}
.worktable_sort_setup div:hover {color:#f90;cursor:pointer;}

.worktable_sort_setup_C {width:100px;height:200px;max-height:300px;margin-bottom:10px;padding:10px;}
.worktable_sort_setup_C li {height:100%;width:100px;margin-top:40px;}


/**************** Report Outline 목록 **********************/
.report_outline_wrap {position:absolute; width:300px; height:100%; right:0px; top:0px;  border-left:1px #c6c6c6 solid; background:#fff;}
.report_outline_title {font-size:12px; font-weight:bold; text-align:center; background:#f5f5f5; padding:5px; border-bottom:1px #c6c6c6 solid; border-top:1px #c6c6c6 solid;}
.report_outline_list {padding:10px; min-height:400px; max-height:650px; margin-bottom:40px; overflow:auto;}
.report_outline_content {margin-left:22px;}
.bottom-button01 {position:absolute; bottom:0; right:0; z-index:999; margin-right:10px; margin-bottom:10px;}

/* import popup table  */
.customized_body .import_table tr:hover td {background:#cbefff;}
/* .customized_body .import_table tr:hover td(0) {border:1px #3bafea solid;} */

/**************** Report Outline checkbox_images ******************/
.data_tree_S {width:20px; height:20px; background:url('../../images/data_tree_ok.png')left 0; float:left; margin-right:5px;}
.data_tree_F {width:20px; height:20px; background:url('../../images/data_tree_fail.png')left 0; float:left; margin-right:5px;}
.data_tree_P {width:20px; height:20px; background:url('../../images/data_tree_none.png')left 0; float:left; margin-right:5px;}

/**************** tree ******************/
.report_outline_tree li>span.type-li-off {border:1px #c6c6c6 solid; box-shadow:1px 1px #888; width:170px; height:40px; padding:4px; margin-top:10px; display:inline-block; cursor:pointer}
.report_outline_tree li>span.type-li-on {border:1px #3bafea solid; box-shadow:1px 1px #888; width:170px; height:40px; padding:4px; margin-top:10px; display:inline-block; background:#cbefff;}
.report_outline_tree li>span.type-li-off:hover {border:1px #3bafea solid; box-shadow:0 0; width:170px; height:40px; padding:4px;}
.report_outline_tree li>span>div {padding-left:20px;}
.report_outline_list ul {padding-left:20px;}
.report_outline_list li {position:relative; margin:0;padding:5px 5px 0 0;}
.report_outline_list li::before,
.report_outline_tree li::after {content:''; left:-10px; position:absolute; right:auto}
.report_outline_list li::before {border-left:1px dotted #cccccc; bottom:50px; height:100%; top:0; width:1px}
.report_outline_list li::after {border-top:1px dotted #cccccc; height:30px; top:30px; width:10px; border-left:0px;}
.report_outline_list li:last-child::before {height:30px}

/**************** Data Analytics Layout  ******************/
#ui-corner-left {left: 10px; top: 20px; width: 120px; height: 27px; position: absolute;}
#ui-corner-center {left: 130px; top: 20px; width: 120px; height: 27px; position: absolute;}
#ui-corner-right {left: 250px; top: 20px; width: 120px; height: 27px; position: absolute;}
/**************** contract layer popover  ****************/
.layer-ecs-box {text-align:center; padding:30px 0px 30px; border: 1px solid #d4d4d4; font-weight:bold;}
.layer-ecs-btn {border-width:0px; padding:2px 0; background-color:#009966; height:30px; width:180px; font-size:14px; font-weight:bold; color:#ffffff;}
.layer-ecs-btn-gray {border-width:0px; padding:2px 0; background-color:#b7b7b7; height:30px; width:180px; font-size:14px; font-weight:bold; color:#ffffff;}
.layer-top-ecs {padding:5px; font-weight:bold; background-color:#009973; color:#ffffff; border:1px solid #008d6a;}
.layer-btn-ecs {padding-top:10px; font-size:11px; text-align:center;}
/**************** contract  ******************/
.table-title {font-weight:bold; font-size:11px;}
.base-area {padding: 20px 20px 0px 20px;}
.base-area table {font-size:11px; border-top: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4;}
.base-area table th {padding:5px; background:#f5f5f5; font-weight:normal; color:#656565; text-align:left; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
.base-area table td {padding:5px; text-align:left; border-bottom: 1px solid #d4d4d4;}
.base-area table td a:link {color:#1c94c4; text-decoration:underline !important; font-weight:bold;}

.edu-area {padding: 10px 20px 0px 20px;}
.edu-area table {font-size:11px; border-top: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;}
.edu-area table th {height: 20px; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;background:#f5f5f5; font-weight:normal; color:#404040; text-align:center;}
.edu-area table td {padding: 4px; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;}
.edu-area table td input {font-size: 11px;}

.car-area {padding: 10px 20px 0px 20px;}
.car-area table {font-size:11px; border-top: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;}
.car-area table th {height: 20px;border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;background:#f5f5f5; font-weight:normal; color:#404040; text-align:center;}
.car-area table td {padding: 4px; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;}
.car-area table td input {font-size: 11px;}

.prj-area {padding: 10px 20px 0px 20px;}
.prj-area table {font-size:11px; border-top: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;}
.prj-area table th {height: 20px;border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;background:#f5f5f5; font-weight:normal; color:#404040; text-align:center;}
.prj-area table td {padding: 4px; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;}
.prj-area table td input {font-size: 11px;}

.status-area {padding: 10px 20px 0px 20px;}
.status-area table {font-size:11px; border-top: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;}
.status-area table th {height: 30px;border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;background:#f5f5f5; font-weight:normal; color:#404040; text-align:center;}
.status-area table td {height:24px; padding: 4px; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; text-align: center;}

.pay-area {padding: 10px 20px 0px 20px;}
.pay-area table {font-size:11px; border-top: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;}
.pay-area table th {height: 30px;border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;background:#f5f5f5; font-weight:normal; color:#404040; text-align:center;}
.pay-area table td {padding: 4px; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;}
.pay-area table td  	{font-size: 11px;}

.basic-area {padding: 20px 20px 0px 20px;}
.basic-area table {font-size:11px; border: 0px;}
.basic-area table td {height: 30px;}
.basic-area table td input {font-size: 11px; text-align: right;}

.contract-file-area {padding: 10px 20px 0px 20px;}
.contract-file-area table {font-size:11px; border-top: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;}
.contract-file-area table th {height: 30px;border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;background:#f5f5f5; font-weight:normal; color:#656565; text-align:center;}
.contract-file-area table td {height: 20px; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;}
.contract-file-area table td input {font-size: 11px;}

/*RBM-rank 테이블과 기타등등 */

.table7 {border:1px solid #d8d8d8;}
.table7 th {padding:10px 3px; border-bottom:1px solid #d8d8d8; color:#404040; font-size:14px; text-align:center; font-weight:bold; vertical-align: middle;}
.table7 td {padding:13px 3px; border-bottom:1px solid #d8d8d8; color:#5c6064; font-size:12px; text-align:left; vertical-align: middle;}
.table7 td a div {text-align:center;}
.table7 td.table7_title {padding:2px 3px; font-size: 14px; border-bottom: 1px solid #d4d4d4;}
.table7 td .mr10 div {width:60px; text-align:center}
/*.table7 tr:nth-of-type(even) {background-color:#ffffff;}*/
/*.table7 tr:nth-of-type(odd) {background-color:#ffffff;background-color:#f5f5f5;}*/
.table7 a:link,
.table7 a:active,
.table7 a:visited,
.table7 a:hover {color:#3391e2; text-decoration:underline !important; font-weight:bold;}
.table8 {border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4;border-top:1px solid #d4d4d4;}
.table8 td {padding:10px 3px 10px 15px; ; font-size:11px; font-weight:bold; text-align:left;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );}
.table7_title {
    font-weight: bold;
    text-align: left;
    background: #f5f5f5;
    /*background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%);*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));*/
    /*background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);*/
    /*background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);*/
    /*background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);*/
    /*background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );*/
}
/* rbm */
.table9 {font-size:11px;border-left:1px solid #d4d4d4;border-top:1px solid #d4d4d4;border-right:1px solid #d4d4d4;word-break:normal}
.table9 th {padding:10px; background:#f5f5f5; border-bottom:1px solid #d4d4d4; color:#404040;}
.table9 td {padding:10px; border-bottom:1px solid #d4d4d4; text-align:center;}
.score-table {word-break:normal}

.rbm {padding:0 2px 30px; font-size:11px; *zoom:1}
.rbm:after,.rbm:before{line-height:0;display:table;content:''}
.rbm:after{clear:both}
.rbm_wrap {width:calc(33% - 16px);float:left;padding-left:16px;}
.rbm_wrap:first-child {width:34%; padding-left:0}
.rbm_wrap:first-child .table7 {margin-left:0}
.rbm_title {font-size:13px;font-weight:bold;color:#787e88;margin-bottom:8px;display:inline-block;}
.rbm_title + span {color:#787e88; font-size:13px;}
.rbm_spi {font-size:18px;font-weight:bold;}
.rbm_rank1 {font-size:20px;font-weight:bold;color:#99cc66}
.rbm_rank2 {font-size:13px;font-weight:bold;color:#99cc66}
.rbm_score {width:60px;height:25px;text-align:center;font-size:14px;color:#FFF;line-height:23px;font-weight:bold;}
.rbm_menu {width:14px;height:14px;text-indent: -9999px; overflow: hidden;margin-top:2px;}
.score1 {background-color:#cc0000}/*0~40*/
.score2 {background-color:#e22626}/*40~50*/
.score3 {background-color:#f05837}/*50~60*/
.score4 {background-color:#f7932d}/*60~65*/
.score5 {background-color:#fcb813}/*65~70*/
.score6 {background-color:#ffcc05}/*70~75*/
.score7 {background-color:#e4c815}/*75~80*/
.score8 {background-color:#aabf37}/*80~85*/
.score9 {background-color:#86b23e}/*85~90*/
.score10 {background-color:#63a742}/*90~95*/
.score11 {background-color:#359947}/*95~100*/

.grade1 {background-color:rgba( 53, 153,  71, 1.00);}
.grade2 {background-color:rgba(255, 204,   5, 1.00);}
.grade3 {background-color:rgba(204,   0,   0, 1.00);}
.grade1-light {background-color:rgba( 53, 153,  71, 0.10);}
.grade2-light {background-color:rgba(255, 204,   5, 0.10);}
.grade3-light {background-color:rgba(204,   0,   0, 0.10);}

.result_score {width:61px;height:28px;text-align:center;font-size:14px;color:#FFF;line-height:26px;font-weight:bold;border-radius:3px}
.rbm_wrap li {color:#5c6064; font-size:12px}
.rbm_wrap .table7 .mr10 {font-size:11px; text-align:center; margin-right:0}
.rbm_wrap .table7 .mr10 > div {display:block; width:60px; margin:0 auto; text-align:center;}
.rbm_wrap .table7 .mr10 > div + div {margin-top:3px;}
.rbm_wrap .table7 {table-layout:fixed;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}

/*log table*/
.log-table-wrap2 {clear:both; border-bottom:1px solid var(--border-table-border-color);border-left:1px solid var(--border-table-border-color);border-right:1px solid var(--border-table-border-color);}
.log-table2 {margin-top:4px; border-left:1px solid var(--border-table-border-color);border-top:1px solid var(--border-table-border-color);}
.log-table2 th {padding:5px 2px; background-color:#f0f1f2; border-bottom:1px solid var(--border-table-border-color); border-right:1px solid var(--border-table-border-color); font-size:11px; color:#404040; font-weight:400}
.log-table2 td {padding:5px 2px; background-color:#ffffff; border-bottom:1px solid var(--border-table-border-color); border-right:1px solid var(--border-table-border-color); font-size:11px; color:#363636; text-align:center; word-break: break-word}
.log-select-area {padding:3px 7px 9px 10px;border-left:1px solid var(--border-table-border-color);border-right:1px solid var(--border-table-border-color);}
.log-select-area select {height:26px}

/* list type radio */
#list-type-radio {position: absolute; top:9px; right: 12px; margin:0}
#list-type-radio label {background:none; border:0;}
#list-type-radio + .table-top {right:80px}

/* Summary */
.study-info-body {float:left; width:35%;}
/*.study-info-body .col-table {border-right:1px solid #d4d4d4}*/
.query-info-body {float:right; width:63%;}
/*.query-info-body .col-table {border-right:1px solid #d4d4d4}*/
.study-info-body .crf-title,
.query-info-body .crf-title {margin:0 !important; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4}
.study-info-body .crf-name,
.query-info-body .crf-name {border:0;}


/* Admin > Audit Trail button (txt-icon.png) */
#btn_audit img,
#btn_userAudit img {width:24px; height:24px;}

/* Admin user */
.expire-form textarea {max-height:34px}
.user_modify_add_table a[data-role=restore] img,
.user_modify_add_table a[data-role=add] img,
.user_modify_add_table a[data-role=del] img {width:24px; height:24px;}


/* setting */
.layer-setting a {display:block; padding:3px 0; color:#363636; font-weight:400}
.layer-setting a:hover,
.layer-setting a:focus {background:#edfff3}
#user_lang_options a {color:#363636; font-weight:400}

/* RBM > setting border table */
.setting-table tbody td[rowspan],
.setting-table tbody td[rowspan] + td,
.setting-table tbody td:first-child {border-right:1px solid #d4d4d4}

/* IWRS */
/*#stock-list .table1 tbody td {border-bottom:0}*/
/*#stock-list .table1 tbody td[rowspan] {border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4}*/
/*#stock-list .table1 tbody td[rowspan] ~ td {border-top:1px solid #d4d4d4;}*/
/*#stock-list .table1 tbody tr td:first-child:not([rowspan]) ~ td {border-top:1px solid #d4d4d4;}*/

/* Release Note */
.release-note-wrap {table-layout:fixed; width:1178px; margin:10px auto 0; padding:12px 16px 16px; border: solid 1px #d4d4d4; border-top:4px solid #0f943e; background-color:#fff; border-spacing:0;}
.release-note-wrap > tbody > tr > td {padding:0; vertical-align:top;}
.release-note-wrap .release-note-top {height:48px; padding:0 16px; line-height:48px; font-size:15px; color:#5c6064; font-weight:700;}
.release-note-wrap .release-list {border:1px solid #d4d4d4}

.release-note-wrap .layer-table1 {table-layout:fixed; border:1px solid #d4d4d4}
.release-note-wrap .layer-table1 td {vertical-align:top; background:0}
.release-note-wrap .layer-table1 input[type=button] {height:18px; padding:0 8px !important; color:#5c6064; font-size:11px; background:#fff; border:1px solid #bdbdbd; border-radius:2px; line-height:1.2em}
.release-note-wrap .layer-table1 .download-file {padding:0 8px; border-top:1px solid #dedede;}
.release-note-wrap .layer-table1 .download-file > div {height:31px; line-height:31px;}
.release-note-wrap .release-note-content {overflow:auto; height:573px; padding:10px}

/* ************** Dashboard ************** */
/*#au-main.au-dashboard {background-color:#eee}*/
#au-main.au-dashboard .content-body {padding-right:0}
.dashboard-wrap {padding-right:312px; padding-bottom:12px}

/* scrollbar hidden */
#au-main.au-dashboard .nano .content {overflow-y: scroll; /* Add the ability to scroll */}
/* Hide scrollbar for Chrome, Safari and Opera (not firefox) */
#au-main.au-dashboard .nano .content::-webkit-scrollbar {display: none; overflow: -moz-scrollbars-none;}
/* Hide scrollbar for IE and Edge */
#au-main.au-dashboard .nano .content  {-ms-overflow-style: none;}
/* Hide scrollbar for Firefox */
#au-main.au-dashboard .nano .content  {scrollbar-width: none;}
#au-main.au-dashboard .au-tab-wrap {right: 312px}

/* Notifications */
.system-list li {position:relative; padding:7px 14px 6px; border-top:1px solid #d7d7d7; color:#363636; font-size:12px}
.system-list li > * {vertical-align:middle}
.system-list li a {display:inline-block; width:calc(100% - 140px - 220px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1c94c4; font-weight: bold; text-decoration: underline}
.system-list li em {display:inline-block; width:140px; font-style:normal}
.system-list li span {display:inline-block; position:absolute; right:14px; top:7px; }
.system-list li.no-data {text-align:center}

.dashboard-noti {position:relative; border:1px solid #ccc; background:#fff; border-radius:3px;}
.dashboard-noti .system-list li a {width:calc(100% - 220px);}

/* Guidelines */
.dashboard-guideline {position:relative; border:1px solid #ccc; background:#fff; margin-top:12px; border-radius:3px;}
.dashboard-grid-wrap {margin-top:12px;}
.dashboard-grid-wrap table {table-layout: fixed; word-wrap: normal;}
.dashboard-grid-wrap > table > tbody > tr > td {width:50%; vertical-align:top;}

.ico-not-read {display:inline-block; height:16px; padding:0 5px; background:#0f943e; color:#fff; font-size:11px; border-radius:8px; text-align:center; font-weight:normal; font-style:normal; line-height:16px; vertical-align:middle;}
.dashboard-wrap .title {padding:12px 14px 8px; color:#5c6064; font-size:13px; font-weight:bold}
.dashboard-wrap .title .right {font-weight:normal}
.dashboard-wrap .title .refresh-chart {color:#5c6064}
.dashboard-wrap .title .ico-not-read {margin-left:4px; vertical-align:2px;}
.dashboard-wrap .btn-more {position:absolute; right:14px; top:11px; color:#319050; font-size:12px; font-weight:normal; text-decoration:underline;}

/* Information */
.dashboard-info {position:relative; height:314px; margin-right:6px; border:1px solid #ccc; background:#fff; border-radius:3px;}
.dashboard-info .info-scroll {height:265px; overflow:auto; overflow-x: hidden; padding:0 14px;}
.dashboard-info .info-scroll table + table {margin-top:16px}
.dashboard-info .info-scroll table th {padding:4px 10px; border: solid 1px #d4d4d4; color:#404040; font-size:12px; font-weight:normal; text-align:left; background-color:#f0f1f2}
.dashboard-info .info-scroll table td {padding:3px 8px; border: solid 1px #d4d4d4; color:#5c6064; font-size:12px;}
.dashboard-info .info-scroll table td a {color:#1c94c4; font-weight:bold; text-decoration: underline;}
.dashboard-info .info-scroll table.wid-auto th {width:50%}
.dashboard-info .info-scroll table.wid-auto td {width:50%}
/* Status */
.dashboard-status {position:relative; height:314px; margin-left:6px; border:1px solid #ccc; background:#fff; border-radius:3px;}
.dashboard-status .graph {width:98%; height:225px; margin:0 auto}
.dashboard-status .graph-total {position:absolute; bottom:12px; left:15px; right:15px;}
.dashboard-status .graph-total ul {text-align:center}
.dashboard-status .graph-total li {display:block; color:#6e6e6e; font-size:12px; text-align:center}
.dashboard-status .graph-total li + li {margin:2px 0 0 0}
.dashboard-status .graph-total li::before {display:inline-block; content:''; width:6px; height:6px; margin-right:6px; background:#0f943e; border-radius:100%; vertical-align:middle;}
.dashboard-status .graph-total li strong {font-weight:normal; color:#363636}
.dashboard-status .graph-total table th,
.dashboard-status .graph-total table td {padding:6px 8px 7px 8px; border: solid 1px #d5d5d5; text-align:left; font-size:11px; line-height:1.4;}
.dashboard-status .graph-total table th {background-color: #f0f1f2; color:#6e6e6e; font-weight:normal;}
.dashboard-status .graph-total table td {color:#363636;}
.status-table th,
.status-table td {font-size:12px; font-weight:normal;}
.status-table thead th {padding:0 8px 4px 0; border-bottom:1px solid #d4d4d4; color:#404040; text-align:right}
.status-table thead th:first-child {text-align:left}
.status-table tbody th {position:relative; padding:2px 0 2px 11px; color:#404040; text-align:left; line-height:normal;}
.status-table tbody th > div {display:inline-block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align:top;}
.status-table tbody td {padding:2px 8px 0 0; color:#363636; text-align:right}
.status-table .ico {display:inline-block; position:absolute; left:0; top:7px; width:7px; height:7px; margin-right:2px; border-radius:100%;}
.cl-1 {background:#def784}
.cl-2 {background:#67ae61}
.cl-3 {background:#1e7c5b}
.cl-4 {background:#005e3d}
.cl-5 {background:#b7cfff}
.cl-6 {background:#5d8eef}
.cl-7 {background:#2054b8}
.cl-8 {background:#d2c6ff}
.cl-9 {background:#7e6acb}
.cl-10 {background:#513892}
.cl-11 {background:#da9dde}
.cl-12 {background:#b06fc1}
.cl-13 {background:#8c3a8a}
.cl-14 {background:#fda3a3}
.cl-15 {background:#de7a7a}
.cl-16 {background:#b33e3e}
.cl-17 {background:#ffe690}
.cl-18 {background:#e5c147}
.cl-19 {background:#947200}
.cl-20 {background:#ffac7e}
.cl-21 {background:#e2783d}
.cl-22 {background:#a23d05}
.cl-23 {background:#9ce3d1}
.cl-24 {background:#47c6a6}
.cl-25 {background:#2b8d92}
.cl-26 {background:#a2dbff}
.cl-27 {background:#5ab0e7}
.cl-28 {background:#0478c1}
.cl-29 {background:#b0b0b0}
.cl-30 {background:#666666}

/* Monthly */
.dashboard-monthly-status {position:relative; border:1px solid #ccc; background:#fff; margin-top:12px; border-radius:3px;}
.monthly-graph-wrap {padding: 0 14px;}

/* loading */
.dashboard-wrap .loader-overlay {position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:.5;}
.dashboard-wrap .loader-wrap {position: absolute; top: 50%; left: 50%; margin:0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.dashboard-wrap .loader span {width:10px; height:10px; margin:35px 4px 30px;}
.dashboard-wrap .loader span:nth-child(1) {animation-name:bounce_s}
.dashboard-wrap .loader span:nth-child(2) {animation-name:bounce_s}
.dashboard-wrap .loader span:nth-child(3) {animation-name:bounce_s}
.dashboard-wrap .loader span:nth-child(4) {animation-name:bounce_s}
.dashboard-wrap .loader span:nth-child(5) {animation-name:bounce_s}

/* To do */
.dashboard-todo {position: absolute; overflow: auto; overflow-x:hidden; right: 0; top: -46px; bottom: 0; width: 272px; padding:14px; background: #fff; border-left:1px solid #ccc;}
.dashboard-todo .title {color:#5c6064; font-size:15px; font-weight:700; letter-spacing: -0.8px;}
.card-frame{position:relative; margin-bottom: 20px;}
.todo-list {position:relative; top:11px; left:-13px; right:0; bottom:10px; padding:0 14px}
.todo-list li {padding:7px 5px 7px 10px; border:1px solid #e8e8e8; border-left:4px solid #c1c1c1; border-radius:3px; background-color:#fff;}
.todo-list li + li {margin-top:4px;}
.todo-list li li + li {border-radius:0;}
.todo-list li .label {display:block; margin-bottom:7px; font-size:11px; color:#777777; font-style:normal; line-height:1.4;}
.todo-list li a {display:block; color:#363636; font-size:20px; line-height:1.1em;}
.todo-list li a strong {vertical-align:top;}
.todo-list li a.show strong {color:#319050; font-size:11px; font-weight:normal; text-decoration: underline;}
.todo-list li.open-query {border-left-color:#f8b000}
.todo-list li.answered-query {border-left-color:#88b8fc}
.todo-list li.booklet {border-left-color:#0f943e}
.todo-list li.crf-signed {border-left-color:#88b8fc}
.todo-list li.not-sdv {border-left-color:#8adba7}
.todo-list li.system-approval {border-left-color:#716db4}
.todo-list li.sae-wating {border-left-color:#ff9393; padding:0}
.todo-list li.sae-wating li {margin:0; padding:9px 0 9px 10px; border:0; border-top:1px solid #e8e8e8;}
.todo-list li.sae-wating li:first-child {border-top:0}
.todo-list li.missing {border-left-color:#E771DB}/* 12월 이관건 - missing page */

/* Screen 1281 ~ 1535 */
@media (min-width: 1281px) {
    .dashboard-noti {float:left; width:calc(50% - 8px); min-height:137px; margin-bottom:12px;}
    .dashboard-guideline {float:right; width:calc(50% - 8px); min-height:137px; margin:0 0 12px 0; }
    .dashboard-grid-wrap {float:none; clear:both;}
}
/* Screen 1536 ~ */
@media (min-width: 1536px) {
    .dashboard-info, .dashboard-status {height:371px;}
    .dashboard-info .info-scroll {height:322px}
    .dashboard-info .info-scroll table th,
    .dashboard-info .info-scroll table td {padding-top:7px; padding-bottom:7px; font-size:13px;}
    .dashboard-status .graph {height:298px;}
    .dashboard-status .graph-total {bottom:16px}
    .dashboard-status .graph-total li {display:inline-block; font-size:13px}
    .dashboard-status .graph-total li + li {margin-left:24px}
    .status-table th,
    .status-table td {font-size:13px;}
    .status-table tbody th,
    .status-table tbody td {padding-top:4px; padding-bottom:4px}
    .status-table tbody th {padding-left:14px}
    .status-table .ico {top:9px; width:10px; height:10px}
}

/* login extend POPUP */
.login-extend {padding:14px 16px 18px; color:#363636; font-size:13px;}
.login-extend strong {color:#0f943e;}
.login-extend .img {margin:32px 0 0;text-align:center}

/* drug popup */
.hr-bd {margin: 16px 0 22px; border-top: 1px solid #d8d8d8; padding: 0; outline: 0; height: 0; line-height: 0; font-size: 0; border: 0; border-top: 1px solid #d8d8d8;}


/* s: 12월 이관건 - Visit Window */
.calendar-filter {margin:0 0 8px 0;}
.calendar-filter-button {display:inline-block; vertical-align: middle;}
.calendar-filter-button a {float:left; width:22px; height:22px; border:1px solid #A3A8B0; text-align:center; line-height:20px; border-top-left-radius: 2px; border-radius: 2px 0px 0px 2px;}
.calendar-filter-button a.disabled {background: #F1F1F1;}
.calendar-filter-button a + a {margin-left: -1px; border-radius: 0px 2px 2px 0px;}

.visit-info-wrap .au-radio-wrap {display:inline-block; vertical-align: top; padding-bottom:6px;}
.visit-info-wrap .btn-summary {display:inline-block; position:relative; vertical-align: -5px;}
.btn-summary a {display:block; width:24px; height: 24px;}
.btn-summary a img {max-width:100%; vertical-align: top; width:16px; height: 16px;}
.btn-summary .layer-wrap {display:none; position: absolute; top: 0; left:99%; width:470px;}
.btn-summary a:hover + .layer-wrap,
.btn-summary .layer-wrap:hover {display:block}
/* CDMSISSUE-2886 - 부분 삭제(아래 수정)
.visit-info div {margin:16px 0 6px 0; font-size:12px; color:#5C6064}
.visit-info div:first-child {margin-top:0;}
.visit-info li {font-size:12px; color:#363636; line-height:18px;}
.visit-info li + li {margin-top:4px;}
.visit-info li span[class^="v-icon-"] {display:inline-block; width:12px; height:12px; margin-right:6px; vertical-align: -2px;} */
.v-icon-green {background: #1CB351;}
.v-icon-yellow {background: #FFC700;}
.v-icon-red {background: #E30000;}
.v-icon-gray {background: #CFCFCF;}

.table1 tbody td.v-green {background-color: #E9FAEF;}
.table1 tbody td.v-yellow {background-color: #FFF7DA;}
.table1 tbody td.v-red {background-color: #FFE9E9;}
.table1 tbody td.v-gray {background-color: #F3F4F6;}

.expected-visit-date {margin-left: 6px;}
.expected-visit-date.edit {font-size:12px; color:#363636;}
.expected-visit-date.edit a {display:inline-block; margin-left:8px; vertical-align: 1px;}
.btn-modify img {width: 16px;}
.hr {margin:16px 0; border:0; height:1px; background:#d8d8d8}
.layer-wrap .ui-datepicker {margin:0 auto; padding:0; border:0; background:transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/* e: 12월 이관건 - Visit Window */


/* s: 12월 이관건 - System Window */
.mt16 {margin-top: 16px;}
.pd32 {padding:24px 32px 16px}
.layer-top-txt {margin:0 0 20px 0}
.striped-table table {width:100%}
.striped-table th, .striped-table td {padding: 11px 0 11px 16px; color:#363636; font-size:13px; font-weight: 700; background: #F5F5F5; text-align:left;}
.striped-table tr:nth-child(even) th,
.striped-table tr:nth-child(even) td {background: #FBFBFB;}
.layer-btn > label {margin-right: 24px}
.layer-btn > label:first-child {margin-right: 18px}
/* e: 12월 이관건 - System Window */

/* [CDMSISSUE-2450, CDMSISSUE-2830] 2021-05-18 */
.total-result {margin-top:4px; padding-right:2px; color: #363636; text-align:right; font-size: 12px;}

/* CDMSISSUE-2886 */
.layer-table5 {border-collapse:collapse;}
.layer-table5 th {padding:7px; background-color:#F9F9F9; border:1px solid #ECECEC; font-weight:bold; color:#363636; font-size:12px; text-align:center;}
.layer-table5 td {padding:7px; background-color:#ffffff; border:1px solid #ECECEC; color:#363636; font-size:12px; text-align:center;}
.dot-list li {position:relative; padding-left:24px; line-height:22px;}
.dot-list li::before {display:block; content:''; position:absolute; top:9px; left:12px; width:4px; height:4px; background:#444444}
.dot-list li + li {margin-top:4px;}
.visit-info-title {margin-bottom:14px;}
.visit-info div[class^="v-"] {padding:4px 0; border-radius: 2px;}
.visit-info .v-green {background: #E9FAEF;}
.visit-info .v-red {background: #FFE9E9;}
.visit-info .v-yellow {background: #FFF7DA;}
.visit-info .v-gray {background: #EFEFEF;}
.txt-red {color:#FF5252}

/* CDMS-2617 */
/* CDMSISSUE-2234 */
.dashboard-todo .title::before {display:inline-block; content:''; width:18px; height:18px;
    background:url('../../images/new2020/ico-page.png') no-repeat 0 0; background-size:100%;
    vertical-align: -4px;
    margin-right: 4px;
}
.dashboard-todo .title a {color: #5C6064;}
.dashboard-todo .title a::after {display:inline-block; content:'';
    width: 10px;
    height: 6px;
    margin-left: 8px;
    /* border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #5C6064; */
    background:url('../../images/new2020/arrow-down.png') no-repeat 0 0;
    background-size: 100%;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
.dashboard-todo .title a.open::after {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
[data-card-type=ecrf-count] .title {margin:32px 0 4px 0}

/* s: 202304 Target SDV */
.data-check input[title="Target Review"]:checked {background-image: url("../../images/new2020/checkbox-checked-tg-review.svg");}
.data-check input[title="Target SDV"]:checked {background-image: url("../../images/new2020/checkbox-checked-tg-sdv.svg");}

.schd-status-tg {position: absolute; top: 0; right: -17px; width: 14px; height: 14px; border-radius: 100%; overflow: hidden;}
.schd-status-tg img {vertical-align: top;}
*:first-child + html .schd-status-qt {top: 0px;}/* ie7 */
.schd-status-qt {top/*\**/: -2px\0IE8;}/* ie8 */
:root .schd-status-qt {top: -1px\0 / IE9;}/* ie9 */

/* SDV checkbox */
.sdv-check {display: inline-block;}
.sdv-check input[type="checkbox"] {width: 36px; height: 36px; border: 3px solid #d1d1d1; background: 0; cursor: pointer;}
.sdv-check input[type="checkbox"]:checked {border-color: #45c747; background: 0;}
.sdv-check input[type="checkbox"]:disabled {border: 0; background: url("../../images/new2020/sdv-checkbox-disabled.svg") no-repeat 0 0; cursor: not-allowed;}
/* e: 202304 Target SDV */

.fixed-table-header:nth-child(1) th {
    position: sticky;
    top: 0px;
    background-color: #ededed;
    z-index: 3;
}

.fixed-table-header:nth-child(2) th {
    position: sticky;
    top: 33px;
    background-color: #ededed;
    z-index: 3;
}

.fixed-table-header th:nth-child(1) {
    left: 0;
    z-index: 4;
    border-right: 1px solid #d4d4d4;
}

/* 202401 JPMS Mail Template */
.template-type-table {margin-bottom: 8px;}
.underline-link td a {text-decoration: underline;}

/* 202401 IP error switch */
.table-switch-wrap {position:absolute; right:2px; top:-2px;}
.input-switch input[type=checkbox] {visibility:hidden; position:absolute; top:0; left:0;}
.input-switch label {display:block; font-size:12px; color:#ACACAC; font-weight:700; vertical-align: middle; line-height:30px; cursor: pointer;}
.input-switch label::before {content:''; position:relative; display: inline-block; width:30px; height:30px; margin-right:4px; background:url(../../images/new2020/toggle-off.png) no-repeat 0 0; background-size: 30px; vertical-align: top;}
.input-switch input[type=checkbox]:checked + label {color:#0F943E}
.input-switch input[type=checkbox]:checked + label::before {background-image:url(../../images/new2020/toggle-on.png);}



/* 202401 Schedule List Booklet */
.table2 .status-line {border-right: 1px dashed #5C6064;}
.table2 tr.booklet-status th,
.table2 tr.booklet-status td {font-weight:700}

/* 202401 CRF(top) Booklet Status */
.crf-current-status {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
}
.crf-current-status > * {margin-left: 6px;}
.crf-current-status .status-booklet {display:inline-block; height:18px; padding:0 6px; border-radius: 4px; color:#319051; font-size:12px; background-color:#D7F1DF; vertical-align: middle;}
.crf-current-status .status-booklet::before {display:inline-block; content:''; width:8px; height:8px; margin-right:4px; background:#319051; border-radius: 100%;}

/* 202401 Bookelet Status */
.status-view {overflow:hidden; position: absolute}
.status-view .radio-wrap {float:left; padding:0}
.status-view .radio-wrap input {position:absolute; top:0; left: 0; opacity: 0; cursor: pointer;}
.status-view .radio-wrap label span {display:block; height: 24px; padding: 0 12px; line-height: 24px; background: #DCDCDC; color: #fff; font-size:13px; font-weight:700; cursor: pointer; }
.status-view .radio-wrap input:checked + span {background-color: #319050; cursor: default; }
.status-view .radio-wrap:first-child label span {border-radius: 3px 0px 0px 3px}
.status-view .radio-wrap:last-child label span {border-radius: 0 3px 3px 0}

/* start: coding > add AI */
.pd-bottom {padding-bottom:26px;}
.content-floating-button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    right: 24px;
    bottom:60px;
}
.button.btn-cir-ai,
.button.btn-cir-update {min-width: 62px; width:62px; height:62px; padding:0; border-radius: 100%; background-size: 62px !important;}
.btn-cir-ai {background: url(../../images/new2020/btn-ai-coding.png) no-repeat center center;}
.btn-cir-update {background: url(../../images/new2020/btn-update-coding.png) no-repeat center center;}
.btn-cir-update.disabled {background-image: url(../../images/new2020/btn-update-coding-disabled.png);}

.table3-title .title-text {display:inline-block; margin-left:4px; font-size:12px; font-weight:normal;}
.table3-title .right {margin-right:-10px}
.btn-ai-sm,
.ui-button.btn-ai-sm {width:24px; height:24px; border:0; background:url(../../images/new2020/btn-ai-sm.svg) no-repeat 0 0; vertical-align: top; cursor: pointer;}
.btn-ai-sm:hover,
.ui-button.btn-ai-sm:hover {background-image: url(../../images/new2020/btn-ai-sm-hover.svg)}
.btn-ai-sm:disabled,
.ui-button.btn-ai-sm:disabled,
.btn-ai-sm.disabled,
.ui-button.btn-ai-sm.disabled {background-image: url(../../images/new2020/btn-ai-sm-disabled.svg); cursor: no-drop;}
.btn-tooltip {position: relative; display:inline-block;}
.btn-tooltip .text {display: none; position:absolute; top:100%; right: 0;
    padding: 2px 10px;
    margin-top: 2px;
    border-radius: 2px;
    background: #595959;
    font-size: 12px;
    color: #FFF;
    font-weight: 500;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
}
.btn-tooltip button:hover + .text {display:block;}
.btn-tooltip button:disabled + .text {display:none !important;}

th.relative {position:relative}
.btn-tooltip.reset {position:absolute; top:10px; right:10px;}
.table3.link td a:link,
.table3.link td a:hover,
.table3.link td a:active {
    color: var(--link-color);
    text-decoration: underline !important;
}

/*.table3 th {word-break: keep-all; white-space: nowrap;}*/
/*.table3 td {word-break: keep-all; word-wrap: break-word;}*/
.table3 > tbody > tr > th {word-break: keep-all; white-space: nowrap;}
.table3 > tbody > tr > td {word-break: keep-all; word-wrap: break-word;}
/* end: coding > add AI */

/* coding (연구자,DM) table 너비 조정 */
.coding-table {table-layout: fixed;}
.coding-table > tbody > tr > th {white-space: normal;}

/* start: 2024-04 whodrug b3,c3 */
.table3-title .right > * {margin-left: 8px; vertical-align: middle;}
.table3 th.comment {white-space: wrap;}
.mt10 {margin-top:10px !important}
/* .b3-table td .icon {float:none; padding:0; width:auto; min-height:auto; border:0; text-align:center;} */

.title-search th .left {display: -webkit-flex; display: flex; gap: 4px 8px; -webkit-align-items: center; align-items: center; flex-wrap: wrap;}
.title-search th .right {line-height: 24px;}
.title-search th {padding: 4px 10px; border-bottom: 3px solid #595959;}
.title-search-wrap {display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between;}
.hidden-wrap {display: -webkit-inline-flex; display:inline-flex; gap: 8px; -webkit-align-items: center; align-items: center;}
.btn-search-more {width: 24px; height: 24px; border: 1px solid #BDBDBD; border-radius: 2px; background-color: #fff; vertical-align: middle; cursor: pointer;}
.btn-search-more.on img {transform: rotate(-180deg);}
.hidden-wrap .hidden-contents {display:none;}
.hidden-wrap .btn-search-more.on + .hidden-contents {display:block}
.hidden-wrap .btn-search-more.on + .hidden-contents > label {margin-right: 4px;}
.hidden-wrap .btn-search-more.on + .hidden-contents > span {margin-left: 8px;}
.search-filter-wrap {clear:both; float:left; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; gap: 4px 10px; margin-top: 4px; width: 100%;}
.search-filter-wrap span {display: block; position:relative; padding:4px 32px 4px 6px; border:1px solid #D4D4D4; border-radius: 4px; background-color:#fff; color:#404040; font-size:12px;}
.search-filter-wrap span .btn-tag-delete {display: inline-block; position:absolute; right:6px; top:1px; width:24px; height:24px; border:0; background:url(../../images/new2020/filter-close.svg) no-repeat center center; vertical-align:middle; cursor: pointer;}

.format-table > div {padding:0 !important}
.format-table .table-header-fixed thead {width:100%; height:39px;}
.format-table .table-header-fixed tbody {margin-top: 38px}
.format-table .table-header-fixed th {padding:0 10px; background-color:#F0F1F2;  line-height: normal; text-align:left; word-break: break-all;}
.format-table .table-header-fixed td {padding:8px 10px; vertical-align: top; word-break: break-all;}
.format-table i.official {color:#FFC107;}
.format-table i.umc-assigned {color:#198754;}

.format-table.b3-table .table-header-fixed th {border-top: 0}
.format-table.b3-table .table-header-fixed tr:nth-child(odd) td {background-color:#FCFCFC;}
.format-table.b3-table .table-header-fixed th:first-child,
.format-table.b3-table .table-header-fixed td:first-child {border-left:0;}
.format-table.b3-table .table-header-fixed th:last-child,
.format-table.b3-table .table-header-fixed td:last-child {border-right:0;}

/* C3 */
.full-layer .layer-pd {display:flex; flex-direction: column; height:calc(100% - 24px);}
.full-layer .layer-contents-wrap {flex:1; overflow:hidden; }
.full-layer .layer-contents {height:100%;}

.c3-contents {height:100%;}
.c3-table-title {overflow:hidden; height:38px; margin:0 0 8px; padding:6px 0; border-block: 1px solid #D4D4D4; box-sizing: border-box;}
.c3-table-title .left {display: -webkit-flex; display:flex; line-height:24px;}
.c3-table-title .left .product-name {margin-right:10px;}
.c3-table-title .left .product-info > * {margin-right:4px}
.c3-table-title .right > span {margin-left: 20px}

#codeWindow.format-table.c3-table {max-height:calc(100% - 46px);}
#codeWindow.format-table.c3-table .table-container-inner {border-bottom:1px solid #D4D4D4;}
.c3-contents .c3-table .table-container-inner {height: calc(100% - 1px)}

#codeWindow.format-table.quick-coding-table {max-height:calc(100% - 42px); border-bottom:1px solid #D4D4D4;}
.quick-table-title {margin-bottom:15px;}
.quick-table-title .left {float:none;  display: -webkit-flex; display: flex; gap: 20px;}
.select-code .table-header-fixed a {color:#FF4500; font-weight:bold; text-decoration: underline;}
.format-table.input-code .table-header-fixed tr:nth-child(odd) td {background-color:#FCFCFC;}

.table3.b3-table textarea.resize-h {max-height: 80px;}

#whoddDB.b3 .atcCodeList span {cursor: pointer;}
#whoddDB.b3 .atcCodeList span:hover {text-decoration: underline;}

#whoddDB.c3 .prodNameC3 span {cursor: pointer; color: #3E7DD7}
#whoddDB.c3 .prodNameC3 span:hover {text-decoration: underline;}

.c3-contents .table-container-inner table tbody tr td span {cursor: pointer;}
.c3-contents .table-container-inner table tbody tr td span:hover {text-decoration: underline;}

.c3-contents .table-container-inner table tbody .GRAY {background-color: #E4E4E4}
.c3-contents .table-container-inner table tbody .GREEN {background-color: #E5FFE5}
.c3-contents .table-container-inner table tbody .BLUE {background-color: #CFECFF}
/*.c3-contents .table-container-inner table tbody .WHITE {background-color: #ffffff}*/

.c3-contents .table-container-inner table tbody .hide-country, .c3-contents .table-container-inner table tbody .hide-color {display:none;}
/* end: 2024-04 whodrug b3,c3 */

/* s: 20241029 IWRS Dashboard */
/* new dashboard */

#au-main.au-dashboard.iwrs,
.iwrs-popover {
    --color-primary: #365FF6;
    --color-link: var(--color-focus);
    --task-color-ip: #6385F7;
    --task-color-delivery: #F2ADBA;
    --task-color-return: #A0D955;
}

#au-main.au-dashboard.epro,
.epro-popover {
    --color-primary: #319050;
    --color-link: var(--color-focus);
    --task-color-total: #ACACAC;
    --task-color-todo: #A4BE44;
    --task-color-complete: #67AE61;
    --task-color-overdue: #FF7672;
}

#au-main.au-dashboard.cdms, #au-main.au-dashboard.iwrs, #au-main.au-dashboard.epro { background-color: #fff;}

/* e: 20241113 */

/* new dashboard - button, icons */
.dashboard-v2-wrap button {cursor: pointer;}
span.ico {display:inline-block; vertical-align: middle; line-height:1;}
span.ico::before {display: inline-block; content:''; width: 24px; height: 24px; background-repeat:no-repeat; background-position: center center; background-size: 100% !important;}
.ico-view-larger::before {background-image: url(../../images/new2020/ico-view-larger.svg);}
.ico-gh-donuts::before {background-image: url(../../images/new2020/ico-gh-donuts.svg);}
.ico-gh-bar::before {background-image: url(../../images/new2020/ico-gh-bar.svg);}
.ico-gh-refresh::before {background-image: url(../../images/new2020/ico-gh-refresh.svg);}
.ico-gh-line::before {background-image: url(../../images/new2020/ico-gh-line.svg);}
.ico-gh-table::before {background-image: url(../../images/new2020/ico-gh-table.svg);}
.ico-gh-close::before {background-image: url(../../images/new2020/ico-gh-close.svg);}
.btn-icon {position:relative; display:inline-block; background: 0; border: 0; width:24px; height:24px; border-radius: 4px; border: 1px solid transparent;}
.btn-icon span.ico::before {display:inline-block; width:20px; height:20px; vertical-align: top;}
.btn-icon.plain {border:1px solid #7C858C; border-radius: 4px;}
.btn-icon:hover,.btn-icon:focus {background-color: #E1E4EA;}
.btn-icon:active {background-color: #CACFD8;}
.btn-icon .tooltip-txt {display:none;}
.btn-icon:hover .tooltip-txt {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    content: attr(title);
    margin-top: 0.5em;
    padding: 4px 10px;
    border-radius: 4px;
    background-color: #363636;
    color: #FFF;
    font-size: 10px;
    white-space: nowrap;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    opacity: 0.8;
}
.btn-icon:hover .tooltip-txt.right {left: initial; right: 0;}

.dashboard-v2-wrap {padding-right: 8px;} /* 20241112 */
.dashboard-v2-wrap .dashboard-section {display: flex; align-items: stretch; gap: 12px; margin-bottom:12px;}
.dashboard-v2-wrap .dashboard-section * {box-sizing: border-box;}
.dashboard-v2-wrap .dashboard-section.section2 {height: 400px;}
.dashboard-v2-wrap .dashboard-bx {position:relative; flex: 1; display: flex; flex-direction:column; justify-content: space-between; height:400px; padding: 12px; border-radius: 4px; border: 1px solid #CDD2D4; background: #fff; font-size: 12px;} /* 20241107 */
.dashboard-v2-wrap .dashboard-bx:hover {border-color:#7C858C;} /* 20241031 */
.dashboard-v2-wrap .dashboard-bx .title {color: #394049; font-size: 12px; font-weight: 700;}
.dashboard-v2-wrap .dashboard-bx > .graph {flex: 1}
.dashboard-v2-wrap .dashboard-bx-title {display: flex; justify-content: space-between; margin-bottom: 16px; gap:12px;} /* 20241029 */
.dashboard-v2-wrap .dashboard-bx-title > strong {line-height: normal; color:#394049;}
.dashboard-v2-wrap .dashboard-bx .graph,
.dashboard-v2-wrap .dashboard-bx .monthly-graph-wrap {flex: 1; display:flex; align-items: flex-end;} /* 20241107 */
.dashboard-v2-wrap .graph-total ul {display:flex; align-items: center; justify-content: center}
.dashboard-v2-wrap .graph-total li {display:block; padding:0 8px; color:#6e6e6e; font-size:11px; text-align:center}
.dashboard-v2-wrap .graph-total li::before {display:inline-block; content:''; width:12px; height:12px; margin-right:4px; background:#0f943e; border-radius:100%; vertical-align:-2px;}
.dashboard-v2-wrap .graph-total li strong {font-weight:normal; color:#363636}
.dashboard-v2-wrap .pie-graph-total {padding-bottom:28px;}
.dashboard-v2-wrap .pie-graph-total ul {flex-wrap: wrap;}
/* start: 20241126 */
.dashboard-graph-option {flex:1; width: fit-content; display:flex; gap:8px; align-items: flex-start; justify-content: flex-end; white-space: nowrap; line-height: 1;}
.dashboard-graph-option .select-label {color: #7C858C; vertical-align: middle;}
.dashboard-graph-option .select-wrap {flex: 1; max-width:238px; display: flex; gap: 4px; align-items: center; justify-content: flex-end;}

/* s: 20250123 : EPRO Dashboard add */
.dashboard-graph-option .select-wrap select {width:100%; max-width: 210px;}
.dashboard-graph-option select {flex: 1; width:100%; min-width:90px; max-width:210px; padding: 2px 32px 2px 8px; border-radius: 4px;}
/* e: 20250123 : EPRO Dashboard add */

.dashboard-v2-wrap select,
.dashboard-popover-container select {flex: 1; width:100%; min-width:90px; max-width:210px; padding: 2px 32px 2px 8px; border-radius: 4px;}
.dashboard-popover {position:fixed; top:0; left:0; right:0; bottom:0; z-index:2000; border-radius:4px; color:#363636; height: 100vh !important;}
.dashboard-popover::before {display:block; content: ''; position:absolute; top:0; left:0; right:0; bottom:0; background: rgba(0, 0, 0, 0.70);}
/* end : 20241126 */

/* 20241105-02 */
.dashboard-popover-container {display: flex; flex-direction: column; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:90%; max-width:1440px; height: calc(100vh - 284px); max-height:796px; padding:12px; border-radius: 4px; background:#fff;}
.dashboard-popover-content {flex: 1; display: flex; flex-direction: column; overflow: hidden;} /* 20241118-02 */
.dashboard-popover-content .graph {height:100%}
.dashboard-popover-title {display:flex; justify-content: space-between; margin-bottom: 12px;}
.dashboard-popover-title strong {color: #5C6064; font-size: 16px;}
.dashboard-popover-title .title-r {text-align: right;}

/* new dashboard - task manager */
.dashboard-bx.dashboard-task-manager {flex: 1; height: 158px;}
.dashboard-bx.task-manager-disabled {background-color: #FAFAFA;}
.task-card-wrap {display: flex; gap:6px;}
.task-card-wrap .task-card {position:relative; flex:1; display: flex; flex-direction:column; height:98px; padding:10px; border: 1px solid #6385F7; border-radius: 4px;}
.task-card-wrap .task-card.ip {border-color: var(--task-color-ip);}
.task-card-wrap .task-card.delivery {border-color: var(--task-color-delivery);}
.task-card-wrap .task-card.return {border-color: var(--task-color-return);}

/* s: 20250123 : EPRO Dashboard add */
.task-card-wrap .task-card.todo {border-color: var(--task-color-todo);}
.task-card-wrap .task-card.complete {border-color: var(--task-color-complete);}
.task-card-wrap .task-card.overdue {border-color: var(--task-color-overdue);}
.task-card-wrap .task-card.total {border-color: var(--task-color-total);}
/* e: 20250123 : EPRO Dashboard add */

/* s: 20241031 */
.task-card-wrap .task-card > em {display:block; font-style:normal; color: #363636; font-size: 12px; line-height: normal; text-align:center;}
.task-card-wrap .task-card > span {display:flex; align-items: center; justify-content: center; position:absolute; left:0; right:0; bottom:12px; line-height: normal;}
.task-card-wrap .task-card a {display:inline-block; color: #0F0F0F; font-size: 30px; font-weight: 700;}
.task-card-wrap .task-card a:hover,
.task-card-wrap .task-card a:focus {text-decoration: underline;}
.task-card-wrap .task-card .overdue {color: #C0403D; margin-left:16px;}
/* s: 20250123 : EPRO Dashboard */
.task-card-wrap .task-card a:not(:first-child)::before {display:inline-block; content:''; width:1px; height:16px; padding-left:15px; border-left: 1px solid #0F0F0F; vertical-align: 3px;} /* 202501 */
@media (max-width: 1356px) {
    .task-card-wrap .task-card a.overdue {margin-left: 8px;}
    .task-card-wrap .task-card a:not(:first-child)::before {padding-left: 5px;}
}

.pro-dashboard-no-data {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* e: 20250123 : EPRO Dashboard */
/* e: 20241031 */
.dashboard-v2-wrap .dashboard-noti {position:relative; flex: 0 0 auto; width: 170px; height: 158px; margin:0; background: #fff url(../../images/new2020/ico-cdms-dashboard-notifications.svg) no-repeat calc(100% - 12px) 12px;}
.dashboard-v2-wrap .dashboard-noti a {display: block; width:100%; height:100%; background: url(../../images/new2020/ico-dashboard-notifications-arr.svg) no-repeat right bottom;}
.dashboard-v2-wrap .dashboard-noti a > strong {position: absolute; left: 12px; bottom: 12px; color: #0F0F0F; font-size: 40px; font-weight: 700; letter-spacing: -0.06px; line-height: 1;}


/* new dashboard - Monthly */ /* 20241105 */
.dashboard-v2-wrap .dashboard-bx-wrap {flex: 1; display: flex; gap: 12px;}
.dashboard-v2-wrap .dashboard-bx-wrap > div {width:50%;}
.dashboard-v2-wrap .dashboard-monthly-status {margin: 0; max-width: calc(50% - 6px); min-width: calc(50% - 6px);} /* 20241118-02 */

/* iwrs colors 20241113 */
.au-dashboard.iwrs .task-card-wrap .task-card.ip {border-color: var(--task-color-ip);}
.au-dashboard.iwrs .task-card-wrap .task-card.delivery {border-color: var(--task-color-delivery);}
.au-dashboard.iwrs .task-card-wrap .task-card.return {border-color: var(--task-color-return);}
.au-dashboard.iwrs .dashboard-noti {background-image: url(../../images/new2020/ico-iwrs-dashboard-notifications.svg)}

.pie-graph-wrap {height: 334px; margin-inline:-11px;}/* 20241107 */
.dashboard-popover-content .pie-graph-wrap {height: 100%;}

/* [CDMSISSUE-7430] cdms dashboard */
.cdms-dashboard-section1 .dashboard-task-manager {display:block; height:auto; min-height:150px;}
.cdms-dashboard-section1 .task-card-wrap {flex-wrap:wrap;}
.cdms-dashboard-section1 .task-card {flex: 1; justify-content: space-between; height:90px; white-space: nowrap; border-color: #ACACAC;}
.cdms-dashboard-section1 .task-card .count-wrap {display:flex; gap:0; justify-content: center;}
.cdms-dashboard-section1 .task-card .count-item {position:relative; padding:0 12px; text-align: center;}
.cdms-dashboard-section1 .task-card .count-item:not(:first-child)::before {display:inline-block; content:''; position:absolute; top:50%; left:-2px; transform:translateY(-50%); width:1px; height:16px; border-right: 1px solid #0F0F0F; vertical-align: middle;}
.cdms-dashboard-section1 .task-card .count-item a {margin:0; padding:0; font-size:20px; line-height:normal;}
.cdms-dashboard-section1 .task-card .count-item a:after {display:none;}
.cdms-dashboard-section1 .task-card .count-item .label {display:block; font-size:10px; font-style:normal; font-weight: normal;}
.cdms-dashboard-section1 .task-card a:hover {text-decoration: none;}
.cdms-dashboard-section1 .task-card a:hover > span {text-decoration: underline;}
.cdms-dashboard-section1 .task-card a.disabled span {color:#B3B3B5; text-decoration: none;}
.cdms-dashboard-section1 .task-card a:not(:first-child)::before {display: none;}
.cdms-dashboard-section1 .dashboard-notice-wrap {display: flex; flex-direction: column; gap:12px;}
.cdms-dashboard-section1 .dashboard-noti {flex:1; width:136px; height:auto; min-height:auto; background-size:16px;}
.cdms-dashboard-section1 .dashboard-noti a > strong {font-size: 20px;}
.task-no-data {display:flex; align-items: center; justify-content: center; height:60%; color:#A6A6A6}
.cdms-dashboard-section2 .dashboard-monthly-status:first-child {max-width:initial; min-width:initial}

.dashboard-v2-wrap .status-view .radio-wrap label span {height:auto; padding:0 8px 0 0; background:none; color:#ACACAC; line-height:normal;}
.dashboard-v2-wrap .status-view .radio-wrap input:checked + span { color:#363636}

/* 20241107 add */
.view-type-option {position:absolute; bottom:12px; right:12px; z-index: 1; display:flex; gap: 8px;}
.view-type-option .btn-icon.is-active {background-color: #E1E4EA;}

/* s: 20241113 */
.notification-popover {height: auto !important; width: 865px; top:50%; left:50%; transform: translate(-50%, -50%);}
.notification-popover .layer-content-scroll {overflow-y: auto; height: 368px;}
.notification-popover .notification-detail-content .content-text {height: 184px; padding-bottom: 24px; vertical-align: top;}

.layer-wrap.iwrs-popover {height: auto !important; border-color: var(--color-primary);}
.layer-wrap.iwrs-popover .layer-btn a,
.layer-wrap.iwrs-popover .layer-btn input.green {border: 1px solid var(--color-primary) !important; background: var(--color-primary) !important;}
.layer-wrap.iwrs-popover td a {color: var(--color-link)}
/* e: 20241113 */

/* 20241118 add */
/* s: 20250123 : EPRO Dashboard */
.graph-table-wrap {flex: 1; position: relative; overflow:hidden; overflow-y: auto;} /* 20241118-02 */
.graph-table-wrap .layer-table1 th,
.graph-table-wrap .layer-table1 td {border-left:1px solid #d7d7d7;}
.graph-table-wrap .layer-table1 thead th:first-child,
.graph-table-wrap .layer-table1 tbody th {border-left: 0;}
.graph-table-wrap .layer-table1 thead th:last-child,
.graph-table-wrap .layer-table1 tbody td:last-child {border-right: 0;}
.graph-table-wrap .layer-table1 thead {position: sticky; position: -webkit-sticky; top: -1px;}

.dashboard-section.survey-section-column {flex-direction: column;}
.dashboard-section.survey-section-column .dashboard-bx {flex: none;}
.dashboard-popover-footer {padding-top:8px; text-align: right;}
/* e: 20250123 : EPRO Dashboard */
/* CDMSISSUE-7928 : 일괄입력 */
.batch-input-list th {font-size:12px; padding:5px; font-weight:bold; color:#404040; text-align:center; border-top: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; background: #f3f4f6;}
.batch-input-list tr td {padding:0px; border:1px solid #d4d4d4; font-size: 12px;}
.batch-input-list tr td ul {padding:0px; margin: 0px; border:0;}
.batch-input-list ul {min-height:150px; max-height:536px; overflow-y:scroll; overflow-x:hidden;}
.batch-input-list li {padding: 0 8px;}
.batch-input-list li + li {margin-bottom: 2px;}
.batch-input-list li.all-check {margin-bottom:6px; padding:5px 8px 4px; border-bottom: 1px solid #d4d4d4;}
.batch-input-list li img {vertical-align:-3px;}
.batch-input-list li input,
.batch-input-list li span {cursor:pointer;}

/* CDMSISSUE-7691 : EPRO Dashboard section */
.dashboard-section.survey-section {flex-direction: column;}
.dashboard-section.survey-section .dashboard-bx {flex: none;}

/* e: 20241029 IWRS Dashboard */

.locked-item {
    background-color:#F0F1F2 !important;
    color:#424242;
    pointer-events: none;
}

.locked-item input, .locked-item select, .locked-item .select-text {
    background-color:#f3f3f3 !important;
    color: #7c7c7c;
}
/* 202501 CDMSISSUE-7464 */
.layer-audit-trail {width: 90% !important; min-width: 1100px;}

/* CDMSISSUE-7474 dropdown popover */
.dropdown-popover-cont {overflow:hidden; overflow-y:auto; max-height:495px;}
.dropdown-data-list li {padding: 8px 0; cursor: default;}
.dropdown-data-list li:first-child {padding-top:0;}
.dropdown-data-list li:last-child {padding-bottom:0;}
.dropdown-data-list li strong {color: #62ABFF;}
.dropdown-data-list a:hover {outline: none; background-color: #e0e0e0;}
.dropdown-data-list a.active { outline: none; background-color: #e0e0e0;}
/* CDMSISSUE-7928 : 일괄입력 */
.batch-input-list th {font-size:12px; padding:5px; font-weight:bold; color:#404040; text-align:center; border-top: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; background: #f3f4f6;}
.batch-input-list tr td {padding:0px; border:1px solid #d4d4d4; font-size: 12px;}
.batch-input-list tr td ul {padding:0px; margin: 0px; border:0;}
.batch-input-list ul {min-height:150px; max-height:536px; overflow-y:scroll; overflow-x:hidden;}
.batch-input-list li {padding: 0 8px;}
.batch-input-list li + li {margin-bottom: 2px;}
.batch-input-list li.all-check {margin-bottom:6px; padding:5px 8px 4px; border-bottom: 1px solid #d4d4d4;}
.batch-input-list li img {vertical-align:-3px;}
.batch-input-list li input,
.batch-input-list li span {cursor:pointer;}

/* s: 20250529 EPRO Dashboard */
@media (max-width:1535px) {
    .au-dashboard.epro .dashboard-v2-wrap .dashboard-bx-title {flex-wrap: wrap; gap:8px;}
}
/* e: 20250529 EPRO Dashboard */



/* 202504 CDMSISSUE-8131 */
.title-13 {font-size:13px; color: #5D5D5D; line-height:24px;}
.transfer-list-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
}
.transfer-title {position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; height:44px;}
.transfer-title .title-r {margin-left: auto}
.transfer-panel {flex: 1;}
.transfer-panel .table1 {table-layout: fixed;}
.transfer-panel .table1 thead tr {position: sticky; position: -webkit-sticky; top:0;}
.transfer-btn {padding:0 8px; display: flex; align-items: center; justify-content: center;}
.transfer-btn .ui-button {width: 32px; height: 32px; padding:0; border: 1px solid #bdbdbd; border-radius:2px; background-color: #f8f8f8; color: #5c6064;}
.ico-btn-arrow-right-dark::before {background-image: url(../../images/new2020/ico-btn-arrow-right-dark.svg); vertical-align: top;}
.transfer-list {border: 1px solid #d4d4d4;} /* CDMSISSUE-8938 수정 */
/* s: CDMSISSUE-8938 추가 */
.transfer-list-scroll {overflow:hidden; overflow-y: auto;}
.transfer-title .item-count {color: #FF0000;}
/* e : CDMSISSUE-8938 추가 */

.ui-button-default {min-width:65px; height:24px; padding: 0 12px; border-radius: 2px; border: 1px solid #BDBDBD; background: #F8F8F8; color: #5C6064; font-weight:400;}

/* CDMSISSUE-7428 content dimm */
.content-disabled::before {display:block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity: 0.3; z-index: 31;}
.layer-active {position:relative; z-index: 32;}
.open-q-layer,
.answered-q-layer,
.candidate-q-layer {margin: 0; border-top:0;}

/* CDMSISSUE-8870 */
.layer-sub-title {font-weight:bold; color:#363636; font-size:12px; line-height:22px;}
.file-upload-list {margin-top: 8px;}
.file-upload-list li a {color: #363636; font-weight: normal; vertical-align: middle;}
.file-upload-list li a:first-child:hover {text-decoration: underline;}

/* CDMSISSUE-7111 */
.psdv-schedule-top {display:flex; gap:28px; margin-bottom:8px;}
.psdv-schedule-top > div {position: relative}
.psdv-schedule-top > div:not(.plan-desc)::before {display:block; content: ''; position:absolute; top:0; left:-13px; width:1px; height:24px; border-left:1px solid #BDBDBD;}
.psdv-schedule-top .version {line-height: 24px; font-weight: 700;}
.psdv-schedule-top .plan-desc {flex:1; display:flex; align-items:center; gap:14px;}
.psdv-schedule-top .plan-desc label {display:flex; align-items:center; gap:6px;}
.psdv-schedule-top .plan-desc .label-plan {flex:1}
.psdv-schedule-top .plan-desc .label-desc {flex:2}
.psdv-schedule-top .btn-edit-plan img {cursor: pointer;}

.psdv-schedule-table th:first-child,
.psdv-schedule-table .group-all {text-align: left;}
.psdv-schedule-table .sdv-check input[type="checkbox"]:disabled {width: 36px; height: 36px; border: 3px dashed #d1d1d1; background: 0 !important;}
.psdv-schedule-table .sdv-check input[type="checkbox"]:checked,
.psdv-schedule-table .sdv-check input[type="checkbox"]:checked:disabled {border-color:#007ACC;}
.psdv-schedule-table th input[type=checkbox]:checked {background-image: url('../../images/new2020/psdv-checkbox-checked.svg');}
.psdv-schedule-table th input[type=checkbox]:disabled {background-image: url('../../images/new2020/psdv-checkbox-disabled.svg');}
.psdv-schedule-table th input[type=checkbox]:checked[disabled] {background-image: url('../../images/new2020/psdv-checkbox-checked-disabled.svg');}

#list-type-radio.psdv-view-type {position: relative; top: initial; right:initial; display:flex; gap:6px; margin:0; padding:4px 0;}
#list-type-radio.psdv-view-type .ui-button-text {padding: 0; }
#list-type-radio.psdv-view-type > a {background:none; border:0; width:16px; height:16px;}
#list-type-radio.psdv-view-type .ui-button {margin:0}

.plan-crf-preview .plan-check { cursor: pointer; background-image:url("../../images/new2020/sdv-off.png"); height: 16px; width: 16px; }
.plan-crf-preview .NONE { background:none; cursor: default; }

.plan-check-container.TARGETED { background-color: #F0F7F3; }

.question-body .TARGETED {background-color: #F0F7F3;}

#plan-sdv-all { display: block; height: 16px; width: 16px; cursor: pointer; }
#plan-sdv-all > img { width: 100%; height: 100%; }

.au-radio-wrap .tab-info { margin-left: 12px; }

#item-status-picker-popup tr.planned-item td {background: #F0F7F3;}

.sdv-container.has-planned, .review-container.has-planned {background: #F0F7F3}

.range-all-checkbox { cursor: pointer; background-image:url("../../images/new2020/sdv-off.png")  !important; height: 16px; width: 16px; }