@charset "UTF-8";
/* CSS Document */

/* Themes */

.side-nav {
  font-size: 1.5rem;
}

.side-nav a {
  text-decoration: none;
}

.side-nav i {
  font-size: 1.4rem;
}

.side-nav hr {
  width: 80%;
  margin: 15px auto;
  color: #fff;
}

.side-nav .side-nav-title {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: -1px;
}

body[data-leftbar-compact-mode=condensed] .side-nav .side-nav-item .side-nav-link i {
  font-size: 1.6rem;
}

.side-nav-forth-level li a, .side-nav-second-level li a, .side-nav-third-level li a {
  font-size: 1.3rem;
}

.nav-user {
  padding: calc(16px / 2) 20px calc(14px / 2) 57px !important;
}
.topbar-right-menu .dropdown-toggle::after { display: none !important;}

.profile-dropdown.show { top: 1px !important; right:-8px !important}
.navbar-custom .topbar-right-menu .nav-link { width: 115px;}

.navbar-custom .topbar-right-menu .nav-link .fa-fill-drip, .navbar-custom .fa-home-lg-alt {
  font-size: 2rem;
  position: relative;
  top: 25px;
  color: #98a6ad;
}

.custom-control-label {
  font-size: 1.6rem;
}

.custom-control-input:checked~.custom-control-label::before {
  font-size: 2rem;
}

.custom-switch .custom-control-label::before {
  top: 2px;
  left: -3rem;
  width: 3.5rem;
  height: 1.8rem;
  pointer-events: all;
  border-radius: 1rem;
}

.custom-switch .custom-control-label::after {
  top: 3px;
  left: calc(-3rem + 2px);
  width: calc(2rem - 4px);
  height: calc(2rem - 4px);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
  left: -2rem;
}

.custom-switch {
  padding-left: 3rem;
}

.dropdown-toggle::after {
  display: none
}

/* layout */

.logo.text-center.logo-light, .logo.text-center.logo-dark {
  font-size: 2.2rem;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: -.5px;
  color: #fff;
}

body[data-leftbar-theme=light] .logo span.logo-lg {
  color: #37404a;
}

.logo.text-center.logo-light .logo-sm {
  font-size: 1.2rem;
  letter-spacing: -1px;
  color: #fff;
}

.admin-info {
  position: relative;
  top: 20px;
  text-align: center;
}

.account-user-avatar i {
  font-size: 3.2rem;
}

.notification-list .notify-item {
  font-size: 1.2rem;
}

.notification-list .notify-item i {
  position: relative;
  top: 2px;
}

.profile-dropdown .dropdown-item {
  color: #e2e8f0 !important;
  background-color: transparent !important;
  transition: color 0.2s ease;
}

.profile-dropdown .dropdown-item:focus,
.profile-dropdown .dropdown-item:hover,
.profile-dropdown .dropdown-item:active {
  color: #e2e8f0 !important;
  background-color: transparent !important;
  text-decoration: none;
}

.nav-tabs.nav-bordered .nav-item {
  font-size: 1.5rem;
}

.breadcrumb li {
  font-size: 1.3rem;
}

.breadcrumb li a {
  color: #404954;
}

.nav-tabs.nav-bordered li a {
  min-width: 100px;
  min-height: 40px;
  text-align: center;
}

@media (max-width:600px) {
  .nav-tabs.nav-bordered li {
    display: block;
    clear: both;
    width: 100%;
  }
  .nav-tabs.nav-bordered li a {
    min-width: 100%;
    min-height: 40px;
    margin-bottom: 5px;
    text-align: center;
  }
}

.sch_wrap .col-sm {
  padding: 0 2px;
}

.user-menu-title {
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
  left: -10px;
}

.user-menu-title i {
  margin-right: 5px;
}

#jstree {
  font-size: 1.4rem;
}

#jstree:focus {
  outline: none;
}

.fad.fa-check {
  color: #ff0000;
  margin-right: 5px;
}

.form-group .label {
  font-size: 1.5rem;
  margin-bottom: .5rem;
}

.form-group .file-name {
  font-size: 1.4rem;
  margin-top: 5px;
  display: block;
}

.form-group .file-name i {
  margin-left: 8px;
  color: #ff0000;
  position: relative;
  top: 2px;
  font-size: 1.8rem;
}

.alert .custom-control {
  top: 3px;
}

.table th i {
  margin-left: 5px;
}

.table th a {
  color: #727cf5;
}

.card-body-title {
  font-size: 1.6rem;
}

.modal-body .modal-txt {
  font-size: 1.4rem;
}

