@charset "utf-8";

/* 비급여 카테고리 — 서류발급 nav-pills-document 와 동일 */
.nav-pills-nonpay{display:flex;flex-wrap:wrap;justify-content:left;margin:0 -.25rem .75rem;text-align:center}
.nav-pills-nonpay>.nav-item{flex:1 1 50%}
.nav-pills-nonpay>.nav-item>.nav-link{position:relative;margin:.25rem;padding:.75rem 0;color:#6c757d!important;font-weight:500;border:1px solid rgba(0,0,0,.055);border-radius:.375rem;background:rgba(0,0,0,.05)}
.nav-pills-nonpay>.nav-item>.nav-link:hover,.nav-pills-nonpay>.nav-item>.nav-link:focus{color:#005bac!important;background:#dee2e6}
.nav-pills-nonpay>.nav-item>.nav-link.active{color:#fff!important;font-weight:600;background:#005bac}
.nav-pills-nonpay>.nav-item>.nav-link.active::after{content:"";position:absolute;left:50%;top:100%;z-index:1;width:.9rem;height:.5rem;background:#005bac;clip-path:polygon(0 0,100% 0,50% 100%);transform:translateX(-50%)}
@media (min-width:768px){
.nav-pills-nonpay>.nav-item{flex:1 1 auto}
.nav-pills-nonpay>.nav-item>.nav-link{font-size:1rem}
}

#fsearch .input-group{overflow:hidden;border:1px solid #dee2e6;border-radius:.375rem;background:#fff}
#fsearch .form-control{border:0;box-shadow:none}
#fsearch .form-control:focus{box-shadow:none}
#fsearch .btn{padding:0 .85rem;border:0;border-radius:0;color:#6c757d;background:transparent;box-shadow:none}
#fsearch .btn:hover,#fsearch .btn:focus,#fsearch .btn:active,#fsearch .btn:focus-visible{color:#005bac;background:transparent;border:0;box-shadow:none;outline:0}

/* [bs4] 비급여 카테고리 Badge */
.nav-pills-nonpay-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:.25rem;padding:.1rem .4rem;color:#fff;font-size:.75rem;border-radius:.5rem;background-color:rgba(0,0,0,.5)}

/* [bs4] 비급여 테이블 (사용자) */
.table-nonpay thead th,.table-nonpay td{padding:.75rem .3rem;border:1px solid #eee;font-size:.875rem;text-align:center;vertical-align:middle !important;word-break:keep-all;overflow-wrap:break-word}
.table-nonpay thead th{font-weight:400;font-size:.875rem;color:#7d838e;line-height:1;background-color:#f9f9f9;border-bottom:0}

/* [bs4] 비급여 테이블 (desk) */
.table-nonpay-desk thead th,.table-nonpay-desk td{padding:.3rem .3rem;border:1px solid #eee;font-size:1rem;text-align:center;vertical-align:middle !important;word-break:keep-all;overflow-wrap:break-word}
.table-nonpay-desk thead th{font-weight:400;font-size:.875rem;color:#7d838e;line-height:1;background-color:#f9f9f9;border-bottom:0}
.table-nonpay-desk .form-control{padding:.2rem .3rem;font-size:1rem;color:#212529}
.table-nonpay-desk .form-select{padding:.2rem 1.6rem .2rem .3rem;font-size:1rem;color:#212529}
.table-nonpay-desk tbody tr:hover{background-color:#eee}

/* table-responsive 모바일일 때는 스크롤, PC에서는 스크롤 없이 가로 100%에 내용 줄바꿈으로 처리 */
@media (min-width:992px) {
.table-responsive{overflow:visible!important}
.table-responsive .table{table-layout:fixed!important}
.table-responsive .table th,.table-responsive .table td{word-break:keep-all!important;overflow-wrap:break-word!important;white-space:normal!important}
}