/* @import url("notosanskr.css"); */

/* 로그인 login page */
.loginWrap {
    width: 1150px;
    background: #fff url(/static/images/common/loginWrap-bg.png) no-repeat;
    background-size: contain;
    background-position: right;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(55, 66, 80, 0.15);
}
.loginTop {
    width: 500px;
    height: 200px;
    /* background-image: url(/static/images/common/cover_top.jpg); */
    background-size: contain;
}
.loginContent {
    background-color: transparent;
    height: 360px;
    border-bottom: none;
    padding-top: 0px;
}
.inputStyle {
    font-weight: 400;
    color: #333333;
    background-color: #e3e3e3;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    vertical-align: top;
}
.blueBt {
    background-color: var(--c-primary, #0e925b);
}

/* basic */
.content {
    padding: 0 20px !important;
}
.col-lg-3 {
    padding: 40px;
    border-right: 1px solid #ddd;
}
.content-wrapper,
.right-side {
    background-color: unset;
}
.box-body {
    padding: 18px 24px 14px;   /* T-CMS 2.0 : 헤더와 동일한 좌우 24px 정렬 */
    background-color: unset !important; /* html 삭제 요청 */
}

/* 공통 상단 메뉴 common */
.gogobox-logo img {
    width: 200px !important;
}
#headerLogo {
    width: 220px;
    height: 100px;
    margin-top: 0px !important;
    left: calc(50% - 110px);
    margin-left: -20px !important;
}

.menu-navbar {
    background-color: #383D47;
}
.dropdown-toggle.collapsed {
    background-color: #383D47 !important;
}

.nav > li {
    width: 160px;
}
.navbar-nav>li>.dropdown-menu {
    left: calc(50% - 80px);
    margin-left: 0px !important;
    padding-left: 0px !important;
    background-color: #555 !important;
    width: 160px !important;
}
.navbar-nav > li > .dropdown-menu > li {
    padding: 10px 0px;
    width: 100%;
    height: auto;
    text-align: center;
}
.nav > li.dropdown > .dropdown-menu > li > a {
    line-height: 1.3;
    /* color: #ddd !important; */
    white-space: normal
}
.nav > li.dropdown > .dropdown-menu > li > a:hover,
.nav > li.dropdown > .dropdown-menu > li > a:focus {
    color: #fff !important;
}

#menuBg {
    display: none !important;
}

