body { font-family:'NanumSquare' !important; }
hr { margin: 0.5rem 0 !important; }
form { padding:0; margin:0; }

input
,textarea { font-family:'D2Coding' !important; }

a:link { color:unset; text-decoration: auto; }
a:hover { font-weight: bolder; }

nav .nav.nav-treeview hr { margin: 0 0 0 10px !important; padding: 0; color: white; }
nav .nav.nav-treeview .nav-item { margin: 0 0 0 10px !important; background-color: rgba(255, 255, 255, 0.1); }


nav.navbar .container-fluid { padding: 0; }


.btn-sort { border:0; background-color: transparent; }

.btn-xsm {
	padding: 0.1rem !important;
	font-size: 0.8rem !important;
}

table.table.table-sm thead tr th
,table.table.table-sm thead tr td { font-size: 0.9rem !important; }
table.table.table-sm tbody tr th
,table.table.table-sm tbody tr td { font-size: 0.8rem !important; }


table.table thead tr th
,table.table thead tr td { text-align:center; white-space: nowrap; }
table.table tbody tr th
,table.table tbody tr td { text-align:center; font-family:'D2Coding' !important; white-space: nowrap; }

.row .form-control {
	min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	border-radius: var(--bs-border-radius-sm);
}


.btn-info { color: #FFF !important; }
.btn-warning { color: #FFF !important; }

.tox-tinymce-aux { z-index:6000 !important; }


/* .scoreboard { border-collapse: separate; border-spacing: 1px; }
.scoreboard a { text-decoration: auto; } */

.scoreboard { display: flex; flex-wrap: wrap; gap:5px; }

.scoreboard dl { margin:0; padding:0; display: flex; flex-wrap: nowrap; border-radius: 5px; }

.scoreboard dt
,.scoreboard dd { padding:4px; }



.scoreboard dt
,.scoreboard dd {
	height:100%; min-width:30px; margin:0;
	/* display:inline-block; */
	/* border-style: solid; border-width: 1px; border-color:rgba(0,0,0,0.2); */
}

.scoreboard dt
,.scoreboard dt a
,.scoreboard dd
,.scoreboard dd a { font-size:14px; font-family:'D2Coding'; font-weight:normal; }

.scoreboard span { border-radius:5px; padding:0 5px; }

@keyframes blink-effect {
  0% {
	background-color:red;
	color:white;
  }
  50% {
	background-color:transparent;
	color:black;
  }
  100% {
	background-color:red;
	color:white;
  }
}

.scoreboard .active { animation: blink-effect 1s linear infinite; }


.scoreboard .depo dt { background-color:blue; color:white !important; }
.scoreboard .depo a { color:black; }
.scoreboard .depo { border-style: solid; border-width: 1px; border-color:blue; }

.scoreboard dl.depo:hover { background-color:rgba(0,0,255,0.2); }
.scoreboard .depo dd:hover { background-color:blue; color:white !important; }
.scoreboard .depo dd:hover a { color:white !important; }

.scoreboard .with dt { background-color:red; color:white !important; }
.scoreboard .with a { color:black; }
.scoreboard .with { border-style: solid; border-width: 1px; border-color:red; }

.scoreboard dl.with:hover { background-color:rgba(255,0,0,0.2); }
.scoreboard .with dd:hover { background-color:red; color:white !important; }
.scoreboard .with dd:hover a { color:white !important; }

.scoreboard .acct dt { background-color:green; color:white !important; }
.scoreboard .acct a { color:black; }
.scoreboard .acct { border-style: solid; border-width: 1px; border-color:green; }
.scoreboard dl.acct:hover { background-color:rgba(0,255,0,0.2); }
.scoreboard .acct dd:hover { background-color:green; color:white !important; }
.scoreboard .acct dd:hover a { color:white !important; }



/*=============================================================================+
| colors
------------------------------------------------------------------------------*/
.data-date-today
,.data-date-today a { font-weight:bold; }

.code-res-ok
,.code-res-success { color:green !important; }

.code-res-fail
,.code-res-error { color:red !important; }

.code-stat-standby
,.code-stat-standby td { color:orange !important; }

.code-stat-remove
,.code-stat-remove td { color:red !important; text-decoration: line-through; }

.code-stat-fail
,.code-stat-fail td { color:red !important; }
,.code-stat-cancel
,.code-stat-cancel td { color:red !important; }

.code-mode-test { color:orange !important; }
.code-mode-live { color:blue !important; }

/*=============================================================================+
| popup
------------------------------------------------------------------------------*/

.popWrap {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	position: fixed;
	z-index: 5000;
	top: 0;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	overflow: scroll;
}

.popWrap .popContWrap {
	background-color: white;
	border-radius: 10px;
	display: inline-block;
	position: relative;
	margin: 20px;
	box-shadow: 0 0 10px 2px black;
}

.popWrap .popContWrap .popBody {
	/* min-width: 100px;
	min-height: 40px;
	max-height: calc(100vh - 50px);
	overflow: auto; */
}

.popWrap .popContWrap .popBody .card-body { font-family:'D2Coding' !important; }

.popWrap .popContWrap .popTool { font-size: 35px;
	position: absolute;
	z-index: 1;
	right: -20px;
	top: -20px; }

.popWrap .popContWrap .popBody { padding-left:0; padding-right:0; }

.popWrap .popContWrap .popBody .card .card-body {
	min-width: 100px;
	max-width: 1100px;
	min-height: 40px;
	max-height: calc(100vh - 200px);
	overflow: auto;
}

/* .popWrap .popContWrap .popBody .container .row .card .card-body { max-height: calc(100vh - 200px); overflow-x: auto; } */





/*=============================================================================+
| notice
------------------------------------------------------------------------------*/

.noticeWrap {
	position: fixed; z-index: 6000;
	right: 0; bottom: 0;
	overflow: scroll;
}


.noticeWrap .noticeContWrap {
	background-color: white;
	border-radius: 5px;
	/* display: inline-block; */
	position: relative;
	margin: 20px;
	box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.5);
}

.noticeWrap .noticeContWrap .noticeHead { text-align:center; }
.noticeWrap .noticeContWrap .noticeHead { background-color:rgba(0,0,0,0.1); }

.noticeWrap .noticeContWrap .noticeBody {
	/* min-width: 100px;
	min-height: 40px;
	max-height: calc(100vh - 50px);
	overflow: auto; */
}

.noticeWrap .noticeContWrap .noticeFoot { text-align: right; }

.noticeWrap .noticeContWrap .noticeTool { font-size: 20px;
	position: absolute; z-index: 1;
	left: -10px; top: -10px; }

.noticeWrap .noticeContWrap .noticeBody { padding-left:0; padding-right:0; }

.noticeWrap .noticeContWrap .noticeBody  {
	min-width: 200px;
	min-height: 40px;
	max-height: calc(100vh - 200px);
	overflow: auto; }


.noticeWrap .noticeContWrap.notice_warning { background-color:#ffc107; color:white; }
.noticeWrap .noticeContWrap.notice_danger { background-color:#dc3545; color:white; }
.noticeWrap .noticeContWrap.notice_primary { background-color:#0d6efd; color:white; }



.noticeWrap .noticeContWrap .noticeTool { color:black; }





/*=============================================================================+
| thFiles
------------------------------------------------------------------------------*/

.thFilesViewWrap
,.thFilesViewWrap ul { padding:0; display:flex; flex-wrap: wrap; }
.thFilesViewWrap li { list-style: none;
	flex-grow: 1;
	flex-basis: 100%;

	display: flex;

}
.thFilesViewWrap li .ico { width: 40px;
	height: 40px;
	background-position: center;
	background-size: cover;
	border: 1px solid silver;
	border-radius: 5px;
	display: inline-block; }

.thFilesViewWrap li a { display:flex; align-items: center; }


.thFilesWrap { display: flex; flex-wrap: wrap; position:relative; }
.thFilesWrap .thFilesMenu { width:100%; position:relative; }
.thFilesWrap .thFilesMenu input[type="file"] { width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; }
.thFilesWrap .thFilesMenu label { width:100%; height:100%; margin:0; padding:0; text-align:center; display:flex; gap:5px; justify-content: center; align-items: center; border:2px dotted rgba(0,0,0,0.1); background-color: rgba(0,0,0,0.1); border-radius:5px;}

.thFilesWrap .thFilesMenu label .icon { font-size:20px; }
.thFilesWrap .thFilesMenu label .info { font-size:10px; }

.thFilesWrap .thFilesMenu .bi-cloud-plus-fill { display:none; }

.thFilesWrap .thFilesMenu:hover .bi-cloud-plus { display:none; }
.thFilesWrap .thFilesMenu:hover .bi-cloud-plus-fill { display:unset; }
.thFilesWrap .thFilesMenu:hover label { border:2px dotted rgba(0,0,0,0.2); background-color: rgba(0,0,0,0.2); }


.thFilesWrap .thFilesMenu .thFilesProgress {
	width: 100%; height: 100%;
	position: absolute; z-index: 1;
	text-align: center;
	background-color: white;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 10px;
	text-shadow: 1px 1px 0px white;

	display:none;
}



.thFilesWrap .thFilesItemBox { width:100%; border:2px dotted transparent; border-radius:5px; }
.thFilesWrap .thFilesItemBox:hover { background-color: rgba(0,0,0,0.1); border:2px dotted rgba(0,0,0,0.1); }
.thFilesWrap .thFilesItemBox:hover .thFilesBtn { opacity:1; }

.thFilesWrap .thFilesItemBox { min-width:10%; max-width:150px; }


/* .thFilesWrap .thFilesItemBox { display:grid; grid-template-columns: 60px auto 20px; }
.thFilesWrap .thFilesItemBox .thFilesThumb { grid-column: 1 / 2; grid-row: 1 / span 3; }
.thFilesWrap .thFilesItemBox .thFilesItem { grid-column: 2 / 3; }
.thFilesWrap .thFilesItemBox .thFilesBtn { grid-column: 3 / 4; }
.thFilesWrap .thFilesItemBox .thFilesOpt { grid-column: 2 / 4; grid-row: 2 / 3; } */

.thFilesWrap .thFilesItemBox .thFilesThumb {
	width:100%; height:100px;
	border:1px solid silver; border-radius:5px;
	background-size: contain; background-position: center; background-repeat: no-repeat;
	position: relative;
}


.thFilesWrap .thFilesItemBox .thFilesLabel { width:100%; text-align: center; position:absolute; bottom:0; padding:2px 0; font-size:12px; text-shadow: 1px 1px white; }


.thFilesWrap .thFilesItemBox .thFilesBtn { text-align: center; opacity:0.2; }

.thFilesWrap .thFilesItemBox .thFilesOpt { font-size:12px; display:flex; }
.thFilesWrap .thFilesItemBox .thFilesOpt * { width:100%; }


/*=============================================================================+
| theme
+-----------------------------------------------------------------------------*/
body.theme-light .light_hide { display: none; }
body.theme-dark .dark_hide { display: none; }

body.theme-dark { color:#c2c7d0 !important; background-color:#111 !important; }
body.theme-dark .app-header { border:1px solid black; }
body.theme-dark .app-header i { color:#c2c7d0; }
body.theme-dark .bg-body { color:#000 !important; background-color:#111 !important; }

body.theme-dark .scoreboard * { color:#c2c7d0; }

body.theme-dark .card { color:#c2c7d0; background-color:#333; }

body.theme-dark .table > :not(caption) > * > * { color:#c2c7d0; background-color:unset; }
body.theme-dark .table { border-color:gray; }

body.theme-dark .form-control
,body.theme-dark .form-select { color:#c2c7d0; background-color:#666; border: 1px solid #444; }

body.theme-dark .app-footer { color:#c2c7d0; background-color:#333; border-top: 1px solid black; }

body.theme-dark .page-link { color:#c2c7d0; background-color:#666; border: 1px solid #444; }