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

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

/**************** CSS 리셋**********************/
* {margin:0;padding:0;font-family: var(--font-family);}
html{-webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
html,body,#wrap {height:100%}

body {
    margin:0;
    padding:0;
    color:var(--text-color);
    font-size:12px;
    letter-spacing:0px;
    font-family: var(--font-family);
    font-weight: 400;
    line-height: 1.5;
}

input, div, p,
ul, li, ol, span {margin:0; padding:0;}
ul li {list-style:none;}
img {border:none; vertical-align:middle;}
table {table-layout:auto; word-break:break-word; border-collapse: collapse} /* 단어 단위로 줄바꿈(문자단위:break-all)*/
button img {max-width:100%}

input,
button,
select,
textarea {font-size:12px; color:#363636; font-family: var(--font-family);

}

.ie8 input,
.ie8 button,
.ie8 select,
.ie8 textarea {font-size:12px; color:#363636;}

/* Form Reset */
/* chrome autofill */
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-box-shadow:0 0 0 1000px #fff inset!important;
    -webkit-text-fill-color:#333!important
}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    margin:0;
    -webkit-appearance:none;
}
input[type=date],input[type=number]{
    -moz-appearance:textfield!important
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type=text],input[type=password],
input[type=email],input[type=number],
input[type=tel],input[type=date],
select, textarea {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    -webkit-border-radius:0;
    border-radius:0;
}
input[type=password]{font-family: caption;}

input[type=radio], input[type=checkbox] {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    padding: 0; /* Remove excess padding in IE 8/9/10. */
    -webkit-border-radius:0;
    border-radius:0;
    background-color: #fff;
}
select::-ms-expand {
    display: none;
}

/* custom form style */
select {
    height:24px;
    padding: 2px 22px 2px 3px;
    border:1px solid var(--input-border-color);
    background:#fff url('../../images/new2020/dropdown.svg') no-repeat calc(100% - 4px) center;
    background-size: 16px;
    border-radius:4px;
    font-size:12px;
    outline: 0;
    vertical-align:middle;
}
@-moz-document url-prefix() {
    select {padding-left: 0;}
}
select.h24 {height:24px; font-size:11px !important}
.ie8 select {padding-right:2px; background:none; font-size:11px}
.ie9 select {padding-right:2px; background:none}

textarea,
textarea[data-autoheight] {
    overflow-y:auto;
    width:calc(100% - 8px);
    max-width:calc(100% - 8px) !important;
    min-height:24px;
    height:24px;
    max-height:150px;
    padding:0 3px; /* padding을 주면 가로 사이즈 조정 시, select 와는 약간의 차이가 있고, input 과는 사이즈가 같음 */
    font-size:12px;
    vertical-align: middle;
    border:1px solid var(--input-border-color);
    border-radius:4px;
    resize:none;
    outline: 0;
}
.ie8 textarea,
.ie8 textarea[data-autoheight] {overflow-y:visible;}

