@charset 'utf-8';

/* common */
.__hand{cursor:pointer}
.__handx{cursor:default !important}
.__check{border:1px solid red}
.__check2{border:1px solid blue}
.__red{color:#d9534f !important}
.__blue{color:#3f80ea !important}
.__yellow{color:#e5a54b !important}
.__sat{color:blue !important}
.__sun{color:red !important}
a.__developer{color:#e83e8c !important}


/* header */


/* menu */


/* login */
.__dvc .__login_bg{background-image:url('/assets/images/symbol.png');background-repeat:no-repeat;background-position:center center}

/* content */
.__dvc .content{padding:2rem 1.5rem 1.5rem}
.__dvc .__datepicker{background-image:url('/assets/images/datepicker3.png');background-repeat:no-repeat;background-position:right 10px center;background-size:auto 70%}
.__dvc .__new,
.__dvc .__update{padding:.15rem .20rem;line-height:.5rem;font-size:.6rem;cursor:default}
.__dvc .__error{padding-top:.4rem;color:#d9534f;font-weight:bold}

/* button */
.__dvc .formButton .__btn_clear{color:#fff;background-color:#794c8a}
/*
{--bs-btn-color:#fff;--bs-btn-bg:#d9534f;--bs-btn-border-color:#d9534f;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#b84743;--bs-btn-hover-border-color:#ae423f;--bs-btn-focus-shadow-rgb:223,109,105;--bs-btn-active-color:#fff;--bs-btn-active-bg:#ae423f;--bs-btn-active-border-color:#a33e3b;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#d9534f;--bs-btn-disabled-border-color:#d9534f}
*/

/* main */
.__dvc .__state a:hover{text-decoration:none}
.__dvc .__main_notice,
.__dvc .__main_ssldday{overflow-x:auto;height:104px}
.__dvc .__admin_menu{font-size:12px}

/* table */
.__dvc .card-body{padding-top:1rem;padding-bottom:1rem}
.__dvc .card-title{line-height:30px;margin-bottom:0}
.__dvc .card .table.table-bordered thead th,
.__dvc .card .table.table-bordered tfoot th{background-color:#dedede !important;text-align:center;padding:.5rem}
.__dvc .card .table.table-bordered tbody td{padding:.4rem;word-break:break-all}
.__dvc .card .table.table-bordered tbody td._date{letter-spacing:-1px}
.__dvc .card .table.table-bordered tbody tr:hover{background-color:#f4f7f9}
.__dvc .card .table.table-bordered.__over_none tbody tr:hover{background:none}
.__dvc .card .table.table-bordered tr.__nodata td{background-color:#fff}
.__dvc .card .table.table-bordered tr.__del_row{text-decoration:line-through;background-color:#faf4f4}
.__dvc .card .table.table-bordered tr.__del_row:hover{background-color:#faf4f4}
.__dvc .card .table.table-bordered td.__nodata{padding:6rem 0;background-color:#fff}
.__dvc .card .table.table-bordered td.__nodata2{padding:2rem 0;background-color:#fff}

.__dvc .card .form-content .table.table-bordered thead th,
.__dvc .card .form-content .table.table-bordered tfoot th,
.__dvc .card .form-content .table.table-bordered tbody td{padding:.3rem}
.__dvc .card .form-content .table.table-bordered tbody tr.__nodata td{padding:1rem}
.__dvc .card .form-content .table.table-bordered tbody tr.__del_row:hover{background-color:#faf4f4}
.__dvc .card .form-content .table.table-bordered tbody .__func{padding:0}
.__dvc .card .form-content .table.table-bordered tbody .__func button{padding-left:0.5rem;padding-right:0.5rem}

.__dvc .card .__readonly{background-color:#e2e8ee;opacity:1}

.__dvc .badge{padding:0.5em 0.6em}
.__dvc .badge.bg-outline{background-color:#fff !important}
.__dvc .badge.bg-primary.bg-outline{border:1px solid #3f80ea;color:#3f80ea}
.__dvc .badge.bg-secondary.bg-outline{border:1px solid #495057;color:#495057}
.__dvc .badge.bg-success.bg-outline{border:1px solid #4bbf73;color:#4bbf73}
.__dvc .badge.bg-danger.bg-outline{border:1px solid #d9534f;color:#d9534f}
.__dvc .badge.bg-warning.bg-outline{border:1px solid #e5a54b;color:#e5a54b}
.__dvc .badge.bg-info.bg-outline{border:1px solid #1f9bcf;color:#1f9bcf}

tr.myDragClass td{color:red}

/* form, view */
.__dvc .formWrap label.col-form-label.__required::after,
.__dvc .viewWrap label.col-form-label.__required::after{color:#d92550;content:' *'}
.__dvc .formWrap label.col-form-label .__required,
.__dvc .viewWrap label.col-form-label .__required{margin-left:.05rem;color:#d92550}
.__dvc .formWrap .form-row,
.__dvc .viewWrap .form-row{margin-left:0;margin-right:0;border-bottom:1px solid #ddd}
.__dvc .formWrap .form-row label.col-form-label,
.__dvc .viewWrap .form-row label.col-form-label{padding-top:.5rem;padding-bottom:.5rem;background-color:#f3f3f3;line-height:30px}
/*.__dvc .formWrap .form-row .form-content{line-height:30px}*/
.__dvc .formWrap .form-row .form-content,
.__dvc .viewWrap .form-row .form-content{padding-top:.5rem;padding-bottom:.5rem}
.__dvc .formWrap .form-check .form-check-input,
.__dvc .viewWrap .form-check .form-check-input{margin-left:-1.3em}
.__dvc .formWrap .form-check span,
.__dvc .viewWrap .form-check span{cursor:pointer}
.__dvc .formWrap .__memo,
.__dvc .viewWrap .__memo{min-height:150px}
.__dvc .formWrap .__contents,
.__dvc .viewWrap .__contents{min-height:200px}
.__dvc .formWrap .__contents p,
.__dvc .viewWrap .__contents p{margin-bottom:0}
.__dvc .formWrap .__contents b,
.__dvc .viewWrap .__contents b{font-weight:bold}
.__dvc .formWrap .__contents img,
.__dvc .viewWrap .__contents img,
.__dvc .formWrap .__contents2 img,
.__dvc .viewWrap .__contents2 img{max-width:100%}
.__dvc .formWrap .__line,
.__dvc .viewWrap .__line{border-top:1px solid #ddd}
.__dvc .formWrap .__bg_kr,
.__dvc .viewWrap .__bg_kr{background-color:#f2f3f7}

.__dvc .__attach_sections ul{list-style:none;padding-left:0;margin-bottom:0}
.__dvc .__attach_sections li{border-bottom:1px dashed #ddd}
.__dvc .__attach_sections li:first-child{padding-top:0 !important}
.__dvc .__attach_sections li:last-child{border-bottom:0}
.__dvc .__attach_form.__line{padding-top:0.5rem;border-top:1px dashed #ddd}

.__dvc .__connects_list li{border-bottom:1px dashed #eee}
.__dvc .__connects_list li:hover{background-color:#f3f3f3}
.__dvc .__connects_list li:last-child{border-bottom:0}

.__dvc .__release_remove{padding:0;--bs-btn-padding-x:0;--bs-btn-padding-y:0;--bs-btn-line-height:auto}

.__dvc .__connect_pc{padding:0.2em 0.6em;font-size:11px}
.__dvc_operate_control .__view_apply{margin-top:-5px;margin-right:.7rem;padding:0.4em 0.6em;font-size:11px}
.__dvc_operate_control .offcanvas.offcanvas-end{width:40%}

.__dvc_operate_schedule .__view_apply{padding:0.2em 0.6em;font-size:11px}
.__dvc_operate_schedule .offcanvas.offcanvas-end{width:40%}

/* page loading indicators */
.__pageLoading.blockOverlay{z-index:2040;position:fixed;top:0px;left:0px;margin:0px;padding:0px;width:100%;height:100%;background-color:#000;opacity:.6;border:none}
.__pageLoading.blockPage{z-index:2050;position:fixed;left:50%;top:50%;margin-left:-28.5px;margin-top:-28.5px}
.__pageLoading .body-block{cursor:default}
.__pageLoading .loader{padding:0;background:transparent !important;border-radius:.25rem;box-shadow:0 0 0 transparent !important}

.__pageLoading .ball-grid-pulse{width:57px;min-height:57px}
.__pageLoading .ball-grid-pulse>div{background-color:#3f6ad8;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;display:inline-block;float:left;animation-name:ball-grid-pulse;animation-iteration-count:infinite;animation-delay:0}
.__pageLoading .ball-grid-pulse>div:nth-child(1){animation-delay:.51s;animation-duration:.61s}
.__pageLoading .ball-grid-pulse>div:nth-child(2){animation-delay:.12s;animation-duration:1.44s}
.__pageLoading .ball-grid-pulse>div:nth-child(3){animation-delay:-.13s;animation-duration:1.32s}
.__pageLoading .ball-grid-pulse>div:nth-child(4){animation-delay:.66s;animation-duration:1.43s}
.__pageLoading .ball-grid-pulse>div:nth-child(5){animation-delay:.14s;animation-duration:1.34s}
.__pageLoading .ball-grid-pulse>div:nth-child(6){animation-delay:.13s;animation-duration:.97s}
.__pageLoading .ball-grid-pulse>div:nth-child(7){animation-delay:.43s;animation-duration:1.51s}
.__pageLoading .ball-grid-pulse>div:nth-child(8){animation-delay:.16s;animation-duration:.85s}
.__pageLoading .ball-grid-pulse>div:nth-child(9){animation-delay:.09s;animation-duration:1.45s}
@keyframes ball-grid-pulse{0%{transform:scale(1)}50%{transform:scale(0.5);opacity:0.7}100%{transform:scale(1);opacity:1}}

.__pageLoading .ball-pulse-sync>div{background-color:#3f6ad8;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;display:inline-block}
.__pageLoading .ball-pulse-sync>div:nth-child(0){animation:ball-pulse-sync 0.6s -.21s infinite ease-in-out}
.__pageLoading .ball-pulse-sync>div:nth-child(1){animation:ball-pulse-sync 0.6s -.14s infinite ease-in-out}
.__pageLoading .ball-pulse-sync>div:nth-child(2){animation:ball-pulse-sync 0.6s -.07s infinite ease-in-out}
.__pageLoading .ball-pulse-sync>div:nth-child(3){animation:ball-pulse-sync 0.6s 0s infinite ease-in-out}
@keyframes ball-pulse-sync{33%{transform:translateY(10px)}66%{transform:translateY(-10px)}100%{transform:translateY(0)}}

.__pageLoading .ball-scale-multiple{position:relative;transform:translateY(-30px)}
.__pageLoading .ball-scale-multiple>div{background-color:#3f6ad8;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;position:absolute;left:-30px;top:0px;opacity:0;margin:0;width:60px;height:60px;animation:ball-scale-multiple 1s 0s linear infinite}
.__pageLoading .ball-scale-multiple>div:nth-child(2){animation-delay:-.4s}
.__pageLoading .ball-scale-multiple>div:nth-child(3){animation-delay:-.2s}
@keyframes ball-scale-multiple{0%{transform:scale(0);opacity:0}5%{opacity:1}100%{transform:scale(1);opacity:0}}

.__pageLoading .line-scale>div{background-color:#3f6ad8;width:4px;height:35px;border-radius:2px;margin:2px;animation-fill-mode:both;display:inline-block}
.__pageLoading .line-scale>div:nth-child(1){animation:line-scale 1s -.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)}
.__pageLoading .line-scale>div:nth-child(2){animation:line-scale 1s -.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)}
.__pageLoading .line-scale>div:nth-child(3){animation:line-scale 1s -.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)}
.__pageLoading .line-scale>div:nth-child(4){animation:line-scale 1s -.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)}
.__pageLoading .line-scale>div:nth-child(5){animation:line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)}
@keyframes line-scale{0%{transform:scaley(1)}50%{transform:scaley(0.4)}100%{transform:scaley(1)}}

.__pageLoading .line-scale-pulse-out>div{background-color:#3f6ad8;width:4px;height:35px;border-radius:2px;margin:2px;animation-fill-mode:both;display:inline-block;animation:line-scale-pulse-out 0.9s -.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85)}
.__pageLoading .line-scale-pulse-out>div:nth-child(2),
.__pageLoading .line-scale-pulse-out>div:nth-child(4){animation-delay:-.4s !important}
.__pageLoading .line-scale-pulse-out>div:nth-child(1),
.__pageLoading .line-scale-pulse-out>div:nth-child(5){animation-delay:-.2s !important}
@keyframes line-scale-pulse-out{0%{transform:scaley(1)}50%{transform:scaley(0.4)}100%{transform:scaley(1)}}

.__pageLoading .line-scale-pulse-out-rapid>div{background-color:#3f6ad8;width:4px;height:35px;border-radius:2px;margin:2px;animation-fill-mode:both;display:inline-block;vertical-align:middle;animation:line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78)}
.__pageLoading .line-scale-pulse-out-rapid>div:nth-child(2),
.__pageLoading .line-scale-pulse-out-rapid>div:nth-child(4){animation-delay:-0.25s !important}
.__pageLoading .line-scale-pulse-out-rapid>div:nth-child(1),
.__pageLoading .line-scale-pulse-out-rapid>div:nth-child(5){animation-delay:0s !important}
@keyframes line-scale-pulse-out-rapid{0%{transform:scaley(1)}80%{transform:scaley(0.3)}90%{transform:scaley(1)}}

/* datepicker */
.ui-datepicker thead th.ui-datepicker-week-end:first-child,
.ui-datepicker tbody tr td.ui-datepicker-week-end:first-child a,
.ui-datepicker tbody tr td.ui-datepicker-week-end:first-child a.ui-state-active.ui-state-highlight{color:red}
.ui-datepicker tbody tr td.ui-datepicker-week-end:first-child a.ui-state-active{color:#fff}

.ui-datepicker thead th.ui-datepicker-week-end:last-child,
.ui-datepicker tbody tr td.ui-datepicker-week-end:last-child a,
.ui-datepicker tbody tr td.ui-datepicker-week-end:last-child a.ui-state-active.ui-state-highlight{color:blue}
.ui-datepicker tbody tr td.ui-datepicker-week-end:last-child a.ui-state-active{color:#fff}

.ui-datepicker .ui-datepicker-title select{width:auto !important}
.ui-datepicker .ui-datepicker-month{margin-left:10px !important}

/* FullCalendar */
/*
.__dvc .fc-daygrid-day{pointer-events:none;cursor:default}
*/
.__dvc .__calendar{font-size:11px !important}
.__dvc .fc-daygrid-event-dot{display:none !important}
.__dvc .fc-daygrid-day-number{pointer-events:none;cursor:default}
.__dvc .__holiday,
.__dvc .fc-daygrid-day-number.__holiday,
.__dvc .fc-day-sun a{color:red}
.__dvc .fc-day-sat a{color:blue}
.__dvc .fc-daygrid-event,
.__dvc .fc-event-title {
  color: inherit !important;
  padding-left:2px;
  padding-right:2px;
}
.__dvc .fc-list-item-title {
  color: inherit !important;
}
.__dvc .fc-daygrid-dot-event{align-items:normal;white-space:normal}
.__dvc .fc-daygrid-dot-event i{margin-top:3px}
.__dvc .fc-daygrid-dot-event .fc-event-title{overflow:unset}
.__dvc .fc-daygrid-event .fc-event-title,
.__dvc .fc-daygrid-event .fc-event-time {
    color: inherit !important;
}
.__dvc .fc-daygrid-day{cursor:pointer}
.__dvc .fc-daygrid-day-top{justify-content:space-between;align-items:center}
.__dvc .fc-daygrid-event.__event1 .fc-event-title{background-color:#faeddb;border-color:#faeddb}
.__dvc .fc-daygrid-event.__event2 .fc-event-title{background-color:#dbf2e3}
.__dvc .fc-daygrid-event.__none{pointer-events:none;cursor:default}
.__dvc .fc-daygrid-event.__ssl .fc-event-title{color:red !important;text-decoration:underline}

.__dvc .__calendar_load{padding:300px 0;text-align:center;font-size:12px;font-weight:bold}

/* smartwizard */
.__dvc .sw-theme-arrows{box-shadow:none;background-color:transparent}
.__dvc .sw-theme-arrows > .nav{border-bottom-color:transparent}
.__dvc .sw-theme-arrows > .nav .nav-link{cursor:default}
.__dvc .sw-theme-arrows > .nav .nav-item-0 .nav-link.active{background-color:#e5a54b !important;border-color:#e5a54b !important}
.__dvc .sw-theme-arrows > .nav .nav-item-0 .nav-link.active:after{border-left-color:#e5a54b !important}
.__dvc .sw-theme-arrows > .nav .nav-item-1 .nav-link.active{background-color:#3f80ea !important;border-color:#3f80ea !important}
.__dvc .sw-theme-arrows > .nav .nav-item-1 .nav-link.active:after{border-left-color:#3f80ea !important}
/*.__dvc .sw-theme-arrows > .nav .nav-item-2 .nav-link.active{background-color:#4bbf73 !important}
.__dvc .sw-theme-arrows > .nav .nav-item-2 .nav-link.active:after{border-left-color:#4bbf73 !important}*/
.__dvc .sw-theme-arrows > .nav .nav-item-3 .nav-link.active{background-color:#495057 !important;border-color:#495057 !important}
.__dvc .sw-theme-arrows > .nav .nav-item-3 .nav-link.active:after{border-left-color:#495057 !important}

/* timepicker */
.ui-timepicker-standard{border:1px solid #dee6ed !important}

/* debug */
.__debug{overflow:hidden;margin:.875rem 0;border:2px solid #949ba1;border-radius:.25rem;background-color:#fff}
.__debug .close{float:right;padding:0;line-height:1;font-size:1.5rem;font-weight:700;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;background-color:transparent;appearance:none;outline:none !important;border:0}
.__debug h3{position:relative;padding:10px 20px;color:#6c757d;background-color:#eee}
.__debug h3 .close{position:absolute;right:12px;top:12px}
.__debug h5{position:relative;margin:10px 0;color:#474776;font-weight:bold}
.__debug h5 .close{font-size:1.2rem}
.__debug fieldset{padding:0 20px}
.__debug:hover h3{color:#495057;background-color:#dbdbdb}

/* summary */
.__dvc .__client_stat_pending{background-color:#e1f7f3}
.__dvc .__client_stat_pending svg{color:#4bbf73 !important}
.__dvc .__client_stat_closed{background-color:#f4f1fa}
.__dvc .__client_stat_closed svg{color:#495057 !important}

.__dvc .__project_stat_pending{background-color:#f7ecdc}
.__dvc .__project_stat_pending svg{color:#e5a54b !important}
.__dvc .__project_stat_progress{background-color:#e1f7f3}
.__dvc .__project_stat_progress svg{color:#4bbf73 !important}
.__dvc .__project_stat_completed{background-color:#f7e4e4}
.__dvc .__project_stat_completed svg{color:#d9534f !important}

.__dvc .__content_stat_pending{background-color:#e1f7f3}
.__dvc .__content_stat_pending svg{color:#4bbf73 !important}

.__dvc .__aws_stat_pending{background-color:#e1f7f3}
.__dvc .__aws_stat_pending svg{color:#4bbf73 !important}
.__dvc .__aws_stat_call{background-color:#f7e4e4}
.__dvc .__aws_stat_call svg{color:#d9534f !important}

.__dvc .__device_stat_installing{background-color:#f7ecdc}
.__dvc .__device_stat_installing svg{color:#e5a54b !important}
.__dvc .__device_stat_pending{background-color:#e1f7f3}
.__dvc .__device_stat_pending svg{color:#4bbf73 !important}
.__dvc .__device_stat_stock{background-color:#f4f1fa}
.__dvc .__device_stat_stock svg{color:#495057 !important}
.__dvc .__device_stat_pickup{background-color:#f7e4e4}
.__dvc .__device_stat_pickup svg{color:#d9534f !important}
.__dvc .__device_stat_remove{background-color:#f4f1fa}
.__dvc .__device_stat_remove svg{color:#495057 !important}

.__dvc .__control_stat_normal{background-color:#e1f7f3}
.__dvc .__control_stat_normal svg{color:#4bbf73 !important}
.__dvc .__control_stat_unexecuted{background-color:#f7e4e4}
.__dvc .__control_stat_unexecuted svg{color:#d9534f !important}

.__dvc .__qna_stat_pending{background-color:#e1f7f3}
.__dvc .__qna_stat_pending svg{color:#4bbf73 !important}
.__dvc .__qna_stat_closed{background-color:#f4f1fa}
.__dvc .__qna_stat_closed svg{color:#495057 !important}

/* bagde */
.badge-subtle-secondary{background-color:rgba(73,80,87,.175);color:#495057}

/* reaction */
@media(min-width:1440px){
    /*.__debug{background-color:red}*/
}
@media(max-width:1300px){
	.__list{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;}
    .__list .table{width:100%;min-width:800px;border-collapse:collapse;}
    .__list th, .__list td{white-space:nowrap;}
}
@media(max-width:1200px){
    /*.__debug{background-color:orange}*/

    #formSearch .col-12{margin-bottom:1rem}

    .navbar{position:fixed;z-index:1;width:100%}
    .navbar .__state_project{display:none}
    .__dvc .content{padding-top:6rem}
}
@media(max-width:991.98px){
    /*.__debug{background-color:yellow}*/
}
@media(max-width:767.98px){
    /*.__debug{background-color:blue}*/

    .__dvc .__search{display:none !important}
}
@media(max-width:575.98px){
    /*.__debug{background-color:purple}*/

    .__dvc .formWrap .__line{border-top:0 !important}
    .__dvc .formWrap .form-row{border-bottom:0 !important}
    .__dvc .formWrap .form-row .form-content{padding-bottom:1.2rem}
}