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

@charset "utf-8";
#quick-menu {
    --quick-menu-color: #404040;
    --quick-list-bg-color: #ececec;
    --quick-list-border-radius: 2px;
    --quick-list-font-size: var(--font-size-basic);
    --quick-list-selected: var(--color-primary);
    --quick-list-bg-color-deleted: var(--color-white);
    --quick-list-border-color-deleted: var(--color-gray-300);
    --quick-menu-top-color: var(--color-gray-950);
}

.quick-menu-top {min-height:14px; padding:12px 6px 8px 6px; font-weight:bold;}
.quick-menu-top a:link,
.quick-menu-top a:visited,
.quick-menu-top a:active,
.quick-menu-top a:hover {color:var(--quick-menu-top-color); font-weight:bold; text-decoration:none;}

.quick-menu-title {zoom:1;}
.quick-menu-title:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.quick-menu-title span {font-size:10px;}
.quick-menu-title img {width:14px; vertical-align:top;}

/*.quick-menu-body {overflow-y:auto; overflow-x:hidden;}*/
.quick-menu-body a:link,
.quick-menu-body a:visited,
.quick-menu-body a:active,
.quick-menu-body a:hover {color:var(--quick-menu-color); text-decoration:none;}
.quick-menu-body .layer-wrap {border-top:0}
.quick-menu-body .layer-pd {padding:0}
.quick-menu-body .layer-contents {padding:5px 0}
.quick-menu-body .layer-btn {padding-bottom:14px}
.quick-menu-body .nano .content {overflow:scroll; overflow-x:hidden;}
#quick-patient-list {padding-bottom:40px}

