/*! * DevExtreme * Version: 15.1.4 * Build date: Jun 22, 2015 hcLee * * Copyright (c) 2012 - 2015 Developer Express Inc. ALL RIGHTS RESERVED * EULA: https://www.devexpress.com/Support/EULAs/DevExtreme.xml */ /* hcLee */ @import url("nanumgothic.css"); @import url("dx.extend.icon.css"); @import url("dx.light.custom.css"); /* hcLee */ .dx-colorview-hue-scale { position: relative; width: 18px; height: 299px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAErCAIAAACQN346AAAAxklEQVQ4y5WOwXIDMQhDX1kvh/z/z8ZmQy72DKVmmxw0SDKSwXkInAJtTk36E7QiF72qXzdd1R3bm3CMFy4G0icukDG5TT4S74Ve05If+2Ou6h7hjmeR2eQ5cPhxoSEowhnQ5tSg197Oy9mq7w4tdVc7USvCgaCAOfhLYAT0wK9/tE295uJWePkPC9rSHRWqvQ4uiCMKcoK0Oc+kdeNF/wha004LXs7e6cbfu+LO5jYuB78QRoJtvG+w8n1ymzy+95u/+q+ONxfBn1y6CqSHAAAAAElFTkSuQmCC) repeat-x 0 0; background-size: 18px 100% !important; } .dx-datagrid { color: #232323; background-color: #fff; } .dx-datagrid .dx-sort { position: relative; width: 13px; height: 13px; } .dx-datagrid .dx-sort:before { position: absolute; height: 100%; top: 50%; margin-top: -50%; display: block; } .dx-datagrid .dx-sort-up { font: 14px/1 DXIcons; } .dx-datagrid .dx-sort-up:before { content: "\f051 "; } .dx-datagrid .dx-sort-down { font: 14px/1 DXIcons; } .dx-datagrid .dx-sort-down:before { content: "\f052 "; } .dx-datagrid .dx-header-filter { position: relative; font: 14px/1 DXIcons; } .dx-datagrid .dx-header-filter:before { content: "\f050 "; } .dx-datagrid .dx-header-filter:before { position: absolute; display: block; height: 100%; top: 50%; margin-top: -50%; } .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon { width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-left: 3px; width: 13px; height: 13px; background-position: 0 0; -webkit-background-size: 13px 13px; -moz-background-size: 13px 13px; background-size: 13px 13px; padding: 0; font-size: 13px; text-align: center; line-height: 13px; } .dx-datagrid.dx-filter-menu .dx-icon-filter-operation-default+.dx-menu-item-text { padding-left: 2px; } .dx-datagrid .dx-datagrid-content-fixed .dx-group-row .dx-datagrid-group-text-content { background-color: #fff; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed { background-color: #fff; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #d3d3d3; border-right: 2px solid #d3d3d3; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none:first-child, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none:first-child, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none:first-child { border-left: none; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none:last-child, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none:last-child, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none:last-child { border-right: none; } .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportxlsx { width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none:first-child, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none:first-child, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none:first-child { border-right: none; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none:last-child, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none:last-child, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none:last-child { border-left: none; } .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td { border-top: 1px solid #d3d3d3; } .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child>td { border-top-width: 0; } .dx-pivotgrid .dx-bottom-row { border-top: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-area { box-sizing: content-box; } .dx-pivotgrid .dx-pivotgrid-area td { color: #767676; padding: 7px 5px; } .dx-pivotgrid .dx-pivotgrid-area-data { border-left: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-area-data tbody td { text-align: right; color: #232323; white-space: nowrap; border-left: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child { border-left: 0; } .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total, .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal { border-top-width: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers { border-bottom: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border { border-top: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell { border-right: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers td { min-width: 50px; border-right: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td { border-top: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total, .dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers { border-bottom: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll { border-right: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area { border-left: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers table { width: 100%; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td { text-align: center; border: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded, .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed { text-align: left; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child { border-left: 0; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td { border-top: 0; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child { border-bottom: 0; } .dx-pivotgrid .dx-total { background-color: rgba(211,211,211,.2); } .dx-pivotgrid .dx-grandtotal { background-color: rgba(211,211,211,.4); } .dx-pivotgrid .dx-pivotgrid-collapsed, .dx-pivotgrid .dx-pivotgrid-expanded { cursor: pointer; white-space: nowrap; } .dx-pivotgrid .dx-pivotgrid-collapsed>span, .dx-pivotgrid .dx-pivotgrid-expanded>span { white-space: normal; } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand, .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand { display: inline-block; width: 9px; margin-right: 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAAK0lEQVQY02P4zwCCU9shNAhCqan/EYIIIbggshBUEFUILEhAVTtBG5HcBQCB1FsFsFXtHQAAAABJRU5ErkJggg==) no-repeat center; } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand::before, .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand::before { display: inline-block; content: ''; } .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAALElEQVQY02P4z4AOGYgTmto+9T8KbAeKogi2QzXCBduRzAILtqMZDxPAaiMAiCNbBQ+pRkYAAAAASUVORK5CYII=) no-repeat center; } .dx-pivotgrid .dx-icon-sorted { display: inline-block; width: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAQAAACssQXfAAAAQklEQVQY013O2w0AIAgDQKZlo85bI0Uehg9Iz8QabQ4MjrhewNwOihZETNGAioMmaPL63qF+U4+OF1QXQdVNsp4LB9ybb1FUW1AWAAAAAElFTkSuQmCC) no-repeat center center; } .dx-pivotgrid .dx-icon-sorted::before { display: inline-block; content: ''; } .dx-pivotgrid .dx-menu-item .dx-icon { width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-pivotgrid .dx-icon-field-chooser { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAVElEQVQoz6WQwQ0AIAgD2akLdf8lMMGAMYA8TH9ytgWhviVUlV4lQNMPMEYkYNhiktQVeYDePIC2IOKSTMY+LgB7ho+JFHH1AHOH+GtjFlu4PXboAi5MDAZEZkivAAAAAElFTkSuQmCC) no-repeat center center; } .dx-pivotgrid .dx-icon-collapse-all { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAASUlEQVQoU53OwQ0AIAgEQUql/ybQoGJycmjM+vAxKGJS148abwKcWqVAPQr84SD/wG8IcH8A+gBGscP5BYDrkinYswRgAXgO6hqiOAkwCvrrrwAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgrid .dx-icon-expand-all { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAQElEQVQoz2P4z4AfAlHCf9wQqgCXbqwKEsCQMgUErEBWiKIAwweoChKIUIDmyASyHYlXAXIYEPQmigICkYUfAgCspQrmirdjvQAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgrid .dx-icon-asc { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAApklEQVQoz3WQsQ2DMBBF3wDMQY2UBVJQULhMwwI0lAwQS2ktMQA96e0BbrRLwWEkYt8vbOk/+f43NKSsr6LY9HaqiQ+JVwZ6vCFmDyRWux+2N0RRaNhIdAac9oEoCjOJOS87xucMdCQ2mjqwnvGKAEOlpr/V/H9BL4AWQWgrGRQmIpGpDuy8Cey1Fg8Eh0N4loEFMS1lIBIUhUAs/YNDGBWFEcHdgR9nmXz3xMvBYgAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgrid .dx-icon-desc { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAoElEQVQoz3XPvQ3CQAzF8d8AmYM6EgtQpKBIScMCNJQMQCTaSAxAH/rcADeaaY6T+Di/wpbeX7YfnVT1DKHUVHoUuUkOTcBeci/zL6DzkPRt4Cw512PfgF7y0LWB+/u9v4B9K2Z8xmxuCMFGlm3awMlqdWoDi6vZ0kqxlY1G2S4Eg6lqEFzkokvZMFSbYDWHYLbWE0OxMcqOITjKxvpDsV/8mnz3/0HO3QAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgridfieldchooser { position: relative; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container { overflow: hidden; } .dx-pivotgridfieldchooser .dx-col { width: 50%; float: left; } .dx-pivotgridfieldchooser .dx-area { padding: 5px; } .dx-pivotgridfieldchooser .dx-area .dx-area-fields { margin-top: 3px; border: 1px solid #d3d3d3; } .dx-pivotgridfieldchooser .dx-area-fields[group] { padding: 5px; background-color: rgba(211,211,211,.2); } .dx-pivotgridfieldchooser .dx-sort, .dx-pivotgridfieldchooser .dx-header-filter, .dx-pivotgridfieldchooser .dx-sort-space, .dx-pivotgridfieldchooser .dx-header-filter-space { width: 13px; height: 13px; } .dx-pivotgridfieldchooser .dx-sort-up { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAAL0lEQVQoz2P4z4ALonCmtuOQmto+9T+yJKrEf2RJdAkkSVS7/uN2xuCQwhNQqBAAYD2x3qMjy8gAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-sort-down { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAALElEQVQoz2P4z4ALMhApNfX/4JWa2j71Pxy2o+mCS7ZjMRAs2Y7LrnYiAwoAG2mx3gyIwGUAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-header-filter { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAQAAAADpb+tAAAASklEQVQoz6XOMQqAMBBE0X/UDxZiIRbe3oSshVlBkk62mjdTLFZjuMIEw8AyX58DNg/E3fbBTRBxfYuqkoxLZ5+cnB/xj4vhlekGFhp1P7RllpIAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-header-filter-empty { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-pivotgridfieldchooser .dx-area-caption { vertical-align: middle; } .dx-pivotgridfieldchooser .dx-treeview .dx-treeview-item .dx-icon { width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-pivotgridfieldchooser .dx-area-icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; } .dx-pivotgridfieldchooser .dx-area-icon-all { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-filter { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-row { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-column { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-data { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-icon-measure { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-icon-dimension { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgridfieldchooser .dx-icon-hierarchy { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-field { cursor: pointer; } .dx-pivotgridfieldchooser .dx-area-field.dx-area-box { background-color: #fff; margin-bottom: 1px; border: 1px solid #d3d3d3; padding: 7px; } .dx-pivotgridfieldchooser .dx-area-field.dx-area-box.dx-drag { z-index: 9999; position: absolute; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); border: 1px solid rgba(96,96,96,.5); } .dx-pivotgridfieldchooser .dx-area-field.dx-area-box.dx-drag-target { color: #767676; background-color: rgba(211,211,211,.4); } .dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target { border-color: #606060; } .dx-pivotgridfieldchooser .dx-drag-source { opacity: .5; } .dx-rtl .dx-pivotgrid-area-data { border-left: 0; border-right: 1px solid #d3d3d3; } .dx-rtl .dx-pivotgrid-area-data tbody td { border-left: 0; border-right: 1px solid #d3d3d3; } .dx-rtl .dx-pivotgrid-area-data tbody td:first-child { border-left: 1px solid #d3d3d3; border-right: 0; } .dx-rtl .dx-pivotgrid-vertical-headers td { border-right: 0; border-left: 1px solid #d3d3d3; } .dx-rtl .dx-pivotgrid-vertical-headers .dx-last-cell { border-left: 0; border-right: 0; } .dx-rtl .dx-pivotgrid-horizontal-headers.dx-vertical-scroll { border-right: 0; border-left: 1px solid #d3d3d3; } .dx-rtl .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area { border-left: 0; border-right: 1px solid #d3d3d3; } .dx-rtl .dx-pivotgrid-horizontal-headers td:first-child { border-left: 1px solid #d3d3d3; border-right: 0; } .dx-rtl .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded, .dx-rtl .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed { text-align: right; } .dx-rtl .dx-pivotgrid-collapsed .dx-expand, .dx-rtl .dx-pivotgrid-expanded .dx-expand { float: right; margin-right: 0; margin-left: 5px; } .dx-rtl .dx-pivotgrid-collapsed .dx-expand { -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-pivotgridfieldchooser-container .dx-col { float: right; } .dx-scheduler-pseudo-cell:before { content: ""; width: 100px; display: table-cell; } .dx-scheduler-header { position: relative; z-index: 1; width: 100%; min-width: 715px; } .dx-scheduler-navigator { float: left; padding-left: 10px; } .dx-scheduler-navigator .dx-scheduler-navigator-caption { width: 180px; } .dx-scheduler-view-switcher.dx-tabs { width: auto; float: right; height: 100%; border: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tab { width: 100px; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before { position: absolute; bottom: -2px; width: 100%; height: 2px; content: ''; right: 0; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after { border-bottom: none; } .dx-scheduler-work-space { border: 1px solid rgba(211,211,211,.6); position: relative; display: inline-block; overflow: hidden; height: 100%; border-top: none; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title { border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell { border-left: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space .dx-scrollable { padding-bottom: 125px; margin-bottom: -125px; } .dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable { padding-bottom: 155px; margin-bottom: -155px; } .dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable { padding-bottom: 185px; margin-bottom: -185px; } .dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable { padding-bottom: 215px; margin-bottom: -215px; } .dx-scheduler-date-table-cell { border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-date-table-current-date { font-weight: bold; } .dx-scheduler-date-table-other-month { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-scheduler-work-space-day .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell { border-top: 1px solid #bababa; } .dx-scheduler-work-space-day .dx-scrollable { padding-bottom: 85px; margin-bottom: -85px; } .dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable { padding-bottom: 115px; margin-bottom: -115px; } .dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable { padding-bottom: 145px; margin-bottom: -145px; } .dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable { padding-bottom: 175px; margin-bottom: -175px; } .dx-scheduler-work-space-day .dx-scheduler-date-table-cell { border-left: none; border-right: none; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel { margin-top: 1px; } .dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell { border-top: none; } .dx-scheduler-all-day-table-cell { border-left: 1px solid rgba(211,211,211,.6); border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell { border-top: none; border-left: none; } .dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title { border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space-month .dx-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space-month .dx-scrollable .dx-scrollable-content { height: 100%; } .dx-scheduler-work-space-month .dx-scheduler-header-panel { width: 100%; margin-left: 0; } .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row:before, .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before { display: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table { width: 100%; height: 100%; margin-left: 0; } .dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-date-table-row:before { display: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell, .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell { border-right: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child, .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child { border-left: none; } .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell, .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { vertical-align: top; text-align: right; font-size: 20px; padding-right: 6px; color: #767676; } .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-work-space-month .dx-scheduler-date-table-cell.dx-state-focused { background-position: 10% 10%; } .dx-scheduler-work-space-month .dx-scheduler-all-day-panel { display: none; } .dx-scheduler-work-space-month .dx-scheduler-appointment { -webkit-box-shadow: inset 2px 0 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 2px 0 0 0 rgba(0,0,0,.3); box-shadow: inset 2px 0 0 0 rgba(0,0,0,.3); } .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused { -webkit-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3); box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3); } .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover { -webkit-box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3); box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3); } .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging { -webkit-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3),7px 7px 15px 0 rgba(50,50,50,.2); -moz-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3),7px 7px 15px 0 rgba(50,50,50,.2); box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3),7px 7px 15px 0 rgba(50,50,50,.2); } .dx-scheduler-work-space-month .dx-scheduler-appointment-content { padding: 0 7px; } .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) { border-left: none; } .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n), .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) { border-left: none; } .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell:nth-child(1n), .dx-scheduler-work-space-day .dx-scheduler-date-table-cell:nth-child(1n), .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell:nth-child(1n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell:nth-child(1n), .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell:nth-child(1n), .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell:nth-child(1n) { border-left: none; } .dx-scheduler-header-panel { border-collapse: collapse; table-layout: fixed; margin-top: 10px; width: 100%; font-size: 12px; } .dx-scheduler-header-panel-cell { border-left: 1px solid rgba(211,211,211,.6); border-right: 1px solid rgba(211,211,211,.6); color: #a8a8a8; padding: 0; white-space: nowrap; vertical-align: middle; height: 40px; text-align: center; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .dx-scheduler-group-row:before, .dx-scheduler-header-row:before, .dx-scheduler-all-day-table-row:before { content: ""; width: 100px; display: table-cell; } .dx-scheduler-all-day-panel { width: 100%; border-bottom: 1px solid #bababa; } .dx-scheduler-all-day-title { color: #a8a8a8; width: 100px; height: 75px; display: inline-block; position: absolute; line-height: 75px; text-align: center; } .dx-scheduler-all-day-table { border-collapse: collapse; table-layout: fixed; width: 100%; } .dx-scheduler-all-day-table-cell { height: 75px; } .dx-scheduler-group-header { height: 30px; } .dx-scheduler-time-panel { float: left; width: 100px; border-collapse: collapse; margin-top: -50px; font-size: 12px; } .dx-scheduler-time-panel-cell { color: #a8a8a8; border-bottom: 1px solid rgba(211,211,211,.6); position: relative; width: 100%; text-align: center; height: 100px; padding-left: 10px; } .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell { padding-top: 35px; } .dx-scheduler-time-panel-cell:after { position: absolute; bottom: -1px; width: 50%; height: 1px; content: ''; left: 0; background-color: #fff; } .dx-scheduler-date-table { width: 100%; border-collapse: collapse; table-layout: fixed; float: left; margin-left: -100px; } .dx-scheduler-date-table .dx-scheduler-date-table-row:before { content: ""; width: 100px; display: table-cell; } .dx-scheduler-date-table-cell { border-left: 1px solid rgba(211,211,211,.6); border-right: 1px solid rgba(211,211,211,.6); height: 50px; } .dx-scheduler-all-day-table-cell.dx-state-active, .dx-scheduler-date-table-cell.dx-state-active { background-color: #bababa; } .dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover { background-color: rgba(211,211,211,.6); } .dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused { background-color: #a9d9e2; } .dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-focused { background-color: #a9d9e2; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-scheduler-date-table-droppable-cell { background-color: #ededed; } .dx-scheduler-appointments { position: absolute; } .dx-scheduler-appointment { background-clip: padding-box; display: inline-block; overflow: hidden; border-top: 1px solid transparent; border-left: 1px solid transparent; position: absolute; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; background-color: #65bccd; color: #fff; -webkit-box-shadow: inset 0 2px 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 2px 0 0 rgba(0,0,0,.3); box-shadow: inset 0 2px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-state-active, .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-appointment.dx-state-focused { -webkit-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-state-hover { -webkit-box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3); box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-draggable-dragging { -webkit-box-shadow: 7px 7px 15px 0 rgba(50,50,50,.2),inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); -moz-box-shadow: 7px 7px 15px 0 rgba(50,50,50,.2),inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); box-shadow: 7px 7px 15px 0 rgba(50,50,50,.2),inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-state-active, .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-appointment.dx-draggable-dragging { z-index: 1000; filter: alpha(opacity=70); -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; } .dx-scheduler-appointment .dx-scheduler-appointment-recurrence-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAQAAABjX+2PAAAAN0lEQVQoz2P4z4APMpAmbfwfBIyxS6NJgqRhACaJAoiSxm44hjSqAizSyJBK0jgBQWlqRgkaBAAoUUTKKq2B7wAAAABJRU5ErkJggg==); } .dx-scheduler-appointment .dx-appointment-reduced-icon { position: absolute; top: 3px; right: 5px; font: 14px/1 DXIcons; } .dx-scheduler-appointment .dx-appointment-reduced-icon:before { content: "\f00e "; } .dx-rtl .dx-scheduler-appointment .dx-appointment-reduced-icon { right: auto; left: 3px; font: 14px/1 DXIcons; } .dx-rtl .dx-scheduler-appointment .dx-appointment-reduced-icon:before { content: "\f011 "; } .dx-scheduler-appointment-recurrence-icon { position: absolute; background-repeat: no-repeat; width: 16px; height: 16px; top: 2px; right: 4px; } .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon { right: 20px; } .dx-scheduler-appointment-content { padding: 5px 7px; } .dx-scheduler-appointment-empty .dx-scheduler-appointment-content { display: none; } .dx-scheduler-appointment-content>* { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-content-details { font-size: 11px; } .dx-scheduler-all-day-container .dx-scheduler-appointment-content-details, .dx-scheduler-work-space-month .dx-scheduler-appointment-content-details { display: none; } .dx-scheduler-appointment-content-details>* { white-space: pre-wrap; } .dx-scheduler-appointment-tooltip { text-align: left; width: 250px; } .dx-scheduler-appointment-tooltip .dx-button-content { font-size: 12.307692308px; } .dx-scheduler-appointment-tooltip .dx-button-content .dx-icon { font-size: 16px; } .dx-scheduler-appointment-tooltip-date, .dx-scheduler-appointment-tooltip-title { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-tooltip-title { font-size: 16px; font-weight: bold; width: 100%; } .dx-scheduler-appointment-tooltip-buttons { margin-top: 10px; } .dx-sheduler-appointment-popup .dx-field { min-height: 0; } .dx-sheduler-appointment-popup .dx-field-label { width: 20%; } .dx-sheduler-appointment-popup .dx-field-value:not(.dx-switch):not(.dx-numberbox):not(.dx-datebox) { width: 80%; } .dx-sheduler-appointment-popup .dx-field-value { padding-left: 0; padding-right: 0; } .dx-sheduler-appointment-popup .dx-field-value:not(.dx-widget)>.dx-checkbox { float: left; } .dx-sheduler-appointment-popup .dx-field-value:not(.dx-widget)>.dx-checkbox.dx-rtl { float: right; } .dx-recurrence-numberbox-interval, .dx-recurrence-numberbox-day-of-month, .dx-recurrence-selectbox-month-of-year, .dx-recurrence-numberbox-repeat-count, .dx-recurrence-datebox-until-date, .dx-sheduler-appointment-popup-start-date, .dx-sheduler-appointment-popup-end-date, .dx-sheduler-appointment-popup-allday, .dx-recurrence-switch-repeat-end { float: left; position: relative !important; } .dx-recurrence-numberbox-interval.dx-rtl, .dx-recurrence-numberbox-day-of-month.dx-rtl, .dx-recurrence-selectbox-month-of-year.dx-rtl, .dx-recurrence-numberbox-repeat-count.dx-rtl, .dx-recurrence-datebox-until-date.dx-rtl, .dx-sheduler-appointment-popup-start-date.dx-rtl, .dx-sheduler-appointment-popup-end-date.dx-rtl, .dx-sheduler-appointment-popup-allday.dx-rtl, .dx-recurrence-switch-repeat-end.dx-rtl { float: right; } .dx-recurrence-numberbox-interval, .dx-recurrence-numberbox-day-of-month, .dx-recurrence-numberbox-repeat-count { width: 70px !important; } .dx-recurrence-datebox-until-date, .dx-sheduler-appointment-popup-start-date, .dx-sheduler-appointment-popup-end-date { width: 160px !important; } .dx-recurrence-radiogroup-repeat-type-label, .dx-recurrence-repeat-end-label { display: inline-block; padding: 5px; } .dx-recurrence-repeat-end-label { float: left; width: 50px; } .dx-recurrence-selectbox-month-of-year { width: 120px !important; top: 0 !important; } .dx-recurrence-checkbox-day-of-week { position: relative !important; padding-right: 10px; } .dx-recurrence-radiogroup-repeat-type { margin: 0; } .dx-recurrence-radiogroup-repeat-type .dx-item { margin-bottom: 10px; } .dx-rtl .dx-scheduler-navigator { float: right; padding-left: 0; padding-right: 10px; } .dx-rtl .dx-scheduler-view-switcher.dx-tabs { float: left; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; } .dx-rtl .dx-scheduler-header-panel { left: 0; right: inherit; } .dx-rtl .dx-scheduler-all-day-panel table { margin-left: 0; } .dx-rtl .dx-scheduler-all-day-container { direction: ltr; } .dx-rtl .dx-scheduler-time-panel { float: right; } .dx-rtl .dx-scheduler-time-panel-cell { padding-left: 0; padding-right: 10px; } .dx-rtl .dx-scheduler-time-panel-cell:after { right: 0; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { border-left: none; border-right: 1px solid rgba(211,211,211,.6); } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child { border-right: none; } .dx-rtl .dx-scheduler-date-table { float: right; margin-left: 0; margin-right: -100px; } .dx-rtl .dx-scheduler-appointments.dx-rtl { direction: ltr; } .dx-rtl .dx-scheduler-appointment-tooltip { text-align: right; } .dx-rtl .dx-scheduler-appointment-recurrence-icon { left: 4px; right: auto; } .dx-scheduler-appointment-reduced .dx-rtl .dx-scheduler-appointment-recurrence-icon { left: 20px; } .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell, .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell { border-right: 1px solid rgba(211,211,211,.6); border-left: none; } .dx-theme-generic-typography { background-color: #fff; color: #232323; font-weight: normal; font-size: 14px; /*font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; hcLee for old */ font-family: "Nanum Gothic"; line-height: normal; } .dx-theme-generic-typography input, .dx-theme-generic-typography textarea { /*font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;hcLee*/ font-family: "Nanum Gothic"; } .dx-theme-generic-typography h1, .dx-theme-generic-typography .dx-font-xl { font-weight: 200; font-size: 34px; } .dx-theme-generic-typography h2, .dx-theme-generic-typography .dx-font-l { font-weight: normal; font-size: 28px; } .dx-theme-generic-typography h3 { font-weight: normal; font-size: 22px; } .dx-theme-generic-typography .dx-font-m { font-weight: normal; font-size: 20px; } .dx-theme-generic-typography h4, .dx-theme-generic-typography .dx-font-s { font-weight: 500; font-size: 18px; } .dx-theme-generic-typography h5 { font-weight: 700; font-size: 16px; } .dx-theme-generic-typography h6, .dx-theme-generic-typography small, .dx-theme-generic-typography .dx-font-xs { font-weight: 800; font-size: 12px; } .dx-theme-generic-typography a { color: #606060; } .dx-theme-marker { font-family: "dx.generic.light"; } @font-face { font-family: 'DXIcons'; src: url(icons/dxicons.eot); src: url(icons/dxicons.eot) format('embedded-opentype'),url(icons/dxicons.woff) format('woff'),url(icons/dxicons.ttf) format('truetype'); font-weight: normal; font-style: normal; } .dx-icon { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0,0); } .dx-icon-add { /*font: 14px/1 DXIcons;*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAB+klEQVRo3u2aMbKCMBBAtWOGQ1BwBFtqh9rSxvmF/IYLeAQGWs7hWFhwBysLHTsvQEFNwV9nloZJwv9kE3Tzi9eoCfuYmGySXXRdt+DMwhnB7/2eCg+IgBQogQq4AzXQIjV+VuFvUmzjUcVBLbgEYqAALkA3kQv2EWOfswv6wA44aUjJOGHf/lyCG+BoQGzIEZ9lTTAEcqCxINfT4DND04Jr4GxRbMgZYzAiuAWuM8r1XDEWUsEv4Kk5OyZAgCSas+0TYyIR3GrKPYCVoN8VfqcjudUVXBMMy4Pi5R0Ihut6qmBINKEECsGAaOIJpwjmRJPC2P+b4hn5XwU3hOucDcFmmAyoBH3iDMWGYJ/x+L8R3BGvW7YEO4xdKbg0kDjbFDz1uxCZYGwg87Ap2KGDVLBgIFjIBD3N9OldBF8OnkgwMpQc2xZ8EYkEU0aCqUiwZCRYigSrkUavk7BsJLc0TYAx1COxViLBu6LBTbLlmYsVxiSL9y4SVL2V5I3kehLVaBMJthO3PHMOV1m8rZOC7Ico+0mG/TLBfqFnn6qxT7bZb5fYb3idOLJgf+jE/tjQiYNf9kf3Tly+OHF9RnUBmikEszkvQKmusGvFFXat0S/JFTZVEcJNUIRwe5ciBCfKSJwoBHKilMuJYjxnyimdKIj9nJLm/6r7D+UHDIrnUsXU2IEAAAAASUVORK5CYII=); } .dx-icon-add:before { /* content: "\f00b ";hcLee*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAB+klEQVRo3u2aMbKCMBBAtWOGQ1BwBFtqh9rSxvmF/IYLeAQGWs7hWFhwBysLHTsvQEFNwV9nloZJwv9kE3Tzi9eoCfuYmGySXXRdt+DMwhnB7/2eCg+IgBQogQq4AzXQIjV+VuFvUmzjUcVBLbgEYqAALkA3kQv2EWOfswv6wA44aUjJOGHf/lyCG+BoQGzIEZ9lTTAEcqCxINfT4DND04Jr4GxRbMgZYzAiuAWuM8r1XDEWUsEv4Kk5OyZAgCSas+0TYyIR3GrKPYCVoN8VfqcjudUVXBMMy4Pi5R0Ihut6qmBINKEECsGAaOIJpwjmRJPC2P+b4hn5XwU3hOucDcFmmAyoBH3iDMWGYJ/x+L8R3BGvW7YEO4xdKbg0kDjbFDz1uxCZYGwg87Ap2KGDVLBgIFjIBD3N9OldBF8OnkgwMpQc2xZ8EYkEU0aCqUiwZCRYigSrkUavk7BsJLc0TYAx1COxViLBu6LBTbLlmYsVxiSL9y4SVL2V5I3kehLVaBMJthO3PHMOV1m8rZOC7Ico+0mG/TLBfqFnn6qxT7bZb5fYb3idOLJgf+jE/tjQiYNf9kf3Tly+OHF9RnUBmikEszkvQKmusGvFFXat0S/JFTZVEcJNUIRwe5ciBCfKSJwoBHKilMuJYjxnyimdKIj9nJLm/6r7D+UHDIrnUsXU2IEAAAAASUVORK5CYII=); } .dx-icon-airplane { /* font: 14px/1 DXIcons;*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAADMUlEQVRo3u2aT2QcURzHh2VZSgklVJeylFJKKK2wlUtLr6EsPa20CdGwpxBGhxIqh7Jacq3uqYRSSog2pIcSltDTEkL0EJYQSnSb6e/Hb3imOzO/92/mbc3hSySb995n37zv+77fGy8MQ+9/llcCloAloDuAzxYWJkFToBaoC9oCbYN6oDXQbfyMbUAf9BHUsAD2GvQLFCZoDyFtAvpCZziQl6CagXbnQMMUMFFrtgD9hA6PQPMa7S6BRkw4VM8GoM/oeAd0U7LdjgRYpG3TgCLct4zOR7SOLjPafawAh9oyCSjCBfS7TcYgTkDtlHaboHNFwK5JQITaFeBQFbJtzmC+g2Zibd4CnSrCoVp57INV2io4A8KZukH/VydTUoVD557Ka6OvkbFkDeqJsM8daMCFtL5zTTKX6DFMGtC6MONfNeGG9CXlHtWSZuaz8Jl3mnAjCgNeEYCoadBAGNAPml3826omXEhhwCsSMDKQY3qUopz60ABcJ95XkacJdMt79DOmmjMNsHMKA55LgOK6HGjAnVIY8FwErGg65hGFAc9VwK4G3AGtZc9VwKeaW8E1Tj9FAeoE6EhtVwHrKSfyCwnAfRcBMZP2Ewb8R2EWZ1wD7BmEQ711CbBj4LGM60yIeYUCziUUiy4MxLN20YB1Kktw4dBdF1PWqpTZ2Aas0QC4cEMhds2aMBvbgDJnu/6YZMKt52wWAbghU6BNqHpfZZ4yEs3GFuCGROTqZLS1qmM2NgC5cCdiaSGjKjdQNRvTgC8knK8u0e4jVbPhAmLV+hD0ikoLVcU7iZCMR+WW6ZOK2XAA/YSiKna4ArrOhPsNWtZ49BuME8g/ZpMF6BtIGpHeGHDmdVmzSQO8bwgMN/XnBovHxzJmkzWDgQHAB4ZzbUvGbDhrUAfyjqVjV59rNlwXVYFsWKwKzHLNRmYfDCT2uOkcilY9jtnIbvRZkDtZB1CDysqp+6pJJkgJzNWcXwRKy6krOlEtGHfZWIDwC/05JoTMm8iiTSr6NAt+net97MB817XLF1Pv5AzGOfckA/qxNzSuuHp9pqovBPch7XQyyYAB3U5VlKpq5Ru/JaB7+gug6zIu2ju6bwAAAABJRU5ErkJggg==); } .dx-icon-airplane:before { content: "\f000 "; } .dx-icon-bookmark { /* font: 14px/1 DXIcons;*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAA2ElEQVRo3u3asQ3DIBCFYfuJIcgibrONlQlSxlLKTBB5gqyRNksRChdWOitwnK3/SSdEgeDTQUefUuqOHHUHT9i64DKO5zw8cg3GZ/3kuj7n+V0VmPPKFRs0Y1j2PtW+orHhjYu8QYAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQI0yn0pswRj3LSa347UwV/cZNVJNcCZItUIZ4ZUQ5wJUo1x1ZFygKuKlBNcNaQc4aog5QxXHCmHuKJIOcUVQ8oxrghSznF/I8MOcGvk5vT8ut95vgX8LHWCciVkAAAAAElFTkSuQmCC); } .dx-icon-bookmark:before { content: "\f017 "; } .dx-icon-box { /* font: 14px/1 DXIcons; hcLee*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAdUlEQVRo3u3aOw6AIBBAQdZ4VuKRDJddbSy1suAzr6WaQGALIjPLzG1l8gABAQEBAT/a3xaOWoeaAM7WwhEFBAQEBPzrHbwLOzj4Dj71PtGESwYQEBAQEBAQEBAQEBAQEBAQEBAQEBAQsJfCf1FAQEBAwIWBF/+GC3BgOvqNAAAAAElFTkSuQmCC); } .dx-icon-box:before { content: "\f018 "; } .dx-icon-car { font: 14px/1 DXIcons; } .dx-icon-car:before { content: "\f01b "; } .dx-icon-card { font: 14px/1 DXIcons; } .dx-icon-card:before { content: "\f019 "; } .dx-icon-cart { font: 14px/1 DXIcons; } .dx-icon-cart:before { content: "\f01a "; } .dx-icon-chart { font: 14px/1 DXIcons; } .dx-icon-chart:before { content: "\f01c "; } .dx-icon-check { font: 14px/1 DXIcons; } .dx-icon-check:before { content: "\f005 "; } .dx-icon-clear { font: 14px/1 DXIcons; } .dx-icon-clear:before { content: "\f008 "; } .dx-icon-clock { font: 14px/1 DXIcons; } .dx-icon-clock:before { content: "\f01d "; } .dx-icon-close { font: 14px/1 DXIcons; } .dx-icon-close:before { /* content: "\f00a ";hcLee*/ } .dx-icon-coffee { font: 14px/1 DXIcons; } .dx-icon-coffee:before { content: "\f02a "; } .dx-icon-comment { font: 14px/1 DXIcons; } .dx-icon-comment:before { content: "\f01e "; } .dx-icon-doc { font: 14px/1 DXIcons; } .dx-icon-doc:before { content: "\f021 "; } .dx-icon-download { font: 14px/1 DXIcons; } .dx-icon-download:before { content: "\f022 "; } .dx-icon-dragvertical { font: 14px/1 DXIcons; } .dx-icon-dragvertical:before { content: "\f038 "; } .dx-icon-edit { font: 14px/1 DXIcons; } .dx-icon-edit:before { /* content: "\f023 ";hcLee */ } .dx-icon-email { font: 14px/1 DXIcons; } .dx-icon-email:before { content: "\f024 "; } .dx-icon-event { font: 14px/1 DXIcons; } .dx-icon-event:before { content: "\f026 "; } .dx-icon-favorites { font: 14px/1 DXIcons; } .dx-icon-favorites:before { content: "\f025 "; } .dx-icon-find { font: 14px/1 DXIcons; } .dx-icon-find:before { /* content: "\f027 "; hcLee*/ } .dx-icon-filter { font: 14px/1 DXIcons; } .dx-icon-filter:before { content: "\f050 "; } .dx-icon-folder { font: 14px/1 DXIcons; } .dx-icon-folder:before { content: "\f028 "; } .dx-icon-food { font: 14px/1 DXIcons; } .dx-icon-food:before { content: "\f029 "; } .dx-icon-gift { font: 14px/1 DXIcons; } .dx-icon-gift:before { content: "\f02b "; } .dx-icon-globe { font: 14px/1 DXIcons; } .dx-icon-globe:before { content: "\f02c "; } .dx-icon-group { font: 14px/1 DXIcons; } .dx-icon-group:before { content: "\f02e "; } .dx-icon-help { font: 14px/1 DXIcons; } .dx-icon-help:before { content: "\f02f "; } .dx-icon-home { font: 14px/1 DXIcons; } .dx-icon-home:before { content: "\f030 "; } .dx-icon-image { font: 14px/1 DXIcons; } .dx-icon-image:before { content: "\f031 "; } .dx-icon-info { font: 14px/1 DXIcons; } .dx-icon-info:before { content: "\f032 "; } .dx-icon-key { font: 14px/1 DXIcons; } .dx-icon-key:before { /* content: "\f033 ";*/ } .dx-icon-like { font: 14px/1 DXIcons; } .dx-icon-like:before { content: "\f034 "; } .dx-icon-map { font: 14px/1 DXIcons; } .dx-icon-map:before { content: "\f035 "; } .dx-icon-menu { font: 14px/1 DXIcons; } .dx-icon-menu:before { content: "\f00c "; } .dx-icon-message { font: 14px/1 DXIcons; } .dx-icon-message:before { content: "\f024 "; } .dx-icon-money { font: 14px/1 DXIcons; } .dx-icon-money:before { content: "\f036 "; } .dx-icon-music { font: 14px/1 DXIcons; } .dx-icon-music:before { content: "\f037 "; } .dx-icon-overflow { /* font: 14px/1 DXIcons; hcLee */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAkUlEQVRo3u3XwQ2AIAwFUFiWuIW4hWFZPHFUE9QE9fXehEcP7Y+11vDlioCAgICAgID7NaWUQwjzoO9f1lLyVeDQI15LiYCAgIBDAz+/JtpPdb2g9R9MoFs3pXTaD3i1ngQOcYsCAgKKS041QEBAQHFJmhCX3KKAgIDikksGEBAQUFy6dU28vQABAQEBAf8M3ABiQE+gqVHjNwAAAABJRU5ErkJggg==); } .dx-icon-overflow:before { content: "\f00d "; } .dx-icon-percent { font: 14px/1 DXIcons; } .dx-icon-percent:before { content: "\f039 "; } .dx-icon-photo { font: 14px/1 DXIcons; } .dx-icon-photo:before { content: "\f03a "; } .dx-icon-plus { /* font: 14px/1 DXIcons; hcLee */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAcklEQVRo3u3ZQQqAIBBAUeuu0pnCw+peoRCSVN7ftshHA8IUgqQ/O0a/4IoxPz2/Uxp6hnP3LwgICAgICAgICAgICAgICLhizT7kbYcye/WOx4gCAgICAvbcg1/n34QRBQQEBAQEBAQEBAQEBAQElDRZBc9tDF6cpWGRAAAAAElFTkSuQmCC); } .dx-icon-plus:before { content: "\f00b "; } .dx-icon-preferences { font: 14px/1 DXIcons; } .dx-icon-preferences:before { content: "\f03b "; } .dx-icon-product { font: 14px/1 DXIcons; } .dx-icon-product:before { content: "\f03c "; } .dx-icon-pulldown { font: 14px/1 DXIcons; } .dx-icon-pulldown:before { content: "\f062 "; } .dx-icon-refresh { font: 14px/1 DXIcons; } .dx-icon-refresh:before { content: "\f03d "; } .dx-icon-remove { font: 14px/1 DXIcons; } .dx-icon-remove:before { /* content: "\f00a "; hcLee*/ } .dx-icon-revert { font: 14px/1 DXIcons; } .dx-icon-revert:before { content: "\f04c "; } .dx-icon-runner { font: 14px/1 DXIcons; } .dx-icon-runner:before { content: "\f040 "; } .dx-icon-save { font: 14px/1 DXIcons; } .dx-icon-save:before { /* content: "\f041 ";*/ } .dx-icon-search { /*font: 14px/1 DXIcons;*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAQAAAADHm0dAAAApklEQVQ4y7XTOw7DIAyAYV+CEXGFSJlyIdShA0djY/gHLpGlPQJjLuAOVRTa0DxURd7sb8A2FpWjIVdSBMESSBQKiYBF+EEHIlpFZGhTS0TJeBwOT0aJ2BYNKJl+TtOTUUKLJhRfF/AoqUULivugDqX8SU88YN3WAyXwnvjmsJ4oE12LrlcwoYyYFv1ebMe44I3vgiCYBe/RCu/TGd+PUMFw48IreAFoy9k4hv/J6QAAAABJRU5ErkJggg==); } .dx-icon-search:before { /* content: "\f027 "; hcLee*/ } .dx-icon-tags { font: 14px/1 DXIcons; } .dx-icon-tags:before { content: "\f009 "; } .dx-icon-tel { font: 14px/1 DXIcons; } .dx-icon-tel:before { content: "\f003 "; } .dx-icon-tips { font: 14px/1 DXIcons; } .dx-icon-tips:before { content: "\f004 "; } .dx-icon-todo { font: 14px/1 DXIcons; } .dx-icon-todo:before { content: "\f005 "; } .dx-icon-toolbox { font: 14px/1 DXIcons; } .dx-icon-toolbox:before { content: "\f007 "; } .dx-icon-trash { font: 14px/1 DXIcons; } .dx-icon-trash:before { content: "\f03e "; } .dx-icon-user { font: 14px/1 DXIcons; } .dx-icon-user:before { content: "\f02d "; } .dx-icon-upload { font: 14px/1 DXIcons; } .dx-icon-upload:before { content: "\f006 "; } .dx-icon-arrowleft { font: 14px/1 DXIcons; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAABG0lEQVRo3uXaUQqDMBBFUd2sdBUWu4riZq2CQhBjZiaQ9r4O5Dsc8pFk5vXLsnTK1f8N8DEMLfYb1/VqsdF7npsDN9y07akIPHCdIjDFyQHPOCngFU4GmMNJAO9weGAJhwZacFigFYcEenA4oBeHAkZwGGAU16xWYB8F/jyuBojARYEYXASIwnmBOJwHiMRZgVicBYjGlYB43B1QApcDyuBywGk/QVlgt5/gqAyUQZauCTzSctGjkdanGhbpeWwjkd7vEg4Z+fCikNGWBQZZ03RCIGuACGQtsAaJat1HkLjhixeJHJ95kNgBqBWJHmFbkPgQQgkpESO5Q8oEgXJIqSjXFVIujHdGSsYpU6QkMEXKAg/k8ytA1ZIHfgBTb3egu9J4egAAAABJRU5ErkJggg==); } .dx-icon-arrowleft:before { content: "\f011 "; } .dx-icon-arrowdown { /* font: 14px/1 DXIcons; hcLee*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAABBElEQVRo3u3XSQ7DIAwFUHPZqKcoak4RcdeKrlopLUnA2Azu9x6kx+DBxRjJcri/Ad6WhbuH9gk5zqItBAABBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAArQMfRHQnG+G3ENbUDVpAeiJaz57ozEhPRGvOH5wR+cHlJpmZkDtcSRadAfmDKy0TIyOTOE4dHBF5iOMW+pGQp7iaTmYE5CWutlXriczCSfSiPZDZOKlmuyWyCCc5TbRAFuOkxyVNJAsnDdRCsnEaQGlkFU4LKIWsxmkCa5EiOG0gFymGawEsRYriWgFzkeK4lsArpAquNfAIqYbrAfxGquJ6Ad/IpzYuCbQa5oEvIi6RoCPS4QwAAAAASUVORK5CYII=); } .dx-icon-arrowdown:before { content: "\f015 "; } .dx-icon-arrowright { font: 14px/1 DXIcons; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAA9UlEQVRo3u3aSQ4DMQhEUV/W4haW6uRkFylKOj2ZNPzOgjV6Gw9Qzd0budptgNb7r2pE97ga6NHIDMBQZBZgGDITMASZDTgdmRE4FZkVOA2ZGTgFmR14GlkBeApZBXgYWQl4CFkNuBu5BPTkNejAzcjKwE3I6sBVJAH4FUkBLiJJwI9IGvANSQS+IKnAJ5IMdOt90IH+BxYvkYEiHzIiXxMiX/QiP9VEfmyL/F0S+cMr8shiFVcZuAlXdfArA0+2ZeDRvQy8fJGB12cy8AJUBl5hy8AhBBk4RiIDB4Fk4CiXDBzGU1SPDEBF9rgaqOge9wylU+sBka0NN9xqrOUAAAAASUVORK5CYII=); } .dx-icon-arrowright:before { content: "\f00e "; } .dx-icon-arrowup { /* font: 14px/1 DXIcons;*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAA/UlEQVRo3u3YawrCMBAE4OaypadQ7ClK7yoxgohimuaxs3k4Awv7b/l+zhpr7TRyzN8Al3nWuHdzc3ezog9t+64OfOIur/2KRmoDP3GTBlIT6MPBkVrAEA6K1ADG4GBINDAFB0EigTk4cSQKWIITRSKAEjgxpDRQEieClAQicMVIKSASV4SUAGrgspGlQE1cFrIEWAOXjMwF1sQlIXOALeCikanAlnBRyBRgi7hTZCywZVwQGQPsAXeIPAP2hPMiQ8AecT/II2DPuC+kDzgC7o10wFWqLqF//6Z2HySQQAIJJJBAAgkkkEACCSSQQAIJJJBAAgkksEXgqBke+ABo/JGgYp299wAAAABJRU5ErkJggg==); } .dx-icon-arrowup:before { content: "\f013 "; } .dx-icon-spinleft { font: 14px/1 DXIcons; } .dx-icon-spinleft:before { content: "\f04f "; } .dx-icon-spinright { font: 14px/1 DXIcons; } .dx-icon-spinright:before { content: "\f04e "; } .dx-icon-spinnext { font: 14px/1 DXIcons; } .dx-icon-spinnext:before { content: "\f04e "; } .dx-rtl .dx-icon-spinnext:before { content: "\f04f "; } .dx-icon-spinprev { font: 14px/1 DXIcons; } .dx-icon-spinprev:before { content: "\f04f "; } .dx-rtl .dx-icon-spinprev:before { content: "\f04e "; } .dx-icon-spindown { font: 14px/1 DXIcons; } .dx-icon-spindown:before { content: "\f001 "; } .dx-icon-spinup { font: 14px/1 DXIcons; } .dx-icon-spinup:before { content: "\f002 "; } .dx-icon-chevronleft { font: 14px/1 DXIcons; } .dx-icon-chevronleft:before { content: "\f012 "; } .dx-icon-chevronright { font: 14px/1 DXIcons; } .dx-icon-chevronright:before { content: "\f010 "; } .dx-icon-chevronnext { font: 14px/1 DXIcons; } .dx-icon-chevronnext:before { content: "\f010 "; } .dx-rtl .dx-icon-chevronnext:before { content: "\f012 "; } .dx-icon-chevronprev { font: 14px/1 DXIcons; } .dx-icon-chevronprev:before { content: "\f012 "; } .dx-rtl .dx-icon-chevronprev:before { content: "\f010 "; } .dx-icon-chevrondown { font: 14px/1 DXIcons; } .dx-icon-chevrondown:before { content: "\f016 "; } .dx-icon-chevronup { font: 14px/1 DXIcons; } .dx-icon-chevronup:before { content: "\f014 "; } .dx-icon-chevrondoubleleft { font: 14px/1 DXIcons; } .dx-icon-chevrondoubleleft:before { content: "\f042 "; } .dx-icon-chevrondoubleright { font: 14px/1 DXIcons; } .dx-icon-chevrondoubleright:before { content: "\f043 "; } .dx-icon-equal { font: 14px/1 DXIcons; } .dx-icon-equal:before { content: "\f044 "; } .dx-icon-notequal { font: 14px/1 DXIcons; } .dx-icon-notequal:before { content: "\f045 "; } .dx-icon-less { font: 14px/1 DXIcons; } .dx-icon-less:before { content: "\f046 "; } .dx-icon-greater { font: 14px/1 DXIcons; } .dx-icon-greater:before { content: "\f047 "; } .dx-icon-lessorequal { font: 14px/1 DXIcons; } .dx-icon-lessorequal:before { content: "\f048 "; } .dx-icon-greaterorequal { font: 14px/1 DXIcons; } .dx-icon-greaterorequal:before { content: "\f049 "; } .dx-icon-sortup { font: 14px/1 DXIcons; } .dx-icon-sortup:before { content: "\f051 "; } .dx-icon-sortdown { font: 14px/1 DXIcons; } .dx-icon-sortdown:before { content: "\f052 "; } .dx-icon-sortuptext { font: 14px/1 DXIcons; } .dx-icon-sortuptext:before { content: "\f053 "; } .dx-icon-sortdowntext { font: 14px/1 DXIcons; } .dx-icon-sortdowntext:before { content: "\f054 "; } .dx-icon-sortchange { font: 14px/1 DXIcons; } .dx-icon-sortchange:before { content: "\f055 "; } .dx-icon-expand { font: 14px/1 DXIcons; } .dx-icon-expand:before { content: "\f04a "; } .dx-icon-collapse { font: 14px/1 DXIcons; } .dx-icon-collapse:before { content: "\f04b "; } .dx-icon-columnfield { font: 14px/1 DXIcons; } .dx-icon-columnfield:before { content: "\f057 "; } .dx-icon-rowfield { font: 14px/1 DXIcons; } .dx-icon-rowfield:before { content: "\f058 "; } .dx-icon-datafield { font: 14px/1 DXIcons; } .dx-icon-datafield:before { content: "\f056 "; } .dx-icon-fields { font: 14px/1 DXIcons; } .dx-icon-fields:before { content: "\f059 "; } .dx-icon-fieldchooser { font: 14px/1 DXIcons; } .dx-icon-fieldchooser:before { content: "\f05a "; } .dx-icon-columnchooser { font: 14px/1 DXIcons; } .dx-icon-columnchooser:before { content: "\f04d "; } .dx-icon-pin { font: 14px/1 DXIcons; } .dx-icon-pin:before { content: "\f05b "; } .dx-icon-unpin { font: 14px/1 DXIcons; } .dx-icon-unpin:before { content: "\f05c "; } .dx-icon-pinleft { font: 14px/1 DXIcons; } .dx-icon-pinleft:before { content: "\f05d "; } .dx-icon-pinright { font: 14px/1 DXIcons; } .dx-icon-pinright:before { content: "\f05e "; } .dx-icon-contains { font: 14px/1 DXIcons; } .dx-icon-contains:before { content: "\f063 "; } .dx-icon-startswith { font: 14px/1 DXIcons; } .dx-icon-startswith:before { content: "\f064 "; } .dx-icon-endswith { font: 14px/1 DXIcons; } .dx-icon-endswith:before { content: "\f065 "; } .dx-icon-doesnotcontain { font: 14px/1 DXIcons; } .dx-icon-doesnotcontain:before { content: "\f066 "; } .dx-icon-export { font: 14px/1 DXIcons; } .dx-icon-export:before { content: "\f05f "; } .dx-icon-exportxlsx { font: 14px/1 DXIcons; } .dx-icon-exportxlsx:before { content: "\f060 "; } .dx-icon-exportpdf { font: 14px/1 DXIcons; } .dx-icon-exportpdf:before { content: "\f061 "; } .dx-icon-square { font: 14px/1 DXIcons; } .dx-icon-square:before { content: "\f067 "; } .dx-icon-clearsquare { font: 14px/1 DXIcons; } .dx-icon-clearsquare:before { content: "\f068 "; } .dx-icon-back { font: 14px/1 DXIcons; } .dx-icon-back:before { content: "\f012 "; } .dx-rtl .dx-icon-back:before { content: "\f010 "; } .dx-icon { color: #606060; } .dx-tab .dx-icon, .dx-tab.dx-tab-selected .dx-icon { -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; background-position: 50% 50%; } .dx-scrollview-pulldown { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAyCAQAAAD2dTOtAAAApElEQVRIx2OYxQCHvlggw38oZBgcCrFCihQ2YIFDViH1g+cMFjhkFVI/eP5jgUNWIfWDh2iFdbMuYUCsCmcS65lRhXRRqDXrwKzDYPgci8LDUFgKMilq1h+saREBt8xig1gai1fp9llsCDcm4FS2dxYnqmfS8ClD9XUmFq9wYk/hOWjKeHBnhVK4smMgZfjyTDVY2clZ/IQzVzWwuOPHyFz/iYQAhMbywidpE3YAAAAASUVORK5CYII=); background-position: 0 0; background-repeat: no-repeat; } .dx-loadindicator-image { background-image: url(data:image/gif;base64,R0lGODlhIAAgAIABADI6Rf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAIAAgAAACQIyPqcutAJyUMM6bKt5B8+t9FCROYcmQqKOuS+tmVvzM9AHf+s6L+X0C/mjDWFDY6xRdR+Jy1TQ+oVNUxZbkFAAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnGDaUK8EWT/ufV3IgGQznomprmlrcCwsv2cNH3iOyXw/a+1+PWKR6EPahMtbkNZ0GmPRqfUaKQAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnLTai3MGCHhtfKEIciN4fJ6JBhzZvmy8tmltu7i9zmif08F+Mp5puGH5krdYYskLSqfUqvVqKAAAIfkECQkAAQAsAAAAACAAIAAAAkOMj6nL7Q+jnBBYGi3AT3Pnfc0lMmGpkGi6rYnqBhvszm0sy3es7fXJm+EMF9+qZSzRgsPD8phEAX9RZVX0bGq3XEYBACH5BAkJAAEALAAAAAAgACAAAAI+jI+pywnQYntPWkThvXTv7llgGI3kpJ1oqi5Vi8KTPNOujef6nrO63+MFXjugjdgzykxHZFOpyvyYNKdQUQAAIfkECQkAAQAsAAAAACAAIAAAAjiMjwa76e+YhDTOitHNnPEfeGAmjlhjnkBKsq0Lx/JM1/aN5/rO91q+AgpxqFqJdoxtYJKkawkpAAAh+QQJCQABACwAAAAAIAAgAAACNoyPBsucD1WbLtoGl414+1R9ojKW5omm6sq27gvH8kzX9o3n+s73B0ADyjQn4aNjolBWSuKmAAAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1GbLdrAIL081g5KTkiW5omm6sq27gvH8kzX9o3n+s6/y5yRTS6jEmWzOoIKACH5BAkJAAEALAAAAAAgACAAAAI3jI8Ju+n/mGSwWjOvdnL7Q31eKGpkaZ0o1KzuC8fyTNf2jef6ztetrZoFZcNYEXZEJl0TQG9TAAAh+QQJCQABACwAAAAAIAAgAAACP4yPqcudAIGbLUqKkc08xJ59ICWOTmkyUHqurHq9iis/dH3c+M73PqvDBWtDYoxXlCVfyxRq9xQ2nVNT9NcpAAAh+QQJCQABACwAAAAAIAAgAAACPoyPqcvtD6OUAMwbKqZ2v9p5jSY6ZLmAKHOuSOseYBjPsazeWX7but/j6XZDA6xXNNJ+y1rTmTRGM9OqtVQAACH5BAkJAAEALAAAAAAgACAAAAJAjI+py+0Po5y02osbyG8jzwUAOIYHCYalmHLlahojHM+tOsdnrrO0aeuxRMJXL/fLwG4X3hCXYgqn1Kr1ihUWAAAh+QQJCQABACwAAAAAIAAgAAACQ4yPqcvtD6OcEQBaL35Wb9Z9jiU2ZAl6aHKuhqa6V+sGc7x2OKrXB7krAX2vGdEWFCaVR+TyQ6uFiFNf1RptarfcRAEAIfkECQkAAQAsAAAAACAAIAAAAj6Mj6nLCdBie09aROG9dO/uWWAoVWSpnVGqMmbrwqs80faN5/rB5j3+s718QdkIWIQdhUNmUrU0RpVT6s5SAAAh+QQJCQABACwAAAAAIAAgAAACOoyPBgvp/5iENLKK081crd59YDiSJdecWKq27gvH8kzX9o3n+snW/SyiBYHD2Ib4e01kkmSpWVQ1MwUAIfkECQkAAQAsAAAAACAAIAAAAjWMjwbLnA9Pmy7aFoG9envYfaI0luaJpurKtu4Lx/JM1/aN5/rO96RceWFMC1CwREmqkkVPAQAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1ObLNrg7Lxcrw5KWUiW5omm6sq27gvH8kzX9o3n+s67n9wAbh4VE+W4QnYKACH5BAkJAAEALAAAAAAgACAAAAI2jI+py30Ao5stAoqVzHxz7H1TKFZQSZ3oyrbuC8fyTNf2jeeyOpOw/wK6hC0LzXLpIY1BJqYAADs=); background-position: center center; background-repeat: no-repeat; } .dx-loadindicator-image-small { background-image: url(data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7); background-position: center center; background-repeat: no-repeat; } .dx-loadindicator-image-large { background-image: url(data:image/gif;base64,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); background-position: center center; background-repeat: no-repeat; } .dx-gallery .dx-state-hover.dx-gallery-nav-button-prev:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAAGdV60fAAAA3klEQVRIx62VURLCMAhEuf8F/XA8S7SdJFJgF6h+ZGyT10e6JaOMMWSOIc/X47w4fs+bOSGiVmXxX4RcOOW62eRSh/UcqYcn8glX3u4p3rWe3PWtHD5lF2lK4TugRZciAsNULQyj1/ClBcjgwMd02GiYYw5Br72BsBs0gKALEEEOsFAIaAgCbSgvp4LEGzdpxxEEn8SHmX032k8LTPvJtQo7f6jS7F7aTmUBa7myoCuCgqooFWSisgAepq7AHZO7gr/uaP//BI3YEjJRS1gRlYQdERXeEYXCX0ROeDz/BqMcKPolWS+EAAAAAElFTkSuQmCC); } .dx-gallery .dx-state-hover.dx-gallery-nav-button-next:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAAGdV60fAAAA6klEQVRIS52SWw7DMAgEc/8L9qPKWdqAAuKxYOxImyYwHmOl1/f+/J7rovCNCk/0hQvaUYwf3jZ6sKpYVC0spkkosh134/5KZbkpcLEtuCVO6o9hCNeg6GzxWAiOEIQryMEdpDYEua3i4HBo/RQU+zli6NYCDL3KtI1spVAHUuJKCKYCAhOEwAQgMDURyEeMzTEkAPUhZOeBkAUgFIEEIUChDrAmuviliqxgkn6jqUoS0c0A20JJFB0LK9G2cCUaC6eipXBXVApPRUmo/wMAdcETbYiSQNZPRUmwKyoFU9FSsBKNBVB0IoiiP1LjKPpbYIkCAAAAAElFTkSuQmCC); } .dx-widget { color: #232323; font-weight: normal; font-size: 14px; /*font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; hcLee old */ font-family: "Nanum Gothic"; line-height: normal; } .dx-widget input, .dx-widget textarea { /*font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;*/ font-family: "Nanum Gothic"; } .dx-state-focused.dx-widget { -webkit-box-shadow: 0 0 3px gray; -moz-box-shadow: 0 0 3px gray; box-shadow: 0 0 3px gray; } .dx-state-disabled.dx-widget, .dx-state-disabled .dx-widget { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; zoom: 1; cursor: default; } .dx-badge { background-color: #31afe3; color: #fff; font-size: 13px; padding: 0 6px 2px; line-height: normal; } :not(.dx-rtl)>.dx-resizable-handle-corner-bottom-right { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAAVElEQVRIx2P8z0A+YBzVPKp55GlmxCaoC4SX/18mT3MUAw/Dl//LBsBmMPjPQDfNYMcyXCbP2eBgYlhGXoBRZDO9AwzNsaQ5Gy2YSAswSmwetoUBANBHTwHSl+ZnAAAAAElFTkSuQmCC); } .dx-rtl .dx-resizable-handle-corner-bottom-left { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAAVElEQVRIx2P8z0A+YBzVPKp55GlmxCaoC4SX/18mT3MUAw/Dl//LBsBmMPjPQDfNYMcyXCbP2eBgYlhGXoBRZDO9AwzNsaQ5Gy2YSAswSmwetoUBANBHTwHSl+ZnAAAAAElFTkSuQmCC); } .dx-box-item-content { font-size: 14px; } /* .dx-button-content { line-height: 0; hcLee display: none; }*/ .dx-button-text { display: inline-block; line-height: normal; /* hcLee */ color: #fff; font-size: 14px; line-height: 28px; /* hcLee */ } .dx-button a { text-decoration: none; } .dx-button { /*padding: 8px; hcLee */ -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.15); background-color: #eae9e9; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%); background-image: -moz-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%); background-image: -ms-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%); background-image: -o-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%); background-image: linear-gradient(180deg, #eae9e9 0%, #e0e0df 100%); border: 1px solid rgba(0, 0, 0, 0.15);*/ padding: 0px 18px; background-color: #385882; /* Old browsers */ background: -moz-linear-gradient(top, #385882 0%, #2c4465 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#385882), color-stop(100%,#2c4465)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #385882 0%,#2c4465 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #385882 0%,#2c4465 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #385882 0%,#2c4465 100%); /* IE10+ */ background: linear-gradient(to bottom, #385882 0%,#2c4465 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#385882', endColorstr='#2c4465',GradientType=0 ); /* IE6-9 */ box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); } .dx-button .dx-icon { /* hcLee*/ /* width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; */ /* hcLee*/ /* hcLee*/ width: 18px; height: 18px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; background-size: 24px 24px; /* hcLee*/ } .dx-rtl .dx-button .dx-icon, .dx-rtl.dx-button .dx-icon { margin-left: 0; margin-right: 0; } .dx-button-has-icon { /*padding: 8px; hcLee*/ padding: 5px; } .dx-button-has-icon .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-button-has-icon .dx-icon, .dx-rtl.dx-button-has-icon .dx-icon { margin-left: 0; /*margin-right: 0; hcLee*/ margin-left: 3px; } .dx-button-has-text { /* padding: 7px 18px 8px; hcLee*/ padding: 5px; } /* hcLeeÃß°¡ V14.1-V15.1 ---- >*/ .dx-button-has-icon:not(.dx-button-has-text) { padding: 5px; } .dx-button-has-icon.dx-button-has-text .dx-icon { margin-right: 3px; } /* hcLeeÃß°¡ V14.1-V15.1 <------ */ .dx-button-has-text .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; /*margin-right: 9px; hcLee*/ margin-right: 3px; margin-left: 0; } .dx-rtl .dx-button-has-text .dx-icon, .dx-rtl.dx-button-has-text .dx-icon { margin-left: 9px; margin-right: 0; } .dx-button-back { /* padding: 8px; hcLee for old */ display: none; } .dx-button-back .dx-icon { /* width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0;hcLee*/ width: 18px; height: 18px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; background-size: 24px 24px; } .dx-rtl .dx-button-back .dx-icon, .dx-rtl.dx-button-back .dx-icon { margin-left: 0; margin-right: 0; } .dx-button-back .dx-button-text { display: none; } .dx-button { /* -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.07); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.07); box-shadow: 0 1px 3px rgba(0,0,0,.07); border-width: 1px; border-style: solid; background-color: #f5f5f5; border-color: rgba(0,0,0,.12); hcLee */ -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 0px 18px; background-color: #385882; /* Old browsers */ background: -moz-linear-gradient(top, #385882 0%, #2c4465 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#385882), color-stop(100%,#2c4465)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #385882 0%,#2c4465 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #385882 0%,#2c4465 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #385882 0%,#2c4465 100%); /* IE10+ */ background: linear-gradient(to bottom, #385882 0%,#2c4465 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#385882', endColorstr='#2c4465',GradientType=0 ); /* IE6-9 */ box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); } .dx-button.dx-state-hover { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } .dx-button.dx-state-focused { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } .dx-button.dx-state-active { -webkit-box-shadow: 0 1px 3px transparent; -moz-box-shadow: 0 1px 3px transparent; box-shadow: 0 1px 3px transparent; } .dx-state-disabled.dx-button, .dx-state-disabled .dx-button { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-state-disabled.dx-button .dx-icon, .dx-state-disabled .dx-button .dx-icon { filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-state-disabled.dx-button .dx-button-text, .dx-state-disabled .dx-button .dx-button-text { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-button .dx-button-text { /* color: #232323; hcLee for old*/ color: #fff; font-size: 14px; line-height: 28px; } .dx-button.dx-state-hover { background-color: #f5f5f5; border-color: rgba(96,96,96,.4); } .dx-button.dx-state-focused { background-color: #f5f5f5; border-color: rgba(96,96,96,.4); } .dx-button.dx-state-active { background-color: rgba(96,96,96,.2); border-color: transparent; } .dx-button.dx-state-active .dx-button-text { color: #232323; } .dx-button.dx-state-active .dx-icon { color: #606060; } .dx-button-danger { /* background-color: #ea4444; border-color: #ea4444; hcLee for old */ background-color: #ef9095; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg, #ef9095 0%, #e9636a 100%); background-image: -moz-linear-gradient(-90deg, #ef9095 0%, #e9636a 100%); background-image: -ms-linear-gradient(-90deg, #ef9095 0%, #e9636a 100%); background-image: -o-linear-gradient(-90deg, #ef9095 0%, #e9636a 100%); background-image: linear-gradient(180deg, #ef9095 0%, #e9636a 100%); } .dx-button-danger .dx-icon { color: #fff; } .dx-button-danger .dx-button-text { color: #fff; } .dx-button-danger.dx-state-hover { background-color: #ea4444; border-color: #a22; } .dx-button-danger.dx-state-focused { background-color: #ea4444; border-color: #a22; } .dx-button-danger.dx-state-active { background-color: #a22; border-color: #a22; } .dx-button-danger.dx-state-active .dx-button-text { color: #fff; } .dx-button-danger.dx-state-active .dx-icon { color: #fff; } .dx-button-success { /* background-color: #6ab025; border-color: #6ab025; hcLee for old */ background-color: #2DCF34; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg, #2DCF34 0%, #24a529 100%); background-image: -moz-linear-gradient(-90deg, #2DCF34 0%, #24a529 100%); background-image: -ms-linear-gradient(-90deg, #2DCF34 0%, #24a529 100%); background-image: -o-linear-gradient(-90deg, #2DCF34 0%, #24a529 100%); background-image: linear-gradient(180deg, #2DCF34 0%, #24a529 100%); } .dx-button-success .dx-icon { color: #fff; } .dx-button-success .dx-button-text { color: #fff; } .dx-button-success.dx-state-hover { /* background-color: #6ab025; border-color: #4e8a13;hcLee*/ background-color: #42d448; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg, #42d448 0%, #2DCF34 100%); background-image: -moz-linear-gradient(-90deg, #42d448 0%, #2DCF34 100%); background-image: -ms-linear-gradient(-90deg, #42d448 0%, #2DCF34 100%); background-image: -o-linear-gradient(-90deg, #42d448 0%, #2DCF34 100%); background-image: linear-gradient(180deg, #42d448 0%, #2DCF34 100%); } .dx-button-success.dx-state-focused { background-color: #6ab025; border-color: #4e8a13; } .dx-button-success.dx-state-active { background-color: #4e8a13; border-color: #4e8a13; } .dx-button-success.dx-state-active .dx-button-text { color: #fff; } .dx-button-success.dx-state-active .dx-icon { color: #fff; } .dx-button-default { /* background-color: #31afe3; border-color: #31afe3; hcLee */ background-color: #78B3E7; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg, #78B3E7 0%, #4d9bdf 100%); background-image: -moz-linear-gradient(-90deg, #78B3E7 0%, #4d9bdf 100%); background-image: -ms-linear-gradient(-90deg, #78B3E7 0%, #4d9bdf 100%); background-image: -o-linear-gradient(-90deg, #78B3E7 0%, #4d9bdf 100%); background-image: linear-gradient(180deg, #78B3E7 0%, #4d9bdf 100%); } .dx-button-default .dx-icon { color: #fff; } .dx-button-default .dx-button-text { color: #fff; } .dx-button-default.dx-state-hover { /* background-color: #31afe3; border-color: #1e6b8b; hcLee */ background-color: #ef9095; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg, #ef9095 0%, #e9636a 100%); background-image: -moz-linear-gradient(-90deg, #ef9095 0%, #e9636a 100%); background-image: -ms-linear-gradient(-90deg, #ef9095 0%, #e9636a 100%); background-image: -o-linear-gradient(-90deg, #ef9095 0%, #e9636a 100%); background-image: linear-gradient(180deg, #ef9095 0%, #e9636a 100%); } .dx-button-default.dx-state-focused { background-color: #31afe3; border-color: #1e6b8b; } .dx-button-default.dx-state-active { background-color: #1e6b8b; border-color: #1e6b8b; } .dx-button-default.dx-state-active .dx-button-text { color: #fff; } .dx-button-default.dx-state-active .dx-icon { color: #fff; } .dx-scrollable-content { -webkit-transform: none; } .dx-scrollable-scroll { padding: 2px; background-color: transparent; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; overflow: hidden; -webkit-transition: opacity 0 linear 0; -moz-transition: opacity 0 linear 0; -o-transition: opacity 0 linear 0; transition: opacity 0 linear 0; -webkit-transition: opacity 0 linear 0,none 1s linear 0; -moz-transition: opacity 0 linear 0,none 1s linear 0; -o-transition: opacity 0 linear 0,none 1s linear 0; transition: opacity 0 linear 0,none 1s linear 0; -webkit-transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0; -o-transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0; transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0; -webkit-transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollable-scroll.dx-state-invisible { filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: opacity 500ms linear 1s; -moz-transition: opacity 500ms linear 1s; -o-transition: opacity 500ms linear 1s; transition: opacity 500ms linear 1s; -webkit-transition: opacity 500ms linear 1s,none 1s linear 0; -moz-transition: opacity 500ms linear 1s,none 1s linear 0; -o-transition: opacity 500ms linear 1s,none 1s linear 0; transition: opacity 500ms linear 1s,none 1s linear 0; -webkit-transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0; -moz-transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0; -o-transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0; transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0; -webkit-transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollable-scroll-content { width: 100%; height: 100%; background-color: #606060; background-color: rgba(96,96,96,.7); box-shadow: 0 0 0 1px rgba(255,255,255,.2); } .dx-scrollbar-hoverable { background-color: transparent; background-color: rgba(96,96,96,0); -webkit-transition: background-color .2s linear 0; -moz-transition: background-color .2s linear 0; -o-transition: background-color .2s linear 0; transition: background-color .2s linear 0; -webkit-transition: background-color .2s linear 0,none 1s linear 0; -moz-transition: background-color .2s linear 0,none 1s linear 0; -o-transition: background-color .2s linear 0,none 1s linear 0; transition: background-color .2s linear 0,none 1s linear 0; -webkit-transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0; transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0; -webkit-transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active { background-color: #606060; background-color: rgba(96,96,96,.2); } .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content { background-color: #606060; } .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { background-color: transparent; box-shadow: 0 0 0 1px transparent; } .dx-scrollbar-vertical .dx-scrollable-scroll { float: right; width: 8px; } .dx-scrollbar-vertical.dx-scrollbar-hoverable { width: 8px; -webkit-transition: width .2s linear 150ms; -moz-transition: width .2s linear 150ms; -o-transition: width .2s linear 150ms; transition: width .2s linear 150ms; -webkit-transition: width .2s linear 150ms,none 1s linear 0; -moz-transition: width .2s linear 150ms,none 1s linear 0; -o-transition: width .2s linear 150ms,none 1s linear 0; transition: width .2s linear 150ms,none 1s linear 0; -webkit-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -webkit-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll { -webkit-transition: background-color 500ms linear 1s,width .2s linear 150ms; -moz-transition: background-color 500ms linear 1s,width .2s linear 150ms; -o-transition: background-color 500ms linear 1s,width .2s linear 150ms; transition: background-color 500ms linear 1s,width .2s linear 150ms; -webkit-transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0; -o-transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0; transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0; -webkit-transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0,none 1s linear 0; transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content { -webkit-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; -moz-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; -o-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; -webkit-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; -moz-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; -o-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; -webkit-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { -webkit-transition: background-color 500ms linear 1s,width .2s linear 1ms; -moz-transition: background-color 500ms linear 1s,width .2s linear 1ms; -o-transition: background-color 500ms linear 1s,width .2s linear 1ms; transition: background-color 500ms linear 1s,width .2s linear 1ms; -webkit-transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0; -o-transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0; transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0; -webkit-transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0,none 1s linear 0; -o-transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0,none 1s linear 0; transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { -webkit-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -moz-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -o-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -webkit-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; -moz-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; -o-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; -webkit-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; -moz-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; -o-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active { width: 15px; -webkit-transition: width .2s linear 150ms; -moz-transition: width .2s linear 150ms; -o-transition: width .2s linear 150ms; transition: width .2s linear 150ms; -webkit-transition: width .2s linear 150ms,none 1s linear 0; -moz-transition: width .2s linear 150ms,none 1s linear 0; -o-transition: width .2s linear 150ms,none 1s linear 0; transition: width .2s linear 150ms,none 1s linear 0; -webkit-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -webkit-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll { width: 15px; } .dx-scrollbar-horizontal .dx-scrollable-scroll { height: 8px; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable { height: 8px; -webkit-transition: height .2s linear 150ms; -moz-transition: height .2s linear 150ms; -o-transition: height .2s linear 150ms; transition: height .2s linear 150ms; -webkit-transition: height .2s linear 150ms,none 1s linear 0; -moz-transition: height .2s linear 150ms,none 1s linear 0; -o-transition: height .2s linear 150ms,none 1s linear 0; transition: height .2s linear 150ms,none 1s linear 0; -webkit-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -webkit-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll { -webkit-transition: background-color 500ms linear 1s,height .2s linear 150ms; -moz-transition: background-color 500ms linear 1s,height .2s linear 150ms; -o-transition: background-color 500ms linear 1s,height .2s linear 150ms; transition: background-color 500ms linear 1s,height .2s linear 150ms; -webkit-transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0; -o-transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0; transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0; -webkit-transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0,none 1s linear 0; transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content { -webkit-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; -moz-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; -o-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; -webkit-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; -moz-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; -o-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; -webkit-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { -webkit-transition: background-color 500ms linear 1s,height .2s linear 1ms; -moz-transition: background-color 500ms linear 1s,height .2s linear 1ms; -o-transition: background-color 500ms linear 1s,height .2s linear 1ms; transition: background-color 500ms linear 1s,height .2s linear 1ms; -webkit-transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0; -o-transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0; transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0; -webkit-transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0,none 1s linear 0; -o-transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0,none 1s linear 0; transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { -webkit-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -moz-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -o-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -webkit-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; -moz-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; -o-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; -webkit-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; -moz-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; -o-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active { height: 15px; -webkit-transition: height .2s linear 150ms; -moz-transition: height .2s linear 150ms; -o-transition: height .2s linear 150ms; transition: height .2s linear 150ms; -webkit-transition: height .2s linear 150ms,none 1s linear 0; -moz-transition: height .2s linear 150ms,none 1s linear 0; -o-transition: height .2s linear 150ms,none 1s linear 0; transition: height .2s linear 150ms,none 1s linear 0; -webkit-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -webkit-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll { height: 15px; } .dx-scrollable-customizable-scrollbars { -ms-scrollbar-base-color: #fafafa; -ms-scrollbar-arrow-color: #4b4b4b; -ms-scrollbar-track-color: #fafafa; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:horizontal { height: 19px; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:vertical { width: 19px; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar { background-color: transparent; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-thumb { background-color: #757575; border-right: 2px solid transparent; border-left: 1px solid transparent; background-clip: content-box; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-track { background-color: transparent; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-corner { background-color: transparent; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button { background-color: transparent; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:horizontal:decrement { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAMklEQVQY02P4z/CfIRECfRngHN/E/zAOkJmIzExEZoI4cCYGB0UZmgHIRkPt8kXigLgA3gNGp/JuZjQAAAAASUVORK5CYII=) no-repeat; background-position: center; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:horizontal:increment { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAN0lEQVQYV2NI9E1kAMH/QMiQ+B/ChXHAXAQHyoVxwFwEB8jFwUFSBjYebjSM4wuyA2IPnPmfAQA1rkanVpjRrQAAAABJRU5ErkJggg==) no-repeat; background-position: center; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:vertical:decrement { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAM0lEQVQY02P4z4AJGfAKzvMFQgYQhAsCBf4DoS9UECwLEYIKQwQRQlBhdCGwMAPpTkKGAFLHa2MYTN8sAAAAAElFTkSuQmCC) no-repeat; background-position: 3px 5px; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:vertical:increment { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAMUlEQVQY023JwQ0AMAyDQBZkCO8/hPuqGqkRP46YLklZyEB/MlyYZJhwyVBKBxDfLgftpkant8t4aAAAAABJRU5ErkJggg==) no-repeat; background-position: 3px 5px; } .dx-rtl .dx-scrollable .dx-scrollable-scroll, .dx-rtl.dx-scrollable .dx-scrollable-scroll { float: left; } .dx-scrollview-pull-down-image { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAyCAQAAAD2dTOtAAAApElEQVRIx2OYxQCHvlggw38oZBgcCrFCihQ2YIFDViH1g+cMFjhkFVI/eP5jgUNWIfWDh2iFdbMuYUCsCmcS65lRhXRRqDXrwKzDYPgci8LDUFgKMilq1h+saREBt8xig1gai1fp9llsCDcm4FS2dxYnqmfS8ClD9XUmFq9wYk/hOWjKeHBnhVK4smMgZfjyTDVY2clZ/IQzVzWwuOPHyFz/iYQAhMbywidpE3YAAAAASUVORK5CYII=) 0 0 no-repeat; } .dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image { width: 24px; height: 24px; } .dx-checkbox { line-height: 0; /*hcLee Ãß°¡*/ width: 19px; height: 19px; } .dx-checkbox.dx-state-hover .dx-checkbox-icon { /*border: 1px solid #606060; background-color: #fafafa; hcLee*/ background-color: #FFFFFF; } .dx-checkbox.dx-state-focused { /* -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; hcLee*/ } .dx-checkbox.dx-state-focused .dx-checkbox-icon { /*border: 1px solid #606060;*/ } .dx-checkbox.dx-state-active .dx-checkbox-icon { /*background-color: rgba(96,96,96,.2); hcLee*/ background:url(../images/custom/ibems_light/checkbox.png) center -25px no-repeat; } .dx-checkbox-icon { /*width: 22px; height: 22px; border: 1px solid #d3d3d3; background-color: #fafafa; hcLee */ width: 19px; height: 19px; background:url(../images/custom/ibems_light/checkbox.png) no-repeat; } .dx-checkbox-checked .dx-checkbox-icon { /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAg0lEQVQoz43QwQ3DIBBE0S3CyfG3kibcD/RDEa4nSRGTi8EgL0u01yd97ZgsPnYOXiu08UaUFSuIL89VUIhd9kdQFrMzGLIrGLA+GLEuOGVjcMJ4jMHGSKR58GQkhCq8ByvLqEIveEUbpCA+Y7B7oUEnOHzaYPEm6ofIfvC2G9kLymQ/xIVVq3NQHlAAAAAASUVORK5CYII=); background-position: 35% 50%; background-repeat: no-repeat; -webkit-background-size: 87.5%; -moz-background-size: 87.5%; background-size: 87.5%; hcLee */ background:url(../images/custom/ibems_light/checkbox.png) ; background-position: center -50px; background-repeat: no-repeat; -webkit-background-size: 100% !important; -moz-background-size: 100% !important; background-size: 100% !important; } .dx-checkbox-indeterminate .dx-checkbox-icon { /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAXElEQVQoz5WSwQ0AIAgDGYzuPxY+pVgF05fJ5ShEC5vEPjAPD4RT9jthFcog2W6uA4N0ChvINxgqu4FMdThhbMGrWz0M7jb0m3p3kNwHcxtUNwXhvYIf43//W58FAASchK6JaroAAAAASUVORK5CYII=); background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: 70%; -moz-background-size: 70%; background-size: 70%; hcLee*/ background:url(../images/custom/ibems_light/checkbox.png) ; background-position: center 0; background-repeat: no-repeat; -webkit-background-size: 100% !important; -moz-background-size: 100% !important; background-size: 100% !important; } .dx-state-disabled.dx-checkbox, .dx-state-disabled .dx-checkbox { opacity: 1; } .dx-state-disabled.dx-checkbox .dx-checkbox-icon, .dx-state-disabled .dx-checkbox .dx-checkbox-icon { opacity: .4; } .dx-invalid .dx-checkbox-container .dx-checkbox-icon { border: 1px solid rgba(234,68,68,.4); } .dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon { border-color: #ea4444; } .dx-switch { /*width: 44px; height: 24px; hcLee V14.1-V15.1*/ width: 100px; height: 22px; } .dx-switch.dx-state-active .dx-switch-handle:before { background-color: #3d3d3d; } .dx-switch.dx-state-active .dx-switch-container { border-color: #606060; background-color: rgba(96,96,96,.2); } .dx-switch.dx-state-hover .dx-switch-handle:before { background-color: #606060; } .dx-switch.dx-state-hover .dx-switch-container { background-color: transparent; border-color: #606060; } .dx-switch.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-switch.dx-state-focused .dx-switch-container { border-color: #606060; } .dx-switch.dx-state-focused .dx-switch-handle:before { background-color: #606060; } .dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before { background-color: #3d3d3d; } .dx-switch-container { /* overflow: hidden; margin: 0 -4px 0 0; height: 24px; border: 1px solid #d3d3d3; background: #fafafa; hcLee*/ /*hcLee V14.1-V15.1*/ overflow: hidden; margin: 0px -4px 0 0; height: 22px; border: 1px solid rgba(0, 0, 0, .2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .dx-switch-inner { width: 200%; height: 100%; } .dx-switch-on, .dx-switch-off { /* float: left; width: 50%; padding-right: 16px; line-height: 22px; text-align: center; font-size: 9px; font-weight: 600; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; hcLee */ float: left; margin-left: -24px; padding: 1px 0; width: 50%; text-align: center; } .dx-switch-off { /* margin-left: -2px; color: #a8a8a8; hcLee */ color: #fff; padding-top:3px; font-weight:bold; } .dx-switch-on { /* color: #232323;*/ color: #ffa904; padding-top:3px; font-weight:bold; } .dx-switch-handle { /* position: relative; float: left; width: 16px; height: 18px; padding-right: 2px; margin-top: 2px; margin-left: -16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; hcLee V14.1-V15.1*/ position: relative; float: left; margin-top: 1px; margin-left: -25px; width: 48px; height: 20px; border: 1px solid rgba(45, 92, 129, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #3893d9; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg, #43a0e9 0%, #3893d9 100%); background-image: -moz-linear-gradient(-90deg, #43a0e9 0%, #3893d9 100%); background-image: -ms-linear-gradient(-90deg, #43a0e9 0%, #3893d9 100%); background-image: -o-linear-gradient(-90deg, #43a0e9 0%, #3893d9 100%); background-image: linear-gradient(180deg, #43a0e9 0%, #3893d9 100%); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 1px rgba(45, 92, 129, 0.15), 0 0 0 1px #2d5c81; -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 1px rgba(45, 92, 129, 0.15), 0 0 0 1px #2d5c81; box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 1px rgba(45, 92, 129, 0.15), 0 0 0 1px #2d5c81; } .dx-switch-handle:before { display: block; content: ' '; width: 100%; height: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* background-color: #9f9f9f; hcLee V14.1-V15.1*/ } .dx-switch-on-value .dx-switch-handle:before { background-color: #606060; } .dx-state-disabled.dx-switch, .dx-state-disabled .dx-switch { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-rtl .dx-switch .dx-switch-on, .dx-switch.dx-rtl .dx-switch-on, .dx-rtl .dx-switch .dx-switch-off, .dx-switch.dx-rtl .dx-switch-off { float: right; /* padding-left: 16px; padding-right: 0; hcLee*/ margin-right: -24px; margin-left: 0; } .dx-rtl .dx-switch .dx-switch-off, .dx-switch.dx-rtl .dx-switch-off { margin-left: 0; margin-right: -2px; } .dx-rtl .dx-switch .dx-switch-handle, .dx-switch.dx-rtl .dx-switch-handle { float: right; padding-left: 2px; padding-right: 0; margin-left: 0; margin-right: -16px; } .dx-tabs { /* text-align: center; border: 1px solid #d3d3d3; hcLee */ /*margin:0 3px;*/ display: table; /*padding: 14px 10px; background-color: #f7f7f7;*/ text-align: center; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-tabs-nav-buttons .dx-scrollable-wrapper { position: relative; top: -1px; margin-bottom: -2px; } .dx-tabs-nav-buttons .dx-indent-wrapper { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; border-left: 1px solid rgba(96,96,96,.1); border-right: 1px solid rgba(96,96,96,.1); } .dx-tabs-nav-button { border: none; background-color: rgba(96,96,96,.1); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-tabs-nav-button.dx-state-active { border: none; } .dx-tabs-nav-button.dx-state-disabled { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-tabs-nav-button.dx-state-disabled .dx-button-content { filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-tab { /* display: table-cell; padding: 9px; overflow: visible; background-color: rgba(96,96,96,.1); hcLee*/ display: table-cell; /*padding: 9px;*/ border-top: 1px solid rgba(123, 192, 239, 0.15); border-right: 1px solid rgba(123, 192, 239, 0.15); border-left: 1px solid rgba(123, 192, 239, 0.15); border-left: 1px solid #74bdee; /*background-color: #eae9e9; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%); background-image: -moz-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%); background-image: -ms-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%); background-image: -o-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%); background-image: linear-gradient(180deg, #eae9e9 0%, #e0e0df 100%); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 2px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 2px 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 2px 1px rgba(0, 0, 0, 0.15);*/ background: #44a1ea; /* Old browsers */ background: -moz-linear-gradient(top, #44a1ea 0%, #3792d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44a1ea), color-stop(100%,#3792d8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #44a1ea 0%,#3792d8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #44a1ea 0%,#3792d8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #44a1ea 0%,#3792d8 100%); /* IE10+ */ background: linear-gradient(to bottom, #44a1ea 0%,#3792d8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44a1ea', endColorstr='#3792d8',GradientType=0 ); /* IE6-9 */ /*-webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;*/ -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; /*-webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0;*/ -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; } .dx-tab.dx-state-hover:not(.dx-tab-selected) { background-color: #fafafa; } .dx-tab.dx-state-active:not(.dx-tab-selected) { background-color: rgba(96,96,96,.2); color: #232323; } .dx-tab.dx-state-focused:after { content: ""; pointer-events: none; position: absolute; top: -1px; bottom: -1px; right: -1px; left: -1px; border: 1px solid #606060; z-index: 1; } .dx-tab .dx-icon { /*hcLee display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0;*/ width: 26px; height: 25px; } .dx-rtl .dx-tab .dx-icon, .dx-rtl.dx-tab .dx-icon { margin-left: 9px; margin-right: 0; } .dx-tab-selected { background-color: #fff; color: #232323; position: relative; } .dx-tab-selected .dx-icon { color: #606060; } .dx-tab-selected:after { content: ""; pointer-events: none; position: absolute; top: -1px; bottom: -1px; right: -1px; left: -1px; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; z-index: 1; } .dx-tab-selected:not(.dx-state-focused)+.dx-tab-selected:not(.dx-state-focused):after { border-left: 1px solid rgba(96,96,96,.1); } .dx-rtl .dx-tab-selected:not(.dx-state-focused)+.dx-tab-selected:not(.dx-state-focused):after { border-left: 1px solid #d3d3d3; border-right: 1px solid rgba(96,96,96,.1); } .dx-tab-text { /*vertical-align: middle; line-height: 25px; hcLee */ padding: 3px 5px 0; vertical-align: 0%; color: #ffffff; font-weight:bold; font-size: 16px; font-family: "Nanum Gothic"; /*position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;*/ display:inline-block; text-shadow: 1px 1px 3px #363636; } .dx-state-disabled .dx-tab-text { filter: alpha(opacity=30); -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; } .dx-navbar { /* padding: 0; border: none; hcLee */ padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .dx-nav-item .dx-tab-text, .dx-rtl .dx-nav-item .dx-tab-text { line-height: normal; } .dx-navbar .dx-nav-item .dx-icon, .dx-navbar .dx-rtl .dx-nav-item .dx-icon { /* hcLee V14-V15 width: 31px; height: 31px; background-position: 0 0; -webkit-background-size: 31px 31px; -moz-background-size: 31px 31px; background-size: 31px 31px; padding: 0; font-size: 31px; text-align: center; line-height: 31px;*/ } .dx-nav-item.dx-tab-selected:after, .dx-rtl .dx-nav-item.dx-tab-selected:after, .dx-nav-item.dx-state-focused:after, .dx-rtl .dx-nav-item.dx-state-focused:after, .dx-nav-item.dx-state-active:after, .dx-rtl .dx-nav-item.dx-state-active:after { content: none; } .dx-nav-item.dx-tab-selected, .dx-rtl .dx-nav-item.dx-tab-selected { background: #fff; } .dx-nav-item.dx-state-active, .dx-rtl .dx-nav-item.dx-state-active { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-nav-item.dx-state-focused, .dx-rtl .dx-nav-item.dx-state-focused { -webkit-box-shadow: inset 0 0 0 1px #606060; -moz-box-shadow: inset 0 0 0 1px #606060; box-shadow: inset 0 0 0 1px #606060; } .dx-nav-item.dx-state-disabled .dx-icon, .dx-rtl .dx-nav-item.dx-state-disabled .dx-icon { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-navbar-item-badge { margin-right: -26px; top: 11%; } .dx-rtl .dx-navbar-item-badge { margin-left: -26px; } .dx-texteditor { /* background: #fafafa; border-style: solid; border-width: 1px; border-color: #d3d3d3; hcLee V14.1-V15.1*/ } .dx-texteditor.dx-state-focused { border-color: #606060; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-texteditor.dx-state-disabled { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-texteditor.dx-state-readonly { background: transparent; } .dx-texteditor.dx-state-readonly .dx-texteditor-input { background: transparent; } .dx-show-clear-button .dx-texteditor-input { padding-right: 34px; } .dx-rtl .dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-show-clear-button .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 34px; } .dx-show-clear-button .dx-clear-button-area { width: 34px; right: 0; } .dx-show-clear-button .dx-icon-clear { position: absolute; top: 50%; margin-top: -17px; width: 34px; height: 34px; background-position: 8px 8px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 8px; font-size: 18px; text-align: center; line-height: 18px; background-position: 7px 7px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; background-size: 20px 20px; padding: 7px; font-size: 20px; line-height: 20px; } .dx-show-clear-button.dx-invalid.dx-texteditor .dx-texteditor-input { padding-right: 68px; } .dx-show-clear-button.dx-invalid.dx-texteditor.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 68px; } .dx-placeholder { color: #a8a8a8; } .dx-placeholder:before { padding: 7px 9px 8px; } .dx-texteditor-input { /* margin: 0; padding: 7px 9px 8px; background: #fafafa; color: #232323; font-size: 1em; hcLee */ margin: 0; padding: 8px 10px; background: #fafafa; color: #2b2b2b; } .dx-invalid.dx-texteditor { border-color: rgba(234,68,68,.4); } .dx-invalid.dx-texteditor.dx-state-focused { border-color: #ea4444; } .dx-invalid.dx-texteditor .dx-texteditor-container:after { pointer-events: none; font-weight: bold; background-color: #ea4444; color: #fff; content: '!'; position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 18px; font-size: 13px; right: 8px; } .dx-rtl .dx-invalid.dx-texteditor .dx-texteditor-container:after { left: 8px; right: auto; } .dx-invalid.dx-texteditor.dx-show-clear-button .dx-texteditor-container:after { right: 38px; } .dx-rtl .dx-invalid.dx-texteditor.dx-show-clear-button .dx-texteditor-container:after { left: 38px; right: auto; } .dx-invalid.dx-texteditor .dx-texteditor-input { padding-right: 34px; } .dx-invalid.dx-texteditor.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 34px; } .dx-rtl .dx-placeholder, .dx-rtl .dx-placeholder:before { right: 0; left: auto; } .dx-searchbox .dx-icon-search { font: 14px/1 DXIcons; position: absolute; top: 50%; margin-top: -17px; width: 34px; height: 34px; background-position: 8px 8px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 8px; font-size: 18px; text-align: center; line-height: 18px; color: #a8a8a8; } .dx-searchbox .dx-icon-search:before { content: "\f027 "; } .dx-searchbox .dx-icon-search:before { position: static; text-indent: 0; } .dx-searchbox .dx-texteditor-input, .dx-searchbox .dx-placeholder:before { padding-left: 34px; } .dx-rtl .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-searchbox .dx-texteditor-input, .dx-rtl.dx-searchbox .dx-placeholder:before { padding-right: 34px; } .dx-searchbar { padding-bottom: 5px; } .dx-searchbar .dx-texteditor { margin: 0; } .dx-dropdowneditor-button { /* width: 34px; padding: 1px; hcLee*/ background-color: none; position:absolute; right:0; } .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon, .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-dropdowneditor-icon { /* border: 1px solid transparent; color: #606060; font: 14px/1 DXIcons; width: 32px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; hcLee */ background-image: url(../images/custom/ibems_light/selectbox_icon.png)!important ; width:100%!important; } .dx-dropdowneditor-icon:before { /* content: "\f001 ";hcLee*/ } .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused { border: none; box-shadow: none; } .dx-dropdowneditor .dx-clear-button-area { width: 30px; } .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input { padding-right: 64px; } .dx-rtl .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input { padding-right: 9px; padding-left: 64px; } .dx-dropdowneditor-button-visible .dx-texteditor-input { /* padding-right: 34px; hcLee*/ } .dx-rtl .dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-rtl.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 9px; padding-left: 34px; } .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input { padding-right: 60px; } .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 60px; } .dx-dropdowneditor-button-visible.dx-invalid.dx-show-clear-button .dx-texteditor-input { padding-right: 90px; } .dx-dropdowneditor-button-visible.dx-invalid.dx-show-clear-button.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 90px; } .dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon { background-color: #fafafa; border-color: rgba(211,211,211,.6); } .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon, .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon { background-color: rgba(96,96,96,.2); border-color: transparent; color: #606060; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after { right: 38px; } .dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after, .dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after { right: auto; left: 38px; } .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after { right: 68px; } .dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after, .dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after { right: auto; left: 68px; } .dx-list-item-chevron { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); border: none; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-left: -5px; } .dx-rtl .dx-list-item-chevron { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .dx-list-item-chevron:before { content: "\f010 "; } .dx-rtl .dx-list-item-chevron:before { content: "\f012 "; } .dx-list { border: none; } .dx-list .dx-empty-message { text-align: left; } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon { border-color: #606060; } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon { border: 1px solid #606060; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover { background-color: rgba(96,96,96,.1); color: #232323; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected { background-color: rgba(96,96,96,.2); } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) { background-color: rgba(96,96,96,.1); color: #232323; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused { background-color: #606060; color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon { color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron { border-color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active { background-color: #606060; color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon { color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content { background-color: #606060; color: #fff; } .dx-list-group-header { padding: 10px 10px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; background: rgba(96,96,96,.05); color: #232323; } .dx-list-group-header:before { border-top-color: #232323; } .dx-list-group-collapsed .dx-list-group-header:before { border-bottom-color: #232323; } .dx-list-item .dx-icon-toggle-delete { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==); -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; } .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover { color: #767676; background: #fff; border-top: 1px solid rgba(96,96,96,.5); border-bottom: 1px solid rgba(96,96,96,.5); -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); } .dx-list-item, .dx-list .dx-empty-message { border-top: 1px solid #d3d3d3; color: #232323; } .dx-list-item:last-of-type, .dx-list .dx-empty-message:last-of-type { border-bottom: 1px solid #d3d3d3; } .dx-list-group-body .dx-list-item:first-of-type, .dx-list-group-body .dx-list .dx-empty-message:first-of-type { border-top: none; } .dx-list-group-body .dx-list-item:last-of-type, .dx-list-group-body .dx-list .dx-empty-message:last-of-type { border-bottom: none; } .dx-list-item-separator-hidden .dx-list-item, .dx-list-item-separator-hidden .dx-list .dx-empty-message { border-top: none; border-bottom: none; } .dx-list-item-content, .dx-list .dx-empty-message { padding: 10px 10px; } .dx-list-next-button .dx-button { padding: 7px 18px 8px; } .dx-list-next-button .dx-button .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-list-next-button .dx-button .dx-icon, .dx-rtl.dx-list-next-button .dx-button .dx-icon { margin-left: 9px; margin-right: 0; } .dx-list-item-chevron-container { width: 16px; } .dx-list-border-visible { border: 1px solid #d3d3d3; } .dx-list-border-visible .dx-list-select-all { border-bottom: 1px solid #d3d3d3; } .dx-list-item-before-bag.dx-list-toggle-delete-switch-container { width: 29px; } .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 31px; } .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { padding: 0; border: none; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 5px 5px 10px; width: 19px; height: 19px; } .dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton { margin-top: -2px; margin-bottom: -3px; margin-left: 10px; } .dx-list-select-all { padding: 10px 0; } .dx-list-select-all-checkbox { float: left; margin-top: -4px; margin-bottom: -3px; margin-left: 10px; } .dx-list-select-all-label { line-height: 1; padding: 0 6px; } .dx-list-item-after-bag.dx-list-static-delete-button-container { width: 36px; } .dx-list-item-after-bag.dx-list-reorder-handle-container { width: 33.4px; } .dx-list-item-after-bag .dx-list-reorder-handle { font: 14px/1 DXIcons; width: 28.8px; height: 28.8px; background-position: 5px 5px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 5px; font-size: 18px; text-align: center; line-height: 18px; } .dx-list-item-after-bag .dx-list-reorder-handle:before { content: "\f038 "; } .dx-list-slide-menu-button { bottom: 1px; } .dx-list-slide-menu-button-delete { border: 1px solid transparent; color: #fff; background-color: #ea4444; } .dx-list-slide-menu-button-menu { border: 1px solid transparent; color: #fff; background-color: #31afe3; } .dx-list-switchable-delete-button, .dx-list-static-delete-button { margin-right: 10px; padding: 3px; } .dx-list-context-menucontent { background-color: #fff; border: 1px solid #d3d3d3; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.1); box-shadow: 0 3px 10px rgba(0,0,0,.1); } .dx-state-disabled.dx-list-item, .dx-state-disabled .dx-list-item { background-color: transparent; opacity: .3; } .dx-rtl .dx-list .dx-empty-message, .dx-rtl.dx-list .dx-empty-message { text-align: right; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete, .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 10px 5px 5px; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton { margin-right: 10px; margin-left: 1px; } .dx-rtl .dx-list .dx-list-select-all-checkbox, .dx-rtl.dx-list .dx-list-select-all-checkbox { float: right; margin-right: 10px; margin-left: 1px; } .dx-rtl .dx-list .dx-list-switchable-delete-button, .dx-rtl.dx-list .dx-list-switchable-delete-button { margin-left: 10px; margin-right: 0; } .dx-device-mobile .dx-list { border: none; } .dx-device-mobile .dx-list .dx-empty-message { text-align: left; } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before, .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon { border-color: #606060; } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before, .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon { border: 1px solid #606060; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover { background-color: rgba(96,96,96,.1); color: #232323; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected { background-color: rgba(96,96,96,.2); } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) { background-color: rgba(96,96,96,.1); color: #232323; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused { background-color: #606060; color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon { color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron { border-color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active { background-color: #606060; color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon { color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content { background-color: #606060; color: #fff; } .dx-device-mobile .dx-list-group-header { padding: 10px 15px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; background: rgba(96,96,96,.05); color: #232323; } .dx-device-mobile .dx-list-group-header:before { border-top-color: #232323; } .dx-list-group-collapsed .dx-device-mobile .dx-list-group-header:before { border-bottom-color: #232323; } .dx-device-mobile .dx-list-item .dx-icon-toggle-delete { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==); -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; } .dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover { color: #767676; background: #fff; border-top: 1px solid rgba(96,96,96,.5); border-bottom: 1px solid rgba(96,96,96,.5); -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); } .dx-device-mobile .dx-list-item, .dx-device-mobile .dx-list .dx-empty-message { border-top: 1px solid #d3d3d3; color: #232323; } .dx-device-mobile .dx-list-item:last-of-type, .dx-device-mobile .dx-list .dx-empty-message:last-of-type { border-bottom: 1px solid #d3d3d3; } .dx-list-group-body .dx-device-mobile .dx-list-item:first-of-type, .dx-list-group-body .dx-device-mobile .dx-list .dx-empty-message:first-of-type { border-top: none; } .dx-list-group-body .dx-device-mobile .dx-list-item:last-of-type, .dx-list-group-body .dx-device-mobile .dx-list .dx-empty-message:last-of-type { border-bottom: none; } .dx-list-item-separator-hidden .dx-device-mobile .dx-list-item, .dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message { border-top: none; border-bottom: none; } .dx-device-mobile .dx-list-item-content, .dx-device-mobile .dx-list .dx-empty-message { padding: 10px 15px; } .dx-device-mobile .dx-list-next-button .dx-button { padding: 7px 18px 8px; } .dx-device-mobile .dx-list-next-button .dx-button .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon, .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon { margin-left: 9px; margin-right: 0; } .dx-device-mobile .dx-list-item-chevron-container { width: 21px; } .dx-device-mobile .dx-list-border-visible { border: 1px solid #d3d3d3; } .dx-device-mobile .dx-list-border-visible .dx-list-select-all { border-bottom: 1px solid #d3d3d3; } .dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container { width: 34px; } .dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 36px; } .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { padding: 0; border: none; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 7.5px 5px 15px; width: 19px; height: 19px; } .dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton { margin-top: -2px; margin-bottom: -3px; margin-left: 15px; } .dx-device-mobile .dx-list-select-all { padding: 10px 0; } .dx-device-mobile .dx-list-select-all-checkbox { float: left; margin-top: -4px; margin-bottom: -3px; margin-left: 15px; } .dx-device-mobile .dx-list-select-all-label { line-height: 1; padding: 0 6px; } .dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container { width: 41px; } .dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container { width: 38.4px; } .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle { font: 14px/1 DXIcons; width: 28.8px; height: 28.8px; background-position: 5px 5px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 5px; font-size: 18px; text-align: center; line-height: 18px; } .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle:before { content: "\f038 "; } .dx-device-mobile .dx-list-slide-menu-button { bottom: 1px; } .dx-device-mobile .dx-list-slide-menu-button-delete { border: 1px solid transparent; color: #fff; background-color: #ea4444; } .dx-device-mobile .dx-list-slide-menu-button-menu { border: 1px solid transparent; color: #fff; background-color: #31afe3; } .dx-device-mobile .dx-list-switchable-delete-button, .dx-device-mobile .dx-list-static-delete-button { margin-right: 15px; padding: 3px; } .dx-device-mobile .dx-list-context-menucontent { background-color: #fff; border: 1px solid #d3d3d3; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.1); box-shadow: 0 3px 10px rgba(0,0,0,.1); } .dx-device-mobile .dx-state-disabled.dx-list-item, .dx-device-mobile .dx-state-disabled .dx-list-item { background-color: transparent; opacity: .3; } .dx-device-mobile .dx-rtl .dx-list .dx-empty-message, .dx-device-mobile .dx-rtl.dx-list .dx-empty-message { text-align: right; } .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 15px 5px 7.5px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton { margin-right: 15px; margin-left: 1px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox, .dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox { float: right; margin-right: 15px; margin-left: 1px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button, .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button { margin-left: 15px; margin-right: 0; } .dx-dropdownlist-popup-wrapper { height: 100%; } .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content { border-top-width: 0; border-bottom-width: 1px; } .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped { border-top-width: 1px; border-bottom-width: 0; } .dx-dropdownlist-popup-wrapper .dx-popup-content { height: 100%; padding: 1px; } .dx-dropdownlist-popup-wrapper .dx-list { height: 100%; min-height: 33px; } .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 7px 9px; } .dx-dropdownlist-popup-wrapper .dx-list-select-all { padding: 12px 0 8px; } .dx-dropdownlist-popup-wrapper .dx-list-item { border-top: 0; } .dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type { border-bottom: none; } .dx-textarea .dx-icon-clear { top: 0; margin-top: 0; } .dx-numberbox-spin-container { overflow: hidden; width: 34px; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { width: 74px; } .dx-numberbox-spin-up-icon { font: 14px/1 DXIcons; } .dx-numberbox-spin-up-icon:before { content: "\f002 "; } .dx-numberbox-spin-down-icon { font: 14px/1 DXIcons; } .dx-numberbox-spin-down-icon:before { content: "\f001 "; } .dx-numberbox-spin-up-icon, .dx-numberbox-spin-down-icon { font-size: 18px; text-align: center; line-height: 18px; } .dx-numberbox-spin-up-icon:before, .dx-numberbox-spin-down-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input { padding-right: 66px; } .dx-numberbox-spin.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { border-left: none; } .dx-numberbox-spin.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input { padding-right: 106px; } .dx-numberbox-spin.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon, .dx-numberbox-spin.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon { background-position: center; } .dx-numberbox-spin-button { background-color: #fafafa; padding: 1px; } .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon, .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon { border: 1px solid rgba(211,211,211,.6); background-color: transparent; } .dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-down-icon, .dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-up-icon { background-color: rgba(96,96,96,.2); } .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container, .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { border-right: none; } .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input { padding-left: 106px; } .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input { padding-left: 66px; } .dx-rtl .dx-numberbox.dx-numberbox-spin .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin .dx-texteditor-input { padding-right: 9px; } .dx-datebox-overlay .dx-popup-title { min-height: 10px; border-bottom: none; background: none; } .dx-datebox-overlay .dx-item { border: none; } .dx-datebox-overlay .dx-popup-bottom .dx-button { min-width: 85px; width: auto; } .dx-popup-wrapper.dx-datebox-list-popup-wrapper .dx-overlay-content { border-top: none; } .dx-device-phone .dx-dateview-picker-overlay .dx-popup-content { padding: 10px; } .dx-datebox-with-calendar .dx-dropdowneditor-icon { font: 14px/1 DXIcons; width: 32px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; /*hcLee*/ /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAQAAABaOFzUAAAALElEQVQoz2PI99X+jw/m+zLgVwCCVFTynwEXRFICUY+dJl7JCLSIQAQQTgwAIm4uNN7obG4AAAAASUVORK5CYII=);*/ } .dx-datebox-with-calendar .dx-dropdowneditor-icon:before { /* ¾Æ·¡ ¾ÆÀÌÄÜÀº Ä¿½ºÅÒ¿¡¼­ ´Ù½Ã ¹Ù²ï´Ù hcLee*/ /*content: "\f026 "; */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAQAAABaOFzUAAAALElEQVQoz2PI99X+jw/m+zLgVwCCVFTynwEXRFICUY+dJl7JCLSIQAQQTgwAIm4uNN7obG4AAAAASUVORK5CYII=); } .dx-datebox-with-calendar .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAQAAABaOFzUAAAALElEQVQoz2PI99X+jw/m+zLgVwCCVFTynwEXRFICUY+dJl7JCLSIQAQQTgwAIm4uNN7obG4AAAAASUVORK5CYII=); */ } .dx-datebox-with-calendar.dx-dropdowneditor-active { -webkit-box-shadow: 0 1px 7px rgba(0,0,0,.16); -moz-box-shadow: 0 1px 7px rgba(0,0,0,.16); box-shadow: 0 1px 7px rgba(0,0,0,.16); } .dx-datebox-with-calendar.dx-dropdowneditor-active .dx-texteditor-input { background: #fff; } .dx-datebox-with-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-datebox-calendar-overlay.dx-datebox-overlay .dx-overlay-content { background-color: #fff; -webkit-box-shadow: 0 1px 7px rgba(0,0,0,.16); -moz-box-shadow: 0 1px 7px rgba(0,0,0,.16); box-shadow: 0 1px 7px rgba(0,0,0,.16); } .dx-datebox-calendar-overlay .dx-popup-content { padding: 0; } .dx-datebox-calendar-overlay .dx-calendar { background-color: #fff; border: none; margin: 30px; } .dx-datebox-calendar-overlay .dx-datebox-container-cell { margin-right: 30px; margin-bottom: 30px; } .dx-calendar-with-time-picker-container .dx-calendar { margin-right: 15px; margin-bottom: 15px; } .dx-calendar-with-time-picker-container .dx-timeview { margin: 30px 30px 15px 15px; } .dx-calendar-with-time-picker-container .dx-datebox-container-cell { margin-top: -1px; margin-right: 30px; } .dx-rtl .dx-datebox-overlay .dx-popup-bottom .dx-toolbar-button+.dx-toolbar-button .dx-button { margin-right: 5px; margin-left: 0; } .dx-rtl .dx-calendar-with-time-picker-container .dx-datebox-calendar { margin-left: 15px; margin-right: 30px; } .dx-rtl .dx-calendar-with-time-picker-container .dx-timeview { margin-right: 15px; margin-left: 30px; } .dx-datebox-list .dx-dropdowneditor-icon { font: 14px/1 DXIcons; width: 32px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; } .dx-datebox-list .dx-dropdowneditor-icon:before { content: "\f01d "; } .dx-datebox-list .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-datebox-list-popup-wrapper .dx-popup-content { padding: 0; } .dx-datebox input[type="date"] { line-height: normal; } .dx-dateview-rollers { width: auto; } .dx-dateviewroller-current .dx-dateview-item { -webkit-transition: font-size ease-out .2s 0; -moz-transition: font-size ease-out .2s 0; -o-transition: font-size ease-out .2s 0; transition: font-size ease-out .2s 0; -webkit-transition: font-size ease-out .2s 0,none 1s linear 0; -moz-transition: font-size ease-out .2s 0,none 1s linear 0; -o-transition: font-size ease-out .2s 0,none 1s linear 0; transition: font-size ease-out .2s 0,none 1s linear 0; -webkit-transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0; -moz-transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0; -o-transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0; transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0; -webkit-transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-dateviewroller { min-width: 4em; text-align: center; } .dx-dateviewroller .dx-button { display: none; } .dx-dateviewroller .dx-scrollable-content:before, .dx-dateviewroller .dx-scrollable-content:after { content: ""; height: 71px; display: block; } .dx-dateviewroller .dx-scrollable-container { height: 182px; } .dx-dateviewroller.dx-dateviewroller-year { min-width: 4.85em; } .dx-dateviewroller.dx-state-active .dx-button { display: none; } .dx-dateviewroller-month { min-width: 12em; } .dx-dateviewroller-month .dx-dateview-item-selected-frame:before, .dx-dateviewroller-month .dx-dateview-item-selected-frame:after { left: 6%; } .dx-rtl .dx-dateviewroller-month .dx-dateview-item-selected-frame:before, .dx-rtl .dx-dateviewroller-month .dx-dateview-item-selected-frame:after { left: auto; right: 6%; } .dx-dateviewroller-hours:after { content: ":"; font-size: 2.2em; position: absolute; right: -9%; font-weight: bold; top: 37%; color: #232323; } .dx-dateviewroller-hours .dx-dateview-item-selected-frame { padding-left: 20%; } .dx-dateviewroller-minutes .dx-dateview-item-selected-frame { width: 80%; } .dx-dateview-item { height: 40px; line-height: 40px; text-align: center; font-size: 1.3em; color: #232323; } .dx-dateview-item-selected { font-size: 2.2em; } .dx-rtl.dx-dateviewroller-hours:after { left: -9%; right: auto; } .dx-dateview-item-selected-frame { position: absolute; top: 71px; width: 100%; } .dx-dateview-item-selected-frame:before, .dx-dateview-item-selected-frame:after { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; content: ""; display: block; width: 100%; position: absolute; height: 71px; } .dx-dateview-item-selected-frame:before { top: -71px; border-bottom: solid 1px #d3d3d3; background-repeat: no-repeat; background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -moz-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -ms-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -o-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); } .dx-dateview-item-selected-frame:after { top: 40px; border-top: solid 1px #d3d3d3; background-repeat: no-repeat; background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); } .dx-toolbar { height: 35px; /* background-color: rgba(96,96,96,.1); -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); padding: 0 10px; overflow: hidden;hcLee*/ } .dx-toolbar .dx-toolbar-items-container { /*height: 56px;*/ height: 35px; overflow: visible; } .dx-toolbar .dx-toolbar-item, .dx-toolbar .dx-toolbar-menu-container { padding: 0 5px 0 0; } .dx-toolbar .dx-toolbar-item:last-child, .dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-rtl .dx-toolbar .dx-toolbar-item, .dx-rtl .dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 5px; } .dx-rtl .dx-toolbar .dx-toolbar-item:last-child, .dx-rtl .dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-toolbar .dx-toolbar-label { /* font-size: 20px; hcLee*/ padding: 0px 10px 0 0; font-weight: 600; font-size: 20px; line-height:47px; } .dx-device-mobile .dx-toolbar { padding: 10px; overflow: hidden; } .dx-device-mobile .dx-toolbar .dx-toolbar-items-container { height: 36px; overflow: visible; } .dx-device-mobile .dx-toolbar .dx-toolbar-item, .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container { padding: 0 5px 0 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child, .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-rtl .dx-device-mobile .dx-toolbar .dx-toolbar-item, .dx-rtl .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 5px; } .dx-rtl .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child, .dx-rtl .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-toolbar-background { background-color: rgba(96,96,96,.1); } .dx-tile { color: #232323; background-color: #fafafa; border: 1px solid rgba(211,211,211,.6); text-align: left; } .dx-tile.dx-state-focused, .dx-tile.dx-state-hover { background-color: #fafafa; border-color: rgba(96,96,96,.4); } .dx-tile.dx-state-active { background-color: rgba(96,96,96,.2); color: #232323; border-color: transparent; } .dx-overlay-shader { background-color: rgba(0,0,0,.75); } .dx-state-focused.dx-overlay-content { outline: 1px solid #606060; } .dx-toast-content { color: #fff; font-size: 14px; font-weight: 600; line-height: 32px; padding: 10px; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); } .dx-toast-icon { width: 35px; height: 35px; } .dx-toast-info { background-color: #80b9e4; } .dx-toast-info .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABoklEQVRIx63WPUvDQBjA8QMFsZNLlgpxtINjBsFVqINghm4dRAe/Rpdm6UcQHERwUYdAJ8HvkKHEQdrPEBQUrf7PoabtveSSSrit3PPjeve8RCCsyyMkIiYlAzJSYiJCPPt+248BfRKkdSX0CcoZnx7jAiJfY3r4LqbNsITI15B2EdNlVBGRSEZ0bUyXyQqIRDJZQIu/M1oRmZ2ovcz4zjt558NxR/6C6Vk2fHLPOXtsIhA0aHHGA1/Gvl7OBMYT/3BF05poTS5Be/5gxvQ15JWjgtyerWPelP19hMDTMvabQyciEJwoJ0rwBKF2lutSRCC4UWJCQaQx+5WYAyUmEsQas1WJ2VJiYkGqMTuVmG0lJhVkGnNaiblQYjKhZYHkmY1SpMGLEoN5Gskt605kjTstIjPvRiJ50tuSksePxv7UfKm8HAe0DGKXgZbB85eKHLWdKkjHUpjzvAmdHaUKIgnNmrIzLiTBs1W4ybiQvwq39RuV6TB1jpvA1f1yxo0sdT9XLy5DlF5cPBmmq0yG2uZUbVOzthle2xdFbd83//za+gXw/JH9LjmoAgAAAABJRU5ErkJggg==); } .dx-toast-message { line-height: 16px; } .dx-toast-warning { background-color: #ffb277; } .dx-toast-warning .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABJklEQVRIx62WvW2EQBBGpwlSArdgSrBESuKIQhySLJJbcAuXrXTZteCAAG3GlWBRwVsHB+Ykw8zeafVlaPSY/1lBdlXQ0OMJzMBMwNPTUOzb732scAzEXQ04KhtT0jEdIFZNdJQapuZsIFadqY8wLWMiJBIZafcwLdcHIJHIdQNt4YwPQm4e1feYMjkn/3NUbpjuSUgk0q2YSinx5xL0SSl/dcM45V8r5qLYOEQoDjs2FTNQCI0a+deC+VatGqFPwugD0gs+A8YLQTW4LJgf1SoIcxJG751ZIAMGy5sp1ZuQgHkxMMGqVJq81Tdp6q0unnhFeDMK3lgz9b6k+MOaKX3CUzDO3jd2UH/7JtP2y7aLM12GbHcq29XMdsOzvSiyvW+efG39AmPXSbHWZjgLAAAAAElFTkSuQmCC); } .dx-toast-error { background-color: #f77; } .dx-toast-error .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABeklEQVRIx62WMWrDQBBFx01I5zQinQ5hdINA3Kp3mUNEnSBIdwgEcgeBC18gVRojjDr7BklUxAE3b1NYihVrdmWbZbpl9FjN/zOzgqgREJNTUFEDNRUFOTGBnq8dRmQsMWosyYiGMSEpawuijTUpoQszZT6AaGPO1IaZsToRYjCsmGmYGZszIAbD5gA6/M7qTMj+RtMuJjy5Jv0ahQdMeiHEYEhbTKRK/KN+9K3IH+0xmZK+4Jb33mnChM/eaYYIgeLYBdcI4yNQgiBM+Oo5OxBi5S5l0ztdUNJoGrPr5cdCrtbgGOSCGHKhsCjQBbkhhkKorFK2oKsBiKESaocnys58sUMMtYDTXA8NZMSbIwv3bZJO/48VH3VuY6/NYwO4V+Tv1aYYgMTsVB8dKZUPQmyG/OcbzcUvijot6IYPzcVaT225UyQuCRjxrGyLwNbhW54Un5S8KrmZa96cGn/zxtP08zaLPW0Gb3vK29b0tsO9vSi8vW8ufG39AnvvGenmMu5AAAAAAElFTkSuQmCC); } .dx-toast-success { background-color: #6ec881; } .dx-toast-success .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABlklEQVRIx62Wv0rDUBSHTxE6uHTKGhDEzS2jg4vUMeBmX8BR8AFiJQEfwck3cAh2cxBcXEup3VoHF3UxS1FBvuvQhPy5N0lTwplyknz33HN+95wriNEsXAJCZkRAxIyQABfL/L3J6eAzRhltjI9Tj7HxmJcgEpvjYVdh+oxqEImN6JdhBkzXhCgUUwYmzIBFA4hCsUhB6XamDSGriPpZjL12TvQc2SnG2xCiUHgJxqktcdbe+SmU31lh/AaQJQ4HfOR8PiJYpYrVDU4RhD1+c8q2BLdBLNdxXW8KflcI1obcs4UgnGlvAiE0/DDhW/O90EMQDnMbWlkozDTnMz2OC6AvdhGEHT4Ny86EqOB6i1fNgv44QhC2mRi3Gwlozqs4kSnoHEHocFdWQT0ahWKYA93GT5elyY9MucmDHukiCCeGuDO5CUteJaAOgrDPskIKYZVuhpkG/1qpqKBaxRcIQpeHGmG6dWfKM0hfnxZW/Ql/qj0k/ib9Rh83Tqvdr7Ve3NJkaG1OtTY1W5vhrd0oWrvfbHjb+gdn1DPEHv9HmQAAAABJRU5ErkJggg==); } .dx-popup-wrapper .dx-overlay-content { border: 1px solid #d3d3d3; background: #fff; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.15); box-shadow: 0 2px 3px rgba(0,0,0,.15); /*hcLee V14.1-V15.1*/ border:2px solid #5a9efc !important; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .dx-popup-wrapper .dx-overlay-shader { background: #000; opacity: .75; } .dx-popup-title { position: relative; padding: 6px 20px; min-height: 28px; /* border-bottom: 1px solid #d3d3d3; background: rgba(96,96,96,.1); hcLee*/ background: url(../images/custom/ibems_light/popup_header_bg.gif); font-weight: normal; font-size: 20px; } .custom-alarm-popup .dx-popup-title{ /*lch*/ background: red; } .dx-popup-title.dx-toolbar { padding: 6px 20px; overflow: hidden; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-popup-title.dx-toolbar .dx-toolbar-items-container { height: 36px; overflow: visible; } .dx-popup-title.dx-toolbar .dx-toolbar-item, .dx-popup-title.dx-toolbar .dx-toolbar-menu-container { padding: 0 10px 0 0; } .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child, .dx-popup-title.dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item, .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 10px; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child, .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-popup-title.dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-popup-title .dx-closebutton { display: block; width: 23px; height: 23px; padding: 0; /*margin: 0 -4px 0 4px; hcLee */ margin: 0 -4px 10px 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.07); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.07); box-shadow: 0 1px 3px rgba(0,0,0,.07); border-width: 1px; border-style: solid; background-color: #f5f5f5; border-color: rgba(0,0,0,.12); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent; border-color: transparent; } .dx-rtl .dx-popup-title .dx-closebutton { margin: 0 4px 0 -4px; } .dx-popup-title .dx-closebutton .dx-icon { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 21px; height: 21px; background-position: 3px 3px; -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; background-size: 15px 15px; padding: 3px; font-size: 15px; text-align: center; line-height: 15px; } .dx-popup-title .dx-closebutton.dx-state-hover { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } .dx-popup-title .dx-closebutton.dx-state-focused { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } .dx-popup-title .dx-closebutton.dx-state-active { -webkit-box-shadow: 0 1px 3px transparent; -moz-box-shadow: 0 1px 3px transparent; box-shadow: 0 1px 3px transparent; } .dx-state-disabled.dx-popup-title .dx-closebutton, .dx-state-disabled .dx-popup-title .dx-closebutton { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-state-disabled.dx-popup-title .dx-closebutton .dx-icon, .dx-state-disabled .dx-popup-title .dx-closebutton .dx-icon { filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-state-disabled.dx-popup-title .dx-closebutton .dx-button-text, .dx-state-disabled .dx-popup-title .dx-closebutton .dx-button-text { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-popup-title .dx-closebutton .dx-icon { color: #606060; } .dx-popup-title .dx-closebutton .dx-button-text { color: #232323; } .dx-popup-title .dx-closebutton.dx-state-hover { background-color: #f5f5f5; border-color: rgba(96,96,96,.4); } .dx-popup-title .dx-closebutton.dx-state-focused { background-color: #f5f5f5; border-color: rgba(96,96,96,.4); } .dx-popup-title .dx-closebutton.dx-state-active { background-color: rgba(96,96,96,.2); border-color: transparent; } .dx-popup-title .dx-closebutton.dx-state-active .dx-button-text { color: #232323; } .dx-popup-title .dx-closebutton.dx-state-active .dx-icon { color: #606060; } .dx-popup-content { /*padding: 20px; hcLee V14.1-V15.1 ÆË¾÷³» Àüü¸¶Áø*/ } .dx-popup-content .dx-button { margin: 0 10px; } .dx-popup-bottom.dx-toolbar { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0 20px 20px; overflow: hidden; } .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container { height: 36px; overflow: visible; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item, .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 10px 0 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child, .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item, .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 10px; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child, .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-popup-bottom .dx-button { min-width: 100px; } .dx-popup-content.dx-dialog-content { padding: 20px; } .dx-dialog-message { padding: 0; } .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after { background: #efefef; } .dx-popover-wrapper .dx-popup-title { margin: 0; } .dx-popover-wrapper .dx-popup-title.dx-toolbar { padding-left: 15px; } .dx-popover-wrapper .dx-popover-arrow:after, .dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after { background: #fff; } .dx-popover-arrow:after { border: 1px solid #d3d3d3; } .dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar { padding-right: 15px; padding-left: 0; } .dx-progressbar-container { height: 6px; border: 1px solid #d3d3d3; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-progressbar-range { position: relative; border: 1px solid #606060; background-color: #606060; margin-top: -1px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } .dx-progressbar-animating-container { height: 6px; background-color: #fff; background-size: 8px 5px; -webkit-animation: loader 1s linear infinite; -moz-animation: loader 1s linear infinite; -o-animation: loader 1s linear infinite; animation: loader 1s linear infinite; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-45deg,transparent 25%,#606060,transparent 75%); background-image: -moz-linear-gradient(-45deg,transparent 25%,#606060,transparent 75%); background-image: -ms-linear-gradient(-45deg,transparent 25%,#606060,transparent 75%); background-image: -o-linear-gradient(-45deg,transparent 25%,#606060,transparent 75%); background-repeat: repeat; border: 1px solid #d3d3d3; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-state-disabled .dx-progressbar-range { background-color: rgba(96,96,96,.6); } .dx-state-disabled .dx-progressbar-animating-container { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes loader { 100% { background-position: 96px 0; } } @-moz-keyframes loader { 100% { background-position: 96px 0; } } @keyframes loader { 100% { background-position: 96px 0; } } @-ms-keyframes loader { 100% { background-position: 96px 0; } } .dx-tooltip-wrapper .dx-overlay-content { border: 1px solid #d3d3d3; background-color: #fff; color: #232323; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.25); box-shadow: 0 2px 4px rgba(0,0,0,.25); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after { border: 1px solid #d3d3d3; background: #fff; } .dx-invalid-message .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content { background-color: #ea4444; } .dx-slider .dx-tooltip-wrapper .dx-overlay-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-slider-wrapper { height: 28px; } .dx-slider-bar { margin: 14px 7.5px; height: 4px; border: 1px solid #d3d3d3; background: #d3d3d3; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-slider-range { margin-top: -1px; height: 2px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-slider-range.dx-slider-range-visible { border: 1px solid #606060; background: #606060; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-slider-label-position-bottom .dx-slider-label { bottom: -17px; } .dx-slider-label-position-top .dx-slider-label { top: -14px; } .dx-slider-handle { margin-top: -14px; margin-right: -8px; width: 14px; height: 28px; border: 1px solid #fff; background-color: #606060; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-state-disabled .dx-slider-bar { opacity: .5; } .dx-state-active.dx-slider-handle { border: 1px solid #fff; background: #3d3d3d; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-state-focused.dx-slider-handle:not(.dx-state-active) { border: 1px solid #fff; background: #9f9f9f; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-state-hover.dx-slider-handle:not(.dx-state-active) { border: 1px solid #fff; background: #9f9f9f; } .dx-rtl .dx-slider-handle { margin-left: -7.5px; } .dx-rangeslider-start-handle { margin-left: -7px; } .dx-rtl .dx-rangeslider-start-handle { margin-right: -7px; } .dx-gallery-nav-button-prev, .dx-gallery-nav-button-next { position: absolute; top: 0; width: 34%; height: 100%; background: #fff; background: rgba(255,255,255,.01); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.1)"; cursor: pointer; } .dx-gallery-nav-button-prev { left: 0; } .dx-gallery-nav-button-next { right: 0; } .dx-gallery-indicator { pointer-events: none; text-align: center; } .dx-gallery-indicator-item { pointer-events: auto; margin: 1px 6px; width: 8px; height: 8px; border: solid 1px rgba(255,255,255,.5); background: #606060; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-gallery-indicator-item-active, .dx-gallery-indicator-item-selected { background: #fff; border-color: rgba(0,0,0,.5); } .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover, .dx-gallery .dx-gallery-nav-button-next.dx-state-hover, .dx-gallery .dx-gallery-nav-button-prev.dx-state-active, .dx-gallery .dx-gallery-nav-button-next.dx-state-active { height: 100%; } .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:before, .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:before, .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:before, .dx-gallery .dx-gallery-nav-button-next.dx-state-active:before { position: absolute; z-index: 10; clear: both; width: 16%; height: 100%; background-color: rgba(96,96,96,.5); background-position: center center; background-repeat: no-repeat; content: ' '; } .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:before, .dx-gallery .dx-gallery-nav-button-next.dx-state-active:before { background-color: rgba(96,96,96,.7); } .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:before, .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:before { left: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAAGdV60fAAAA3klEQVRIx62VURLCMAhEuf8F/XA8S7SdJFJgF6h+ZGyT10e6JaOMMWSOIc/X47w4fs+bOSGiVmXxX4RcOOW62eRSh/UcqYcn8glX3u4p3rWe3PWtHD5lF2lK4TugRZciAsNULQyj1/ClBcjgwMd02GiYYw5Br72BsBs0gKALEEEOsFAIaAgCbSgvp4LEGzdpxxEEn8SHmX032k8LTPvJtQo7f6jS7F7aTmUBa7myoCuCgqooFWSisgAepq7AHZO7gr/uaP//BI3YEjJRS1gRlYQdERXeEYXCX0ROeDz/BqMcKPolWS+EAAAAAElFTkSuQmCC); } .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:before, .dx-gallery .dx-gallery-nav-button-next.dx-state-active:before { right: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAAGdV60fAAAA6klEQVRIS52SWw7DMAgEc/8L9qPKWdqAAuKxYOxImyYwHmOl1/f+/J7rovCNCk/0hQvaUYwf3jZ6sKpYVC0spkkosh134/5KZbkpcLEtuCVO6o9hCNeg6GzxWAiOEIQryMEdpDYEua3i4HBo/RQU+zli6NYCDL3KtI1spVAHUuJKCKYCAhOEwAQgMDURyEeMzTEkAPUhZOeBkAUgFIEEIUChDrAmuviliqxgkn6jqUoS0c0A20JJFB0LK9G2cCUaC6eipXBXVApPRUmo/wMAdcETbYiSQNZPRUmwKyoFU9FSsBKNBVB0IoiiP1LjKPpbYIkCAAAAAElFTkSuQmCC); } .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected { border: 1px solid #606060; -webkit-box-shadow: 0 0 1px #606060; -moz-box-shadow: 0 0 1px #606060; box-shadow: 0 0 1px #606060; } .dx-state-disabled .dx-gallery, .dx-state-disabled.dx-gallery { filter: alpha(opacity=45); -khtml-opacity: .45; -moz-opacity: .45; opacity: .45; } .dx-rtl .dx-gallery-nav-button-prev { right: 0; left: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .dx-rtl .dx-gallery-nav-button-next { right: auto; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .dx-rtl.dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:before, .dx-rtl .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:before, .dx-rtl.dx-gallery .dx-gallery-nav-button-prev.dx-state-active:before, .dx-rtl .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:before { right: 0; left: auto; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAAGdV60fAAAA6klEQVRIS52SWw7DMAgEc/8L9qPKWdqAAuKxYOxImyYwHmOl1/f+/J7rovCNCk/0hQvaUYwf3jZ6sKpYVC0spkkosh134/5KZbkpcLEtuCVO6o9hCNeg6GzxWAiOEIQryMEdpDYEua3i4HBo/RQU+zli6NYCDL3KtI1spVAHUuJKCKYCAhOEwAQgMDURyEeMzTEkAPUhZOeBkAUgFIEEIUChDrAmuviliqxgkn6jqUoS0c0A20JJFB0LK9G2cCUaC6eipXBXVApPRUmo/wMAdcETbYiSQNZPRUmwKyoFU9FSsBKNBVB0IoiiP1LjKPpbYIkCAAAAAElFTkSuQmCC); } .dx-rtl.dx-gallery .dx-gallery-nav-button-next.dx-state-hover:before, .dx-rtl .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:before, .dx-rtl.dx-gallery .dx-gallery-nav-button-next.dx-state-active:before, .dx-rtl .dx-gallery .dx-gallery-nav-button-next.dx-state-active:before { right: auto; left: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAAGdV60fAAAA3klEQVRIx62VURLCMAhEuf8F/XA8S7SdJFJgF6h+ZGyT10e6JaOMMWSOIc/X47w4fs+bOSGiVmXxX4RcOOW62eRSh/UcqYcn8glX3u4p3rWe3PWtHD5lF2lK4TugRZciAsNULQyj1/ClBcjgwMd02GiYYw5Br72BsBs0gKALEEEOsFAIaAgCbSgvp4LEGzdpxxEEn8SHmX032k8LTPvJtQo7f6jS7F7aTmUBa7myoCuCgqooFWSisgAepq7AHZO7gr/uaP//BI3YEjJRS1gRlYQdERXeEYXCX0ROeDz/BqMcKPolWS+EAAAAAElFTkSuQmCC); } .dx-lookup { height: 36px; border: 1px solid #d3d3d3; background: #fafafa; } .dx-lookup-field { padding: 7px 34px 8px 9px; font-size: 1em; } .dx-rtl .dx-lookup-field { padding: 7px 9px 8px 34px; } .dx-lookup-arrow { font: 14px/1 DXIcons; width: 34px; color: #606060; font-size: 18px; text-align: center; line-height: 18px; } .dx-lookup-arrow:before { /*content: "\f04e ";*/ } .dx-rtl .dx-lookup-arrow:before { /*content: "\f04f ";*/ } .dx-lookup-arrow:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-state-readonly .dx-lookup-field:before { opacity: .5; } .dx-lookup-popup-wrapper .dx-list { top: 10px; } .dx-lookup-popup-wrapper .dx-list-item { border-top: none; } .dx-lookup-popup-wrapper .dx-list-item:last-of-type { border-bottom: none; } .dx-lookup-popup-wrapper .dx-list-item-content { padding-left: 20px; padding-right: 20px; } .dx-lookup-popup-wrapper .dx-popup-content { top: 0; padding: 20px; } .dx-lookup-popup-wrapper .dx-popup-title+.dx-popup-content { top: 49px; } .dx-lookup-popup-wrapper .dx-popup-bottom { padding-top: 20px; } .dx-lookup-popup-search .dx-list { top: 70px; } .dx-lookup-empty .dx-lookup-field { color: #a8a8a8; } .dx-state-disabled .dx-lookup-field, .dx-state-disabled .dx-lookup-field:before { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-invalid.dx-lookup .dx-lookup-field:after { right: 38px; pointer-events: none; font-weight: bold; background-color: #ea4444; color: #fff; content: '!'; position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 18px; font-size: 13px; } .dx-rtl .dx-invalid.dx-lookup .dx-lookup-field:after, .dx-rtl.dx-invalid.dx-lookup .dx-lookup-field:after { right: auto; left: 38px; } .dx-actionsheet-container .dx-actionsheet-item { margin: 0 0 10px 0; } .dx-actionsheet-container .dx-button { margin: 0; } .dx-button.dx-actionsheet-cancel { margin: 0; } .dx-loadindicator { background-color: transparent; } .dx-loadindicator.dx-state-disabled { filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-loadindicator-image { background-image: url(data:image/gif;base64,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); } .dx-loadindicator-icon { position: relative; top: 15%; left: 15%; width: 70%; height: 70%; } .dx-loadindicator-icon .dx-loadindicator-segment { position: absolute; width: 19%; height: 30%; left: 44.5%; top: 37%; opacity: 0; background: #606060; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-border-top-left-radius: 10%; -moz-border-top-left-radius: 10%; border-top-left-radius: 10%; -webkit-border-top-right-radius: 10%; -moz-border-top-right-radius: 10%; border-top-right-radius: 10%; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-animation: dx-generic-loadindicator-opacity 1s linear infinite; -moz-animation: dx-generic-loadindicator-opacity 1s linear infinite; -o-animation: dx-generic-loadindicator-opacity 1s linear infinite; animation: dx-generic-loadindicator-opacity 1s linear infinite; } @-webkit-keyframes dx-generic-loadindicator-opacity { from { opacity: 1; } to { opacity: .55; } } @-moz-keyframes dx-generic-loadindicator-opacity { from { opacity: 1; } to { opacity: .55; } } @-ms-keyframes dx-generic-loadindicator-opacity { from { opacity: 1; } to { opacity: .85; } } @-o-keyframes dx-generic-loadindicator-opacity{from{opacity:1;}to{opacity:.55;}} @keyframes dx-generic-loadindicator-opacity { from { opacity: 1; } to { opacity: .55; } } .dx-loadindicator-icon .dx-loadindicator-segment0 { -webkit-transform: rotate(0) translate(0,-142%); -moz-transform: rotate(0) translate(0,-142%); -ms-transform: rotate(0) translate(0,-142%); -o-transform: rotate(0) translate(0,-142%); transform: rotate(0) translate(0,-142%); -webkit-animation-delay: 0; -moz-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; } .dx-loadindicator-icon .dx-loadindicator-segment1 { -webkit-transform: rotate(45deg) translate(0,-142%); -moz-transform: rotate(45deg) translate(0,-142%); -ms-transform: rotate(45deg) translate(0,-142%); -o-transform: rotate(45deg) translate(0,-142%); transform: rotate(45deg) translate(0,-142%); -webkit-animation-delay: -.875s; -moz-animation-delay: -.875s; -o-animation-delay: -.875s; animation-delay: -.875s; } .dx-loadindicator-icon .dx-loadindicator-segment2 { -webkit-transform: rotate(90deg) translate(0,-142%); -moz-transform: rotate(90deg) translate(0,-142%); -ms-transform: rotate(90deg) translate(0,-142%); -o-transform: rotate(90deg) translate(0,-142%); transform: rotate(90deg) translate(0,-142%); -webkit-animation-delay: -.75s; -moz-animation-delay: -.75s; -o-animation-delay: -.75s; animation-delay: -.75s; } .dx-loadindicator-icon .dx-loadindicator-segment3 { -webkit-transform: rotate(135deg) translate(0,-142%); -moz-transform: rotate(135deg) translate(0,-142%); -ms-transform: rotate(135deg) translate(0,-142%); -o-transform: rotate(135deg) translate(0,-142%); transform: rotate(135deg) translate(0,-142%); -webkit-animation-delay: -.625s; -moz-animation-delay: -.625s; -o-animation-delay: -.625s; animation-delay: -.625s; } .dx-loadindicator-icon .dx-loadindicator-segment4 { -webkit-transform: rotate(180deg) translate(0,-142%); -moz-transform: rotate(180deg) translate(0,-142%); -ms-transform: rotate(180deg) translate(0,-142%); -o-transform: rotate(180deg) translate(0,-142%); transform: rotate(180deg) translate(0,-142%); -webkit-animation-delay: -.5s; -moz-animation-delay: -.5s; -o-animation-delay: -.5s; animation-delay: -.5s; } .dx-loadindicator-icon .dx-loadindicator-segment5 { -webkit-transform: rotate(225deg) translate(0,-142%); -moz-transform: rotate(225deg) translate(0,-142%); -ms-transform: rotate(225deg) translate(0,-142%); -o-transform: rotate(225deg) translate(0,-142%); transform: rotate(225deg) translate(0,-142%); -webkit-animation-delay: -.375s; -moz-animation-delay: -.375s; -o-animation-delay: -.375s; animation-delay: -.375s; } .dx-loadindicator-icon .dx-loadindicator-segment6 { -webkit-transform: rotate(270deg) translate(0,-142%); -moz-transform: rotate(270deg) translate(0,-142%); -ms-transform: rotate(270deg) translate(0,-142%); -o-transform: rotate(270deg) translate(0,-142%); transform: rotate(270deg) translate(0,-142%); -webkit-animation-delay: -.25s; -moz-animation-delay: -.25s; -o-animation-delay: -.25s; animation-delay: -.25s; } .dx-loadindicator-icon .dx-loadindicator-segment7 { -webkit-transform: rotate(315deg) translate(0,-142%); -moz-transform: rotate(315deg) translate(0,-142%); -ms-transform: rotate(315deg) translate(0,-142%); -o-transform: rotate(315deg) translate(0,-142%); transform: rotate(315deg) translate(0,-142%); -webkit-animation-delay: -.125s; -moz-animation-delay: -.125s; -o-animation-delay: -.125s; animation-delay: -.125s; } .dx-loadindicator-icon .dx-loadindicator-segment8, .dx-loadindicator-icon .dx-loadindicator-segment9, .dx-loadindicator-icon .dx-loadindicator-segment10, .dx-loadindicator-icon .dx-loadindicator-segment11, .dx-loadindicator-icon .dx-loadindicator-segment12, .dx-loadindicator-icon .dx-loadindicator-segment13, .dx-loadindicator-icon .dx-loadindicator-segment14, .dx-loadindicator-icon .dx-loadindicator-segment15 { display: none; } .dx-rtl .dx-loadindicator-icon { right: 15%; left: 0; } .dx-loadpanel-wrapper.dx-overlay-shader { background-color: transparent; } .dx-loadpanel-content { border: 1px solid #d3d3d3; background: rgba(255,255,255,.9); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.25); -moz-box-shadow: 0 6px 12px rgba(0,0,0,.25); box-shadow: 0 6px 12px rgba(0,0,0,.25); } .dx-autocomplete .dx-texteditor-input { /* font-size: 1em; */ /*hcLee V14.1-V15.1*/ font-size: 12px; /*hcLee V14.1-V15.1*/ } .dx-autocomplete.dx-invalid .dx-texteditor-container:after { right: 8px; } .dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-container:after, .dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-container:after { left: 8px; } .dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content { padding: 1px; } .dx-dropdownmenu-popup-wrapper .dx-list-item { border-top: 0; } .dx-dropdownmenu-popup-wrapper .dx-list-item-content { padding: 1em; } .dx-selectbox-selected { background-color: rgba(96,96,96,.2); color: #232323; } .dx-selectbox-selected.dx-state-focused { background-color: rgba(96,96,96,.7); color: #fff; } .dx-selectbox-popup-wrapper .dx-overlay-content { -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.1); box-shadow: 0 3px 10px rgba(0,0,0,.1); } .dx-selectbox-popup-wrapper .dx-list { background-color: #fff; } .dx-tag-container { padding-right: 34px; } .dx-show-clear-button .dx-tag-container { padding-right: 68px; } .dx-tag { margin: 4px 0 0 4px; padding: 3px 4px 4px; min-width: 40px; border-radius: 2px; background-color: rgba(96,96,96,.3); } .dx-tag-content { padding-right: 21px; padding-left: 2px; color: #232323; vertical-align: top; } .dx-tag-remove-button { top: 6px; margin: 0 2px; width: 1em; height: 1em; } .dx-tag-remove-button:before, .dx-tag-remove-button:after { left: 4px; margin-top: -5px; width: 3px; height: 11px; background: #606060; } .dx-tag-remove-button:after { left: 0; margin-top: -1px; width: 11px; height: 3px; } .dx-tag-remove-button.dx-state-active:before, .dx-tag-remove-button.dx-state-active:after { background: #939393; } .dx-tagbox.dx-invalid .dx-texteditor-container:after { right: 8px; } .dx-rtl .dx-tagbox.dx-invalid .dx-texteditor-container:after, .dx-rtl.dx-tagbox.dx-invalid .dx-texteditor-container:after { left: 8px; } .dx-rtl .dx-tag-content { padding-right: 2px; padding-left: 21px; } .dx-rtl .dx-tag-remove-button:before { right: 4px; left: auto; } .dx-rtl .dx-tag-remove-button:after { right: 0; left: auto; } .dx-rtl .dx-tag-container { padding-left: 34px; padding-right: 0; } .dx-radiobutton { line-height: 24px; margin: 1px; } .dx-radiobutton-icon { width: 22px; height: 22px; margin: 1px; } .dx-radiobutton-icon:before { display: block; width: 20px; height: 20px; border: 1px solid #d3d3d3; background-color: #fafafa; content: ""; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-radiobutton-checked .dx-radiobutton-icon-dot { display: block; margin-top: -16px; margin-left: 6px; width: 10px; height: 10px; background: #606060; content: ""; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .dx-state-hover.dx-radiobutton .dx-radiobutton-icon:before { border-color: #606060; background-color: transparent; } .dx-state-active.dx-radiobutton .dx-radiobutton-icon:before { background-color: rgba(96,96,96,.2); } .dx-state-focused.dx-radiobutton { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-state-focused.dx-radiobutton:not(.dx-state-active) .dx-radiobutton-icon:before { border: 1px solid #606060; } .dx-state-disabled.dx-radiobutton { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-invalid .dx-radiobutton-icon:before { border-color: rgba(234,68,68,.4); } .dx-invalid .dx-state-hover.dx-radiobutton .dx-radiobutton-icon:before { border-color: #ea4444; } .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before { border-color: #ea4444; } .dx-rtl .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot, .dx-rtl.dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot { margin-right: 6px; margin-left: 0; } .dx-radio-value-container { padding-left: 0; } .dx-radiogroup .dx-radiobutton, .dx-radiogroup .dx-radiobutton-icon { margin: 1px 0; } .dx-radiogroup.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-radiogroup-horizontal .dx-radiobutton { margin-right: 17px; } .dx-state-disabled.dx-radiogroup.dx-widget { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton, .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton { margin-right: 0; margin-left: 17px; } .dx-pivottabs { height: 74px; } .dx-pivottabs-tab, .dx-pivottabs-ghosttab { padding: 10px; color: #767676; font-size: 40px; } .dx-pivottabs-tab-selected { color: #232323; } .dx-pivot-itemcontainer { top: 74px; } .dx-panorama-title, .dx-panorama-ghosttitle { height: 70px; font-size: 65px; } .dx-panorama-itemscontainer { top: 70px; } .dx-panorama-item-title { font-size: 30px; } .dx-panorama-item-content { top: 45px; } .dx-accordion { color: #232323; } .dx-accordion-item { border: 1px solid transparent; border-top-color: #d3d3d3; } .dx-accordion-item:last-child { border-bottom: 1px solid #d3d3d3; } .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon { color: #232323; } .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-accordion-item-title { color: #232323; background-color: rgba(96,96,96,.2); } .dx-accordion-item.dx-state-hover .dx-accordion-item-title { background-color: rgba(96,96,96,.1); } .dx-accordion-item.dx-state-hover:not(:last-child):not(.dx-accordion-item-opened):not(.dx-state-focused) { border-bottom-color: rgba(96,96,96,.1); } .dx-accordion-item-opened { border-color: #d3d3d3; } .dx-accordion-item-opened.dx-state-hover .dx-accordion-item-title { background-color: transparent; } .dx-accordion-item-opened .dx-accordion-item-title { background-color: transparent; } .dx-accordion-item-opened .dx-accordion-item-title:before { /*content: "\f014 "; hcLee*/ } .dx-accordion-item-opened+.dx-accordion-item { border-top-color: transparent; } .dx-accordion-item-opened+.dx-accordion-item.dx-state-hover:not(.dx-state-focused) { border-top-color: rgba(96,96,96,.1); } .dx-accordion-item-title { color: #232323; padding: 9px 12px; font-size: 18px; } .dx-accordion-item-title:before { font-weight: normal; color: #232323; /* content: "\f016 ";*/ font-family: DXIcons; font-size: 18px; margin-left: 9px; margin-right: 0; line-height: 24px; } .dx-accordion-item-title .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; display: inline-block; } .dx-rtl .dx-accordion-item-title .dx-icon, .dx-rtl.dx-accordion-item-title .dx-icon { margin-left: 9px; margin-right: 0; } .dx-state-disabled.dx-accordion, .dx-state-disabled.dx-accordion-item { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-state-focused.dx-accordion-item { border-color: #606060; } .dx-accordion-item-body { padding: 8px 12px 22px; font-size: 14px; } .dx-rtl .dx-accordion-item-title:before { margin-left: 0; margin-right: 9px; } .dx-slideoutview-content { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -1px; border-style: solid; border-width: 0 1px; } .dx-slideout-menu .dx-list-item .dx-icon { width: 26px; height: 26px; background-position: 0 0; -webkit-background-size: 26px 26px; -moz-background-size: 26px 26px; background-size: 26px 26px; padding: 0; font-size: 26px; text-align: center; line-height: 26px; margin-right: 13px; margin-left: 0; margin-top: -4px; margin-bottom: -4px; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon { margin-left: 13px; margin-right: 0; } .dx-slideoutview-menu-content, .dx-slideoutview-content { background-color: #fafafa; } .dx-slideoutview-content { border-color: rgba(211,211,211,.5); box-shadow: rgba(0,0,0,.05) 0 0 8px; } .dx-slideoutview-content { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -1px; border-style: solid; border-width: 0 1px; } .dx-slideout-menu .dx-list-item .dx-icon { width: 26px; height: 26px; background-position: 0 0; -webkit-background-size: 26px 26px; -moz-background-size: 26px 26px; background-size: 26px 26px; padding: 0; font-size: 26px; text-align: center; line-height: 26px; margin-right: 13px; margin-left: 0; margin-top: -4px; margin-bottom: -4px; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon { margin-left: 13px; margin-right: 0; } .dx-pager { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; padding-top: 9px; padding-bottom: 9px; } .dx-pager .dx-pages .dx-page { padding: 8px 7px; } .dx-pager .dx-pages .dx-separator { padding-left: 8px; padding-right: 8px; } .dx-pager .dx-pages .dx-navigate-button { width: 9px; height: 17px; padding: 9px 13px; } .dx-pager .dx-pages .dx-prev-button { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAQAAAClHU5tAAAAh0lEQVQoz13NIYsCURQF4G+UBS06IMgWQdiqwWLQbdusCiZxwCJsEYvK6nB/+sb3nid+nHsPKQvhopeg9hC+E1QaodFJtBLu6gRjT2GeoOssbLMhP+9LE63WNO/shZMiI3/la1gKd8OcKgfhqMpx4Casy+OZ8PJZ4k749ZFT31XYlL0vrUbvH0ISFOgAM1+7AAAAAElFTkSuQmCC) no-repeat center center; } .dx-pager .dx-pages .dx-next-button { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAQAAAClHU5tAAAAhklEQVQoz13OsQtBcRTF8e8jxfK8UrIoZX0GiwGbzUqZ5FcWZZHFE36dP91guPe646d7Oge63BBzwq0RTypPLRIiUXisaBDLGJ4h3gwj7hAX2p5+zZv4NyGTGUc8Iw7/FS8GBn0axMKg4IQ4+rkrxIPSYMQHURt0uCL2vmmLuNPzqxOZqcEXMOYU6N5PUwAAAAAASUVORK5CYII=) no-repeat center center; } .dx-pager .dx-page-sizes .dx-page-size { padding: 8px 9px; } .dx-pager .dx-page-sizes .dx-page-size { background-color: rgba(96,96,96,.2); } .dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection { color: #fff; background-color: #606060; } .dx-colorview-container { width: 450px; } .dx-colorview-container label { line-height: 36px; } .dx-colorview-container label.dx-colorview-label-hex { margin: 10px 0 0 0; } .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-left: 43px; width: 115px; } .dx-colorview-container label .dx-texteditor { width: 69px; margin: 1px 1px 10px 0; } .dx-colorview-hue-scale-cell { margin-left: 19px; } .dx-colorview-palette { width: 288px; height: 299px; } .dx-colorview-alpha-channel-scale { width: 288px; } .dx-colorview-container-row.dx-colorview-alpha-channel-row { margin-top: 10px; } .dx-colorview-hue-scale { width: 18px; height: 299px; } .dx-colorview-alpha-channel-cell { width: 292px; } .dx-colorview-hue-scale-wrapper { height: 303px; } .dx-colorview-color-preview { width: 100%; height: 40px; } .dx-colorview-controls-container { width: 90px; margin-left: 27px; } .dx-colorview-container label { color: #767676; } .dx-colorview-palette-cell, .dx-colorview-alpha-channel-border, .dx-colorview-hue-scale-wrapper, .dx-colorview-color-preview-container { padding: 1px; background-color: #fff; border: 1px solid #d3d3d3; } .dx-colorview-palette-handle { width: 29px; height: 29px; background: url(data:image/png;base64,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) no-repeat 0 0; background-position: -2px -1px; } .dx-colorview-hue-scale-handle { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAPCAYAAACBdR0qAAAB/UlEQVRIx8WSv28SYRjHH7duOlYHE0edTPQvqIuJdXJrHIrgH1KKQw2pqYUgLg3XWgIRCsahiZtQGhkcKwmpEALh9687IRDueHy/F2I4QPTQhOGTS573fb7fz+WOouHw+cdolJdJJBz+TB9OTng4HC4VOFAkFGJN03gwGMwEZ6qqcq/XWwjs/ikfDhQKBvXBrBDMv11c8PtAQA36/fIiiF3t++Xl3A44kLjM/X6fO53OFLgYOD4ePlhbe0JE9wR3TXL/6caG7dPp6W87MIcD+Y+OuNvtcrvdNiDLsv58J0mKCLwtuClYNQl27oiMH/JY5jjohgMd+ny6WaPRMNBsNrnVarHv4EAZBV4VrJjkGnaRgSxkTvagGw70wuHgZDLJsVjMQDwe50QiwQ67vTd6uxVmJjOMZFaRgSxkTvagGw4UjURYURSuVqsGarWa/nzr9Sr/KoKM8cxx0A0H8no8XK/XOZfLGcjn81wqldjjdv8SEVwxiS6CDGQhc7IH3XAgt8ulm2UymSkqlQqLc81qtT56vL5+65nFcuO5zXb9b8Bd7Fg2Nx+69vdVZGWz2akOdMOBXu/tcblc5nQ6PQXm5+LbHkoSvxHWiyCJHzFxdja3Aw70aneXi8Uip1KpmeDsfzAvHw7kdDq5UCgsFTiQY3v768udHV4m9q2tLz8BHNG5grjrFSMAAAAASUVORK5CYII=) repeat-x 0 0; } .dx-colorview-color-preview-container { margin-bottom: 34px; } .dx-colorview-color-preview-container-inner { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQoU2P4DwVnoIBhgARgDJjEAAkAAPQn5YE6DjD8AAAAAElFTkSuQmCC) repeat 0 0; } .dx-colorview-alpha-channel-wrapper { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQoU2P4DwVnoIBhgARgDJjEAAkAAPQn5YE6DjD8AAAAAElFTkSuQmCC) repeat 0 0; background-position-y: 6px; } .dx-colorview-alpha-channel-handle { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAkCAYAAABWvWC/AAAB/klEQVRIx9VVO08CQRCeOy4BCgLhZaIQiBTQWdj6UyiIFf4Jf4ChMDR2hoLKBihsbCxobewJGDAgz/AwEQ7vzt3j9thb9nIJxBgn+S53M/Pt3MzOzgq1SqUuuVwXwJGPfh8y6TRMp9Md27eiPMNjraapqspFo9GwtWGeqGka7COYJxGy3SI8vSAIWzKBHdHOJjk58BY2I6vogQqggxWi5y2sspFFUdRXJUK+aZ2iKNbfJsTxaARvrRb0ul1d1x8M4Cga1Z2DoRAkk0k4icfNVCQ6p1azCdVq9fq2WHySZXmNA+AUEVyXudx5Npu9O47Ftn9KcsJ473TgplCoIGIfN5iBHsLgvlSqj4ZD0xfzJLoYxvsnwgxhSUV2sztiqTapIBLZIH4RZ6NgMusratQWGe+aAcuWU3bTV49MIqgOfc76WqrtdEhYX4nuIF6XsR1H+/5h5MMKRq2mOURmff9t5F/YKoEdmLytssztcDgMV/k8vj08CF50mjwIXvyN9dhueyRPUymcy0M6k9G/x+MxhND4wRKJRDZ26khKpMKz2QwSiYQOIu12G1KIsF6vTR328/v9m2rTs5m90ObzOSwWC1gul9zC7TX0d3K2G/oaVRPLZXBwZCcHnm1n6AcCgR0yLpjP5wO3280nr1ar13K5fMZrx8lkAsFgkNuqiPfyA8JMvViMAYz/AAAAAElFTkSuQmCC) repeat 0 0; } .dx-state-focused.dx-colorview { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-state-focused.dx-colorview .dx-draggable { -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 0 1px 1px rgba(0,0,0,.1); } .dx-state-focused.dx-colorview .dx-colorview-palette-handle { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { .dx-colorview-alpha-channel-handle { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABICAQAAABL7o3DAAADNUlEQVRYw9WYy2sUQRDGfz2zG10TVw0oYlBEUQhiDgqeFFQUwddBPEhAFP8FD4qCIIJ48ebZk3+A4FUREd9ejA8kaBJfsCgK2dVks7tT5WF2Jz2Tnk0miYrTh5nt6m++r6qrp6vXXNi25oDXieP60Qf7gGcDLqv8HLmV69lvOpV2l9tqulYfyPldyqnTLvMgsBHYtNdlvX7VL+bas7bX0wRrG7kum7HBs2QWQFOZNTVg8oeZ+SfM/AWfyRxtM8mcPWBqM2e/xBUwz5IWv9vjdKpsg+Hjy+Ghd5/LVRjvg/3A3QGAFcV1PVt35Qvilm0wPLj1ZNAWps07lMql8tuPx/oXFiUuOxzk8er+o8F67cWLxx9K4yH2Uuut/volB7fIqoe3dx/RCOwJgjbb8Bfh9v2br0s/qFBmlDJlyoxSofL+640HgT4fFgnHChKP9sg3YbDEOFXqBFYUffIE32k0/HxQ9xbo1GiHb/PqTFCllgA3AF8wkUpJZpggeA1q1KjRsCT5QI6GYCIqSSaJIpiAgIDgXFAEzgDnuQwBASLWnDtlm+ZHTWLDwkHS/HbFZNtgbXqRAGv4NA04wZd4coAnjRKFOB1sXBnGjJinRHtOslsdOiPZ1pJM+tyOWRO9kWy1pyqVGRdzKwjT+WwHdz6YbTBZwIEVsMBah4HVO/mksd4Ys2ZlTgZM5xKw6Zk1PWCaFTzTDBPXdpMtSZi6qrLI1tknibq/JDrj9GT26alzSRKdnvlMNp8jZpNhnmNTZZwQ03ph26lSDw+f3B1rX8LHx8NPgj3bzzVFYelS8uTJ0xFrefKdBXzBz1k7qljpvrlHWLW9u5uFFJJt2bLeneLtWev7Es2MJXuCfbuefnpD78lQR3cf9APXotNNsePo3rq1qizZDYx/9tjhjSsXCXalEv5aXji44eqJxcWaNTO5yd0Cxugo9B/qb5qHgM3Ajuh00+CXq3xslXETTEQ1XxWoAWPOClTSak/NUumrs+5tVzJrvNLPCp6/M4ZmLNbn74yRzWf+a5+17YkuDaj2+dn1j8MioCPFFjKb9ReN20pPHxwHrgyk8Fe8n/dkTElrxOoGu0m1cu83cDHq0t5aVLIAAAAASUVORK5CYII=) repeat 0 0; background-size: 100%; } .dx-colorview-hue-scale-handle { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAeCAQAAAA/D3CoAAACxUlEQVRYw8WXv2sUQRiGn9nd28uZVdRGMCY2AUUhUYgoBi1EQRQ1IbaaTsHWQhvBP0DbFFqkEJE0gpWFhYqoiYKSNIIKokmrokkuuZuZbyz21BNuNtkNct8VdwcD+8z7vd+PVdf2bT8dVGhryMKXh9HWE65iaXMkXScjtd5y4XJ7OW7dZF1kAYdrI4bCAqsGUQUfs5orWiAygEMyERT1am2+GEi5M06yLxpg/oK4jGPf5149fzdXXPrd3QePdm6WDM3+gIhXkYCvc+MToGu1ajGMuDI9++neudE48V/2D0hWJidfGD6+uzttNRbJ5WpFQFgqXRw03VOPD5+SbBCdqYgzb2ZFJt7aKnVMAZCSjh9MjW579n5QJPAd0yuZVSHWYG1tiSVq6CIgmFkWFzuSxR8dm1yWWXWmWQWNhTo1ltOfuSJMK1PrEGN9BnCpIjpTEZc+3WDQaGxORSwQog0a5zVAE4h4NElBBASLYC/lVGQMLIJoAsQDopAURPrgA8YDQih9jYQ46CnYWuMB6fzQkbTMrCJC+hot3i8arGkyu7/l6TxOd0hqpCFglyf5ChhCcbvx/0pOjquN77MY+ok9qQkZAiLJMKtDIYXHXXPtideHjgABovEZ2H+s1vJQgLLjM6JRKBSM5J/woGDsdWnzjr1JYloeKTM+09RZnbfrCQSEhIT3yd1HQgICrVi5anRDINdS0lKocUEc1+ukrs4XASViStKhKVf8bVk3T9/Wh+JosOfpl4Ejn18u/wxMkBNEAonKybY9UjnQVe5c8o2R5hbvAzGMHJ28o3t7e9diVs2ZQyazezctRq1Bltmw6cb5R5Nv5r4tF4PYUB7oGuzf0lVdzWLkMsbqAvHG4ePDrE2RhYzCcv+uiv5pVqf+X7f4Va2K/z/cb7Oms2RdW1+wLKB2XlcJbQ+3FJaIelzkaOdHqvNPfgGAv504iRiIDQAAAABJRU5ErkJggg==) repeat-x 0 0; background-size: 100%; } .dx-colorview-palette-handle { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAQAAABJXchjAAALn0lEQVRo3tVae1RVVRrfgLwEQVKBAJW48lAhDU0ThTEegggEJ4iJNaNTq3GNy9SpSZtW46qcfKBnbBShmvCVCKgImgmOrEKgmlLLHB7i4yKIcIl88BLlMrLn953L48I990HT/NH9/cG9++z97d/5Xvvbe8PYL+Ej6ICZAebMAhilBfptTs+G9f55SQxMbsmsmQ0bzeyYPRvTB3v8Go1WazwdQmYEH24EfdNbYRo7B6f5jy+KWfJC3KvxbyXtTPpg9fsJG+Pfiv1j9NLI6KAAByfQsUFPiYoRqaaTkAiMwjvaTXIOC4tdmbBZEPuRciyl4P0jmfmDLQmbY1eGhU5yBhVrjDJIxEQSAwTsZ3lH/y5hi2ai93KKS6uqmho72r5VV/Be3tPd0Xaz4eLFf57Znt1HZUv0slneMJJBIiaRAAUygV3AYzG/F7aR8Mz8yspudS8mfijhO6D/V6+E7u6Kyj7NbIt5adpkaIRMY/aTSPTpwMbBKSJOo4Fjp1vv9k/+UIbEIHr5ndvHTms0EhEHL7GR14cREhIFKzZ6hiLuNRJ26GRHx0P+Hx18C9C0uk8e8vb2nJM0Nu616V6IHEtdGgZJ9JnBPiQoYZMgpmYpa0lsjwzOA0RC7hmNUSpTs6CPjSFB8A8dsxggIVGwZmPCIoWtgphzsrtHnoAxEhoiD9TZn0IfW8MikU2sh9LQS6KPgsOiBFJlwWkSpdaLcwC9sf4eNL5A8o+IeOYwlIYeEn2+MCY0ioZVXSIC3QZwFiAShvoQkapLJC80CtqwGvQNfSTMJV8IJkNUVqv5AyMgEvSuxvqpeWU1GWU++QZc1AAJ6GEUs5vuQ+6Yf9o4BdNJEI18GCVh0zRvRMoojS5kSEjeYOPoHPe6IGaf7MbA+0ZBJMjyxns+gGEOImTj1tlPQN6QPEOOBJnCMVwQxG0Hu3ru8y6DeCDZ+wL/fsAnjI3AczUFbDg5qBWZRIeExhR+3pQdr1y/z+/pRZekXmVd8Rd/z11ZtCw//fDBEzsPf/alsp7auwyMvM8vKymL+iiQzGESXRLmCB+n6OUwReF93qkXeJ/eU+XbczQLVVJGYtqLO1dmaH5tzzldTm9saHQWTLJ4OXPCbObDVUF6sJ82lZapW+33eIcsSAsXqtfvpQlj1s9/wXfx+CCrQKtA9wVTl8x/MWY9tb+170I1aUOfhB/boIttU/3kdCHpIepFrBKnugxQyCmiiaJe94lk/syXebHJbBLgyRT45e+7OOoNep57Sj+NLp4LGVEv6OqC4sJuggf5g+pOJ2+XQSeG7z+Bt0idk2zuj0k9mAsbB1FjASd8c0GLwtx/TnICckzWyS6uT07TbfKLCR4IVQttXZhRXIQsEsT3j97jbbK4x7PxBs9smhLOvDHdeOYo1ZRWEqjmtEPLeDzx9g6PR+2VW6RfUkaeIAYvQn8rbRLmEDJuyWpBPFfRyVtl0MnPVZAWvEOhA1cMt+2vIvugqUBt8cSVKbzDElIF8btqfbK+uSiIS1ZDezbaBoEx7N3JGK3qVn5XB628/eGbewTxyURQcNFdDYeuvuihmJskiG/vIxJy0lq7ySC2btCexaAxLJnDrLmC+LfcDn5HBh3801IE1lpzH7znkCVIthQaw1zNfaKRdwvL9cnbhhAPnIOkZdlvEDOKjKeRKT8tbee3ZdDOUw8Kot9CWNxR8mkzg4WxNXp5TA0VRDFHn7wTeKmnBSlCzAY9YnzkS4J4trKN39JBK6+qhQ3fhCnGw+oWhncTklFs0VNBeaOm7q6sxPNYU6OWo9eAV1jAz51j1iJd37zDf9RBGz9ZDm9OgR4o55uZsFGyIl2E/EYQT33ZJiPxDr/aiHS3jjlLYdrvlsz1mXcEsbHtFm/RQatkQf8QzRDOjEOS6BLwNHYoh1plJN7iN5E3n3kbHjbgmkjYzO3Z91LyStWf88+GoQSL9YrjSRmu/pqQMomEFPKPBiSmrzzxLx2JJLOsJyXv2R3MDTOP6icxBiTSUo581Ss34Bx/Pidxl4Un3MgEYwwYxMlWkbjzt4e/4Z/L0PiKp+QnpYPEGC0SNh5/SEs/3NHbrpPfKNGmZr2UZjFZk+FMJjHWyWvZjvdyOmVyJmT2ph9elcHch5BwmfhK2j/y2rrbZYZ08o+wrXvUb6QkPKct37W7oFM+eas/zIvfPIwEcyPHbGhT8UYd3OapcMyZ87BQjcgcgfOR/g7dlpGo4g3kmO8MNQcccwky3KXGZn5TB7f48TJBXJg4UscMReo+UX5LRmIzv6QJUS3HlEJ0EWqqLytbeIMOmvkFFGWxr48oREczl1jUFt9fb5aR+AP/GskqcoV2iErJKiQZ++6yFn5DBi18wwEYJFCT601LVk/MEcRN2frkFSBthzynnazMKc3OCEaVndvC62XQwvNKkLjXjCRtx7yCTWSZPnnkZQELJHnmWguYrYJqgCZ1Pa/TQQNvUr+WOVCImLCAhUQK4p/3qB42yEir541qqk2svbQXMGkpZx6LX4VXVDfx6zJo5qUXqQZ4YoYpS3ngE1SblFWqZGWpeOm/URi8Iq1FloO1leSaQdiHpxc081pZNPN9hYIY/9fAxyUaBoqa2Y/HvyuI+4r0S9p5VBDnxmq75UB5N246lahXW+u5Ugb1eIMPPqHTuV+FSuWdpU55Z0nl3cJw0sKHn6i4PjlX75JOHX2Hl3eaxXdixApBPFiskh2shFer+J5Cac+x+skAqHKw0LWSDlcd5syIXU3P9xap0FteiopnYWMcsUIqkKyGVtvS4us9jzY/tffq+TVZ1PMmXnLxT5nSSdTaiNinZijcIMpR4fbUzIi4uHXUvnb3mYomrl+CsoPO9RRPoRK1G1ry921+2OTIVYK4p7CRX9WLRn5DfajknQOajV9iemLa8l39B6kbso6caegxPHo3toGLVmHTJLMRlLaBzHXik+QX5+tu8Ct6oZTy/zfKvNKN2cuPP5+7PXvv8U05R8vOKqldaWDkDX62loLTYzac0l5nG9i/IWaTglGUbc69CS++bBB10ipQws+gWLsrfa8zMqKWN/RuypEKxUmyG+L+owHmbONLBeruogZYsMYojgM/AMZ7XkPK2w23jvmLjS9z1nM00H9Iwty9gih3HihuMEH0McA0Eg38Yzou2vLYPFQRjnoOSQay/iNs8qxYipIvLjfwS0ZQADTT0mwEDbysmo4EAmPhko8YOC4aMMkE5jUvmbz9iys34NHVBpAPEAlDfa7CIctrSN7c55gXpNsZODgbPEKk3WTwMhr2cXE9vLpKL44CKkB/j6vIDfulw9TgpdJO1l5jCuOHqQ4IoSnzfk1GySysh1//VBK1iJmPKMtum5fMpkCqgwmHqYPHyrTFD5QuGTbmfF1XB31UyiAPIBJyz66AwNfX30VQxm8JjJOOFEw7Vh5Cw4V5eQZrTqIyi2ru1cHHK4bhCNAEDG+vAYGazkzNSrPeMxi+4DKcgolXDXCiydb+C5ZSyAri/uKq1jpkxCqDJKrQo45X3t1fLF26pC5Yau2PiJgwwqsGLd+wQzi5synuQRFrNNdPOwpKqq+pqTS5hhxI0ZEHCip8u4zJpXZ1SfWOAs31U8Qa9yB4gjuk2MmVQqZeP9EBkDPSrO9jC8NfpnWFsDn3SHlJzbeqyrbCntO8pbdZXdl2vrG44lDZ5ty+i7itYSs9Q5gvRjpL1cdPuX4aehGHTO8KlfqMnT03OWqdxjh9V5JHU/LSDmUc1rqSTI1aNzd57GzmgxGuzOl/uogbfiUJcS5sInzcz3qmX9T8ZeFrot+M3fDsrqSMVRlrdsVuiH4j9OWgpX5R1jOZH3pNRG+nn+VKcvjlLBQ7Dm/nwTxhaV82lU1n/iyABTjPwLepaFHgiQd6jEPPkV/OGv1oiEjX1Ag1J+wYnDGZG+AO0F9XtIzHEwfta+qf/x8ItC/sbVFT2utc2NtqX9j/f/+bwci/LrBf5ue/f/FdksJ3h8YAAAAASUVORK5CYII=) no-repeat 0 0; background-position: -2px -1px; background-size: 100%; } } .dx-colorbox.dx-state-focused .dx-colorbox-input { padding-left: 40px; } .dx-colorbox .dx-placeholder { left: 32px; } .dx-colorbox-input-container:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQoU2P4DwVnoIBhgARgDJjEAAkAAPQn5YE6DjD8AAAAAElFTkSuQmCC) repeat 0 0; } .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=) no-repeat 0 0; } .dx-colorbox-color-result-preview { border-color: #d3d3d3; } .dx-colorbox-overlay { padding: 0; } .dx-colorbox-overlay.dx-overlay-content { background-color: #fff; } .dx-colorbox-overlay .dx-popup-content { padding: 20px; } .dx-rtl.dx-colorbox.dx-state-focused .dx-colorbox-input, .dx-rtl .dx-colorbox.dx-state-focused .dx-colorbox-input { padding-right: 40px; } .dx-rtl .dx-colorbox-overlay .dx-toolbar-item:first-child { padding-left: 10px; padding-right: 0; } .dx-datagrid.dx-datagrid-borders>.dx-datagrid-headers, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-rowsview, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-total-footer { border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; } .dx-datagrid.dx-datagrid-borders>.dx-datagrid-rowsview, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-total-footer { border-bottom: 1px solid #d3d3d3; } .dx-datagrid.dx-datagrid-borders>.dx-datagrid-pager, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-headers, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-rowsview { border-top: 1px solid #d3d3d3; } .dx-datagrid .dx-menu { background-color: transparent; height: 100%; } .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content { padding: 6px 5px 4px; } .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon { margin: 0 3px; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon { color: #898989; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc { font: 14px/1 DXIcons; width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before { /* content: "\f053 ";*/ } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc { font: 14px/1 DXIcons; width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before { /* content: "\f054 ";*/ } .dx-datagrid .dx-icon-filter-operation-equals { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-equals:before { /* content: "\f044 ";*/ } .dx-datagrid .dx-icon-filter-operation-default { font: 14px/1 DXIcons; width: 12px; height: 12px; background-position: 0 0; -webkit-background-size: 12px 12px; -moz-background-size: 12px 12px; background-size: 12px 12px; padding: 0; font-size: 12px; text-align: center; line-height: 12px; } .dx-datagrid .dx-icon-filter-operation-default:before { /*content: "\f027 ";*/ } .dx-datagrid .dx-icon-filter-operation-not-equals { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-not-equals:before { content: "\f045 "; } .dx-datagrid .dx-icon-filter-operation-less { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-less:before { content: "\f046 "; } .dx-datagrid .dx-icon-filter-operation-less-equal { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-less-equal:before { content: "\f048 "; } .dx-datagrid .dx-icon-filter-operation-greater { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-greater:before { content: "\f047 "; } .dx-datagrid .dx-icon-filter-operation-greater-equal { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-greater-equal:before { content: "\f049 "; } .dx-datagrid .dx-icon-filter-operation-contains { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-contains:before { content: "\f063 "; } .dx-datagrid .dx-icon-filter-operation-not-contains { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-not-contains:before { content: "\f066 "; } .dx-datagrid .dx-icon-filter-operation-starts-with { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-starts-with:before { content: "\f064 "; } .dx-datagrid .dx-icon-filter-operation-ends-with { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-ends-with:before { content: "\f065 "; } .dx-datagrid .dx-row-alt>td { background-color: rgba(211,211,211,.2); } .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) { border-bottom-color: transparent; } .dx-datagrid .dx-link { color: #606060; } .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon { -webkit-background-size: 60%; -moz-background-size: 60%; /*background-size: 60%; hcLee*/ background-size: 100% !important; } .dx-datagrid .dx-row-lines>td { border-bottom: 1px solid #d3d3d3; } .dx-datagrid .dx-column-lines>td { border-left: 1px solid #d3d3d3; } .dx-datagrid .dx-error-row td { background-color: rgba(234,68,68,.6); color: #fff; padding: 7px; } .dx-datagrid .dx-error-row td .dx-error-message { white-space: normal; word-wrap: break-word; padding-right: 35px; } .dx-datagrid .dx-error-row td .dx-closebutton { float: right; margin-top: 2px; margin-right: 2px; font: 14px/1 DXIcons; width: 14px; height: 14px; background-position: 0 0; -webkit-background-size: 14px 14px; -moz-background-size: 14px 14px; background-size: 14px 14px; padding: 0; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid .dx-error-row td .dx-closebutton:before { content: "\f00a "; } .dx-datagrid .dx-row>td { padding: 7px; } .dx-datagrid-export-menu .dx-menu-items-container .dx-icon { color: #898989; } .dx-editor-cell .dx-numberbox-spin-button { background-color: transparent; } .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon { background-position: 1px 50%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAp0lEQVQoz3XQvQrBcRjF8RMSyUYok8HyLcqo3IJLcAVWV2AyGJQrcAlGmd2BDGYDiSgLwzEgL/+fnun0qedNVqhIMKaoP9jF9MJU4cqMTIjirNhTRVESfUwXOYB1bsxJOIqkWHKhjCKIGGA6PLMscsSe1MRMH8myRIszY2IWWdYcyb87iQIHzIgkQ0ybjzGyKLHDLLgw+V7v9ZETZkM6gBY1tjR+b74DZxmod6zxoqMAAAAASUVORK5CYII=); } .dx-editor-cell .dx-texteditor { background: #fff; } .dx-editor-cell .dx-texteditor .dx-texteditor-input { padding: 7px; background: #fff; } .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input { padding-right: 41px; } .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input { padding-right: 81px; } .dx-editor-cell .dx-dropdowneditor .dx-dropdowneditor-button { background-color: #fff; } .dx-editor-cell .dx-dropdowneditor.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 41px; } .dx-datagrid-checkbox-size { line-height: normal; } .dx-datagrid-checkbox-size .dx-checkbox-icon { /* height: 16px; width: 16px; hcLee V14.1-V15.1*/ height: 19px; width: 19px; } .dx-datagrid-column-chooser .dx-overlay-content { background-color: #fafafa; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2); box-shadow: 0 1px 3px rgba(0,0,0,.2); } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title { background-color: transparent; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content { padding: 0 20px 20px 20px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-message { color: #a8a8a8; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { margin-bottom: 10px; background-color: #fff; color: #767676; border: 1px solid #d3d3d3; padding: 7px; -webkit-box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); } .dx-datagrid-drag-header { -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); color: #767676; padding: 7px; border: 1px solid rgba(96,96,96,.5); background-color: #fff; } .dx-datagrid-columns-separator { background-color: #d3d3d3; } .dx-datagrid-columns-separator-transparent { background-color: transparent; } .dx-datagrid-drop-highlight>td { background-color: #606060; color: #fff; } .dx-datagrid-focus-overlay { border: 2px solid #606060; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td:not(.dx-focused) { background-color: rgba(96,96,96,.1); color: #232323; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td:not(.dx-focused).dx-datagrid-group-space { border-right-color: rgba(96,96,96,.1); } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>.dx-datagrid-readonly .dx-texteditor .dx-texteditor-input { background-color: rgba(96,96,96,.1); color: #232323; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td.dx-pointer-events-none { background-color: transparent; } .dx-datagrid-table .dx-row .dx-command-select { width: 70px; min-width: 70px; } .dx-datagrid-table .dx-row .dx-command-edit { width: 85px; min-width: 85px; } .dx-datagrid-table .dx-row .dx-command-expand { width: 30px; min-width: 30px; } .dx-datagrid-headers { color: #767676; -ms-touch-action: pinch-zoom; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-datagrid-headers .dx-datagrid-table .dx-row { border-bottom: 1px solid #d3d3d3; } .dx-datagrid-filter-row .dx-menu .dx-overlay-content { color: #232323; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused { background-color: transparent; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after { border: 2px solid #606060; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded { background-color: #fff; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after { border-color: transparent; } .dx-datagrid-filter-row .dx-highlight-outline::after { border-color: #b8e8a1; } .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-filter-menu .dx-menu-item-content .dx-icon-filter-operation-default+.dx-menu-item-text { padding-left: 7px; } .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-highlight-outline { padding: 7px; } .dx-datagrid-header-panel { border-bottom: 1px solid #d3d3d3; } .dx-datagrid-header-panel .dx-button { margin-bottom: 10px; margin-left: 10px; } .dx-datagrid-header-panel .dx-apply-button.dx-state-hover { background-color: #eaffe0; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg,#eaffe0 0%,#eaffe0 100%); background-image: -moz-linear-gradient(-90deg,#eaffe0 0%,#eaffe0 100%); background-image: -ms-linear-gradient(-90deg,#eaffe0 0%,#eaffe0 100%); background-image: -o-linear-gradient(-90deg,#eaffe0 0%,#eaffe0 100%); background-image: linear-gradient(180deg,#eaffe0 0%,#eaffe0 100%); } .dx-datagrid-header-panel .dx-apply-button.dx-state-active { background-color: #a8dd8f; } .dx-datagrid-header-panel .dx-apply-button:not(.dx-state-hover):not(.dx-state-disabled):not(.dx-state-active) { background-color: #b8e8a1; background-color: #cdf8b9; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg,#cdf8b9 0%,#b9e9a2 100%); background-image: -moz-linear-gradient(-90deg,#cdf8b9 0%,#b9e9a2 100%); background-image: -ms-linear-gradient(-90deg,#cdf8b9 0%,#b9e9a2 100%); background-image: -o-linear-gradient(-90deg,#cdf8b9 0%,#b9e9a2 100%); background-image: linear-gradient(180deg,#cdf8b9 0%,#b9e9a2 100%); } .dx-datagrid-column-chooser-button .dx-icon-column-chooser { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-column-chooser-button .dx-icon-column-chooser:before { content: "\f04d "; } .dx-datagrid-addrow-button .dx-icon-edit-button-addrow { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before { content: "\f00b "; } .dx-datagrid-cancel-button .dx-icon-edit-button-cancel { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-cancel-button .dx-icon-edit-button-cancel:before { content: "\f04c "; } .dx-datagrid-save-button .dx-icon-edit-button-save { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-save-button .dx-icon-edit-button-save:before { content: "\f041 "; } .dx-apply-button .dx-icon-apply-filter { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-apply-button .dx-icon-apply-filter:before { content: "\f050 "; } .dx-datagrid-export-button .dx-icon-export-to { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-export-button .dx-icon-export-to:before { content: "\f05f "; } .dx-datagrid-export-button .dx-icon-export-excel-button { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-export-button .dx-icon-export-excel-button:before { content: "\f060 "; } .dx-datagrid-group-panel { margin-bottom: 10px; -ms-touch-action: pinch-zoom; } .dx-datagrid-group-panel .dx-group-panel-message { color: #767676; padding: 7px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-datagrid-group-panel .dx-group-panel-item { margin-right: 10px; color: #767676; border: 1px solid #d3d3d3; padding: 7px; } .dx-datagrid-group-panel .dx-block-separator { margin-right: 10px; color: #767676; padding: 8px; background-color: rgba(96,96,96,.1); } .dx-datagrid-search-panel { margin-bottom: 10px; margin-left: 10px; } .dx-datagrid-rowsview .dx-row { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child>td { border-top-width: 0; border-bottom: 1px solid #d3d3d3; } .dx-datagrid-rowsview .dx-row.dx-edit-row>td { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dx-datagrid-rowsview .dx-master-detail-row>.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after { border: 1px solid rgba(234,68,68,.4); } .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused>.dx-highlight-outline::after { border: 1px solid #ea4444; } .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-popup-content { padding: 9px 17px 9px; } .dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after { border-color: #b8e8a1; } .dx-datagrid-rowsview .dx-row-removed { background-color: #b8e8a1; } .dx-datagrid-rowsview .dx-group-row { color: #767676; background-color: #fff; font-weight: bold; } .dx-datagrid-rowsview .dx-group-row td { border-top-color: #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dx-datagrid-rowsview .dx-selection.dx-row>td, .dx-datagrid-rowsview .dx-selection.dx-row:hover>td { background-color: #868686; font-weight: bold; /*//color: #fff;//#606060*/ } .dx-datagrid-rowsview .dx-selection.dx-row>td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:hover>td.dx-datagrid-group-space { border-right-color: #606060; } .dx-datagrid-rowsview .dx-selection.dx-row>.dx-editor-inline-block, .dx-datagrid-rowsview .dx-selection.dx-row:hover>.dx-editor-inline-block { background-color: #868686;/*#606060*/ } .dx-datagrid-rowsview .dx-selection.dx-row>.dx-datagrid-readonly .dx-texteditor .dx-texteditor-input, .dx-datagrid-rowsview .dx-selection.dx-row:hover>.dx-datagrid-readonly .dx-texteditor .dx-texteditor-input { background-color: #606060; color: #fff; } .dx-datagrid-rowsview .dx-selection.dx-row>td.dx-focused, .dx-datagrid-rowsview .dx-selection.dx-row:hover>td.dx-focused { background-color: #fff; color: #232323; } .dx-datagrid-rowsview .dx-selection.dx-row>.dx-datagrid-readonly.dx-focused .dx-texteditor .dx-texteditor-input, .dx-datagrid-rowsview .dx-selection.dx-row:hover>.dx-datagrid-readonly.dx-focused .dx-texteditor .dx-texteditor-input { background-color: #fff; color: #232323; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines)>td, .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines)>td { border-bottom: 1px solid #606060; border-top: 1px solid #606060; } .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines:first-child>td, .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines:first-child>td { border-top: 1px solid #606060; } .dx-datagrid-rowsview .dx-row .dx-master-detail-cell { padding-top: 10px; padding-bottom: 10px; } .dx-master-detail-cell { background-color: #fff; } .dx-datagrid-group-opened { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-group-opened:before { content: "\f001 "; } .dx-datagrid-group-closed { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-group-closed:before { content: "\f04e "; } .dx-datagrid-group-opened, .dx-datagrid-group-closed { width: 100%; } .dx-datagrid-search-text { color: #fff; background-color: #606060; } .dx-datagrid-nodata { color: #a8a8a8; font-size: 17px; } .dx-datagrid-bottom-load-panel { border-top: 1px solid #d3d3d3; } .dx-datagrid-pager { border-top: 3px double #d3d3d3; } .dx-datagrid-pager.dx-widget { color: #232323; } .dx-datagrid-summary-item { color: rgba(35,35,35,.7); } .dx-datagrid-total-footer { border-top: 1px solid #d3d3d3; } .dx-row.dx-datagrid-group-footer.dx-column-lines { border-bottom: 1px solid #d3d3d3; } .dx-row.dx-datagrid-group-footer>td { background-color: #fff; border-top: 1px solid #d3d3d3; border-left-width: 0; } .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td:not(.dx-focused).dx-datagrid-group-space { border-left-color: rgba(96,96,96,.1); border-right-color: transparent; } .dx-rtl .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input, .dx-rtl .dx-editor-cell .dx-dropdowneditor.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 7px; } .dx-rtl .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input, .dx-rtl .dx-editor-cell .dx-editor-with-menu .dx-texteditor.dx-numberbox-spin .dx-texteditor-input { padding-left: 41px; } .dx-rtl .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input, .dx-rtl .dx-editor-cell .dx-editor-with-menu .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input { padding-left: 81px; } .dx-rtl .dx-editor-cell .dx-dropdowneditor.dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-rtl .dx-editor-cell .dx-editor-with-menu .dx-dropdowneditor.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-left: 41px; } .dx-rtl .dx-datagrid .dx-column-lines>td { border-right: 1px solid #d3d3d3; } .dx-rtl .dx-datagrid .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon { margin: 0 3px; } .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row>td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover>td:not(.dx-focused).dx-datagrid-group-space { border-left-color: #606060; } .dx-rtl .dx-datagrid-search-panel { margin-bottom: 10px; margin-right: 10px; } .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item, .dx-rtl .dx-datagrid-group-panel .dx-block-separator { margin-left: 10px; } .dx-menu-item { color: #232323; } .dx-menu-item.dx-state-focused, .dx-menu-item.dx-state-active, .dx-menu-item-expanded { outline: none; background-color: rgba(96,96,96,.1); color: #232323; } .dx-menu-base { color: #232323; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; line-height: normal; } .dx-menu-base input, .dx-menu-base textarea { font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; } .dx-menu-base .dx-menu-item-selected, .dx-menu-base .dx-menu-item-selected.dx-state-focused, .dx-menu-base .dx-menu-item-selected.dx-state-active { background-color: #606060; } .dx-menu-base .dx-menu-item-selected *, .dx-menu-base .dx-menu-item-selected.dx-state-focused *, .dx-menu-base .dx-menu-item-selected.dx-state-active * { color: #fff; } .dx-menu-base.dx-state-disabled { opacity: .5; } .dx-menu-base.dx-state-focused { outline: none; } .dx-menu-base .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-menu-base .dx-menu-item-content { padding: 3px 5px 7px; } .dx-menu-base .dx-menu-item-content .dx-menu-item-text { padding: 0 25px 5px 5px; } .dx-menu-base .dx-menu-item-content .dx-menu-item-popout { min-width: 7px; min-height: 7px; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon { margin-left: auto; margin-right: 5px; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container { margin-left: 0; margin-right: auto; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout { -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-context-menu-container-border { background-color: transparent; border: 1px solid #d3d3d3; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.15); box-shadow: 0 1px 1px rgba(0,0,0,.15); } .dx-menu { color: #232323; } .dx-menu .dx-menu-item-expanded { background-color: #fff; } .dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon { margin: 0 19px 0 3px; } .dx-menu .dx-menu-item-has-text .dx-menu-item-text { padding: 0 0 5px 5px; } .dx-menu .dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon { margin: 0 3px; } .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text { padding: 0 19px 5px 5px; } .dx-menu .dx-menu-horizontal .dx-menu-item-popout { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAQAAADoz+32AAAAJ0lEQVQY0zXHsQ0AIADDsDzYi5rfywDIkzHuayhNXwQR44wIvSJlHGpwGRxVkleEAAAAAElFTkSuQmCC); } .dx-menu .dx-menu-vertical .dx-menu-item-popout { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAQAAACFbCRbAAAAKklEQVQYV2Oo9q1hqGH4z8BQ8x/ErAYxgBDIhDCAoiApoAhYCqYGyAMxADcNGRxZXrsnAAAAAElFTkSuQmCC); } .dx-menu.dx-rtl .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon { margin: 0 3px 0 19px; } .dx-menu.dx-rtl .dx-menu-item-has-text .dx-menu-item-text { padding: 0 5px 5px 0; } .dx-menu.dx-rtl .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text { padding: 0 5px 5px 19px; } .dx-context-menu { color: #232323; } .dx-context-menu.dx-overlay-content.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-context-menu .dx-submenu>.dx-menu-items-container { background-color: #fff; border: 1px solid #d3d3d3; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.15); box-shadow: 0 2px 2px rgba(0,0,0,.15); } .dx-context-menu .dx-menu-item-selected>.dx-menu-item-content, .dx-context-menu .dx-menu-item-selected.dx-state-focused>.dx-menu-item-content, .dx-context-menu .dx-menu-item-selected.dx-state-active>.dx-menu-item-content { color: #fff; } .dx-context-menu .dx-item-selected>.dx-menu-item>.dx-menu-item-content .dx-menu-item-popout { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAQAAACFbCRbAAAAIklEQVQYV2P47/ufAQQZ/v+HMBmAFJgJEgYzkUSQ1IB1AQB+mSPiDtT8NgAAAABJRU5ErkJggg==); } .dx-context-menu .dx-menu-item-popout { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAQAAACFbCRbAAAAKklEQVQYV2Oo9q1hqGH4z8BQ8x/ErAYxgBDIhDCAoiApoAhYCqYGyAMxADcNGRxZXrsnAAAAAElFTkSuQmCC); } .dx-context-menu .dx-menu-separator { background-color: #d3d3d3; } .dx-context-menu.dx-rtl .dx-menu-item-content { padding: 5px 3px 5px 5px; } .dx-context-menu.dx-rtl .dx-menu-item-content .dx-menu-item-text { padding: 0 5px 5px 25px; } .dx-context-menu-content-delimiter { background-color: #fff; } .dx-calendar { width: 282px; min-width: 282px; height: 268.6px; min-height: 268.6px; background-color: #fff; -webkit-tap-highlight-color: transparent; outline: 0; border: 1px solid transparent; } .dx-calendar.dx-calendar-with-footer { height: 323.6px; min-height: 293.6px; } .dx-calendar.dx-calendar-with-footer .dx-calendar-body { bottom: 55px; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer { text-align: center; height: 45px; width: 100%; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button { background: none; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button.dx-state-active { background-color: rgba(96,96,96,.2); } .dx-calendar-navigator { line-height: 1.6; height: 36px; display: table; border-collapse: collapse; width:100%; /*hcLee Ãß°¡ */ } .dx-calendar-navigator .dx-button { height: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; display: table-cell; border-color: #e0e0e0; } .dx-calendar-navigator .dx-button .dx-icon { font-size: 16px; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link { border-collapse: collapse; visibility: visible; opacity: 1; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content { opacity: .5; } .dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link) { z-index: 1; } .dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) { z-index: 1; border-color: #b7b7b7; } .dx-calendar-navigator .dx-calendar-caption-button { font-size: 16px; font-weight: bold; line-height: 1.2; text-transform: uppercase; right: 32px; left: 32px; /* background: none; hcLee*/ } .dx-calendar-navigator .dx-calendar-caption-button.dx-button { padding: 2px 15px 4px; } .dx-calendar-navigator .dx-calendar-caption-button.dx-button.dx-state-active { background-color: rgba(96,96,96,.2); } .dx-calendar-navigator-previous-month { width: 32px; padding: 0; background: none; } .dx-calendar-navigator-previous-month.dx-button { margin: 0 2px; } .dx-calendar-navigator-previous-month.dx-state-hover { z-index: 1; } .dx-calendar-navigator-previous-month, .dx-calendar-navigator-next-view { width: 32px; padding: 0; background: none; } .dx-calendar-navigator-previous-month.dx-button, .dx-calendar-navigator-next-view.dx-button { margin: 0 1px; } .dx-calendar-navigator-previous-view, .dx-calendar-navigator-previous-month { left: 0; } .dx-calendar-navigator-previous-view.dx-button, .dx-calendar-navigator-previous-month.dx-button { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .dx-calendar-navigator-next-view, .dx-calendar-navigator-next-month { right: 0; } .dx-calendar-navigator-next-view.dx-button, .dx-calendar-navigator-next-month.dx-button { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .dx-calendar-body { top: 52px; } .dx-calendar-body thead { border-bottom: 1px double #d3d3d3; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 1.2; } .dx-calendar-body thead tr th { color: #a8a8a8; padding-bottom: 10px; } .dx-calendar-body table { padding: 1px 1px; } .dx-calendar-body table th { color: #a8a8a8; text-align: center; font-size: 12px; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding: 1px 0 6px 0; } .dx-calendar-cell { text-align: center; padding: 1px 8px 2px; color: #232323; font-size: 15px; border: 1px double transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; width: 39px; } .dx-calendar-cell.dx-state-hover { background-color: rgba(96,96,96,.1); } .dx-calendar-cell.dx-calendar-today { text-shadow: 0 1px 0 #232323; } .dx-calendar-cell.dx-calendar-other-view, .dx-calendar-cell.dx-calendar-empty-cell { color: #9f9f9f; } .dx-calendar-cell.dx-calendar-empty-cell { cursor: default; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=) center center no-repeat; } .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover { background-color: transparent; } .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) { background-color: rgba(96,96,96,.2); } .dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today { color: #fff; background-color: #606060; text-shadow: 0 1px 0 white; font-weight: normal; } .dx-calendar-cell.dx-calendar-contoured-date { border: 1px double #606060; border-color: rgba(96,96,96,.4); } .dx-state-focused.dx-calendar { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-state-disabled .dx-calendar, .dx-state-disabled.dx-calendar { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-invalid.dx-calendar { border-color: rgba(234,68,68,.4); } .dx-invalid.dx-calendar.dx-state-focused { border-color: #ea4444; } .dx-popup-wrapper .dx-calendar .dx-calendar-caption-button { margin: 0; } .dx-treeview.dx-treeview-border-visible { border: 1px solid #d3d3d3; } .dx-treeview.dx-treeview-border-visible .dx-treeview-node-container:first-child { padding-left: 7px; padding-top: 7px; } .dx-treeview .dx-treeview-select-all-item { margin: 0 0 7px 0; border-bottom: 1px solid #d3d3d3; padding: 9px 0 11px 26px; } .dx-treeview .dx-treeview-node-container:first-child>.dx-treeview-node { padding-left: 15px; } .dx-treeview .dx-treeview-node-container:first-child>.dx-treeview-node>.dx-checkbox { left: 19px; } .dx-treeview .dx-treeview-node-container:first-child>.dx-treeview-node>.dx-treeview-toggle-item-visibility { background-position: 4px 50%; } .dx-treeview .dx-treeview-node-container:first-child>.dx-treeview-node>.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened { background-position: 0 50%; } .dx-treeview .dx-treeview-node-container:first-child>.dx-treeview-node>.dx-loadindicator { top: 8px; left: -1px; } .dx-treeview .dx-treeview-node { padding-left: 21px; } .dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item { padding-left: 36px; } .dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox .dx-checkbox { top: 5px; left: 25px; } .dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox.dx-state-focused>.dx-checkbox .dx-checkbox-icon { border: 1px solid #606060; } .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused>.dx-treeview-item { background-color: #606060; } .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused>.dx-treeview-item * { color: #fff; } .dx-treeview .dx-treeview-item { padding: 6px 6px; min-height: 32px; } .dx-treeview .dx-treeview-item .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-treeview .dx-treeview-item.dx-state-hover { background-color: rgba(96,96,96,.1); } .dx-treeview .dx-treeview-item.dx-state-hover * { color: #232323; } .dx-treeview .dx-treeview-toggle-item-visibility { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAQAAADWMFy7AAAAJ0lEQVQY02OQa/jPAIEMcv9hHBATyoEwwRwYE8jBwmzA0AY3DG4FAGi6MF2DkI0NAAAAAElFTkSuQmCC) no-repeat 10px 50%; width: 21px; height: 32px; top: 0; left: 0; } .dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAQAAADWbbXjAAAAK0lEQVQY013IsQ0AIAzEQE+SWX9zU5AgEbnyUSlXQRZH8OdI4+Pca5TKkBwcVzBdcr+uWgAAAABJRU5ErkJggg==); background-position: 6px 50%; } .dx-treeview .dx-loadindicator { top: 9px; left: 3px; } .dx-treeview.dx-rtl.dx-treeview-border-visible .dx-treeview-node-container:first-child { padding-left: 0; padding-right: 7px; } .dx-treeview.dx-rtl .dx-treeview-node { padding-right: 21px; } .dx-treeview.dx-rtl .dx-treeview-item .dx-icon { margin-left: 5px; } .dx-treeview.dx-rtl .dx-treeview-node-container:first-child { float: right; } .dx-treeview.dx-rtl .dx-treeview-node-container:first-child>.dx-treeview-node { padding-right: 15px; } .dx-treeview.dx-rtl .dx-treeview-node-container:first-child>.dx-treeview-node>.dx-checkbox { right: 19px; } .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item { padding-right: 36px; } .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox { right: 25px; } .dx-treeview.dx-rtl .dx-treeview-select-all-item { padding-left: 0; padding-right: 26px; } .dx-treeview.dx-rtl.dx-rtl .dx-treeview-node .dx-checkbox { left: auto; } .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox { overflow: visible; } .dx-field { /* color: #232323; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; line-height: normal;*/ padding: 0px; padding-top: 16px; min-height: 48px; color: #2b2b2b; font-weight: normal; font-size: 14px; font-family: "Nanum Gothic"; } .dx-field input, .dx-field textarea { /* font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; hcLee V14.1-V15.1*/ font-family: "Nanum Gothic"; } .dx-field-label { color: #767676; } .dx-field-value.dx-attention { color: #ea4444; padding-left: 28px; } .dx-field-value.dx-attention:before { pointer-events: none; font-weight: bold; background-color: #ea4444; color: #fff; content: '!'; position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 18px; font-size: 13px; } .dx-field-label { /* padding: 8px 15px 9px 0; hcLee */ padding-top: 8px; padding-bottom: 9px; width:100%; /*hcLee*/ } .dx-field { /* min-height: 36px; padding: 0; hcLee */ padding: 0px; padding-top: 16px; min-height: 48px; color: #2b2b2b; font-weight: normal; font-size: 14px; font-family: "Nanum Gothic"; } .dx-field-value.dx-widget, .dx-field-value:not(.dx-widget)>.dx-widget { margin: 0; } .dx-field-value:not(.dx-widget)>.dx-button, .dx-field-value:not(.dx-widget)>.dx-checkbox, .dx-field-value:not(.dx-widget)>.dx-switch { float: right; } .dx-field-value.dx-checkbox, .dx-field-value:not(.dx-widget)>.dx-checkbox { margin: 7px 0; } .dx-field-value.dx-switch, .dx-field-value:not(.dx-widget)>.dx-switch { margin: 6px 0; } .dx-field-value.dx-slider, .dx-field-value:not(.dx-widget)>.dx-slider { margin: 4px 0; } .dx-field-value.dx-radiogroup, .dx-field-value:not(.dx-widget)>.dx-radiogroup { margin: 5px 0; } .dx-field-value.dx-attention { padding: 8px 10px 9px; position: relative; padding-left: 28px; } .dx-field-value.dx-attention:before { left: 0; } .dx-field-value-static { padding: 8px 10px 9px; } .dx-fieldset { /* margin: 30px 20px; padding: 0; hcLee*/ margin-bottom: 8px; padding: 0 10px; } .dx-fieldset-header { margin: 0 0 20px 0; font-weight: 500; font-size: 18px; } .dx-field { /* margin: 0 0 10px 0; hcLee*/ padding: 0px; padding-top: 16px; min-height: 48px; color: #2b2b2b; font-weight: normal; font-size: 14px; font-family: "Nanum Gothic"; } .dx-field:last-of-type { margin: 0; } .dx-device-mobile .dx-fieldset { margin: 20px 15px; padding: 0; } .dx-device-mobile .dx-fieldset-header { margin: 0 0 20px 0; font-weight: 500; font-size: 18px; } .dx-device-mobile .dx-field { margin: 0 0 10px 0; } .dx-device-mobile .dx-field:last-of-type { margin: 0; } .dx-tabpanel .dx-tabs { display: block; border-bottom: none; background-color: rgba(96,96,96,.1); } .dx-tabpanel .dx-tab { width: 140px; } .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) { background: none; } .dx-tabpanel .dx-tab-selected:before { content: ""; pointer-events: none; position: absolute; top: 100%; bottom: -1px; left: 0; right: 0; z-index: 2; border-bottom: 1.5px solid #fff; bottom: -1.4px; } .dx-tabpanel .dx-indent-wrapper { display: block; } .dx-tabpanel.dx-state-focused .dx-multiview-wrapper { border: 1px solid #606060; } .dx-tabpanel.dx-state-focused .dx-tab-selected:after { border-top: 1px solid #606060; border-right: 1px solid #606060; border-left: 1px solid #606060; } .dx-tabpanel .dx-multiview-wrapper { border: 1px solid #d3d3d3; } .dx-fileuploader-wrapper { padding: 7px; } .dx-fileuploader-content>.dx-fileuploader-upload-button { margin-left: 3px; margin-right: 3px; } .dx-fileuploader-input-wrapper { padding: 7px 0 7px; border: 3px dashed transparent; } .dx-fileuploader.dx-state-disabled .dx-fileuploader-input-label { position: relative; } .dx-fileuploader-dragover .dx-fileuploader-input-wrapper { border-color: #d3d3d3; padding: 0; } .dx-fileuploader-dragover .dx-fileuploader-input-wrapper .dx-fileuploader-button { display: none; } .dx-fileuploader-dragover .dx-fileuploader-input-label { text-align: center; } .dx-fileuploader-dragover .dx-fileuploader-input-container { display: block; width: 100%; } .dx-fileuploader-dragover .dx-fileuploader-input { display: block; width: 100%; padding: 14px 0; } .dx-fileuploader-dragover .dx-fileuploader-input-label { padding: 14px 9px; } .dx-fileuploader-file-status-message, .dx-fileuploader-file-size { color: #a8a8a8; } .dx-fileuploader-input { padding: 7px 0; } .dx-fileuploader-input-label { padding: 8px 9px; color: #232323; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-fileuploader-files-container { float: left; padding: 12px 3px 0; } .dx-fileuploader-files-container .dx-fileuploader-button { padding: 0; } .dx-fileuploader-file { padding-top: 5px; line-height: 13px; } .dx-fileuploader-empty .dx-fileuploader-files-container { padding: 0; } .dx-fileuploader-file-name { padding-bottom: 3.5px; color: #232323; } .dx-fileuploader-file-size { padding-bottom: 3.5px; } .dx-validationsummary-item { color: #ea4444; } .dx-timeview { height: auto; width: auto; } .dx-timeview-clock { min-height: 199px; min-width: 199px; background: url(data:image/png;base64,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) no-repeat 50% 50%; background-size: 191px; } .dx-timeview-hourarrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAA5CAQAAABU3im4AAAANUlEQVQoU2NIlkvelfwZiOUYkncn/wfD/QzJP6HMPwxQBhCOMkeZxDCR0g5SipIDcr4AsTwAUieEZJG7FqcAAAAASUVORK5CYII=); background-size: 5px 57px; } .dx-timeview-minutearrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAABPCAQAAACJpcdkAAAAN0lEQVQ4T2NIlkvelfwZiOUYkncn/wfD/QzJP6HMPwxQBhCOMkeZo0xsTKTcgpSH5ICcL0AsDwAA0RyP9T484wAAAABJRU5ErkJggg==); background-size: 5px 79px; } .dx-timeview-field { min-height: 50px; } .dx-timeview-field .dx-numberbox { width: 70px; } .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly { width: 110px; } .dx-scheduler.dx-state-focused, .dx-scheduler-header.dx-state-focused, .dx-scheduler-navigator.dx-state-focused, .dx-scheduler-work-space.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-scheduler-header { background-color: #fafafa; border: 1px solid rgba(211,211,211,.6); height: 56px; } .dx-scheduler-navigator { margin-top: 10px; height: 36px; } .dx-scheduler-navigator .dx-button { margin-right: 5px; height: 36px; } .dx-scheduler-view-switcher.dx-tabs { font-size: 16px; } .dx-scheduler-view-switcher.dx-tabs .dx-tab { background-color: #fafafa; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected { background-color: #fff; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before { background-color: #fff; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after { border-left: 1px solid rgba(211,211,211,.6); border-right: 1px solid rgba(211,211,211,.6); border-top: 1px solid #606060; border-bottom: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after { height: 56px; } .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) { border-bottom: 1px solid rgba(211,211,211,.6); } .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) .dx-scheduler-group-header { font-size: 14px; color: #a8a8a8; } .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header { font-weight: bold; font-size: 18px; color: #232323; } .dx-scheduler-all-day-panel { background-color: #fafafa; } .dx-scheduler-all-day-title { font-weight: bold; } .dx-scheduler-work-space { border: 1px solid rgba(211,211,211,.6); padding-top: 56px; margin-top: -56px; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title { border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell { border-left: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space-week .dx-scheduler-date-table-row:first-child { border-top: none; } .dx-scheduler-work-space-grouped .dx-scheduler-all-day-panel td { border-left: 1px solid rgba(211,211,211,.6); border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-date-table-cell { border-left: 1px solid rgba(211,211,211,.6); border-right: 1px solid rgba(211,211,211,.6); } .dx-scheduler-all-day-table-cell.dx-state-active, .dx-scheduler-date-table-cell.dx-state-active { background-color: rgba(211,211,211,.7); } .dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover { background-color: rgba(211,211,211,.5); } .dx-recurrence-editor-container { position: relative; margin-top: 15px; margin-bottom: 21px; padding-top: 17px; } .dx-recurrence-editor-container:before { content: ""; position: absolute; background-color: #fafafa; left: -25px; width: 110%; top: 3px; bottom: -15px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; } .dx-sheduler-appointment-popup .dx-popup-content { padding: 0; } .dx-sheduler-appointment-popup .dx-popup-content .dx-scrollable-container { padding: 0 10px; } .dx-sheduler-appointment-popup .dx-fieldset { margin: 0 15px; } .dx-sheduler-appointment-popup .dx-popup-title { background-color: #fff; border-bottom: none; } .dx-sheduler-appointment-popup .dx-recurrence-repeat-end-container { margin: 0; } .dx-sheduler-appointment-popup .dx-sheduler-appointment-popup-allday-field, .dx-sheduler-appointment-popup .dx-recurrence-interval-field, .dx-sheduler-appointment-popup .dx-sheduler-appointment-popup-recurrence-field { margin-top: 14px; } .dx-sheduler-appointment-popup .dx-recurrence-switch { margin-top: 6px; } .dx-sheduler-appointment-popup .dx-sheduler-appointment-popup-recurrence-field { margin-bottom: 13px; } .dx-sheduler-appointment-popup .dx-recurrence-interval-field, .dx-sheduler-appointment-popup .dx-recurrence-repeat-end-field, .dx-sheduler-appointment-popup .dx-sheduler-appointment-popup-allday-field { margin-bottom: 4px; } .dx-scheduler-appointment-tooltip-buttons:before, .dx-scheduler-appointment-tooltip-buttons:after { display: table; content: ""; line-height: 0; } .dx-scheduler-appointment-tooltip-buttons:after { clear: both; } .dx-scheduler-appointment-tooltip-buttons .dx-button { padding: 3px 6px; } .dx-scheduler-appointment-tooltip-buttons .dx-button:nth-child(even) { float: right; margin-right: 0; } .dx-scheduler-appointment-tooltip-buttons .dx-button:nth-child(odd) { float: left; margin-left: 0; } .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week th:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month th:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day th, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n+5), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n+5), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week th:nth-child(5n+5), .dx-scheduler-work-space-grouped .dx-scheduler-group-row th { border-right: 1px solid #a0a0a0; } .dx-desktop-layout-main-menu { background: #606060; } .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected { background: #efefef; } .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected .dx-tab-text { color: #232323; } .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected.dx-state-hover { background: #efefef; } .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected.dx-state-hover .dx-tab-text { color: #232323; } .dx-desktop-layout-main-menu .dx-nav-item.dx-state-hover { background: #9d9d9d; } .dx-desktop-layout-main-menu .dx-nav-item.dx-state-hover .dx-tab-text { color: #efefef; } .dx-desktop-layout-main-menu .dx-nav-item .dx-tab-text { color: #efefef; } .dx-desktop-layout-copyright { color: #818181; } .dx-desktop-layout-toolbar { background: #efefef; border-bottom-color: #d6d6d7; } .dx-splitter { border-right-color: #d6d6d7; }