.sch_wrap .col-sm span {
  font-size: 1.6rem;
  line-height: 40px;
  padding: 0 10px;
}

.timeline-item .font-weight-bold {
  font-size: 1.5rem;
  position: relative;
  top: -2px;
}

.timeline-item small.text-cut02 {
  font-size: 1.3rem !important;
  color: #6c757d;
  display: inline-block;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.5;
  max-height: 3.2em;
  height: auto;
  margin-bottom: 5px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.timeline-item small.text-muted span {
  font-size: 1.2rem !important;
  position: relative;
}

.timeline-item small.text-muted span::after {
  content: "";
  width: 1px;
  height: 8px;
  margin: 0 7px;
  display: inline-block;
  background: #ccc;
  position: relative;
  top: 0px;
}

.timeline-item small.text-muted span:last-child::after {
  display: none;
}

.login .card {
  padding: 3rem
}

#fileInput .font-weight-bold {
  font-size: 2rem
}

#fileInput a, #bannerDiv a, #toyDiv a {
  font-size: 1.4rem
}

#fileInput a i, #bannerDiv a i, #toyDiv a i {
  font-size: 2rem;
  position:relative; 
  top: 5px;
  color: #fa5c7c
}

.btn.btn-danger.btn-sm, .btn.btn-success.btn-sm { border-radius: .25em;height: auto;position: relative; margin-left: 5px}

.nav.nav-tabs { margin-bottom: 20px; left: 1px; position: relative; margin-top: 10px;}

