ag-grid-polymer {
   width: 100%;
   height: 100%;
   color: #aaaaaa !important;
   font-size: 11px !important;
   font-weight: normal !important;
   background-color: #2d333f !important;
   font-family: NotoSansCJK, NotoSansCJKLight !important;
}

.ag-row-drag1 {
   background-image: url("../../resource/icons/unsorted.png");
   background-color: transparent;
   background-position: center;
   background-repeat: no-repeat;
   background-size: 16px 16px;
   height: 16px;
   opacity: 0.87;
   width: 16px;
   background-position-x: left;
   background-position-y: 4px;
   float: left;
   height: 100%;
   width: 15px;
   background-position-y: center;
   color: #ffffff;
}

.ag-header {
   background-color: #2d333f !important;
   /*color: #cccccc !important;*/
   border-bottom: 3px solid #0087cb !important;
   /*font-weight: bold !important;*/
   font-size: 12px !important;
}

.ag-header-row {
   border-bottom: 1px solid #414a59 !important;
}

.ag-body {
   background-color: #2d333f !important;
   /* top: 66px !important; */
}

.ag-root {
   /* border: 1px solid #414a59 !important; */
}

.ag-row {
   border-bottom: 1px solid #414a59 !important;
}

.ag-tool-panel {
   background-color: #2d333f !important;
   /* border-right: 1px solid #414a59 !important; */
   /* border-top: 1px solid #414a59 !important; */
}

.ag-tool-panel .ag-side-buttons button {
   /* border-right: 1px solid #414a59 !important; */
   color: #0087cb !important;
}

/* .ag-column-panel { */
   /* border-right: 1px solid #414a59 !important; */
/* } */
.ag-body-viewport {
   /* height: calc(100% - 3px) !important; */
}

.ag-row-even {
   background-color: rgba(76, 86, 103, 0.2) !important;
}

.ag-row-odd {
   background-color: #2d333f !important;
}

.prefetch {
   background-color: #2f2f2f !important;
   color: #c3c3c3 !important;
}

/*22-09-07 matrieal ui input에도 적용되는 현상으로 인한 수정*/

.ag-text-field-input {
   border: 1px solid #4c5667 !important;
   /* #252934 */
}

.ag-row-selected {
   background-color: #596072 !important;
   color: #fff !important;
}

.ag-cell-focus {
   border: 1px solid darkgrey !important;
}

.ag-bl-overlay {
   pointer-events: inherit !important;
}

.ag-overlay-loading-wrapper {
   background-color: rgba(29, 30, 37, 0.5) !important;
}

.ag-cell {
   text-overflow: clip !important;
}

.ag-body-viewport {
   background-color: #2d333f !important;
}

.ag-filter-apply-panel-button {
   display: inline-block;
   font-weight: 400;
   color: #3E3F3A;
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   /* padding: 0.375rem 0.75rem; */
   padding-top: 0.2rem;
   padding-bottom: 0.2rem;
   /* font-size: 0.875rem; */
   line-height: 1.5;
   border-radius: 0.25rem;
   -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   color: #fff;
   background-color: #325D88;
   border-color: #325D88;

   font-size: 11px;
   /* line-height: 22px; */
   /* font-weight: 500; */
   text-transform: uppercase;

}

.ag-filter-apply-panel-button:hover {
   color: #fff;
   background-color: #284a6c;
   border-color: #244463;
   border-color: transparent;
}

.ag-filter-apply-panel-button:not(:disabled):not(.disabled):active,
.ag-filter-apply-panel-button:not(:disabled):not(.disabled).active {
   color: #fff;
   background-color: #244463;
   border-color: #213d59;
}

/*.ag-filter-apply-panel-button:not(.disabled):hover {*/
   /*margin-top: 1px;*/
   /*border-bottom-width: 3px;*/
/*}*/

.emergency {
   background-color: #e46159 !important;
   border-radius: 25px;
   width: 30px;
   text-align: center;
   line-height: 20px;
   color: #fff;
   position: absolute;
   top: 3.5px;
   bottom: 3.5px;
   left: 0;
   right: 0;
   margin: auto;
}

