@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html {
  -webkit-text-size-adjust: none; /*Å©·Ò, »çÆĸ®, ¿ÀÆä¶ó ½Å¹öÀü*/
  -ms-text-size-adjust: none; /*IE*/
  -moz-text-size-adjust: none; /*ÆÄÀ̾îÆø½º*/
  -o-text-size-adjust: none; /*¿ÀÆä¶ó ±¸¹öÀü*/
}

html, body {font-family: 'Nanum Gothic', Helvetica, Arial, sans-serif;}
app {position: relative; display: flex; flex-direction: column;}
a {color: #212529; text-decoration: none !important;}
.btn-primary {color: #fff; background-color: #1b6ec2; border-color: #1861ac;}
.btn-link {color: #000 !important;}
.main {flex: 1;}
.top-row {display: flex; align-items: center;}
.main .top-row {background-color: #f7f7f7; border-bottom: 1px solid #d6d5d5; justify-content: flex-end;}
.main .top-row > a, .main .top-row .btn-link {white-space: nowrap; margin-left: 1.5rem;}
.main .top-row a:first-child {overflow: hidden; text-overflow: ellipsis;}
.sidebar {background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);}
.sidebar .top-row {background-color: rgba(0,0,0,0.4);}
.sidebar .oi {width: 2rem; vertical-align: text-top; top: -2px;}
.sidebar .nav-item a {color: #d7d7d7; border-radius: 4px; height: 3rem; display: flex; align-items: center; line-height: 3rem;}
.sidebar .nav-item a:hover {background-color: rgba(255,255,255,0.1); color: #fff;}
.sidebar .nav-item a:active {background-color: rgba(255,255,255,0.25); color: #fff;}
.sidebar .oi, .table-sm, .table-sm td, .table-sm th, .dxbs-popup .modal-header.drag, .gridview-column-sort {font-size: 1.3rem !important;}
.content {padding-top: 1.1rem;}
.navbar-toggler {background-color: rgba(255, 255, 255, 0.1);}
.valid.modified:not([type=checkbox]) {outline: 1px solid #26b050;}
.invalid {outline: 1px solid red;}
.validation-message {color: red;}
#blazor-error-ui {display: none; padding: 0.6rem 1.25rem 0.7rem 1.25rem; background: lightyellow; left: 0; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); position: fixed; width: 100%; z-index: 1000;}
#blazor-error-ui .dismiss {position: absolute; top: 0.5rem; right: 0.75rem; cursor: pointer;}

@media (max-width: 767.98px) {
	.main .top-row:not(.auth) {display: none;}
	.main .top-row.auth {justify-content: space-between;}
	.main .top-row a, .main .top-row .btn-link {margin-left: 0;}
}

@media (min-width: 768px) {
	app {flex-direction: row;}
	.sidebar {width: 25rem; height: 100vh; position: sticky; top: 0;}
	.main .top-row {position: sticky; top: 0;}
	.main > div {padding-left: 2rem !important; padding-right: 1.5rem !important;}
	.navbar-toggler {display: none;}
	.sidebar .collapse {/* Never collapse the sidebar for wide screens */ display: block;}
}

/*Common*/
.font-size-12 {font-size: 1.2rem !important;}
.font-size-13 {font-size: 1.3rem !important;}
.font-size-14 {font-size: 1.4rem !important;}
.font-size-17 {font-size: 1.7rem !important;}
.form-control {height: auto;}
.table td, .table th {vertical-align: middle;}

/*Login.razor*/
.login-container {width: 100vw; max-width: 100vw; height: 100vh; background-image: url("../images/background.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover;/* position: relative;*/}
.login-box {position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);}
label[for="remember-me"], label[for="chkTest"] {vertical-align: text-top;}

/*XP_MobileLayoutA.razor*/
.sidebar .nav-item a {padding: 0 1rem 0 1rem;}
.popEditForm {line-height: 3.3rem; line-height: 1.6rem;}
.popEditForm div {align-items: center;}
.dxbs-popup .modal-header.drag {background-color: #f8f9fa !important; padding: 0; padding-bottom: .5rem;}
.dxbs-popup .modal-header .close-btn.oi {padding: .6rem 1rem; top: 0;}
.dxbs-popup a.close-btn.oi-x {font-size: 1.3rem}
.modal.dxbs-modal .dxbs-popup.modal-dialog {margin: 0;}
.modal.dxbs-modal .modal-body {max-height: calc(100vh - 7rem); overflow-y: auto;}
.modal-title {margin-top: .6rem; margin-left: .6rem;}
.customGrid thead > tr th {text-align: center;}
.customGrid thead > tr th a {font-weight: bold;}

.list-group-item.active {background-color: #0a2464; border-color: #0a2464;}
.dxbs-grid-header-container, .main-menu a:hover, .list-group-item.px-4.py-3:hover {background-color: #f8f9fa !important;}
.dxbs-data-row {cursor: pointer;}
/*.dxbs-gridview > .card .dxbs-table > tbody > tr > td, .dxbs-gridview > .card .dxbs-table > thead > tr > th {padding: .7rem 2.8rem .7rem .7rem;}*/
.dxbs-gridview > .card .dxbs-table > tbody > tr > td, .dxbs-gridview > .card .dxbs-table > thead > tr > th {padding: .7rem;}
.dxbs-popup.modal-dialog.dxbs-popup-fixed-width {top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0;}
.dx-pager.dx-pager-sm {float: right;}
.pagination-sm .page-link {padding: .25rem .8rem; font-size: 1.3rem;}
.page-link {color: #000;}
.page-item.active .page-link {color: #000 !important; background-color: #f1f1f1 !important;}

.nav-item .expand-menu {line-height: 1.6rem !important;}
.list-group-item.px-4.py-3 {cursor: pointer;}

.card .dxgvCSD.dxbs-grid-vsd.dxbs-grid-hsd .dxbs-table .dxbs-data-row td:nth-child(1), 
.card .dxgvCSD.dxbs-grid-vsd.dxbs-grid-hsd .dxbs-table .dxbs-data-row td:nth-child(2), 
.card .dxgvCSD.dxbs-grid-vsd.dxbs-grid-hsd .dxbs-table .dxbs-data-row td:nth-child(3), 
.card .dxgvCSD.dxbs-grid-vsd.dxbs-grid-hsd .dxbs-table .dxbs-data-row td:nth-child(4), 
.card .dxgvCSD.dxbs-grid-vsd.dxbs-grid-hsd .dxbs-table .dxbs-data-row td:nth-child(5), 
.card .dxgvCSD.dxbs-grid-vsd.dxbs-grid-hsd .dxbs-table .dxbs-data-row td:nth-child(6) {position: relative;}
.btn-link {width: 4rem; padding: .7rem; top: 0; right: 0; vertical-align: middle; background-color: #f1f1f1; border-left: 1px solid #e5e5e5;}
	.btn-link:hover {background-color: #e5e5e5;}
/*20220608 KHJ - FileUpload Button*/
/*.btnFileUpload {padding: .7rem; color: #fff; background-color: #696969; border: solid 1px silver;}*/