@charset "utf-8";
/* 전체 스크롤바 보이기 */
::-webkit-scrollbar {width: 6px; -ms-overflow-style: block; display: block;}
::-webkit-scrollbar-track {background: #fff;}
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.3);border-radius:30px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {display:block; width: 6px; height:2px;}

/* 메뉴 스크롤바 보이기 */
#sidebar::-webkit-scrollbar {width: 6px; -ms-overflow-style: block; display: block;}
#sidebar::-webkit-scrollbar-track {background: #29475E;}
#sidebar::-webkit-scrollbar-thumb {background: rgba(255, 255, 255, 0.3);border-radius:30px;}
#sidebar::-webkit-scrollbar-button:start:decrement,
#sidebar::-webkit-scrollbar-button:end:increment {display:block; width: 6px; height:2px;}

/* 현재운영 체크리스트 스크롤바 보이기 */
.view-list-right::-webkit-scrollbar {height: 6px; -ms-overflow-style: block; display: block;}
.view-list-right::-webkit-scrollbar-track {background: #fff;}
.view-list-right::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.3);border-radius:30px;}
.view-list-right::-webkit-scrollbar-button:start:decrement,
.view-list-right::-webkit-scrollbar-button:end:increment {display:block; width: 2px; height:6px;}

/* 환자정보 스크롤바 보이기, 과거운영 > 기록지 view (가로) */
#patient li.popup-content .right::-webkit-scrollbar, .record-wrap .popup-content::-webkit-scrollbar {height: 6px; -ms-overflow-style: block; display: block;}
#patient li.popup-content .right::-webkit-scrollbar-track, .record-wrap .popup-content::-webkit-scrollbar {background: #fff;}
#patient li.popup-content .right::-webkit-scrollbar-thumb, .record-wrap .popup-content::-webkit-scrollbar {background: rgba(0, 0, 0, 0.3);border-radius:30px;}
#patient li.popup-content .right::-webkit-scrollbar-button:start:decrement,
#patient li.popup-content .right::-webkit-scrollbar-button:end:increment,
.record-wrap .popup-content::-webkit-scrollbar-button:start:decrement,
.record-wrap .popup-content::-webkit-scrollbar-button:end:increment {display:block; width: 6px; height:6px;}