/* dashboard 메인페이지 */
.resource-list > li {
    margin: 0 4px;
    height: 100px;
    background-color: #f0f0f0;
    border-radius: 4px;
}
.resource-list > li:hover {
    background-color: #f0f0f0;
}
.resource-list > li.selected {
    height: 100px;
    background-color: #fcfcfc;
    border: 3px solid var(--c-primary, #0e925b);
}
.resource-list > li > .resource-type {
    box-shadow: 0px 24px 2px -24px grey;
}
.resource-list > li:first-child > div:hover,
.resource-list > li:first-child > div.selected {
    background-color: unset;
}
.resource-list > li > .resource-desc {
    padding: 10px 25px;
    height: 45px;
    line-height: 1;
}

/* 분할 컨텐츠 */
.box {
    box-shadow: unset;
}

/* select menu */
.dropdown-menu.inner >.active>a {
    background-color: var(--c-primary-dark, #0b7a4c);
}
.dropdown-menu.inner > li > a:hover,
.dropdown-menu.inner > li > a:focus {
    background-color: var(--c-primary, #0e925b);
}

/* tab menu */
.nav-pills > li > a,
.nav-pills > li.nav-item > a {
    color: #fff;
    background-color: #9aa2ad;
    border: 1px solid #9aa2ad;
    border-radius: 4px !important;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.nav-pills > .nav-item > a.active,
.nav > li > a:hover {
    background-color: var(--c-primary, #0e925b) !important;
    border: 1px solid var(--c-primary, #0e925b);
}


/* main btn color */
.navbar-brand .btn-logout {
    background-color: #DC3545 !important;
    border-color: #DC3545 !important;
    border-radius: 4px !important;
}
.navbar-brand .btn-logout:hover {
    background-color: #A52834 !important;
    border-color: #A52834 !important;
    border-radius: 4px !important;
}

.btn-primary,
.btn-primary2,
.btn-primary3,
.btn-warning {
    background-color: var(--c-primary, #0e925b) !important;
    border-color: var(--c-primary, #0e925b) !important;
    border-radius: 4px !important;
}
.btn-primary:hover,
.btn-primary2:hover,
.btn-primary3:hover,
.btn-warning:hover {
    background-color: var(--c-primary-dark, #0b7a4c) !important;
    border-color: var(--c-primary-dark, #0b7a4c) !important;
    border-radius: 4px !important;
}

.report-btn {
    color: #fff !important;
    background-color: var(--c-primary, #0e925b) !important;
    border-color: var(--c-primary, #0e925b) !important;
    border-radius: 4px !important;
}
.report-btn:hover {
    background-color: var(--c-primary-dark, #0b7a4c) !important;
    border: 1px solid var(--c-primary-dark, #0b7a4c) !important;
}

.btn-save {
    background-color: var(--c-primary, #0e925b) !important;
    border-color: var(--c-primary, #0e925b) !important;
    border-radius: 4px !important;
}
.btn-save:hover {
    background-color: var(--c-primary-dark, #0b7a4c) !important;
    border-color: var(--c-primary-dark, #0b7a4c) !important;
    border-radius: 4px !important;
}
.btn-delete,
.btn-cancel,
.btn-popup-cancel {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #d8dfe5 !important;
    border-radius: 4px !important;
}
.btn-delete:hover,
.btn-cancel:hover,
.btn-popup-cancel:hover {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #b3c1cd !important;
    border-radius: 4px !important;
}

.btn-week {
    background-color: var(--c-primary, #0e925b) !important;
    border-color: var(--c-primary, #0e925b) !important;
}
.btn-week:hover {
    background-color: var(--c-primary-dark, #0b7a4c) !important;
    border-color: var(--c-primary-dark, #0b7a4c) !important;
}

.btn-popup-confirm {
    background-color: var(--c-primary, #0e925b) !important;
    border-color: var(--c-primary, #0e925b) !important;
    border-radius: 4px !important;
}
.btn-popup-confirm:hover {
    background-color: var(--c-primary-dark, #0b7a4c) !important;
    border-color: var(--c-primary-dark, #0b7a4c) !important;
    border-radius: 4px !important;
}

.btn-sort {
    /* color: #333 !important; */
    background-color: #555 !important;
    border-color: #555 !important;
    border-radius: 4px;
}
.btn-sort:hover {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #b3c1cd !important;
}

.btn-add-contents {
    border-radius: 4px;
}
/* .noticeinput + input + .btn-sort {
    color: var(--c-primary, #0e925b) !important;
    background-color: #fff !important;
    border-color: var(--c-primary, #0e925b) !important;
    border-radius: 4px;
}
.noticeinput + input + .btn-sort:hover {
    color: #fff !important;
    background-color: var(--c-primary, #0e925b) !important;
} */


/* jstree — T-CMS 2.0 : 선택 배경 연그린 (구 주황 그라디언트 제거) */
.jstree-default .jstree-wholerow {
    border-radius: 4px;
}
.jstree-default .jstree-wholerow-clicked {
    background: var(--c-primary-soft, #e6f4ec);
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
    background: url(/static/images/common/sort_asc.png) no-repeat 4px 3px !important;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background: url(/static/images/common/sort_desc.png) no-repeat 4px 3px !important;
}
.jstree-default .glyphicon {
    opacity: 1 !important; /* html 삭제 요청 */
}


/* table */
.table-header {
    color: #222 !important;
}
table.dataTable thead > tr > th {
    background-color: #f2f2f2 !important;
    border-bottom: 1px solid #d8dfe5;
}
td {
    border-bottom: 1px solid #d8dfe5;
}
div.dataTables_processing {
    background: transparent;
}
table.dataTable thead {
    border-bottom: 1px solid #ddd;
}
table.dataTable thead > tr > th {
    height: auto;
    color: #222;
}
table.dataTable thead .sorting {
    color: #222;
    background-color: #f2f2f2;
    background: #f2f2f2 url(../../static/images/common/sort_desc.png) no-repeat right calc(50% - 4px) !important;
}
table.dataTable thead .sorting_asc {
    color: #222;
    background-color: #f2f2f2;
    background: #f2f2f2 url(../../static/images/common/sort_asc.png) no-repeat right calc(50% + 4px) !important;
}
table.dataTable thead .sorting_desc {
    color: inherit;
    background: #f2f2f2 url(../../static/images/common/sort_desc.png) no-repeat right calc(50% - 4px) !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fafafa;
}
table.dataTable tbody tr:hover {
    background-color: rgba(221, 235, 253, 0.3) !important;
}

table.dataTable tbody tr.selected:hover,
table.dataTable tbody tr.selected {
    background-color: var(--c-primary, #0e925b) !important;
}
table.dataTable tbody tr.selected:hover td,
table.dataTable tbody tr.selected td {
    color: #fff !important;
}

.canvasDiv {
    border: 1px solid #d8dfe5;
    background-color: #eee;
    border-radius: 4px;
}

.multiTd {
    border: 2px solid #eee;
    border-radius: 4px;
    background-color: #eee;
}

.menu-tr {
    background-color: #f2f2f2;
    color: #222;
}
.menu-tr + tr,
.menu-tr + tr + tr {
    background-color: #f2f2f2;
}
.menu-tr td {
    border-top: 1px solid #d8dfe5;
    border-left: 1px solid #d8dfe5;
}
.menu-tr td:last-child {
    border-right: 1px solid #d8dfe5;
}
.menu-tr + tr td:nth-child(1),
.menu-tr + tr + tr td:nth-child(1) {
    border-left: 1px solid #d8dfe5;
}

table.auth-detail tr:nth-child(n+4):hover {
    background-color: rgba(221, 235, 253, 0.3) !important;
}


/* 슬라이드 버튼 on/off — T-CMS 2.0 : common.css의 그린 pill 토글을 그대로 사용 (구 오버라이드 제거) */

.angle input[type="radio"] + span {
    border-radius: 4px;
}

/* T-CMS 2.0 : 화면방향 세그먼트 토글 그린 */
.angle input[type="radio"]:checked + span {
    background-color: var(--c-primary, #0e925b) !important;
    border-color: var(--c-primary, #0e925b);
    color: #fff;
}


/* form */
.inputbox {
    border: 1px solid #d2d6de !important;
    border-radius: 4px !important;
}
.dropdown-s,
.dropdown-m,
.dropdown-l,
.dropdown-xl {
    padding: 0px 8px;
    border: 1px solid #d2d6de !important;
    border-radius: 4px;
    background: url(../../static/images/common/sort_desc.png) no-repeat 95% calc(50% - 3px) #fff;
}
.inputbox-s,
.inputbox-m,
.inputbox-l {
    background: none;
}
.input-group .input-group-date + span,
.input-group .form-control + span {
    padding: 6px 10px;
}

.form-control, 
.input-group .form-control {
    border-radius: 4px;
}

.input-group .input-group-time:not([name="playCycleTime"]),
.input-group .input-group-date {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.input-group > .bootstrap-timepicker-widget + .form-control {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.input-group .input-group-addon {
    border: 1px solid #d2d6de;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 0;
}

.btn.dropdown-toggle.btn-default {
    border-radius: 4px !important;
}

.btn.dropdown-toggle.btn-default {
    border-radius: 4px !important;
    border: 1px solid #d2d6de !important;
}

.noticeinput,
textarea {
    border: 1px solid #d2d6de !important;
    border-radius: 4px !important;
}



@media (max-width: 1024px){

    /* 메뉴 축소버전 */
    .menu2, .menu2 > ul ul {
        background-color: var(--c-primary, #0e925b);
    }
    .menu2 ul ul > li a {
        background-color: var(--c-primary-dark, #0b7a4c);
    }
    .menu2 ul ul > li a:hover {
        color: #fff !important;
    }
}

.pw-change-pop .modal-content {
    max-height : 400px;
    max-width : 500px;
}