.quick-menu-bottom {padding:0 5px 6px 5px; height:38px; /* background-color:#f5f5f5; border-top:1px solid #c4c4c4;*/ text-align:center;}
.quick-menu-bottom .btn-ecrf-status {height:36px; line-height: 36px; padding:0 18px; background-color:#003786; border-color:#003786;}

#quick-menu .paging-wrap {overflow:hidden; position:absolute; left:0; right:0; bottom:0; padding:8px 0; line-height:1}
/*#quick-menu .paging-wrap a {display:inline-block; width:22px; height:22px; margin:0; padding:0; line-height:22px; vertical-align:top;}*/
#quick-menu .paging-wrap .first,
#quick-menu .paging-wrap .prev,
#quick-menu .paging-wrap .next,
#quick-menu .paging-wrap .last {overflow:hidden; position:absolute; top:8px; width:24px; height:24px; margin:0; border:0; text-indent:-9999px;}
#quick-menu .paging-wrap .first {left:10px;}
#quick-menu .paging-wrap .prev {left:36px;}
#quick-menu .paging-wrap .next {right:36px;}
#quick-menu .paging-wrap .last {right:10px;}
/*#quick-menu .paging-wrap .paging {display:inline-block; overflow:hidden; margin:0 auto;}*/
/*#quick-menu .paging-wrap .paging a {float:left;}*/
/*#quick-menu .paging-wrap .paging a + a {margin-left:4px}*/

/**************** 피험자 목록 **********************/
.quick-patient-list-wrap {display:flex; flex-direction: column; gap:4px;}
.quick-patient-list {zoom:1; padding:4px 10px; background:var(--quick-list-bg-color); border:1px solid var(--quick-list-bg-color); border-radius: var(--quick-list-border-radius); color:var(--quick-menu-color); font-size:var(--quick-list-font-size); font-weight:500; line-height:1.2; box-sizing: border-box}
.quick-patient-list:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
/* .quick-patient-list:hover {border: 1px solid #0f943e; color:#0f943e; background-color:#fff;} */
.quick-patient-list.deleted-status {border:1px solid var(--quick-list-border-color-deleted); background-color:var(--quick-list-bg-color-deleted);}

/* 현재 선택한 피험자 표시 */
.selected-bg {background-color:#fff; border-color:var(--quick-list-selected); color:var(--quick-list-selected); font-weight:700;}

/**************** eCRF 목록 **********************/

#quick-menu-title {position:relative; padding:10px 0 5px 10px; height:20px; font-weight:bold; border-bottom:1px solid #d9d9d9;}
#quick-menu-title .right {float: none; position: absolute; top: 50%; right: 0; transform: translateY(-50%)}

.crf-schedule-wrap
.crf-schedule-wrap a:link,
.crf-schedule-wrap a:visited,
.crf-schedule-wrap a:active {color:#424242; text-decoration:none;}
.crf-schedule-wrap a:hover {color:#3391e2; text-decoration:none;}
.crf-schedule-wrap {display:flex; flex-direction: column; gap:4px;}

/*.crf-schedule {padding:1px 4px 2px;}*/
.crf-schedule-visit {padding:3px 10px; background-color:var(--quick-list-bg-color) !important;  border-radius: var(--quick-list-border-radius); color:var(--quick-menu-color); font-size:var(--quick-list-font-size); font-weight:500; box-sizing: border-box}
.crf-schedule-day {zoom:1; position:relative; width:auto !important; margin-top:4px; padding:4px 24px 2px 10px; background-color:#f8f8f8; color:var(--quick-menu-color); font-size:var(--quick-list-font-size); font-weight:500}
.crf-schedule-item {position:relative; width:auto !important; padding: 4px 0 2px 8px; background-color:#fff; color:var(--quick-menu-color); font-size:var(--quick-list-font-size); font-weight:400; zoom: 1;}
.crf-schedule-item + .crf-schedule-item {border-top:1px solid #E1E4EA;}
.crf-schedule-item:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.crf-schedule-item span {font-size:9px;}
.crf-schedule-item .left {width:calc(100% - 30px) !important;}

.item-on {padding-left:24px; color:#0f943e; border-color:#0f943e}
.item-on:before,
.item-on::before {display:block; content:''; position:absolute; left:8px; top:5px; width:16px; height:16px; background: url('../../images/new2020/item-tri-arrow.svg') no-repeat 0 center}

.crf-schedule-day + div {border-top: 1px solid #E1E4EA; padding: 4px 0;}
.crf-schedule-day + div .crf-schedule-item {padding-left:12px}
.crf-schedule-day + div .crf-schedule-item.item-on {padding-left:24px}
.crf-schedule-day + div .crf-schedule-item.item-on:before,
.crf-schedule-day + div .crf-schedule-item.item-on::before {left:8px;}

[class^="crf-status-"] img {vertical-align:top;}
.crf-status-wrap {float: right; width: 18px; height: 18px; padding: 0 3px; position: relative;}
.crf-status {width:18px; height:18px; margin:0; padding:0; cursor:pointer;}
.cs-sv {background:transparent url("../../images/crf-status.png") no-repeat left top; background-position:0 0 !important;}
.cs-tsv {background:transparent url("../../images/crf-status.png") no-repeat left top; background-position:0 -18px !important;}
.cs-nsv {background:transparent url("../../images/crf-status.png") no-repeat left top; background-position:0 -36px !important;}
.cs-na {background:transparent url("../../images/crf-status.png") no-repeat left top; background-position:0 -54px !important;}
.cs-sign {background:transparent url("../../images/crf-status.png") no-repeat left top; background-position:0 -72px !important;}
.cs-snsv {background:transparent url("../../images/crf-status.png") no-repeat left top; background-position:0 -90px !important;}
.cs-nsign {background:transparent url("../../images/crf-status.png") no-repeat left top; background-position:0 -108px !important;}
.cs-ncrasign {background:transparent url("../../images/crf-status.png") no-repeat left top; background-position:0 -126px !important;}
.crf-status-qt {position:absolute; top:1px; left:3px; width:4px; height:4px; border-radius:100%; overflow:hidden;}
.crf-status-qm {position:absolute; top:7px; left:3px; width:4px; height:4px; border-radius:100%; overflow:hidden;}
.crf-status-qb {position:absolute; top:14px; left:3px; width:4px; height:4px; border-radius:100%; overflow:hidden;}

/* ie7 */
*:first-child+html .crf-status-qt {position:absolute; top:0; left:3px;}
*:first-child+html .crf-status-qm {position:absolute; top:6px; left:3px;}
*:first-child+html .crf-status-qb {position:absolute; top:12px; left:3px;}

/* group list popup */
.schedule-subject-wrap .layer-table1 td {border:0; padding:0}
.schedule-subject-wrap .select-scroll a {display:block; padding:4px 0; color:#363636; font-weight:400}
.schedule-subject-wrap .select-scroll a:hover {background:#edfff3}