@charset "UTF-8";

:root{
    --rootColor:#21548b;
	--modalColor:#f5fafe;
	--btnColor:#f37321;
	--btnHoverColor:#f89b6c;
	--btnHoverLineColor:#fe7912;
	--btnCloseColor:#888;
	--btnCloseHoverColor: #b4b4b4;
	--btnCloseHoverLineColor: #e0e0e0;

}

.main-header{
	border-bottom:0px;
	background-color:var(--rootColor);
	color:#fff;
}


.layout-fixed .main-sidebar{
	background-color:var(--rootColor);
}

.sidebar .user-panel a,
.sidebar .user-panel span.user-name{
	color:var(--rootColor) !important;
}

.nav-sidebar>.nav-item{
	border-bottom:1px solid #153961;
}

.nav-sidebar>.nav-item:first-child{
	/*border-top:1px solid #153961;*/
	border-top:0px;
	background-color:#f4faff;
	border-bottom:3px solid var(--rootColor);
}

.nav-sidebar>.nav-item:first-child a{
	color:#4b4b6d;
	padding-bottom:9px;
}

[class*=sidebar-light-] .sidebar a{
	color:#fbfbfb;
}

[class*=sidebar-light] .user-panel{
	border-bottom: 0px solid #004995;
    background-color: #f4faff;
    margin: 0px -8px;
    padding-bottom: 0px;
    height: 39px;
    line-height: 28px;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link{
    background-color: #0c3663;
    color: #d1d1d1;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link{
    color: #d1d1d1;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link:active,
[class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link:focus{
	background-color: #0c3663;
    color: #FFF;
}


.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link{
	background-color: #f4faff;
    color: var(--rootColor);
    /*font-weight: bold;*/
}

.nav-flat.nav-child-indent .nav-treeview .nav-treeview{
	/*border-left: 1.2rem solid;*/
	border-left: 10px solid;
}

.nav.nav-treeview li{
	border-bottom:1px solid var(--rootColor);

}
.nav.nav-treeview li:last-child{
	border-bottom:0px;
}

.nav.nav-treeview li:first-child{
	border-top:1px solid var(--rootColor);
}

.nav.nav-treeview li:hover>a.nav-link{
	color:#000 !important;
}


.nav-flat.nav-sidebar>.nav-item .nav-treeview .nav-item>.nav-link,
.nav-flat.nav-sidebar>.nav-item>.nav-treeview .nav-item>.nav-link{
	border-left:10px solid;

}

[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview>.nav-item>.nav-link{
	border-color:var(--rootColor);
}

[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview>.nav-item>.nav-link.active{
	border-color:#00bc8c;
	background-color:#c4d8ff;
}

[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview .nav-treeview>.nav-item>.nav-link{
	border-color:#80cdff;
}

[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview .nav-treeview>.nav-item>.nav-link.active{
	border-color:#00bc8c;
	background-color:#c4d8ff;
}


.text-success{
	color:#00bc8c !important;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link.active{
	box-shadow:initial;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{
	background-color: #f4faff;
	color:var(--rootColor);
}

.navbar-white{
	background-color:#FFF;
	border-bottom:3px solid var(--rootColor);
}

.card-primary.card-outline{
	border-top:3px solid var(--rootColor);

}


.custom-select{
	background-color:#FFF;
	font-weight: bold;
	font-size: 18px;

}

.bg-primary{
	background-color:var(--rootColor) !important;
}

.bg-light, .bg-light>a{
	background-color: #f4faff !important;
}


#btn-tab-left{
	border-left:0px !important;
}


.navbar-nav.ml-0 .nav-link{
	padding:10px;
}

.card.card-outline-tabs{
	margin-top:-1px;
}

.card.bg-blue-light,
.card.card-blue-light{
	margin-top:-1px !important;
}


.card.card-outline-tabs .card-header a{
	font-weight:bold;
	font-size:16px;
	border-radius:initial;
	border-top:0px !important;
}

.card.card-outline-tabs .card-header .nav-item:first-child .nav-link{
	border-right:0px !important;
}

.card,
.card-header,
.card-header:first-child{
	border-radius:initial !important;
}

.bg-blue-light,
.card-blue-light{
	background-color:var(--rootColor);
	color:#fff;
}

.card-blue-light th{
	color:#464646;
}

.card-footer{
    margin: 0px;
    padding: 0px;
    background-color: #f0f0f0;
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 1;
	text-align: left;
}

.popup .card-footer {
    padding: 0px 5px 5px 0px;
    background-color: #f0f0f0;
    width: calc(100% - 5px);
}

.card{
	box-shadow: initial;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	margin-top:-1px;
	margin-bottom:0px !important;
}

input.focus {
    background-color: var(--rootColor) !important;
}

.tabulator{
	border:0px;

}

hr{
	margin: 0px;
	padding: 0px;
    background-color: #dadada;
    height: 0px;
}

.div-check{
	margin:0px 0px 0px 10px;
	accent-color:#dc3545;
}

#onKeyboard{
	border-bottom:1px solid #ced4da;
	border-radius: 0px;
	padding-bottom:0px;
}

.bgFocus{
	border-right:0px;
}

.bgFocus.focus{
	color:#FFF !important;
	z-index:0 !important;
}

.bgFocus.focus:focus{
	border-color:var(--rootColor);
}

.bgFocus.focus + #onKeyboard{
	background-color:var(--rootColor) !important;
	border-radius:0px;
	color:#fff !important;
	border-top:0px;
	border-bottom:0px;
}

.bgFocus.focus + .onKeyboard{
	background-color:var(--rootColor) !important;
	border-radius:0px;
	color:#fff !important;
	border-top:0px;
	border-bottom:0px;
}


.btnKeyboard{
	border-top:1px solid #ced4da;
	border-bottom:1px solid #ced4da;
	border-radius: initial !important;
	padding-bottom:2px;
}


.tabulator-row.tabulator-selectable.tabulator-selected,
.tabulator-row.tabulator-selectable.tabulator-selected:hover{
	background-color: var(--rootColor);
}


.toast .toast-header{
	background-color: var(--rootColor) !important;
	color:#fff;
}

.tabulator-row.tabulator-selectable.tabulator-selected {
	background-color: var(--rootColor) !important;
}
.tabulator-row.tabulator-selectable.tabulator-selected:hover{
	background-color: var(--rootColor) !important;
}

input.bgFocus::placeholder {color: var(--rootColor) !important;}
input.bgFocus::-webkit-input-placeholder {color:var(--rootColor) !important;}
input.bgFocus:-ms-input-placeholder {color:var(--rootColor) !important;}

.form-view{
    height:calc(100% - 58px);
}

.list-view{
    height:100%;
}

.form-view.popup{
	border:5px solid #f0f0f0;
}

.list-view.popup{
	border:5px solid #f4faff;
}



.bgDefault{
	background-color: #f8f9fa !important;

}

.blueColor{
    color:#3498DC;
}

.borderTB{
	border-top:1px solid var(--rootColor) !important;
	border-bottom:1px solid var(--rootColor) !important;
}

.form-control,
.btn{
	border-radius: initial !important;
}

.btn-group.btn-group-toggle{
	z-index: 2;
}

.input-group-text{
	padding-left:14px;
	padding-right:14px;

}

/*상단 탭 UI*/
.content-wrapper.iframe-mode .navbar-nav .nav-item{
    border-right: 1px solid #dadada;
    text-align: center;
	font-weight: bold;

}

.content-wrapper.iframe-mode .navbar-nav .nav-item.active{
	background-color: #f4faff;
}

.content-wrapper.iframe-mode .btn-iframe-close{
	color: #c7c7c7;
    visibility: visible !important;
    right: 5px;
    font-size: 11px;
    padding: 10px 5px;
	font-weight: bold;

}

.content-wrapper.iframe-mode .btn-iframe-close:hover{
	color:#dc3545;
}
.content-wrapper.iframe-mode .btn-iframe-close:focus{
	color:#dc3545;
}

.content-wrapper.iframe-mode .navbar-nav .nav-link{
	padding-right:30px;
	color:#4b4b6d;
}


.row.body > div[class^=col-]{
    margin-top:0px;
    padding:0px;

}

.nav-tabs .nav-link{
	border-left:1px solid #dadada;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
	border-color:#e9ecef #e9ecef transparent;
}


/*.card.card-outline{*/
/*	margin:5px !important;*/
/*	border-radius: 2px !important;*/
/*}*/


.btn-primary{
	background-color: var(--rootColor) !important;

}

.atchFileId{
	text-decoration: underline;
	color:#008fb1;
}


.btn-base {
  color: #FFF;
  background-color: var(--btnColor);
  border-color: var(--btnColor);
  box-shadow: none;
}

.btn-base:hover {
  color: #FFF;
  background-color: var(--btnHoverColor);
  border-color: var(--btnHoverLineColor);
}

.btn-base:focus, .btn-base.focus {
  color: #FFF;
  background-color: var(--btnHoverColor);
  border-color: var(--btnHoverLineColor);
  box-shadow: 0 0 0 0 var(--btnHoverColor);
}

.btn-base.disabled, .btn-base:disabled {
  color: #FFF;
  background-color: var(--btnColor);
  border-color: var(--btnColor);
}

.btn-base:not(:disabled):not(.disabled):active, .btn-base:not(:disabled):not(.disabled).active,
.show > .btn-base.dropdown-toggle {
  color: #FFF;
  background-color: var(--btnHoverLineColor);
  border-color: var(--btnColor);
}

.btn-base:not(:disabled):not(.disabled):active:focus, .btn-base:not(:disabled):not(.disabled).active:focus,
.show > .btn-base.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 var(--btnHoverColor);
}


.btn-close {
  color: #FFF;
  background-color: var(--btnCloseColor);
  border-color: var(--btnCloseColor);
  box-shadow: none;
}

.btn-close:hover {
  color: #FFF;
  background-color: var(--btnCloseHoverColor);
  border-color: var(--btnCloseHoverLineColor);
}

.btn-close:focus, .btn-close.focus {
  color: #FFF;
  background-color: var(--btnCloseHoverColor);
  border-color: var(--btnCloseHoverLineColor);
  box-shadow: 0 0 0 0 var(--btnCloseHoverColor);
}

.btn-close.disabled, .btn-close:disabled {
  color: #FFF;
  background-color: var(--btnCloseColor);
  border-color: var(--btnCloseColor);
}

.btn-close:not(:disabled):not(.disabled):active, .btn-close:not(:disabled):not(.disabled).active,
.show > .btn-close.dropdown-toggle {
  color: #FFF;
  background-color: var(--btnCloseHoverLineColor);
  border-color: var(--btnCloseColor);
}

.btn-close:not(:disabled):not(.disabled):active:focus, .btn-close:not(:disabled):not(.disabled).active:focus,
.show > .btn-close.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 var(--btnCloseHoverColor);
}

.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link {
	width:auto;
}