.nav-tabs.nav-bordered li a.active { font-size: 1.8rem; font-weight: 600; color: #1a1b1b;}
.card-body .nav-tabs.nav-bordered li a.active { font-size: 1.6rem; font-weight: 600; color: #1a1b1b; border: 1px solid #ccc; border-bottom: 2px solid #fff; z-index: 1;  position: relative; top: -1px;}
.nav-tabs.nav-bordered .nav-item { font-size: 1.6rem;}
.nav-tabs.nav-bordered li a { padding: 0 1.7rem; display: flex; justify-content: center; align-items: center; cursor: default !important;}
.page-title-box .page-title { font-size: 1.8rem !important; line-height: 42px; margin-bottom: 11px; padding: 0 1.7rem; display: inline-block; border-bottom: 2px solid #727cf5; width: auto; min-width: 40px;}



.page-title-box .page-title-right {
  float: right;
  margin-top: 9px
}
.breadcrumb-item .fa-home-alt { position: relative; top: 3px;} 


.logo-lg img { max-width: 100px; height: auto; margin: 10px auto; display: block;}

.mt-30 { margin-top: 30px;}

.map_img { background: url('/site/renewable/img/경주시.png'); width: 100%;}
.map_title { background: #404040; position: absolute; left: 60px; top: 60px; padding:10px 20px ; color: #fff; text-align: left; width: 250px;}
.map_title strong { font-size: 3rem;}
.map_title p { font-size: 1.6rem; font-weight: 400;}




#bottom-custom {
  -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
  min-height: 250px;
  position: fixed;
  left: 250px;
  bottom: 0;
  right: 0;
  z-index: 99999999999
}

#bottom-custom table { background: #6c757d; color: #fff;}
#bottom-custom table th { color: #fff;}

#bottom-custom.on { display: block;}

#bottom-custom .close_btn {
  color: #fff;
  background: #313a46;
  position: absolute;
  top: -40px;
  right: 0;
  padding: 5px 15px;
  font-size: 2rem;  
}

.bottom-custom .topbar-left {
  background-color: #fff;
  height: 70px;
  position: fixed;
  z-index: 1;
  width: 260px;
  text-align: center;
  top: 0;
  left: 0
}

.bottom-custom .topbar-left .logo {
  line-height: 70px
}

.bottom-custom .topbar-left .logo i {
  display: none
}

.bottom-custom .topbar-right-menu {
  position: relative;
  z-index: 1
}

.bottom-custom .topbar-right-menu li {
  float: left;
  max-height: 70px
}

.bottom-custom .topbar-right-menu li.show .nav-link {
  color: #6c757d
}

.bottom-custom .topbar-right-menu .nav-link {
  padding: 0;
  color: #98a6ad;
  min-width: 32px;
  display: block;
  text-align: center;
  margin: 0 10px;
  position: relative
}

.bottom-custom .app-search form {
  padding: calc(32px / 2) 5px calc(32px / 2) 0;
  overflow: hidden;
  max-width: 320px
}


.logo {
  display: block;
  line-height: normal;
  font-size: 2rem;
  width: 250px;
  top: 0
}

.logo span.logo-lg {
  display: block; height: auto; padding-bottom: 10px;
  line-height: 1.2;
}

.logo span.logo-sm {
  display: none
}

.system_logo img { max-width: 50px; height:auto; margin-right: 10px;}
.system_logo { font-size: 2rem; font-weight: 800; padding-left: 0;}

.system_logo>.nav-item>a { display: flex; align-items: center; vertical-align:inherit;}


.system_logo a { color: #FFFFFF !important;}


main.flex-grow-1 { padding: 0 !important; position: relative;}
#map { width:100% !important; height: calc(100vh - 70px) !important; position: relative;}
#info_div { width: 520px; position: absolute; z-index: 1000; right: 0; top: 0; height: calc(100vh - 70px);  overflow-y: scroll; box-sizing:border-box; display:none; }
#info-panel { position:absolute; top:0; right:0; width:400px; background:rgba(0,0,0,0.6); padding: 20px; z-index:1000; color: #fff; min-height: calc(100vh - 70px)}
#map-container>img { width: 100% !important; height: auto;}

.chart-title { color:#fff; font-size: 1.8rem; font-weight: 700}

.button-menu-mobile.open-left>i { position: relative; top: -3px;}

#pageInfo { color: #fff; font-size: 1.4rem}

.metismenu .side-nav-second-level {
    padding: 0;
    position: static;
    top: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.metismenu .side-nav-second-level[hidden] {
    display: none;  /* hidden 속성이 있을 때 완전히 숨김 */
}

.metismenu .side-nav-second-level.mm-show {
    padding: 8px 0 8px 13px;
    max-height: 500px;  /* 충분히 크게 설정 */
    overflow: hidden;
}

.metismenu .side-nav-item {
    min-height: 70px;  
}




 .tabulator {
    background-color: #374151;
    border: 1px solid #4a5568;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    text-align: left;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
     max-height: 700px;
}

.tabulator .tabulator-header {
    border-bottom: 3px solid #4a5568;
    font-size: 0.7em;
    margin-bottom: 4px;
	text-align: center;
    font-weight: 700;
    min-height: 35px;
    background:#4a5568;
    color:#e2e8f0;
    padding:0;
}

.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {
    display: inline-block;
    min-height: 35px;
}

.tabulator .tabulator-header .tabulator-col {
    background-color: #4a5568;
    border-right: 1px solid #5a6578;
	justify-content: center;
    align-items: center;
    min-height:35px;
    padding: 0;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom: 6px solid #e2e8f0;
    border-top: none;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter {
    color: #e2e8f0;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom: none;
    border-top: 6px solid #e2e8f0;
    color: #e2e8f0;
}

.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
 	font-size: 1.2rem;
 	color:lightgrey;
	font-weight: normal;
 }
 
 @media (hover: hover) and (pointer: fine) {
    .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
        background-color: black;
        cursor: pointer;
    }
}


.tabulator-row {
    background-color: #4a5568;
    box-sizing: border-box;
    min-height: 24px;
    position: relative;
    border-bottom: 1px solid #4a5568;
}

.tabulator-row .tabulator-cell:first-child {
    border-left: none;
}

.tabulator-row:nth-child(2n) .tabulator-cell:first-child {
    border-left: none;
}

.tabulator-row:nth-child(2n) .tabulator-cell {
    background-color: #374151;
}

.tabulator-row .tabulator-cell {
    background-color: #374151;
    border-right: 1px solid #5a6578;
    /*padding: 6px 4px;*/
    padding: 12px 10px;
    font-size:0.8em;
}

.tabulator .tabulator-tableholder .tabulator-table {
    background-color: #374151;
    color: #ffffff;
    display: inline-block;
    /*overflow: visible;*/
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    font-size: 18px;
}

.tabulator::-webkit-scrollbar,
.tabulator .tabulator-tableholder::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.tabulator::-webkit-scrollbar-thumb,
.tabulator .tabulator-tableholder::-webkit-scrollbar-thumb {
    background-color: #6b7280;
    border-radius: 4px;
}

.tabulator::-webkit-scrollbar-track,
.tabulator .tabulator-tableholder::-webkit-scrollbar-track {
    background-color: #2d3748;
}

.user-status {
    background: #000;
    border: 1px solid #000;
    border-radius: 20px;
    padding: 5px 10px;
    text-align: center;
    font-size: 12px !important;
    color: #f8fafc !important;
    transition: transform 0.2s ease;
}

.user-status:hover,
.user-status:focus,
.user-status:active {
    background: #000;
    border-color: #000;
    color: #f8fafc !important;
    transform: translateY(-1px);
}

.userNm {
    text-align: center;
}