이카운트 적용

WebContent/css/tabulator/tabulator.min.css

@@ -1,10 +1,12 @@
+
 .tabulator {
 	position: relative;
-	border: 1px solid #999;
+	border: 1px solid #dadce0;
 	background-color: white;
-	font-size: 13px;
+	font-size: 12px;
 	text-align: left;
 	overflow: hidden;
+	border-radius: 8px;
 	-webkit-transform: translateZ(0);
 	-moz-transform: translateZ(0);
 	-ms-transform: translateZ(0);
@@ -29,10 +31,11 @@
 	position: relative;
 	box-sizing: border-box;
 	width: 100%;
-	border-bottom: 1px solid #999;
+	border-bottom: 2px solid #1a73e8;
-	background-color: #e6e6e6;
+	background-color: #f8f9fa;
-	color: #555;
+	color: #202124;
-	font-weight: 700;
+	font-weight: 600;
+	font-size: 12px;
 	white-space: nowrap;
 	overflow: hidden;
 	-moz-user-select: none;
@@ -61,10 +64,10 @@
 	box-sizing: border-box;
 	flex-direction: column;
 	justify-content: flex-start;
-	border-right: 1px solid #aaa;
+	border-right: 1px solid #dadce0;
-	background: #e6e6e6;
+	background: #f8f9fa;
-	text-align: left;
+	text-align: center;
-	vertical-align: bottom;
+	vertical-align: middle;
 	overflow: hidden
 }
 
@@ -78,7 +81,7 @@
 .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
 	box-sizing: border-box;
 	position: relative;
-	padding: 4px
+	padding: 6px 8px
 }
 
 .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button
@@ -187,7 +190,7 @@
 .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover
 	{
 	cursor: pointer;
-	background-color: #cdcdcd
+	background-color: #e8f0fe
 }
 
 .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter
@@ -378,10 +381,11 @@
 }
 
 .tabulator .tabulator-footer {
-	border-top: 1px solid #999;
+	border-top: 1px solid #dadce0;
-	background-color: #e6e6e6;
+	background-color: #f8f9fa;
-	color: #555;
+	color: #202124;
-	font-weight: 700;
+	font-weight: 500;
+	font-size: 12px;
 	white-space: nowrap;
 	user-select: none;
 	-moz-user-select: none;
@@ -438,7 +442,7 @@
 .tabulator .tabulator-footer .tabulator-paginator {
 	flex: 1;
 	text-align: right;
-	color: #555;
+	color: #202124;
 	font-family: inherit;
 	font-weight: inherit;
 	font-size: inherit
@@ -447,9 +451,11 @@
 .tabulator .tabulator-footer .tabulator-page-size {
 	display: inline-block;
 	margin: 0 5px;
-	padding: 2px 5px;
+	padding: 4px 8px;
-	border: 1px solid #aaa;
+	border: 1px solid #dadce0;
-	border-radius: 3px
+	border-radius: 4px;
+	background: white;
+	font-size: 12px
 }
 
 .tabulator .tabulator-footer .tabulator-pages {
@@ -459,24 +465,30 @@
 .tabulator .tabulator-footer .tabulator-page {
 	display: inline-block;
 	margin: 0 2px;
-	padding: 2px 5px;
+	padding: 4px 8px;
-	border: 1px solid #aaa;
+	border: 1px solid #dadce0;
-	border-radius: 3px;
+	border-radius: 4px;
-	background: hsla(0, 0%, 100%, .2)
+	background: white;
+	font-size: 12px;
+	transition: all 0.15s ease
 }
 
 .tabulator .tabulator-footer .tabulator-page.active {
-	color: #d00
+	color: white;
+	background: #1a73e8;
+	border-color: #1a73e8;
+	font-weight: 600
 }
 
 .tabulator .tabulator-footer .tabulator-page:disabled {
 	opacity: .5
 }
 
-.tabulator .tabulator-footer .tabulator-page:not (.disabled ):hover {
+.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
 	cursor: pointer;
-	background: rgba(0, 0, 0, .2);
+	background: #e8f0fe;
-	color: #fff
+	border-color: #1a73e8;
+	color: #1a73e8
 }
 
 .tabulator .tabulator-col-resize-handle {
@@ -536,26 +548,25 @@
 .tabulator-row {
 	position: relative;
 	box-sizing: border-box;
-	min-height: 22px;
+	min-height: 28px;
-	
 	background-color: #fff
 }
 
 .tabulator-row.tabulator-row-even {
-	background-color: #efefef
+	background-color: #fafbfc
 }
 
 .tabulator-row.tabulator-selectable:hover {
-	background-color: #F69831;
+	background-color: #e8f0fe;
 	cursor: pointer
 }
 
 .tabulator-row.tabulator-selected {
-	background-color: #9abcea
+	background-color: #d2e3fc
 }
 
 .tabulator-row.tabulator-selected:hover {
-	background-color: #769bcc;
+	background-color: #aecbfa;
 	cursor: pointer
 }
 
@@ -617,13 +628,15 @@
 	display: inline-block;
 	position: relative;
 	box-sizing: border-box;
-	padding: 4px;
+	padding: 4px 8px;
-	border-right: 1px solid #aaa;
+	border-right: 1px solid #dadce0;
 	vertical-align: middle;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
-	height:30px;
+	height: 28px;
+	font-size: 12px;
+	color: #202124;
 }
 
 .tabulator-row .tabulator-cell.tabulator-frozen {
@@ -643,9 +656,10 @@
 }
 
 .tabulator-row .tabulator-cell.tabulator-editing {
-	border: 1px solid #1d68cd;
+	border: 1px solid #1a73e8;
 	outline: none;
-	padding: 0
+	padding: 0;
+	box-shadow: 0 0 0 1px #1a73e8
 }
 
 .tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select
@@ -812,18 +826,19 @@
 
 .tabulator-row.tabulator-group {
 	box-sizing: border-box;
-	border-bottom: 1px solid #999;
+	border-bottom: 1px solid #dadce0;
-	border-right: 1px solid #aaa;
+	border-right: 1px solid #dadce0;
-	border-top: 1px solid #999;
+	border-top: 1px solid #dadce0;
-	padding: 5px 5px 5px 10px;
+	padding: 6px 8px 6px 12px;
-	background: #ccc;
+	background: #f8f9fa;
-	font-weight: 700;
+	font-weight: 600;
+	font-size: 12px;
 	min-width: 100%
 }
 
 .tabulator-row.tabulator-group:hover {
 	cursor: pointer;
-	background-color: rgba(0, 0, 0, .1)
+	background-color: #e8f0fe
 }
 
 .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow
@@ -914,10 +929,9 @@
 	opacity: .5
 }
 
-.tabulator-menu .tabulator-menu-item:not (.tabulator-menu-item-disabled
+.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
-	):hover {
 	cursor: pointer;
-	background: #efefef
+	background: #e8f0fe
 }
 
 .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
@@ -1096,7 +1110,7 @@
 	z-index: 10000
 }
 
-body.tabulator-print-fullscreen-hide>:not (.tabulator-print-fullscreen ){
+body.tabulator-print-fullscreen-hide>:not(.tabulator-print-fullscreen) {
 	display: none !important
 }