.white_filter {  
  filter: grayscale(0);  
}       
.black_filter {  
  filter: grayscale(0);  
}       

/*상단 고정*/ 
.sticky_header { 
  position: sticky; 
  top:0; 
} 

/*푸터 고정*/ 
.fixed_footer {
  position: fixed;
}

.footer {
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #EEF5F9;
  color: #3e5569;
  text-align: center;
}


.datatable {
  font-size: 0.85rem;
  padding: 20px;
}
@media (min-width: 768px) {
  .datatable {
    overflow: visible;
  }
}
.datatable table.dataTable thead,
.datatable table.dataTable tfoot {
  color: #0061f2;
}
.datatable table.dataTable thead th,
.datatable table.dataTable tfoot th {
  font-weight: 600;
}
.datatable table.dataTable.table-dark thead,
.datatable table.dataTable.table-dark tfoot {
  color: #fff;
}
.datatable .btn-datatable {
  height: 20px !important;
  width: 20px !important;
  font-size: 0.75rem;
  border-radius: 0.35rem !important;
}
.datatable table.dataTable thead .sorting:before,
.datatable table.dataTable thead .sorting_asc:before,
.datatable table.dataTable thead .sorting_desc:before,
.datatable table.dataTable thead .sorting_asc_disabled:before,
.datatable table.dataTable thead .sorting_desc_disabled:before,
.datatable table.dataTable thead .sorting:after,
.datatable table.dataTable thead .sorting_asc:after,
.datatable table.dataTable thead .sorting_desc:after,
.datatable table.dataTable thead .sorting_asc_disabled:after,
.datatable table.dataTable thead .sorting_desc_disabled:after {
  display: none;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.datatable table.dataTable thead .sorting:after {
  content: "";
}
.datatable table.dataTable thead .sorting_asc:after,
.datatable table.dataTable thead .sorting_asc_disabled:after {
  content: "";
}
.datatable table.dataTable thead .sorting_desc:after,
.datatable table.dataTable thead .sorting_desc_disabled:after {
  content: "";
}
.datatable table.dataTable thead .sorting [data-fa-pseudo-element=":after"],
.datatable table.dataTable thead .sorting_asc [data-fa-pseudo-element=":after"],
.datatable table.dataTable thead .sorting_desc [data-fa-pseudo-element=":after"],
.datatable table.dataTable thead .sorting_asc_disabled [data-fa-pseudo-element=":after"],
.datatable table.dataTable thead .sorting_desc_disabled [data-fa-pseudo-element=":after"] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translatey(-50%);
  color: #c5ccd6;
}
.datatable table.dataTable thead .sorting_asc [data-fa-pseudo-element=":after"],
.datatable table.dataTable thead .sorting_desc [data-fa-pseudo-element=":after"],
.datatable table.dataTable thead .sorting_asc_disabled [data-fa-pseudo-element=":after"],
.datatable table.dataTable thead .sorting_desc_disabled [data-fa-pseudo-element=":after"] {
  color: #0061f2;
}
.datatable table.dataTable.table-dark thead .sorting [data-fa-pseudo-element=":after"] {
  color: rgba(255, 255, 255, 0.25);
}
.datatable table.dataTable.table-dark thead .sorting_asc [data-fa-pseudo-element=":after"],
.datatable table.dataTable.table-dark thead .sorting_desc [data-fa-pseudo-element=":after"],
.datatable table.dataTable.table-dark thead .sorting_asc_disabled [data-fa-pseudo-element=":after"],
.datatable table.dataTable.table-dark thead .sorting_desc_disabled [data-fa-pseudo-element=":after"] {
  color: rgba(255, 255, 255, 0.75);
}
 

.left-sidebar {
  width: 250px;
  position: block;
  top: 0;
  left: -250px;
  height: calc(100% - 1px);
  z-index: 8;
  background: #333;
  color: rgb(128, 57, 57);
  transition: all 0.3s;
}

.left-sidebar.active {
  left: 0;
}
.sidebar-overlay {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0px;
  height: calc(100% - 1px);
  background: rgba(0, 0, 0, 0.5);
  z-index: 7;
  display: none;
}

/* #main-wrapper[data-layout="vertical"] .topbar .navbar-collapse[data-navbarbg="skin3"], #main-wrapper[data-layout="vertical"] .topbar[data-navbarbg="skin3"], #main-wrapper[data-layout="horizontal"] .topbar .navbar-collapse[data-navbarbg="skin3"], #main-wrapper[data-layout="horizontal"] .topbar[data-navbarbg="skin3"] {
  background: green; }

  #main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .sidebar-item .sidebar-link.active i, #main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .sidebar-item .sidebar-link.active .feather, #main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .sidebar-item .sidebar-link.active i, #main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .sidebar-item .sidebar-link.active .feather {
    color: green; }

    #main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .sidebar-item .sidebar-link.active, #main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .sidebar-item .sidebar-link.active {
      color: green; }
 */

 /* 날짜 선택 */
/* .datepicker .day, .datepicker .dow {
  padding: 0px 6px;
  font-size: 12px;
}    
  */
/* -----  로딩이미지 start ----- */    
.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
  position: fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background: rgba(0,0,0,0.2); /*not in ie */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000',endColorstr='#20000000');    /* ie */
}

.wrap-loading div{ /*로딩 이미지*/
  position: fixed;
  top:50%;
  left:50%;
  margin-left: -21px;
  margin-top: -21px;
}

.display-none{ /*감추기*/
  display:none;
}
 

.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip .tooltip-content {
  visibility: hidden;
  width: 300px;
  background-color: orange;
  padding: 0;
  margin-top: 10px;
  color: white;
  text-align: center;
  position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltip-content { visibility: visible; }  

input::placeholder { 
  font-style: italic;
}