.check {
   background-color: #2626c3 !important;
   border-radius: 25px;
   width: 25px;
   text-align: center;
   line-height: 20px;
   color: #fff;
   position: absolute;
   top: 3.5px;
   bottom: 3.5px;
   left: 0;
   right: 0;
   margin: auto;
}

.normal {
   background-color: #415e73 !important;
   border-radius: 25px;
   width: 30px;
   text-align: center;
   line-height: 20px;
   color: #fff;
   position: absolute;
   top: 3.5px;
   bottom: 3.5px;
   left: 0;
   right: 0;
   margin: auto;
}

.caseLockIcon {
   width: 15px;
   height: 15px;
   color: #ffffff;
}

.prefetchIcon {
   width: 15px;
   height: 15px;
}

.relClickIcon {
   width: 8px;
   height: 8px;
   color: #f77575;
}

.multiClickIcon {
   width: 15px;
   height: 15px;
   color: #f77575;
}

.none {
   /* color: #4c5667; */
   color: transparent!important;
}

.success {
   color: #0087cb;
}

.fail {
   color: #ec971f;
}

.empty {
   color: #d9534f;
}

.container-spinner {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.container-spinner > paper-spinner-lite {
   width: 15px;
   height: 15px;
   /* --paper-spinner-color: #449d44; */
   --paper-spinner-color: #0087cb;
   --paper-spinner-stroke-width: 2px;
}

hpacs-spinner.begin {
   margin-top: 7px;
   margin-left: 1px;
   --hpacs-spinner-size: 10px;
   --hpacs-spinner-border: 2px;
   --hpacs-spinner-border-color: #0087cb;
   --hpacs-spinner-color: #f3f3f3;
}

/*--------------------------------*/
/* ag-grid.css 재정의 */
/*--------------------------------*/

.ag-header-cell-text {
   text-overflow: initial;
}

/*--------------------------------*/
/* ag-theme-balham-dark.css 재정의 */
/*--------------------------------*/

.ag-theme-balham-dark .ag-header-cell,
.ag-theme-balham-dark .ag-header-group-cell {
   line-height: 32px;
   padding-left: 5px;
   padding-right: 5px;
}

.ag-theme-balham-dark .ag-cell {
   border: 1px solid transparent;
   line-height: 26px;
   padding-left: 5px;
   padding-right: 5px;
}

.ag-theme-balham-dark .ag-ltr .ag-floating-filter-button {
   margin-left: 2px;
}

.ag-theme-balham-dark .ag-rtl .ag-floating-filter-button {
   margin-right: 2px;
}

.ag-theme-balham-dark .ag-header-row {
   font-weight: bold;
   color: #fff;
}

.ag-theme-balham-dark .ag-mini-filter {
   margin: 6px;
}

.ag-theme-balham-dark .ag-filter-header-container {
   padding-bottom: 5px;
}

.custom-date-filter a {
   position: absolute;
   right: 20px;
   color: hsla(0,0%,96%,.64);
   cursor: pointer;
}

.custom-date-filter:after {
   position: absolute;
   content: '\f073';
   display: block;
   font-weight: 400;
   font-family: 'FontAwesome';
   right: 5px;
   pointer-events: none;
   color: hsla(0,0%,96%,.64);
}

.flatpickr-input {
   /* border: 1px solid #4c5667 !important; */
   /* margin: 0; */
   background-color: #2d3436;
   color: hsla(0,0%,96%,.64);
}

.signed-opinion-row {
   background-color: #181D1F !important;
   /* color: gray !important; */
}

.signed-opinion-row.ag-row-selected {
   background-color: #596072 !important;
   color: #fff !important;
}

.ag-theme-balham-dark .ag-header-icon {
   color: #0087cb !important;
}

.emStatus {
   display: flex;
   width: 100%;
   height: 100%;
   justify-content: center;
   align-items: center;
}

.em {
   color: #009ae7;
}
.cvr {
   color: #ff2c24;
}

.ag-filter-apply-panel-button {
   text-transform: none;
}