input[type=text], input[type=password],
input[type=email], input[type=number],
input[type=tel],input[type=date] {
    max-width:calc(100% - 8px) !important;
    height:22px;
    padding:0 3px;
    vertical-align: middle;
    border:1px solid var(--input-border-color);
    border-radius: 4px;
    color:#363636;
    outline:0;
    /* text-indent:8px; */
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
textarea:focus {border-color:#0f943e}
.dropdown-focus .select-text,
.dropdown-focus .select-btn input {border-color: #0f943e !important; }

.radio-wrap {float:left; padding:2px 0;}	/* 입력항목이 두개 이상이나 선택항목이 있을때 한 항목을 감싸는 div. float:left 삭제할 경우 CRF 테이블에서 한 줄 정렬 틀어짐  */
.radio-wrap label {display:inline-block; color:#363636;font-size:12px;font-weight:400}
/* :root .radio-wrap input[type=radio] {vertical-align: -1px \0/IE9;} ie9 div 크기가 달라져서 발생한 문제 해결 */

input[type=radio] {width:20px;height:20px; background:url('../../images/new2020/radio-normal.svg') no-repeat center center; background-size:16px; vertical-align:-6px;}
input[type=radio]:checked {background-image:url('../../images/new2020/radio-checked.svg')}
input[type=radio]:disabled, input[type=radio][readonly] {background-image:url('../../images/new2020/radio-disabled.svg')}
input[type=radio]:checked[disabled], input[type=radio]:checked[readonly] {background-image:url('../../images/new2020/radio-checked-disabled.svg') !important}

.checkbox-wrap {display:inline-block}
.checkbox-wrap label {display:inline-block; color:#363636;font-size:12px;font-weight:400}
input[type=checkbox] {width:20px;height:20px; border:0; background:url('../../images/new2020/checkbox-normal.svg') no-repeat center center; background-size:16px; vertical-align:-6px;}
input[type=checkbox] + span {font-weight:500;}
input[type=checkbox]:checked {background-image:url('../../images/new2020/checkbox-checked.svg')}
input[type=checkbox]:disabled, input[type=checkbox][readonly] {background-image:url('../../images/new2020/checkbox-disabled.svg')}
input[type=checkbox]:checked[disabled], input[type=checkbox]:checked[readonly] {background-image:url('../../images/new2020/checkbox-checked-disabled.svg') !important}

input[maxlength="3"] {width:25px;}

.input-text {position: relative; display:block;}
.input-text button {position:absolute; right:5px; top:1px; width:32px; height:24px; background:0; border:0; z-index:1}
.input-text .btn-eye {background:#fff url(../../images/new2020/eye-off_2x.png) no-repeat center center; background-size:24px}
.input-text .btn-eye.on {background-image:url(../../images/new2020/eye-on_2x.png)}
.ie8 .input-text .btn-eye {background-image:url(../../images/new2020/eye-off.png)}
.ie8 .input-text .btn-eye.on {background-image:url(../../images/new2020/eye-on.png)}

/* disabled */
input[type=text]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=date]:disabled,
select:disabled,
textarea:disabled {background-color:#f3f3f3; border-color:#d0d0d0; color:#7c7c7c;}

/* readonly */
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=number][readonly],
input[type=tel][readonly],
input[type=date][readonly],
select[readonly],
textarea[readonly] {cursor: default;}

/* 링크 */
a {outline:none;}
a:link,a:active,a:visited,a:hover {color:#424242; text-decoration:none; cursor:pointer;}

.red a:link,.red a:active,.red a:visited {color:#ff0000; text-decoration:none;}
.red a:hover {color:#ff0000; text-decoration:underline;}

a:link span.crf-link,a:active span.crf-link,a:visited span.crf-link,
a:hover span.crf-link {color:#ff0000; font-weight:bold; text-decoration:underline;}

/* placeholder */
::placeholder{opacity:1;color:#929292!important}
::-webkit-input-placeholder{font-weight:400!important;color:#929292!important}
::-moz-placeholder{font-weight:400!important;color:#929292!important}
:-moz-placeholder{font-weight:400!important;color:#929292!important}
::-ms-input-placeholder{font-weight:400!important;color:#929292!important}
:-ms-input-placeholder{font-weight:400!important;color:#929292!important}
/* clfix */
.clfix{*zoom:1}
.clfix:after,.clfix:before{line-height:0;display:table;content:''}
.clfix:after{clear:both}
/* etc */
.hide-txt{font-size:1px;line-height:0;position:absolute;display:inline-block;overflow:hidden;clip:rect(1px 1px 1px 1px);width:1px;height:1px}
.hidden{overflow:hidden}

/**************** 공통 **********************/
.left {float:left;}
.right {float:right;}
.tCenter {text-align:center;}
.clear {clear:both;}
.fwb {font-weight:bold !important;}
.fwn {font-weight:normal !important;}
.f10 {font-size:10px; letter-spacing:-0.1em;}
.f11 {font-size:11px;}
.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important}
.mt24 {margin-top:24px !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px}
.pd0 {padding:0 !important;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt16 {padding-top:16px;}
.pt20 {padding-top:20px;}
.pt24 {padding-top:24px;}
.pt40 {padding-top:40px;}
.pb0 {padding-bottom: 0px !important;}
.pb10 {padding-bottom:10px;}
.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px;}
.pl15 {padding-left:15px;}
.pr20 {padding-right:20px;}
.pr5 {padding-right:5px;}
.dark-green {color:#077d56;}
.blue {color:#1c94c4 !important;}
.red {color:#ff0000 !important;}
.line {text-decoration:underline !important;}
.gray-bg {background-color:#f5f5f5 !important;}
.italic {font-style:italic;}
.tangerine {color:#f57400 !important;}
.txt-left {text-align:left !important}
.txt-right {text-align:right !important}
.txt-center {text-align:center !important}
.bd0 {border:0 !important}
.bdt0 {border-top:0 !important}
.bdb0 {border-bottom:0 !important}
.bdl0 {border-left:0 !important}
.bdr0 {border-right:0 !important}
.bdt {border-top:1px solid #d4d4d4}
.bdl {border-left:1px solid #d4d4d4}
.bdr {border-right:1px solid #d4d4d4}
.bdb {border-bottom:1px solid #d4d4d4}
.pos-r {position:relative;}
.pos-a {position:absolute;}

.valid-error {color:#5c6064; font-size:12px; font-weight:500;}
.valid-error strong {color:#ff0000; font-weight:500;}

.dot-title {position: relative; margin:0 10px; padding-left:8px; color:#363636; font-weight:500; font-size:12px;}
.dot-title:before {display:block; content:''; position: absolute; top:8px; left:0; width:3px; height:3px; border-radius:100%; background:#6e6e6e}

/**************** login **********************/
#log-in-wrap {text-align:center; margin:0 auto; width:664px;}
.log-in-wrap {position:relative; min-height:476px; padding:4px 0 4px 240px; border:1px solid #d8d8d8}
#log-in-wrap .logo {position:absolute; top:50px; left:292px; z-index:1}
#log-in-wrap select {width:185px; height:26px; font-size:11px; padding:2px;}
.log-in-box {position:relative; }

.green-cube-wrap {position:absolute; left:52px; bottom:35px; width:318px; margin-top:13px}
.green-cube-wrap select {float:right}
.green-cube {display:inline-block; padding-top:5px; color:#5c6064; text-align:left; font-size:12px;}
.gray-cube {height:476px; padding:0 52px; background-color:#fff; color:#5c6064; text-align:left; font-size:13px; font-weight:500;}
.gray-cube{*zoom:1}
.gray-cube:after,.gray-cube:before{line-height:0;display:table;content:''}
.gray-cube:after{clear:both}
.gray-cube .input-text {margin-top:6px}

.log-in-box.img1 {position:absolute; top:4px; left:4px}
.log-in-box.img2 {position:absolute; top:244px; left:4px}
.log-in-box input.btn {border:1px solid #0f943e; padding:3px 13px 3px; background-color:#0f943e; width:100%; height:34px; font-size:13px; font-weight:500; color:#ffffff;
    border-radius:4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23);
}
.log-in-box input.dark-gray {background-color:#595959; border-color:#595959}
.log-in-box input.txt {width:308px; height:34px}
.log-in-box input.txt-b {width:308px; border-color:#d0d0d0; background-color:#fbfbfb;}

.cube-title {margin-top:86px;color:#5c6064; font-size:20px; line-height:normal;}
.cube {position:relative; display:inline-block; width:318px; padding:35px 0 0 0;}
.cube1 {padding:10px 20px;}

.cube-help {display:inline-block; position:relative;}
.cube-help > strong {padding:0 10px 10px 0; font-weight:500;}
.cube-help .tooltip {display:none; position:absolute; top:100%; left:0; margin-top:2px; background:#fff; padding:12px 16px 16px; border-top:4px solid #0f943e; color:#363636; font-size:12px; font-weight:500; border-radius:2px;
    -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);
    z-index:1;
    word-break: keep-all;
    word-wrap: break-word;
}
.cube-help .tooltip strong {display:block; margin-bottom:9px}
.cube-help:hover .tooltip,
.cube-help .tooltip:hover {display:block;}

#btn_open_find_pwd:hover,
#btn_open_find_id:hover {text-decoration:underline;}

.find-pw-success .img {margin:0 auto 16px; width:214px}
.find-pw-success .img img {width:214px}

/**************** login notice **********************/

.login-notice-wrap {position:absolute; top:50%; left:50%; height:500px; width:800px; margin-top:-250px; margin-left:-400px; border:5px solid #66CC99; background-color:#ffffff;}
.login-notice {zoom:1; padding-top:20px; font-weight:bold; color:#454545; height:420px; letter-spacing:-0.05em;}
.login-notice:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.notice-left {float:left; width:370px; padding:0 14px; border-right:1px dashed #66CC99;}
.notice-right {float:right; width:370px; padding:0 14px;}
.notice-title {font-size:17px; letter-spacing:-0.1em; padding-top:10px;}
.notice-content {font-size:13px; line-height:26px; text-align:left; padding:30px 0 10px 0;}
.notice-box-wrap {background-color:#cbf4df; text-align:center; margin-top:20px; padding:15px 0; color:#ff3d2e; font-size:15px}
.notice-box-title {color:#ff3d2e; font-size:18px;}
.notice-bottom-wrap {padding:10px 15px;}
.notice-bottom {zoom:1; background-color:#e5e5e5; padding:5px 10px; font-size:13px; font-weight:bold;}
.notice-bottom:after {clear:both; height:0; content:"."; display:block; visibility:hidden;}
.notice-bottom input[type=checkbox] {vertical-align:-2px;}
.notice-bottom input[type=button] {padding:2px 10px; background-color:#009966; border:1px solid #009966; height:26px; font-size:12px; font-weight:bold; color:#ffffff; cursor:pointer;}

.notice-popup {position:absolute; top:50%; left:50%; /*height:656px;*/ width:912px; margin:-328px 0 0 -456px; border-radius:2px; background-color:#ffffff; z-index:10;
    -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.22);
}
.notice-popup:before,
.notice-popup::before {display:block; content:''; position:absolute; top:0;left:0;right:0; height:4px; background-color:#0f943e}
.notice-popup .popup-title {padding:24px;}
.notice-popup .popup-close {text-align:right}
.notice-popup .popup-close a {width:78px; margin-left:32px;}
.notice-popup .popup-close label {color:#363636; font-size:14px;}
.notice-popup .popup-cont {padding:15px 26px 20px 26px;}
.notice-popup .popup-cont p {color:#363636; font-size:14px; margin-bottom:32px; line-height:1.5em}
.notice-popup .table5 {border:0}
.notice-popup .table5 td {padding:11px 16px; font-size:15px; font-weight:bold; color:#363636; border:0; text-align:left}
.notice-popup .table5 td strong {color:#ff0000}
.notice-popup .table5 tr:nth-child(odd) td {background:#f5f5f5}
.notice-popup .table5 tr:nth-child(even) td {background:#fbfbfb}
.notice-popup .img {width:244px; margin:0 auto 32px; text-align:center}
.notice-popup .img img {width:244px;}

/**************** 에러페이지 **********************/

.notice-page {width:415px; margin:0 auto; text-align:center; background:transparent url("../../images/error-notice.png") no-repeat left 110px; padding-top:220px;}
.notice-box {border:1px solid #cecece; background-color:#ffffff; padding:16px; color:#000; /*font-weight:bold;*/ text-align:left;}
.notice-link {position:relative; margin-top:20px;}
.notice-link img {vertical-align:-5px;}
.link-left {position:absolute; top:0; left:0;}
.link-right {position:absolute; top:0; right:0;}

.data-error-page {width:800px; margin:0 auto; text-align:center; background:transparent url("../../images/data-error.png") no-repeat 90px 130px; padding-top:220px;}

.error-page {width:415px; margin:0 auto; text-align:center; background:transparent url("../../images/error-image.png") no-repeat center 90px; padding-top:220px;}
.error-link {position:relative; margin-top:140px; color:#363636;}
.error-link img {vertical-align:-5px;}

/**************** layout **********************/
/*전체를 감싸는 영역*/
#wrap {margin:0; padding:0; min-width:1250px; position:relative;}

/*상단 로그인 상태 영역*/
#top {height:34px; padding:0 20px; border-bottom:1px solid #42B167; background-color:#ffffff; color: var(--text-color); font-size:12px !important; font-weight:500; z-index: 10;}
#top img {max-width:100%; vertical-align:top;}

#top .top-user-info .top-lang a {padding-right: 32px; background: url("../../images/new2020/dropdown.svg") no-repeat calc(100% - 8px) center;}
#top .top-btn-wrap {display: flex; gap: 12px;}
#top .top-user-info a {display: block; height: 20px; padding: 0 8px; border-radius: 4px; line-height:22px;}
#top .top-user-info a:link,
#top .top-user-info a:active,
#top .top-user-info a:visited {color: var(--text-color); text-decoration: none;}
#top .top-user-info a:hover {background-color: #E1E4EA;}
#top .top-user-info > span {display: inline-block; vertical-align: middle;}
#top .top-user-info .timer {width: 35px; height: 20px; line-height: 22px; text-align: center}
#top .top-user-info .btn_logout a {display: inline-block; width: 24px; height: 24px; vertical-align: middle;}
#top .top-user-info .btn_logout a img {width: 24px;}
#top .top-user-info .btn_user_option a {display: inline-block; width: 24px; height: 24px; padding: 0; vertical-align: middle;}
#top .top-user-info .btn_help a {display: inline-block; width: 24px; height: 24px; padding: 0; vertical-align: middle;}
#top .top-user-info .btn_help a img {width: 24px;}

#top .system_menu {padding-top:9px; position:absolute; left:147px; display:flex; align-items: center; gap:4px;}
#top .system_menu a {padding:3px 6px; border-radius:4px; background-color:#F4F6F9; color:#99A0AE; font-weight:700; line-height:1; box-sizing: border-box;}
#top .system_menu a:first-child {margin-left:0}
#top .system_menu a.system-on {background-color:#319051; color: #E7F5EC;}

.top-system-title {position:absolute; top:8px; left:20px; font-weight:bold;}
.top-system-title > a {display:inline-block;}
.top-system-title > a img {height: 16px;}
.system-bar {font-size:6px !important; font-weight:normal;}

.top-user-info {display:flex; align-items:center; gap:16px; position:absolute; top:5px; right:20px;}
.top-study-title {text-align:center; color:#363636;}
.top-study-title a {padding: 0 8px;}
.cube input[id=user_id] {ime-mode:disabled;} /*로그인시 아이디입력란에 영문만 입력가능하도록 설정*/

.help-center {font-size:12px; color:#363636;}
.help-center .ver-info {margin-bottom:4px; padding: 0 0 8px 0; border-bottom:1px solid #e8e8e8; color:#363636;}
.help-center .ver-info > div + div {margin-top:8px}
.help-center .link a {display:block; padding:5px 0 0; color:#363636;}
.help-center .link img {width:24px; margin-right:4px; vertical-align:-7px;}

/*언어선택*/
.flag-select {position:absolute; background-color:#3b3b3b;}
.flag-select div {margin:2px 8px;}
.flag-select a {color:#ffffff; font-weight:bold; font-size:11px;}
.flag-select a:hover {text-decoration:underline;}

/*left-menu,quick-menu,content 영역을 감싸는 영역 */
/*왼쪽 대메뉴*/
#left-menu {position: relative; background-color: #ffffff;float: left; width: 60px; min-height: 500px; border-right: 1px solid #E1E4EA;}
#left-menu ul {display: flex; flex-direction: column; gap:8px; padding: 12px 0 0 0;}
#left-menu ul li {padding: 0;}
#left-menu ul li a {display: block; width: 60px; padding: 0 4px; font-weight:500;}
#left-menu ul li a > div {display:block; width: 52px; height: 52px; box-sizing: border-box}
#left-menu ul li img {padding: 0;}
#left-menu > .content {position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0; -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */}
/* scrollbar hidden */
#left-menu > .content {overflow-y: scroll; /* Add the ability to scroll */}
/* Hide scrollbar for Chrome, Safari and Opera (not firefox) */
#left-menu > .content::-webkit-scrollbar {display: none; overflow: -moz-scrollbars-none;}
/* Hide scrollbar for IE and Edge */
#left-menu > .content  {-ms-overflow-style: none;}
/* Hide scrollbar for Firefox */
#left-menu > .content  {scrollbar-width: none;}

/*가운데 메뉴*/
#quick-menu {background-color:#ffffff; float:left; width:204px; min-height:500px; padding:0 4px; border-right:1px solid var(--table-border-color); position:relative;}

/**************** content 영역 **********************/

/*통합홈*/
#au-slst							{position:relative; min-height:500px; background-color:#ffffff;}
/*과제홈*/
#au-main							{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*피험자 리스트*/
#au-sbjl							{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*crf 스케쥴*/
#au-schd							{position:relative; margin-left:274px; min-height:500px; background-color:#ffffff;}
/*crf 페이지*/
#au-crfp							{position:relative; margin-left:274px; min-height:500px; background-color:#ffffff;}
/*Locking*/
#au-lock							{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*Freezing*/
#au-efrz							{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*SDV*/
#au-sdvs							{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*Review*/
#au-revs							{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*Summary*/
#au-ssum							{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*리포트*/
#au-rept							{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*쿼리 DVS*/
#au-qryl							{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*의학코딩*/
#au-medc							{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*전자서명*/
#au-sign							{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*Drug*/
#au-drug							{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*Data center*/
#au-data							{position:relative; margin-left:274px; min-height:500px; background-color:#ffffff;}
/*Admin user*/
#au-admin							{position:relative; margin-left:274px; min-height:500px; background-color:#ffffff;}
/*ReturnParam List*/
#au-return							{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*Release Note List(Admin)*/
#au-release-note					{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*JPMS*/
#au-jpms        					{position:relative; margin-left:61px; min-height:500px; background-color:#ffffff;}
/*crf 페이지,리포트*/

/**************** button **********************/

.ui-button .ui-icon.grid-view {background:transparent url("../../images/new2020/grid-view.png") no-repeat left top; background-size:100%;}
.ui-state-hover .ui-icon.grid-view,
.ui-state-active .ui-icon.grid-view {background-image:url("../../images/new2020/grid-view-selected.png");}
.ui-button .ui-icon.list-view {background:transparent url("../../images/new2020/list-view.png") no-repeat left top; background-size:100%;}
.ui-state-hover .ui-icon.list-view,
.ui-state-active .ui-icon.list-view {background-image:url("../../images/new2020/list-view-selected.png");}

.button {
    font-family: var(--font-family);
    font-size: 12px;
    color: #ffffff !important;
    text-decoration: none;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    min-width:67px;
    height: 32px;
    padding: 0 var(--spacing-large);
    margin: 0;
    cursor: pointer;
    border-radius: var(--border-radius);
    line-height: 32px;
    vertical-align:middle;
    white-space:nowrap;
    -webkit-transition: 0.1s linear; /* hover */
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.button:active {
    -webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 0px 6px;
    -moz-box-shadow: inset rgba(0,0,0,0.4) 0px 0px 6px;
    box-shadow: inset rgba(0,0,0,0.4) 0px 0px 6px;
}

.button input[type=checkbox] {vertical-align:-3px; margin-right:3px;}
.button span {font-size:9px; color:#565656;}
.button.h24 {height:24px; padding: 0 13px; line-height:24px;}

.inactive {
    font-family: var(--font-family);
    font-size: 12px;
    color: #999999;
    text-decoration: none;
    display: inline-block;
    font-weight:normal;
    text-align: center;
    min-width:67px;
    height:34px;
    padding: 5px 13px 3px;
    margin: 0;
    background: #f5f5f5;
    border: 1px solid #abadb3;
    border-radius: 2px;
    line-height:1.7;
    vertical-align:middle;
    white-space:nowrap;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.inactive:hover	{color: #999999;}

.light {background-color:#f8f8f8; border:1px solid #bdbdbd; color:#5c6064 !important}
/* .light:hover {background-color:#f8f8f8; border:1px solid #bdbdbd} */
.light-gray {background-color:#a1a1a1; border:1px solid #a1a1a1}
/* .light-gray:hover {background-color:#a1a1a1; border:1px solid #a1a1a1} */
.gray {background: #cccccc;}
.dark-gray {background-color:#595959; border:1px solid #595959}
/* .dark-gray:hover {background-color:#595959; border:1px solid #595959} */
.green {background-color:#42B167 !important; border:1px solid #42B167 !important; color:#fff !important}
/* .green:hover {background-color:#0bb145; border:1px solid #0bb145} */
.cyan {background-color:#409EFF; border:1px solid #409EFF}
/* .cyan:hover {background-color:#5ea1ff; border:1px solid #5ea1ff} */
.button.blue {background-color:#003786; border:1px solid #003786}
/* .button.blue:hover {background-color:#003786; border:1px solid #003786} */
.orange {background-color:#F37415; border:1px solid #F37415}
/* .orange:hover {background-color:#f5791f; border:1px solid #f5791f} */
.ruby {background-color:#e25b53; border:1px solid #e25b53}
/* .ruby:hover {background-color:#dd7671; border:1px solid #dd7671} */
.magenta {background-color:#ff82ac; border:1px solid #ff82ac}
/* .magenta:hover {background-color:#ff82ac; border:1px solid #ff82ac} */

.btn-ecrf-status .button {width:204px;}
.button.small {min-width:60px; height:24px; font-size:12px; font-weight:500; padding:3px 13px; line-height:17px;}
.button.block {display:block; width:100%;}

.btn-edit {overflow:hidden; clip:rect(0px 24px 24px 0px);display:inline-block !important; width:24px; height:18px; text-indent:-9999px; background:url('../../images/new2020/btn-edit3x.png') no-repeat 0 50%; background-size:24px}
.btn-edit.on,
.btn-edit:hover {background-image:url('../../images/new2020/btn-edit-on3x.png')}
.ie8 .btn-edit {background-image:url('../../images/new2020/btn-edit.png')}
.ie8 .btn-edit.on,
.ie8 .btn-edit:hover {background-image:url('../../images/new2020/btn-edit-on.png')}
.btn-edit.disabled,
.btn-edit.disabled:hover {background-image:url('../../images/new2020/btn-edit3x.png'); color:#dedede !important; cursor:default; opacity:0.35}

.btn-audit {overflow:hidden; clip:rect(0px 24px 24px 0px); display:inline-block !important; width:24px; height:18px; text-indent:-9999px; background:url('../../images/new2020/btn-audit@3x.png') no-repeat 0 50%; background-size:24px}
.ie8 .btn-audit {background-image:url('../../images/new2020/btn-audit.png')}
.btn-regist {display:inline-block !important; width:24px; height:24px}
.btn-regist img {width:24px; height:24px}
.btn-ecrf-status {display:block;}
.btn-ecrf-status img {width:16px; margin-right:6px; vertical-align:-3px;}

/**************** 로딩이미지 **********************/
#ajax-loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE 8 */
    filter: alpha(opacity=20); /* IE 5-7 */
    opacity: 0.2;
    z-index:10000000;
}
#ajax-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 78px;
    width: 200px;
    margin: -39px 0 0 -92px;
    /* background: transparent url('../../images/loading.gif') no-repeat fixed center; */
    z-index:100000000;
}
.loader {width:200px; height:78px; text-align:center}
.loader span {display:inline-block; width:14px; height:14px; border-radius:100%; background-color:#0f943e; margin:30px 6px;}
.loader span:nth-child(1) {animation:bounce 1s ease-in-out infinite; background-color:#0f933d;}
.loader span:nth-child(2) {animation:bounce 1s ease-in-out 0.16s infinite; background-color:#0f943e;}
.loader span:nth-child(3) {animation:bounce 1s ease-in-out 0.32s infinite; background-color:#3dd974;}
.loader span:nth-child(4) {animation:bounce 1s ease-in-out 0.48s infinite; background-color:#82eda8;}
.loader span:nth-child(5) {animation:bounce 1s ease-in-out 0.64s infinite; background-color:#c1fbd5;}

td #ajax-loader {position:relative; top:auto; left:auto; margin:0 auto;}
td .loader {margin:0 auto;}
td .loader span {width:10px; height:10px; margin:35px 4px 30px;}
td .loader span:nth-child(1) {animation-name:bounce_s}
td .loader span:nth-child(2) {animation-name:bounce_s}
td .loader span:nth-child(3) {animation-name:bounce_s}
td .loader span:nth-child(4) {animation-name:bounce_s}
td .loader span:nth-child(5) {animation-name:bounce_s}

@keyframes bounce {
    0%,75%,100% {
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
    }
    35% {
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        -o-transform:translateY(-20px);
        transform: translateY(-20px);
    }
}
@keyframes bounce_s {
    0%,75%,100% {
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
    }
    35% {
        -webkit-transform:translateY(-10px);
        -ms-transform:translateY(-10px);
        -o-transform:translateY(-10px);
        transform: translateY(-10px);
    }
}

/* loading ie8,9 */
.ie8 .loader span,
.ie9 .loader span {display:none}
.ie8 .loader,
.ie9 .loader {background:url('../../images/new2020/loading-ie.gif') no-repeat center center;}
.ie8 td .loader,
.ie9 td .loader {background:url('../../images/new2020/loading-ie-small.gif') no-repeat center center;}

/***************** Admin User (au-admin) *****************/
#au-admin table tr th, .admin_input table tr td {line-height: 20px;}
#au-admin input[type=checkbox] {vertical-align:middle;margin-top:-2px;}
#au-admin label {margin:0 5px;}
#au-admin select {width:60%;padding-top:2px;padding-bottom:2px;margin-right:10px;}
.set-row-num>ul li {float:left;margin-right:10px;text-align:left;line-height:24px;}

.user_modify_add_table {border-collapse:collapse;border:1px solid #dedede;}
.user_modify_add_table input[type=text] {width:50%;}
.user_modify_add_table a img {margin-bottom: -2px;}
.table3 td .user_modify_add_table .align_center {clear:both;text-align:center;}

#au-search .au-admin_search {padding:10px 0px;width:450px;}
#au-search .au-admin_search input[type=text] {width:200px;margin-right:10px;vertical-align:top;}

/******************* 전자계약시스템 **************************/
.ecs-box {height:350px; background-color:#FFF; text-align:left; border: 1px solid #000000;}
.ecs-box-title0 {height:62px; font-size:18px; color:#FFF; font-weight:bold; text-align:left; padding:0px; background-image:url(../../images/ecs_login.jpg); padding-left:40px; padding-top:40px;}
.ecs-box-in {padding:40px 95px;}
.ecs-title {font-size:15px; font-weight:bold; text-align:left; background-color:#fff; border-bottom-color:#60c291; border-bottom-style:solid; border-bottom-width:3px; padding-bottom:5px;}
.ecs-message {font-size:13px; font-weight:bold; padding-top:10px; padding-bottom:20px;}
.ecs-box input.btn {border:1px solid #009966; padding:2px 0; background-color:#009966; height:74px; width:115px; font-size:15px; font-weight:bold; color:#ffffff;}
.ecs-box input.btn1	{border:1px solid #009966; padding:2px 0; background-color:#009966; height:40px; width:150px; font-size:15px; font-weight:bold; color:#ffffff;}
.ecs-box input.txt {border:1px solid #5FC290; padding:2px; height:18px; width:290px; font-size:13px; color:#424242;}

.tab-transfer {overflow:hidden; position:absolute; bottom: 14px; width:48px; height:24px; right:330px; border: 1px solid #a3a8b0; border-radius:2px; background-color:#FFFFFF; z-index: 1000;}
.tab-transfer a {position:absolute; top:0; left:25px; display:flex; align-items: center; justify-content: center; width:24px; height:24px; text-align:center}
.tab-transfer a:first-child {left:0; border-right:1px solid #a3a8b0}

/* library reset START */
/* popup button */
.layer-wrap .layer-btn a,
.layer-wrap .layer-btn input.ui-button,
.q-layer-btn input.ui-button {
    display: inline-block;
    height: 24px;
    padding: 2px 12px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    background: #f8f8f8;
    color: #5c6064;
    font-size:12px;
    font-weight:500;
    box-sizing: border-box;
}
.q-layer-btn input.ui-button.green,
.layer-wrap .layer-btn .green,
.layer-wrap .layer-btn input.ui-button.green {
    background-color:#0f943e;
    border:1px solid #0f943e;
    color:#fff;
}
.q-layer-btn input.ui-button + input.ui-button,
.layer-wrap .layer-btn a + a,
.layer-wrap .layer-btn input + input {margin-left:6px;}

.layer-close {position:absolute; top:12px; right:10px;}
/* library reset END */

/* Datepicker Reset Start */
/* Component containers */
.ui-datepicker.ui-widget select {height:26px;}
/* Interaction states */
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {border:0;background: #fff;font-weight: 500;color: #5c6064;}
.ui-datepicker .ui-state-default a,
.ui-datepicker .ui-state-default a:link,
.ui-datepicker .ui-state-default a:visited { color: #5c6064;}

/* 2021-02-26 부분 삭제 */
/*.ui-datepicker .ui-state-hover,*/
/*.ui-datepicker .ui-widget-content .ui-state-hover,*/
/*.ui-datepicker .ui-widget-header .ui-state-hover,*/
/*.ui-datepicker .ui-state-focus,*/
/*.ui-datepicker .ui-widget-content .ui-state-focus,*/
/*.ui-datepicker .ui-widget-header .ui-state-focus { background:#edfff3; color:#5c6064;}*/
/*.ui-datepicker .ui-state-hover a,*/
/*.ui-datepicker .ui-state-hover a:hover { color: #f57400; text-decoration: none; }*/

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active { background: #0f943e; color: #fff; }/* 2021-02-26 border 삭제 */
.ui-datepicker .ui-state-active a,
.ui-datepicker .ui-state-active a:link,
.ui-datepicker .ui-state-active a:visited { color: #fff; text-decoration: none; }
/* Interaction Cues */
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight  {background: #5c6064; color: #fff; }/* 2021-02-26 border 삭제 */
.ui-datepicker .ui-state-highlight a,
.ui-datepicker .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #fff; }
.ui-datepicker .ui-priority-primary,
.ui-datepicker .ui-widget-content .ui-priority-primary,
.ui-datepicker .ui-widget-header .ui-priority-primary {border:1px solid #0f943e; background-color:#0f943e; color:#fff;}
.ui-datepicker .ui-state-disabled,
.ui-datepicker .ui-widget-content .ui-state-disabled,
.ui-datepicker .ui-widget-header .ui-state-disabled {opacity:0.25;}
.ui-datepicker .ui-datepicker-header .ui-icon {background:url('../../images/new2020/datepicker-prev@3x.png') no-repeat 0 0; background-size:16px 16px}
.ui-datepicker .ui-datepicker-header .ui-icon.ui-icon-circle-triangle-w {background:url('../../images/new2020/datepicker-prev@3x.png') no-repeat 0 0;  background-size:16px 16px}
.ui-datepicker .ui-datepicker-header .ui-icon.ui-icon-circle-triangle-e {background:url('../../images/new2020/datepicker-next@3x.png') no-repeat 0 0;  background-size:16px 16px}
.ie8 .ui-datepicker .ui-datepicker-header .ui-icon.ui-icon-circle-triangle-w {background-image:url('../../images/new2020/datepicker-prev.png')}
.ie8 .ui-datepicker .ui-datepicker-header .ui-icon.ui-icon-circle-triangle-e {background-image:url('../../images/new2020/datepicker-next.png')}
/* datepicker */
.ui-datepicker {width:210px;padding:10px;border-radius:2px;background-color: #ffffff;border-top: 4px solid #0f943e;
    -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);
}
/* Title, Prev/Next button */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {top:4px}
/* s: 12월 이관건 - datepicker */
.ui-datepicker .ui-datepicker-prev {left: -5px;}
.ui-datepicker .ui-datepicker-next { right:-5px; }
/* e: 12월 이관건 - datepicker */
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover {border:0; background:0}
.ui-datepicker .ui-datepicker-next.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover {border:0; background:0}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top:3px}
.ui-datepicker .ui-datepicker-title {margin:0 23px; font-weight:normal}
.ui-datepicker select.ui-datepicker-year {margin-left:4px}

/* datepicker table (.ui-datepicker-calendar) */
.ui-datepicker table {table-layout:fixed; border-collapse:collapse; font-size:1em}
.ui-datepicker th {padding:.6em .3em .2em; color:#5c6064; font-size:11px; font-weight:500}
.ui-datepicker td {width:30px; height:30px; padding:0; border: 1px solid #d3d3d3; text-align:center; vertical-align:top;} /* 2021-02-26 */
.ui-datepicker td span, .ui-datepicker td a {height:100%; padding:0; line-height:30px; /*padding: 4px 0;*/ color:#5c6064; text-align:center; font-family: var(--font-family); letter-spacing: -0.5px;} /* 2021-02-26 */
/* 2021-02-26 add */
.ui-datepicker table .ui-state-default {position:relative; cursor: pointer;}
.ui-datepicker table .ui-state-disabled .ui-state-default {cursor: default;}
.ui-datepicker table .ui-state-default:focus::before,
.ui-datepicker table .ui-state-default:hover::before,
.ui-datepicker table .ui-state-hover::before,
.ui-datepicker table .ui-state-default.ui-state-active::before,
.ui-datepicker table .date-active .ui-state-default::before {display:block; content:''; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:2px solid #0F943E; z-index: 1;}
.ui-datepicker table .ui-state-disabled .ui-state-default:hover::before,
.ui-datepicker table .ui-state-disabled .ui-state-default:focus::before {display: none;}
.ui-datepicker table .ui-datepicker-today .ui-state-highlight {background:0; color:#000; font-weight:700; text-decoration: underline;}

/* datepicker button */
.ui-datepicker .ui-datepicker-buttonpane {border:0; padding:0}
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-default {width: 66px; margin:0; padding:.3em .6em .3em .6em; border: 1px solid #bdbdbd; border-radius:2px; color:#5c6064; background:#f8f8f8; font-size:12px; opacity:1;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {margin-left:0}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:first-child {margin-right:6px}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close.ui-state-hover {margin:0; border-color:#0f943e; background-color:#0f943e; color:#fff;}

/* datepicker month */
.ui-yymmpicker table td a {position:relative;}
.ui-yymmpicker table td a:hover,
.ui-yymmpicker table td a:focus {background-color: transparent !important;}
.ui-yymmpicker table td a:hover::before,
.ui-yymmpicker table td a:focus::before {display:block; content:''; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:2px solid #0F943E; z-index: 1;}
#ui-datepicker-uk-tbl td .ui-state-default:hover::before {border-width: 1px;}
.ui-yymmpicker table td.ui-state-disabled span {color: var(--text-color-disabled);}
/* Datepicker Reset End */

/* setting */
#au-slst .content-body				{padding:0 16px}
#au-slst .au-tab-wrap               {left:8px}

/* 12월 이관건 */
/* 2021-02-26 */
/* visit window */
.ui-datepicker .date-range a,
.ui-datepicker .ui-datepicker-today.date-range a {background: #EDFFF3; color: #000;}
/* active & Expected Visit Date */
.ui-datepicker .date-active a,
.ui-datepicker .ui-datepicker-today.date-active a {background: #0f943e;  color: #fff;}

/* CDMSISSUE-2678 */
.btn-copy {overflow:hidden; display:inline-block; border:0; width:16px; height:16px; background:url('../../images/new2020/copy@2x.png') no-repeat 0 0; background-size:16px; vertical-align: 0; text-indent: -999px; cursor: pointer;}
.ie8 .btn-copy {background:url('../../images/new2020/copy.png') no-repeat 0 0;}

.tdStyleMed {
    display : inline-block;
    word-break : break-all;
    min-width : 80px;
    cursor : default
}
/* CDMSISSUE-5650 */
/* 2023 header background images */
.top-bg {background-repeat: no-repeat; background-position: calc(100% - 790px); background-size: contain;}
.top-bg.prodbeta {background-image: url('../../images/new2020/header_bg_prodbeta.png')}
.top-bg.edu {background-image: url('../../images/new2020/header_bg_edu.png')}
.top-bg.edubeta {background-image: url('../../images/new2020/header_bg_edubeta.png')}
.top-bg.dryrun {background-image: url('../../images/new2020/header_bg_dryrun.png')}
.top-bg.dryrunbeta {background-image: url('../../images/new2020/header_bg_dryrunbeta.png')}
.top-bg.dev {background-image: url('../../images/new2020/header_bg_dev.png')}
.top-bg.pre {background-image: url('../../images/new2020/header_bg_pre.png')}
.top-bg.prebeta {background-image: url('../../images/new2020/header_bg_prebeta.png')}

.btn-chatbot-wrap {display: inline-block; margin: 0; vertical-align: middle;}
.chat-btn {display:inline-block; border:0; vertical-align: top; cursor: pointer; outline: 0; background:0;}
.chat-btn.btn-chatbot {width:24px; height:24px; background:url('../../images/new2020/chatbot_icon.gif') no-repeat center center; background-size: 20px;}

/* [CDMSISSUE-6450] IP Code */
.input-flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.btn-import {display: inline-block; margin-left:6px; vertical-align: middle;}

/* CDMSISSUE-8017 login */
.logn-btn .btn + .btn {margin-top: 8px;}
.log-in-box input.txt {height: 30px;}
#log-in-wrap .find-id-select select {width: 100%; height: 32px;}
.find-id-select {margin-top: 6px;}
.find-id-select select:required:invalid {color:#929292 !important}

/* SSO */
:root {
    /* sso */
    --cl-sso-cdms: #6DCD55;
    --cl-sso-builder: #6DCD55;
    --cl-sso-safety: #D23793;
    --cl-sso-lms: #377DDE;
    --cl-sso-tmf: #377DDE;
    --cl-sso-ctms: #377DDE;
    --cl-sso-rbqm: #377DDE;
    --cl-sso-consent: #00C4A5;
    --cl-sso-iwrs: #8E7ADB;
}
.sso-wrap {display: inline-block; width: 88px; box-sizing: border-box;}
.sso-wrap a {display: block; position: relative; padding-right: 34px; padding-left: 28px !important; background: url("../../images/new2020/ico-sso.svg") no-repeat 8px center; color: #363636;}
.sso-wrap a:hover,
.sso-wrap a:focus,
.sso-wrap a:active {text-decoration: none !important;}
.sso-wrap a::after {display: block; content: ""; position: absolute; top: 3px; right: 8px; width: 14px; height: 14px; background: url("../../images/new2020/dropdown.svg") no-repeat center center; transition: transform 0.3s ease;}
.sso-wrap a.on::after {transform: rotate(-180deg);}

.layer-wrap.sso-select-popover {width: 150px;}
.sso-select-items a {display:block; font-weight: bold; line-height: 20px;}
.sso-select-items a:not(:first-child) {margin-top: 4px;}
.sso-select-items .sso-cdms {color: var(--cl-sso-cdms)}
.sso-select-items .sso-builder {color: var(--cl-sso-builder)}
.sso-select-items .sso-safety {color: var(--cl-sso-safety)}
.sso-select-items .sso-lms {color: var(--cl-sso-lms)}
.sso-select-items .sso-tmf {color: var(--cl-sso-tmf)}
.sso-select-items .sso-ctms {color: var(--cl-sso-ctms)}
.sso-select-items .sso-rbqm {color: var(--cl-sso-rbqm)}
.sso-select-items .sso-consent {color: var(--cl-sso-consent)}
.sso-select-items .sso-iwrs {color: var(--cl-sso-iwrs)}