/* 사이드메뉴 */
.navbar {padding: 15px 10px;background: #fff;border: none;border-radius: 0;margin-bottom: 40px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);}
.navbar-btn {box-shadow: none;outline: none !important;border: none;}
.line {width: 100%;height: 1px;border-bottom: 1px dashed #ddd;margin: 40px 0;}

.wrapper {display: flex;width: 100%;align-items: stretch;}
#sidebar{margin-left: -270px; transition: var(--transition);}
#sidebar.active {margin-left: 0;}
a[data-toggle="collapse"] {position: relative;}
.dropdown-toggle::after {display: block;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
ul.CTAs {padding: 20px;}
ul.CTAs a {text-align: center;font-size: 0.9em !important;display: block;border-radius: 5px;margin-bottom: 5px;}
a.download {background: #fff;color: #7386D5;}
a.article,a.article:hover {background: #6d7fcc !important;color: #fff !important;}

#content {width: 100%;padding: 20px; min-height: 100vh;transition: all 0.3s;}

/* 대시보드 */
.feather {width: 16px;height: 16px;vertical-align: text-bottom;}
.sidebar { position: fixed;top: 0;bottom: 0;left: 0;z-index: 100; box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);}
.sidebar-sticky {position: relative;top: 0; padding-top: .5rem;overflow-x: hidden;overflow-y: auto;}
.sidebar .nav-link.active {color: #007bff;}
.sidebar .nav-link:hover .feather, .sidebar .nav-link.active .feather {color: inherit;}
.sidebar-heading {font-size: .75rem;text-transform: uppercase;}

.navbar-brand {padding-top: .75rem;padding-bottom: .75rem;font-size: 1rem;background-color: rgba(0, 0, 0, .25);box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);}
.navbar .navbar-toggler {top: .25rem;right: 1rem;}
.navbar .form-control {padding: .75rem 1rem;border-width: 0;border-radius: 0;}
.form-control-dark {color: #fff;background-color: rgba(255, 255, 255, .1);border-color: rgba(255, 255, 255, .1);}
.form-control-dark:focus {border-color: transparent;box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);}
.bd-placeholder-img {font-size: 1.125rem;text-anchor: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sidebar-sticky {position: -webkit-sticky;position: sticky;}
}
@media (min-width: 768px) {
    .bd-placeholder-img-lg {font-size: 3.5rem;}
}

/* 미디어쿼리 */
/* 4k:3840*2160 (~3840px) */
@media all and (min-width: 162.5em) and (max-width: 240rem) {
}

/* 노트북 (1200px~1400px) */
@media all and (max-width: 87.5rem) {
    html {font-size: 0.875rem;}

    header .logo-box img {max-width: 100px;}

    .search-btn {padding: 0 0.2em;}

    #sidebar {width: 230px;}
    .sidebar .mypage-wrap > li > a, .sidebar li.nav-item a {font-size: 16px;}
    .sidebar ul.mypage-wrap li.mypage ul.bottom-menu-wrap a, .sidebar li.nav-item li a {height: 34px; line-height: 34px; font-size: 14px;}

    #main.slide-active, footer.slide-active {width: calc(100% - 230px) !important; margin-left: 230px !important;}

    /* 환자작성 */
    .form-wrap .img-box {margin-right: 3.5em;}

    /* 게시글 작성 */
    #bo_w .bo_w_tit #btn_autosave {top: 6px;}
    #bo_w .bo_w_link label {width: 44px;}

    /* 현재운영 입실상태 */
    .now-list-wrap .item .enter-info li {height: 30px; line-height: 30px;}
}
/* 노트북 (1024px~1199px) */
@media all and (max-width: 74.94rem) {
    html {font-size: 0.625rem;}

    .sidebar .mypage ul, .sidebar li .bottom-menu-wrap {padding: 0 0 0 2.25rem}

    .view-list-wrap .comment-wrap .sub-table td img {width: 16px; height: 16px; max-width: 16px;}

    /* 현재운영 입실상태 */
    .now-list-wrap .item .enter-info li {height: 26px; line-height: 26px;}

    /* 검사 일괄 업로드 */
    .upload-wrap .loading p.warning {font-size: 12px;}
}

@media all and (max-width: 75rem) {
    #sidebar {width: 180px;}
    .sidebar-sticky {padding: 0 1.25em;}
    .sidebar .mypage-wrap > li > a, .sidebar li.nav-item a {font-size: 14px;}
    .sidebar .mypage-wrap li ul li a, .sidebar li.nav-item li a {height: 34px !important; line-height: 34px !important; font-size: 14px !important;}
    .sidebar .mypage .bottom-menu, .sidebar li.nav-item li a {padding: 0 0.75em;}

    #main.slide-active, footer.slide-active {width: calc(100% - 180px) !important; margin-left: 180px !important;}

    .tab-bar .navbar .collapse {display: -ms-flexbox!important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto;}
    .navbar-expand-lg .navbar-nav {-ms-flex-direction: row; flex-direction: row;}

    /* 게시글 작성 */
    #bo_w .bo_w_tit #btn_autosave {top: 4px;}
    #bo_w .bo_w_link label {width: 34px;}
}
/* search-btn */
@media all and (max-width:1199px) {
    .search-btn {width: 23px; height: 23px; padding: 0;}
    .search-btn img {width: 100%;}
    .popup-container .search-btn {width: auto; height: auto; padding: 0.188em 0.3em;}
}

@media all and (max-width: 1026px) {
    #gnb {display: none;}
}