@charset 'utf-8';

header .navbar-logo b{font-size:18px}
header .navbar-logo img{height:50px}
header .navbar-nav-icons li {color:var(--phoenix-nav-link-color)}
header .navbar-nav-icons li:last-child:before{content:'\007c'; padding:0 10px}

.navbar-vertical .navbar-vertical-content {overflow-x:hidden !important}
.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link {font-size:14px; margin-bottom:15px}
.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.active {color:var(--bs-primary)}

.select2-selection {height:35px !important}
.select2-search__field:focus-visible {outline:none}
.select2-container--default .select2-selection--single {border-color:var(--phoenix-border-color)}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:32px}
.select2-dropdown {z-index:9999}



.date > div{width:150px; display:inline-block}
.date > div:last-child{position:relative; margin-left:20px}
.date > div:last-child:before {content:'\007e'; display:inline-block; position:absolute; left:-16px; top:8px}



.content {width:100%; height:100vh;  padding-bottom:1.5rem; overflow:hidden}
.content .navbar {position:fixed; left:0; top:65px}
.content .navbar + div {height:100%}
.content .tit +.wrap {height:calc(100% - 70px); overflow:hidden}
.content a {width:100%}

.content {padding-left:275px; padding-top:85px}
.content:not(.idx) .tit {padding:20px 0 30px; margin-bottom:0}

.content.idx .tit {margin-bottom:20px}

.src {padding-bottom:20px}
.src ul {display:inline-block}
.src ul + ul {margin-top:15px}
.src li {display:inline-block}
.src li:not(:last-child) {padding-right:10px}
.src .label {display:inline-block; padding-right:10px}
.src .label + div {display:inline-block}
.src .btn_area {float:right}
.src .btn_area .btn {height:37px}
.src .btn_area .btn + .btn {margin-left:13px}
.src:not(.src2) {height:55px}
.src2 {height:110px}



.src:not(.src2) + .area {height:calc(100% - 55px)}
.src2 + .area {height:calc(100% - 110px)}

.area .tbl {height:calc(100% - 100px); border:1px solid var(--table-border-color); overflow-y:auto}
.area table {max-height:100%}
.area .bottom > div {padding-top:15px; display:inline-block; width:100%}
.area .bottom .btn {height:35px}

.area .btn_area {text-align:right}
.area .btn_area .btn[class *= 'btn-outline']:not(:hover) {background-color:var(--phoenix-white)}
.area .btn_area .btn + .btn {margin-left:10px}


.content.idx p.fw-bold {font-size:15px; color:var(--phoenix-tertiary-color)}
.content.idx .card-header {border-bottom:none; padding:15px 20px}
.content.idx .card-header + .card-body {padding-top:0}
.content.idx .cnt {font-weight:bold; color:var(--bs-primary)}
.content.idx .cnt:not(.cnt10, .cnt11, .cnt12) {font-size:24px;}
.content.idx .cnt10,
.content.idx .cnt11,
.content.idx .cnt12 {font-size:24px}
.content.idx .table th {padding-top:0 !important; padding-bottom:10px !important; line-height:2}
.content.idx .card-body .bi {vertical-align:top; line-height:50px; display:inline-block; padding:0 15px; color:var(--phoenix-secondary-bg)}
.content.idx .col-4:not(.mt-4) .card-header {font-weight:bold}
.content.idx .col-8 canvas {height:208px !important}
.content.idx .col-8 + .col-4 .card-body {height:208px; overflow:hidden}