.alert-top-msg {
    position: fixed;
    top: 80px;
    z-index: 100000;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.search_query_param {
    height: 30px;
}

/* topbar */
.popover {
    width: 440px !important;
    max-width: 440px !important;
}
.FileContent {
    width: 410px;
}
.FileExportPopoverTitle {
    font-size: 1.1em;
    text-align: center;
}

.FileExportList {
    max-height: 400px;
    overflow-y: scroll;
    list-style: devanagari;
    margin: 0 0 16px;
    padding: 0;
    border-top: 1px solid #ebedef;
    border-bottom: 1px solid #ebedef;
}
.FileExportListItem {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ebedef;
    position: relative;
}
.FileExportErrorViewButton {
    position: absolute;
    font-size: 1.5em;
    top: 50%;
    right: 80px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.FileExportDownloadButton {
    position: absolute;
    font-size: 1.5em;
    top: 50%;
    right: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.FileExportDeleteButton {
    position: absolute;
    font-size: 1.5em;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.FileExportListItemLink {
    display: block;
    padding: 12px 16px;
    color: #2D3138;
    cursor: default;
}   
.FileExportListItemFilename {
    margin-bottom: 0.1em;
    font-weight: bold;
    max-width: 320px;
}
.FileExportListItemMetadata {
    font-size: .875em;
    opacity: .8;
    max-width: 320px;
}
.FileExportListItemCount {
    display: inline-block;
    margin-left: 16px;
}
.checkbox-1x {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

.checkbox-2x {
    transform: scale(2);
    -webkit-transform: scale(2);
}

.alertify, .alertify-logs {
    z-index: 99999 !important;
}

/* modal control */
.modal.fade {
  transition-duration: 0.1s;
}

.modal.in {
  transition-duration: 0.1s;
}

.modal.fade .modal-dialog{
  transition-duration: 0.1s;
  transform: translate3d(0, 0, 0);
}

.modal.in .modal-dialog{
  transition-duration: 0.1s;
  transform: translate3d(0, 0, 0);
}
/* modal control end */

/* hover icon */
.hover-icon:hover {
    color: #fff;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

/* 멀티셀렉트 */ /* 선택시 아이템 비표시 */
/* .select2-container--default .select2-results__option[aria-selected=true] {
    display: none;
} */

.form-control {
    height: 34px;
    font-size: 14px;
    width: 100%;
}

.content-page .content {
    width: 1360px;
}

.content-page .topbar {
    width: 1360px;
}

.form-group-list {
    margin-bottom: .5rem !important;
}

.btn-normal {
    min-width: 130px;
    margin-right: 6px;
}
/* div class sm-x 등으로 부모 div 의 폭이 좁은 상황에서 에러메세지가 사이즈에 구애받지 않고 한줄에 모두 표시되도록 .valid_error_msg 와 반드시 같이 사용 */
.valid_error_msg.valid_error_msg_ext {
    white-space: nowrap;
}
/* ----------------------------------------
 * 데이터테이블 커스터마이즈
 * ----------------------------------------
 */

/* 데이터테이블에 대한 스타일 */
.table thead>tr>th {
    /* 초기하드코딩부분 조정을 위한 스타일 */
    padding: 5px 6px;
}
.dataTables_scrollHead, .dataTables_scrollBody, .dataTables_info, .dataTables_paginate {
    /* 폰트사이즈 조정 */
    font-size: 12px !important;
}
.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
    /* 테이블바디 여백조정 */
    padding: 5px 6px !important;
}
.dataTables_scrollHeadInner > .table > thead > tr > th {
    /* 테이블헤더 여백조정(정확한타겟팅이필요) */
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    /* 소트버튼 위치조정 */
    bottom: 0.5em !important;
}

/* 데이터테이블 외적 스타일 */
.dataTables_wrapper > .top, .dataTables_wrapper > .bottom {
    /* DataTable wrapper 안의 top 클래스에 적용 */
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.dataTables_length label {
    /* 페이지당 표시 개수 선택 컨트롤 */
    margin-bottom: 0;
}
.dataTables_length, .dataTables_info {
    /* 페이지당 표시 개수 선택 컨트롤, 정보표시 컨트롤  */
    margin-right: auto; /* 남은 공간을 밀어내 페이징을 오른쪽으로 붙임*/
}
table.dataTable tbody tr:hover {
    /* DataTables 행에 마우스를 올렸을 때 배경색 변경 */
    background-color: #ffffe0 !important;
    cursor: pointer;
}

/* ----------------------------------------
 * 모달관련 스타일
 * ----------------------------------------
 */

/* 흐림 효과와 투명도 조절 */
.blurred {
    filter: blur(5px);
    opacity: 0.9;
    transition: all 0.3s ease;
}

/* ----------------------------------------
 * 폰트사이즈 스타일
 * ----------------------------------------
 */
.fs-10 { font-size: 10px; }
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-20 { font-size: 20px; }