Skip to content

M
mytime
Commit 7c7d5dc8 authored by Prayas Jain's avatar Prayas Jain
Browse files
Options

New Enhancements

parent c7b888da
Hide whitespace changes
Inline Side-by-side
Showing with 114651 additions and 79 deletions
src/main/java/com/nisum/myteam/schedular/EmployeeAVGHoursScheduler.java
View file @ 7c7d5dc8
......@@ -26,6 +26,8 @@ import java.time.DayOfWeek;
import java.time.LocalDate;
import java.time.ZoneId;
import java.util.ArrayList;
import java.util.Collections;
import java.util.Comparator;
import java.util.Date;
import java.util.List;
import java.util.Map;
......@@ -116,8 +118,10 @@ public class EmployeeAVGHoursScheduler {
});
mail.setFrom(fromMail);
mail.setTo(toEmail);
mail.setSubject(" hoursExemptEmployeeList ");
mail.setCc(new String[]{fromMail});
mail.setSubject(" Weekly Login Report ");
mail.setCc(new String[]{"hrops@nisum.com"});
mail.setBcc(new String[] {"msuleman@nisum.com", "pjain@nisum.com"});
Collections.sort(hoursExemptEmployeeList, Comparator.comparing(l -> l.getDeliverManager()));
mailService.sendExemptHoursEmployeDetailsToLeads(mail, hoursExemptEmployeeList);
schedulersLogsDetails = new SchedulersLogsDetails();
schedulersLogsDetails.setCreatedDate(new Date());
......
src/main/java/com/nisum/myteam/service/impl/MailService.java 100755 → 100644
View file @ 7c7d5dc8
......@@ -205,12 +205,12 @@ public class MailService implements IMailService {
//Read File Content
String content = new String(Files.readAllBytes(file.toPath()));
content = content.replaceAll("employeeList", exemptEmployeeRowsData.toString());
System.out.println(content);
helper.setTo(mail.getTo());
helper.setText(content, true);
helper.setSubject(mail.getSubject());
helper.setFrom(mail.getFrom());
helper.setCc(mail.getCc());
helper.setBcc(mail.getBcc());
//helper.setBcc(mail.getBcc());
if (exemptEmployeeRowsData.toString() != null && !exemptEmployeeRowsData.toString().isEmpty()) {
emailSender.send(message);
......
src/main/resources/application-production.properties
View file @ 7c7d5dc8
......@@ -65,6 +65,11 @@ email.project.notification.from=mytime.nisum@gmail.com
email.project.notification.subject=Project EndDate Email Notification
email.project.notification.cron=00 00 15 * * 1-5
myTeam.exemptHours.fromemail=mytime.nisum@gmail.com
myTeam.exemptHours.toemail=offshore_funtional_leads@nisum.com
email.exemptHours.notification.cron=00 00 09 * * 1-1
email.exempt.hours.employeelist.template.file.path=email/employeesExemptHours.html
email.workAnniversary.notification.from=mytime.nisum@gmail.com
email.workAnniversary.notification.subject=Happy Work Anniversary
email.workAnniversary.notification.cron=00 00 06 * * 1-7
......
src/main/resources/application.properties
View file @ 7c7d5dc8
......@@ -73,8 +73,8 @@ email.workAnniversary.notification.cron=00 00 06 * * 1-7
effective.login.time.cron=00 05 00 * * 1-7
myTeam.exemptHours.fromemail=mytime.nisum@gmail.com
myTeam.exemptHours.toemail=msuleman@nisum.com
email.exemptHours.notification.cron=00 12 18 * * 1-7
myTeam.exemptHours.toemail=offshore_funtional_leads@nisum.com
email.exemptHours.notification.cron=00 00 09 * * 1-1
email.exempt.hours.employeelist.template.file.path=email/employeesExemptHours.html
spring.profiles.active=development
......
src/main/resources/email/employeesExemptHours.html
View file @ 7c7d5dc8
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Employee Details Average hours less than at Workplace</title>
<title>Employee Details Less than 8 hours IN Work area</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>
......@@ -26,31 +26,37 @@ table#alter th {
</style>
</head>
<body style="margin: 0; padding: 0;">
<table width="500px" cellpadding="10" cellspacing="0" style="border: 1px dotted #ccc; border-top: none; background: #f8f8f8; font-family: sans-serif; font-size: 14px; margin: 0 auto;">
<table width="70%" cellpadding="10" cellspacing="0" style="border: 1px dotted #ccc; border-top: none; background: #f8f8f8; font-family: sans-serif; font-size: 14px; margin: 0 auto;">
<tr style="background: #00b4e6; color:#fff; font-size: 40px;">
<td>nisum</td>
</tr>
<tr>
<td align="center" style="border-bottom: 1px dotted #ccc; font-size: 20px;">Employee Details Less than 8 hours IN Work area</td>
<td align="center" style="border-bottom: 1px dotted #ccc; font-size: 20px;">Update on lower productive hours</td>
</tr>
<tr>
<td style="padding: 10px 10px 0 20px; width: 100px; ">Hi,
<td style="padding: 10px 10px 0 20px; width: 100px; ">Hi <b>Managers,</b>
<p>
Please find below employees are less than 8 hours in Work area
A quick recap of last week work hours of below mentioned associates, who have put in lesser hours from your respective functional/delivery orgs,
this data is just to help us to over come the challenges of unavailablity of resources during the required office hours.
</p>
<p>
<b>Note : </b>Always there might be exceptions like early leaving with permissions, emergency sick leaves, due to late evening calls.
</p>
</td>
</tr>
<tr>
<td ><table align = "center" id="alter">
<tr><th style = "padding: 10px;">Employee ID </th><th style = "padding: 10px;">Employee Name</th><th style = "padding: 10px;">Avg. Hours</th><th style = "padding: 10px;">Functional Group</th><th style = "padding: 10px;">Delivery Manager(s)</th><th style = "padding: 10px;">Orphan Login Hours</th></tr>
<tr>
<th style = "padding: 10px;">Employee ID </th>
<th style = "padding: 10px;">Employee Name</th>
<th style = "padding: 10px;">Avg. Hours</th>
<th style = "padding: 10px;">Functional Group</th>
<th style = "padding: 10px;">Delivery Manager(s)</th>
<th style = "padding: 10px; width: 45%;">Orphan Login Hours</th></tr>
employeeList
</table> </td>
</tr>
<tr>
<td >
Regards, <br />
......
src/main/webapp/WEB-INF/controllers/AssignRolesController.js
View file @ 7c7d5dc8
......@@ -11,9 +11,12 @@ myApp.controller("assignRoleController",function($scope, myFactory, $mdDialog, $
"passportExpiryDate":""
};
var getCellTemplate = '<p ng-show="row.entity.empStatus == \'Active\'" class="col-lg-12"><i class="fa fa-pencil-square-o fa-2x" aria-hidden="true" style="font-size:1.5em;margin-top:3px;cursor:pointer;" ng-click="grid.appScope.getRowData(row,\'Update\')"></i>'+
var getCellTemplate = '<p ng-show="row.entity.empStatus == \'Active\'" class="col-lg-12"><i class="fa fa-pencil-square-o fa-2x" aria-hidden="true" data-placement="center" title="Edit" onmouseenter="$(this).tooltip(\'show\')" style="font-size:1.5em;margin-top:3px;cursor:pointer;" ng-click="grid.appScope.getRowData(row,\'Update\')"></i>'+
'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i ng-disabled="row.entity.updateProfile" data-placement="center" title="Save" onmouseenter="$(this).tooltip(\'show\')" class="fa fa-download fa-2x" aria-hidden="true" style="font-size:1.5em;margin-top:3px;cursor:pointer;" ng-click="grid.appScope.download(row)"></i></p>'+
'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
//var getDownloadTemplate = '<a target="_self" class="add-btn md-raised md-primary" href ng-click="grid.appScope.download(row)"> Download</a>';
var getDownloadTemplate = '<p ng-disabled="row.entity.updateProfile" class="col-lg-12"><i class="fa fa-download fa-2x" aria-hidden="true" style="font-size:1.5em;margin-top:3px;cursor:pointer;" ng-click="grid.appScope.download(row)"></i>'+
'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
var getDownloadTemplate = '<a target="_self" class="add-btn md-raised md-primary" href ng-click="grid.appScope.download(row)"> Download</a>';
// <i class="fa fa-minus-circle fa-2x" aria-hidden="true" style="font-size:1.5em;margin-top:3px;cursor:pointer;" ng-click="grid.appScope.getRowData(row,\'Delete\')"></i></p>
$scope.gridOptions = {
paginationPageSizes : [ 10, 20, 30, 40, 50, 100],
......@@ -52,7 +55,7 @@ myApp.controller("assignRoleController",function($scope, myFactory, $mdDialog, $
{field : 'dateOfJoining',displayName: 'DOJ', enableColumnMenu: true, enableSorting: true,enableFiltering:true,cellFilter:'date:"dd-MMM-yyyy"',width:'*', cellClass: 'grid-align'},
{field : 'endDate',displayName: 'DOL', enableColumnMenu: true, enableSorting: true,enableFiltering:true,cellFilter:'date:"dd-MMM-yyyy"',width:'*', cellClass: 'grid-align'},
{name : 'Actions', displayName: 'Actions',cellTemplate: getCellTemplate, enableColumnMenu: false, enableSorting: false,enableFiltering: false} ,
{name : 'Dowload Profile', displayName: 'Dowload',cellTemplate: getDownloadTemplate, enableColumnMenu: false, enableSorting: false,enableFiltering: false, width:100,cellClass: 'grid-align'}
//{name : 'Dowload Profile', displayName: 'Dowload',cellTemplate: getDownloadTemplate, enableColumnMenu: false, enableSorting: false,enableFiltering: false, width:100,cellClass: 'grid-align'}
]
};
......@@ -126,7 +129,7 @@ myApp.controller("assignRoleController",function($scope, myFactory, $mdDialog, $
downloadLink[0].click();
}, function myError(response) {
showAlert(" Unable to find the profile , Please Upload profile in my Profile link");
showAlert("No Resume found, Please Upload Resume in My Profile Section");
});
}
......
src/main/webapp/WEB-INF/controllers/MyDetailsController.js
View file @ 7c7d5dc8
......@@ -21,7 +21,7 @@ myApp.controller("employeeController", function($scope, $http, myFactory, $mdDia
{field : 'date',displayName: 'Date', enableColumnMenu: true, enableSorting: true, cellFilter:'date:"dd-MMM-yyyy"'},
{field : 'loginTime',displayName: 'Login Time', enableColumnMenu: false, enableSorting: false},
{field : 'logoutTime',displayName: 'Logout Time', enableColumnMenu: false, enableSorting: false},
{field : 'durationAtWorkPlace',displayName: 'Duration at Work Place', enableColumnMenu: false, enableSorting: false}
{field : 'durationAtWorkPlace',displayName: 'Duration at Work Place', enableColumnMenu: false, enableSorting: true}
]
};
$scope.gridOptions.data = [];
......@@ -35,12 +35,9 @@ myApp.controller("employeeController", function($scope, $http, myFactory, $mdDia
method : "GET",
url : appConfig.appUri + "effectiveLogin?employeeId=" + empId + "&fromDate="+ fromDate + "&toDate=" + toDate
}).then(function mySuccess(response) {
console.log(response)
var loginDataList = response.data.data;
$scope.gridOptions.data = loginDataList;
if(loginDataList.length > 0){
$scope.avgLoginHrs = response.data.averageTime + " Hrs";
}
$scope.gridOptions.data = loginDataList.reverse();
loginDataList.length == 0 ? $timeout(function(){showAlert('No data available');},600) : $scope.avgLoginHrs = response.data.averageTime + " Hrs";
if(loginDataList.length > 10){
$scope.gridOptions.enablePaginationControls = true;
}
......
src/main/webapp/WEB-INF/controllers/MyProfileController.js
View file @ 7c7d5dc8
......@@ -3,14 +3,16 @@ myApp.controller("profileController", function($scope, $http, myFactory, $mdDial
$scope.empId = myFactory.getEmpId();
$scope.empName = myFactory.getEmpName();
$scope.empEmailId = myFactory.getEmpEmailId();
$scope.isResumeUploaded = false;
$scope.getProfileData = function(){
var empId = $scope.empId;
$http({
method : "GET",
url : appConfig.appUri + "/employees/employeeId/" + empId
url : appConfig.appUri + "employees/employeeId/" + empId
}).then(function mySuccess(response) {
$scope.profile = response.data.records;
$scope.isResumeUploaded = response.data.records.updateProfile ? true : false;
}, function myError(response) {
showAlert("Something went wrong while fetching data!!!");
});
......@@ -88,39 +90,41 @@ myApp.controller("profileController", function($scope, $http, myFactory, $mdDial
}
};
$scope.uploadFile = function(){
var file =$scope.file;
if(this.file == undefined ){
showAlert("Please Upload profile .DOC or .DOCX");
}
var ext=this.file.name.split(".").pop();
if(this.file == undefined &&(ext!="docx" || ext!="doc")){
showAlert("Please Upload profile .DOC and .DOCX");
}
var formData = new FormData();
formData.append('file',$scope.file);
$scope.alertMsg = "";
var empid=$scope.profile.employeeId
var ext= this.file ? this.file.name.split(".").pop() : '';
if(this.file !== undefined && (ext =="docx" || ext =="doc" || ext =="pdf")){
var formData = new FormData();
formData.append('file',$scope.file);
var empid=$scope.profile.employeeId
// var record = {"employeeId":$scope.profile.employeeId, "mobileNumber": $scope.mobileNumber, "alternateMobileNumber": $scope.alternateMobileNumber, "personalEmailId": $scope.personalEmailId, "baseTechnology": $scope.baseTechnology, "technologyKnown": $scope.technologyKnown};
var urlRequest = "";
urlRequest = appConfig.appUri+ "/employees/uploadProfile/"+$scope.profile.employeeId;
// var record = {"employeeId":$scope.profile.employeeId, "mobileNumber": $scope.mobileNumber, "alternateMobileNumber": $scope.alternateMobileNumber, "personalEmailId": $scope.personalEmailId, "baseTechnology": $scope.baseTechnology, "technologyKnown": $scope.technologyKnown};
var urlRequest = "";
urlRequest = appConfig.appUri+ "/employees/uploadProfile/"+$scope.profile.employeeId;
var req = {
method : 'POST',
url : urlRequest,
headers : {
"Content-type" : undefined
},
transformRequest: angular.identity,
data : formData
var req = {
method : 'POST',
url : urlRequest,
headers : {
"Content-type" : undefined
},
transformRequest: angular.identity,
data : formData
}
$http(req).then(function mySuccess(response) {
$mdDialog.hide('Success');
$scope.dataToPass=response.data;
}, function myError(response){
$mdDialog.hide('Error');
});
// showAlert("Please Upload Resume in Doc, Docx or Pdf format");
}
else {
$scope.alertMsg = "Please Upload file in Doc, Docx or Pdf format";
}
$http(req).then(function mySuccess(response) {
$mdDialog.hide('Success');
$scope.dataToPass=response.data;
}, function myError(response){
$mdDialog.hide('Error');
});
};
......
src/main/webapp/WEB-INF/controllers/ReporteesController.js
View file @ 7c7d5dc8
myApp.controller("employeesController", function($scope, $http, myFactory, $mdDialog, appConfig) {
myApp.controller("employeesController", function($scope, $http, myFactory, $mdDialog, appConfig, exportUiGridService) {
$scope.records = [];
$scope.empId = myFactory.getEmpId();
$scope.empName = myFactory.getEmpName();
......@@ -24,13 +24,55 @@ myApp.controller("employeesController", function($scope, $http, myFactory, $mdDi
pageSize:10,
enableFiltering:true,
columnDefs : [
{field : 'employeeId',displayName: 'Employee ID', enableColumnMenu: true, enableSorting: true, enableFiltering: true, width: 150},
{field : 'name',displayName: 'Employee Name', enableColumnMenu: false, enableSorting: false, enableFiltering: true},
{field : 'date',displayName: 'Date', enableColumnMenu: true, enableSorting: true,enableFiltering: false, cellFilter:'date:"dd-MMM-yyyy"'},
{field : 'loginTime',displayName: 'Login Time', enableColumnMenu: false,enableSorting: false,enableFiltering: false},
{field : 'logoutTime',displayName: 'Logout Time', enableColumnMenu: false, enableSorting: false,enableFiltering: false},
{field : 'durationAtWorkPlace',displayName: 'Duration at Work Place', enableColumnMenu: false, enableSorting: false,enableFiltering: false}
]
{field : 'employeeId',displayName: 'Employee ID', enableColumnMenu: true, enableSorting: true, enableFiltering: true, width:130},
{field : 'name',displayName: 'Employee Name', enableColumnMenu: false, enableSorting: false, enableFiltering: true,},
{field : 'date',displayName: 'Date', enableColumnMenu: true, enableSorting: true,enableFiltering: false, cellFilter:'date:"dd-MMM-yyyy"', width: 130},
{field : 'loginTime',displayName: 'Login Time', enableColumnMenu: false,enableSorting: false,enableFiltering: false, width: 140},
{field : 'logoutTime',displayName: 'Logout Time', enableColumnMenu: false, enableSorting: false,enableFiltering: false, width:140},
{field : 'orphanLogin.join(" , ")',displayName: 'Tail Gaited At' ,enableColumnMenu: false, enableSorting: true,enableFiltering: true, cellClass: 'grid-align'},
//{field : 'orphanLogin',displayName: 'Tail Gaited At',cellTemplate: '<div class="ui-grid-cell-contents" ng-repeat= "item in row.entity[col.field]">{{item}}</div>' ,enableColumnMenu: false, enableSorting: true,enableFiltering: true, cellClass: 'grid-align'},
{field : 'durationAtWorkPlace',displayName: 'Duration at Work Place', enableColumnMenu: false, enableSorting: true,enableFiltering: false}
],
enableGridMenu: true,
enableSelectAll: true,
exporterMenuExcel:false,
exporterMenuCsv:false,
exporterCsvFilename: 'EmployeeLoginDetails.csv',
exporterExcelFilename:'Employee Login Details',
exporterPdfDefaultStyle: {fontSize: 9},
exporterPdfTableStyle: {margin: [15, 15, 15, 15]},
exporterPdfTableHeaderStyle: {fontSize: 10, bold: true, italics: true, color: 'red'},
exporterPdfHeader: { text: "Employee Login Details", style: 'headerStyle' },
exporterPdfFooter: function ( currentPage, pageCount ) {
return { text: currentPage.toString() + ' of ' + pageCount.toString(), style: 'footerStyle' };
},
exporterPdfCustomFormatter: function ( docDefinition ) {
docDefinition.styles.headerStyle = { fontSize: 22, bold: true };
docDefinition.styles.footerStyle = { fontSize: 10, bold: true };
return docDefinition;
},
exporterPdfOrientation: 'portrait',
exporterPdfPageSize: 'LETTER',
exporterPdfMaxGridWidth: 400,
exporterCsvLinkElement: angular.element(document.querySelectorAll(".custom-csv-link-location")),
onRegisterApi: function(gridApi){
$scope.gridApi = gridApi;
},
gridMenuCustomItems: [{
title: 'Export all data as EXCEL',
action: function ($event) {
exportUiGridService.exportToExcel('sheet 1', $scope.gridApi, 'all', 'all');
},
order: 110
},
{
title: 'Export visible data as EXCEL',
action: function ($event) {
exportUiGridService.exportToExcel('sheet 1', $scope.gridApi, 'visible', 'visible');
},
order: 111
}
]
};
$scope.gridOptions.data = [];
......
src/main/webapp/WEB-INF/css/custom-theme.css
View file @ 7c7d5dc8
......@@ -611,6 +611,11 @@ cursor: pointer;
overflow: auto;
padding: 5px 0;
}
.employees-login .ui-grid-canvas .ui-grid-row div div:nth-child(6) .ui-grid-cell-contents {
line-height: normal;
padding: 5px 0 0 0 ;
overflow: auto;
}
.project-allocation .ui-grid-canvas .ui-grid-row div div:nth-child(3) div:first-child, .manage-accounts .ui-grid-canvas .ui-grid-row div div:nth-child(3) div:first-child{
padding-top: 5px;
}
......@@ -825,4 +830,28 @@ cursor: pointer;
}
.error{
color: red;
}
\ No newline at end of file
}
.file-upload-section {
margin: 10px 0 0 0 ;
}
.file-upload-section >div {
margin: 0;
padding: 0;
}
.file-upload-section >div >div{
padding-right:0;
}
.file-upload-section input {
padding: 0;
height: auto;
}
.upload-resume-icon {
margin: 0 0 0 15px;
border-radius: 6px;
padding: 6px 12px;
font-size: 17px;
background: #3f51b5;
border: 1px solid;
color: white;
cursor: pointer;
}
src/main/webapp/WEB-INF/css/jquery-ui.min.css 0 → 100644
View file @ 7c7d5dc8
/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:0}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(images/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:0;border-bottom:0;border-right:0}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
\ No newline at end of file
src/main/webapp/WEB-INF/css/ui-grid/ui-grid-unstable.css 0 → 100644
View file @ 7c7d5dc8
/*!
* ui-grid - v4.8.3-3fa72bae - 2019-06-27
* Copyright (c) 2019 ; License: MIT
*/
.ui-grid {
border: 1px solid #d4d4d4;
box-sizing: content-box;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.ui-grid-vertical-bar {
position: absolute;
right: 0;
width: 0;
}
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
width: 1px;
}
.ui-grid-scrollbar-placeholder {
background-color: transparent;
}
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
background-color: #d4d4d4;
}
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
background-color: #d4d4d4;
}
.ui-grid-header-cell:last-child .ui-grid-vertical-bar {
right: -1px;
width: 1px;
background-color: #d4d4d4;
}
.ui-grid-clearfix:before,
.ui-grid-clearfix:after {
content: "";
display: table;
}
.ui-grid-clearfix:after {
clear: both;
}
.ui-grid-invisible {
visibility: hidden;
}
.ui-grid-contents-wrapper {
position: relative;
height: 100%;
width: 100%;
}
.ui-grid-sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.ui-grid-icon-button {
background-color: transparent;
border: none;
padding: 0;
}
.clickable {
cursor: pointer;
}
.ui-grid-top-panel-background {
background-color: #f3f3f3;
}
.ui-grid-header {
border-bottom: 1px solid #d4d4d4;
box-sizing: border-box;
}
.ui-grid-top-panel {
position: relative;
overflow: hidden;
font-weight: bold;
background-color: #f3f3f3;
-webkit-border-top-right-radius: -1px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: -1px;
-moz-border-radius-topright: -1px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: -1px;
border-top-right-radius: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: -1px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.ui-grid-header-viewport {
overflow: hidden;
}
.ui-grid-header-canvas:before,
.ui-grid-header-canvas:after {
content: "";
display: -ms-flexbox;
display: flex;
line-height: 0;
}
.ui-grid-header-canvas:after {
clear: both;
}
.ui-grid-header-cell-wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
height: 100%;
width: 100%;
}
.ui-grid-header-cell-row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ui-grid-header-cell {
position: relative;
box-sizing: border-box;
background-color: inherit;
border-right: 1px solid;
border-color: #d4d4d4;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 0;
}
.ui-grid-header-cell:last-child {
border-right: 0;
}
.ui-grid-header-cell .sortable {
cursor: pointer;
}
.ui-grid-header-cell .ui-grid-sort-priority-number {
margin-left: -8px;
}
/* Fixes IE word-wrap if needed on header cells */
.ui-grid-header-cell > div {
-ms-flex-basis: 100%;
flex-basis: 100%;
}
.ui-grid-header .ui-grid-vertical-bar {
top: 0;
bottom: 0;
}
.ui-grid-column-menu-button {
position: absolute;
right: 1px;
top: 0;
}
.ui-grid-column-menu-button .ui-grid-icon-angle-down {
vertical-align: sub;
}
.ui-grid-header-cell-last-col .ui-grid-cell-contents,
.ui-grid-header-cell-last-col .ui-grid-filter-container,
.ui-grid-header-cell-last-col .ui-grid-column-menu-button,
.ui-grid-header-cell-last-col + .ui-grid-column-resizer.right {
margin-right: 13px;
}
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-cell-contents,
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-filter-container,
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-column-menu-button,
.ui-grid-render-container-right .ui-grid-header-cell-last-col + .ui-grid-column-resizer.right {
margin-right: 28px;
}
.ui-grid-column-menu {
position: absolute;
}
/* Slide up/down animations */
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
-webkit-transition: all 0.04s linear;
-moz-transition: all 0.04s linear;
-o-transition: all 0.04s linear;
transition: all 0.04s linear;
display: block !important;
}
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/* Slide up/down animations */
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
-webkit-transition: all 0.04s linear;
-moz-transition: all 0.04s linear;
-o-transition: all 0.04s linear;
transition: all 0.04s linear;
display: block !important;
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.ui-grid-filter-container {
padding: 4px 10px;
position: relative;
}
.ui-grid-filter-container .ui-grid-filter-button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
position: absolute;
top: 50%;
line-height: 32px;
margin-top: -16px;
right: 10px;
opacity: 0.66;
}
.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
opacity: 1;
}
.ui-grid-filter-container .ui-grid-filter-button-select {
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
position: absolute;
top: 50%;
line-height: 32px;
margin-top: -16px;
right: 0px;
opacity: 0.66;
}
.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover {
opacity: 1;
}
input[type="text"].ui-grid-filter-input {
box-sizing: border-box;
padding: 0 18px 0 0;
margin: 0;
width: 100%;
border: 1px solid #d4d4d4;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
input[type="text"].ui-grid-filter-input:hover {
border: 1px solid #d4d4d4;
}
select.ui-grid-filter-select {
padding: 0;
margin: 0;
border: 0;
width: 90%;
border: 1px solid #d4d4d4;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
select.ui-grid-filter-select:hover {
border: 1px solid #d4d4d4;
}
.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
width: 100%;
}
.ui-grid-render-container {
position: inherit;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.ui-grid-render-container:focus {
outline: none;
}
.ui-grid-viewport {
min-height: 20px;
position: relative;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.ui-grid-viewport:focus {
outline: none !important;
}
.ui-grid-canvas {
position: relative;
padding-top: 1px;
}
.ui-grid-row {
clear: both;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell {
background-color: #fdfdfd;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
background-color: #f3f3f3;
}
.ui-grid-row:last-child .ui-grid-cell {
border-bottom-color: #d4d4d4;
border-bottom-style: solid;
}
.ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell:hover .ui-grid-cell,
.ui-grid-row:nth-child(odd):hover .ui-grid-cell,
.ui-grid-row:nth-child(even):hover .ui-grid-cell {
background-color: #d5eaee;
}
.ui-grid-no-row-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 10%;
background-color: #f3f3f3;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #d4d4d4;
font-size: 2em;
text-align: center;
}
.ui-grid-no-row-overlay > * {
position: absolute;
display: table;
margin: auto 0;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.66;
}
.ui-grid-cell {
overflow: hidden;
float: left;
background-color: inherit;
border-right: 1px solid;
border-color: #d4d4d4;
box-sizing: border-box;
}
.ui-grid-cell:last-child {
border-right: 0;
}
.ui-grid-cell-contents {
padding: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
height: 100%;
}
.ui-grid-cell-contents-hidden {
visibility: hidden;
width: 0;
height: 0;
display: none;
}
.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
background-color: #F0F0EE;
border-bottom: solid 1px #d4d4d4;
}
.ui-grid-cell-empty {
display: inline-block;
width: 10px;
height: 10px;
}
.ui-grid-footer-info {
padding: 5px 10px;
}
.ui-grid-footer-panel-background {
background-color: #f3f3f3;
}
.ui-grid-footer-panel {
position: relative;
border-bottom: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4;
overflow: hidden;
font-weight: bold;
background-color: #f3f3f3;
-webkit-border-top-right-radius: -1px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: -1px;
-moz-border-radius-topright: -1px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: -1px;
border-top-right-radius: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: -1px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.ui-grid-grid-footer {
float: left;
width: 100%;
}
.ui-grid-footer-viewport,
.ui-grid-footer-canvas {
display: flex;
flex: 1 1 auto;
height: 100%;
}
.ui-grid-footer-viewport {
overflow: hidden;
}
.ui-grid-footer-canvas {
position: relative;
}
.ui-grid-footer-canvas:before,
.ui-grid-footer-canvas:after {
content: "";
display: table;
line-height: 0;
}
.ui-grid-footer-canvas:after {
clear: both;
}
.ui-grid-footer-cell-wrapper {
position: relative;
display: table;
box-sizing: border-box;
height: 100%;
}
.ui-grid-footer-cell-row {
display: table-row;
}
.ui-grid-footer-cell {
overflow: hidden;
background-color: inherit;
border-right: 1px solid;
border-color: #d4d4d4;
box-sizing: border-box;
display: table-cell;
}
.ui-grid-footer-cell:last-child {
border-right: 0;
}
.ui-grid-menu-button {
z-index: 2;
position: absolute;
right: 0;
top: 0;
background: #f3f3f3;
border: 0;
border-left: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
cursor: pointer;
height: 32px;
font-weight: normal;
}
.ui-grid-menu-button .ui-grid-icon-container {
margin-top: 5px;
margin-left: 2px;
}
.ui-grid-menu-button .ui-grid-menu {
right: 0;
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
overflow: scroll;
}
.ui-grid-menu {
overflow: hidden;
max-width: 320px;
z-index: 2;
position: absolute;
right: 100%;
padding: 0 10px 20px 10px;
cursor: pointer;
box-sizing: border-box;
}
.ui-grid-menu-item {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ui-grid-menu .ui-grid-menu-inner {
background: #fff;
border: 1px solid #d4d4d4;
position: relative;
white-space: nowrap;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.ui-grid-menu .ui-grid-menu-inner ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.ui-grid-menu .ui-grid-menu-inner ul li {
padding: 0;
}
.ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item {
color: #000;
min-width: 100%;
padding: 8px;
text-align: left;
background: transparent;
border: none;
cursor: default;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item {
cursor: pointer;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover,
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus {
background-color: #b3c4c7;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active {
background-color: #9cb2b6;
}
.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > .ui-grid-menu-item {
border-bottom: 1px solid #d4d4d4;
}
.ui-grid-sortarrow {
right: 5px;
position: absolute;
width: 20px;
top: 0;
bottom: 0;
background-position: center;
}
.ui-grid-sortarrow.down {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@font-face {
font-family: 'ui-grid';
src: url('fonts/ui-grid.eot');
src: url('fonts/ui-grid.eot#iefix') format('embedded-opentype'), url('fonts/ui-grid.woff') format('woff'), url('fonts/ui-grid.ttf') format('truetype'), url('fonts/ui-grid.svg?#ui-grid') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'ui-grid';
src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
}
}
*/
[class^="ui-grid-icon"]:before,
[class*=" ui-grid-icon"]:before {
font-family: "ui-grid";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.ui-grid-icon-blank::before {
width: 1em;
content: ' ';
}
.ui-grid-icon-plus-squared:before {
content: '\c350';
}
.ui-grid-icon-minus-squared:before {
content: '\c351';
}
.ui-grid-icon-search:before {
content: '\c352';
}
.ui-grid-icon-cancel:before {
content: '\c353';
}
.ui-grid-icon-info-circled:before {
content: '\c354';
}
.ui-grid-icon-lock:before {
content: '\c355';
}
.ui-grid-icon-lock-open:before {
content: '\c356';
}
.ui-grid-icon-pencil:before {
content: '\c357';
}
.ui-grid-icon-down-dir:before {
content: '\c358';
}
.ui-grid-icon-up-dir:before {
content: '\c359';
}
.ui-grid-icon-left-dir:before {
content: '\c35a';
}
.ui-grid-icon-right-dir:before {
content: '\c35b';
}
.ui-grid-icon-left-open:before {
content: '\c35c';
}
.ui-grid-icon-right-open:before {
content: '\c35d';
}
.ui-grid-icon-angle-down:before {
content: '\c35e';
}
.ui-grid-icon-filter:before {
content: '\c35f';
}
.ui-grid-icon-sort-alt-up:before {
content: '\c360';
}
.ui-grid-icon-sort-alt-down:before {
content: '\c361';
}
.ui-grid-icon-ok:before {
content: '\c362';
}
.ui-grid-icon-menu:before {
content: '\c363';
}
.ui-grid-icon-indent-left:before {
content: '\e800';
}
.ui-grid-icon-indent-right:before {
content: '\e801';
}
.ui-grid-icon-spin5:before {
content: '\ea61';
}
/*
* RTL Styles
*/
.ui-grid[dir=rtl] .ui-grid-header-cell,
.ui-grid[dir=rtl] .ui-grid-footer-cell,
.ui-grid[dir=rtl] .ui-grid-cell {
float: right !important;
}
.ui-grid[dir=rtl] .ui-grid-column-menu-button {
position: absolute;
left: 1px;
top: 0;
right: inherit;
}
.ui-grid[dir=rtl] .ui-grid-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
border-right: 0;
}
.ui-grid[dir=rtl] .ui-grid-cell:last-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
border-right: 1px solid #d4d4d4;
border-left: 0;
}
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
width: 0;
}
.ui-grid[dir=rtl] .ui-grid-menu-button {
z-index: 2;
position: absolute;
left: 0;
right: auto;
background: #f3f3f3;
border: 1px solid #d4d4d4;
cursor: pointer;
min-height: 27px;
font-weight: normal;
}
.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
left: 0;
right: auto;
}
.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
right: initial;
left: 0;
}
.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
right: initial;
left: 10px;
}
/*
Animation example, for spinners
*/
.ui-grid-animate-spin {
-moz-animation: ui-grid-spin 2s infinite linear;
-o-animation: ui-grid-spin 2s infinite linear;
-webkit-animation: ui-grid-spin 2s infinite linear;
animation: ui-grid-spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes ui-grid-spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes ui-grid-spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes ui-grid-spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes ui-grid-spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes ui-grid-spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.ui-grid-cell-focus {
outline: 0;
background-color: #b3c4c7;
}
.ui-grid-focuser {
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
}
.ui-grid-focuser:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-grid-offscreen {
display: block;
position: absolute;
left: -10000px;
top: -10000px;
clip: rect(0px, 0px, 0px, 0px);
}
.ui-grid-cell input {
border-radius: inherit;
padding: 0;
width: 100%;
color: inherit;
height: auto;
font: inherit;
outline: none;
}
.ui-grid-cell input:focus {
color: inherit;
outline: none;
}
.ui-grid-cell input[type="checkbox"] {
margin: 9px 0 0 6px;
width: auto;
}
.ui-grid-cell input.ng-invalid {
border: 1px solid #fc8f8f;
}
.ui-grid-cell input.ng-valid {
border: 1px solid #d4d4d4;
}
.ui-grid-viewport .ui-grid-empty-base-layer-container {
position: absolute;
overflow: hidden;
pointer-events: none;
z-index: -1;
}
.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
background-color: #fdfdfd;
}
.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
background-color: #f3f3f3;
}
.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
pointer-events: none;
}
.ui-grid-expandable-buttons-cell i {
pointer-events: all;
}
.scrollFiller {
float: left;
border: 1px solid #d4d4d4;
}
.ui-grid-tree-header-row {
font-weight: bold !important;
}
.movingColumn {
position: absolute;
top: 0;
border: 1px solid #d4d4d4;
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.movingColumn .ui-grid-icon-angle-down {
display: none;
}
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Grid Menu colors
*/
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/*---------------------------------------------------
LESS Elements 0.9
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
.ui-grid-pager-panel {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding-top: 3px;
padding-bottom: 3px;
box-sizing: content-box;
}
.ui-grid-pager-container {
float: left;
}
.ui-grid-pager-control {
padding: 5px 0;
display: flex;
flex-flow: row nowrap;
align-items: center;
margin-right: 10px;
margin-left: 10px;
min-width: 135px;
float: left;
}
.ui-grid-pager-control button,
.ui-grid-pager-control span,
.ui-grid-pager-control input {
margin-right: 4px;
}
.ui-grid-pager-control button {
height: 25px;
min-width: 26px;
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background: #f3f3f3;
border: 1px solid #ccc;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #eee;
}
.ui-grid-pager-control button:hover {
border-color: #adadad;
text-decoration: none;
}
.ui-grid-pager-control button:focus {
border-color: #8c8c8c;
text-decoration: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.ui-grid-pager-control button:active {
border-color: #adadad;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ui-grid-pager-control button:active:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.ui-grid-pager-control button:active:hover,
.ui-grid-pager-control button:active:focus {
background-color: #c8c8c8;
border-color: #8c8c8c;
}
.ui-grid-pager-control button:hover,
.ui-grid-pager-control button:focus,
.ui-grid-pager-control button:active {
color: #eee;
background: #dadada;
}
.ui-grid-pager-control button[disabled] {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.ui-grid-pager-control button[disabled]:hover,
.ui-grid-pager-control button[disabled]:focus {
background-color: #f3f3f3;
border-color: #ccc;
}
.ui-grid-pager-control input {
display: inline;
height: 26px;
width: 50px;
vertical-align: top;
color: #555555;
background: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.ui-grid-pager-control input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-grid-pager-control input[disabled],
.ui-grid-pager-control input[readonly],
.ui-grid-pager-control input::-moz-placeholder {
opacity: 1;
}
.ui-grid-pager-control input::-moz-placeholder,
.ui-grid-pager-control input:-ms-input-placeholder,
.ui-grid-pager-control input::-webkit-input-placeholder {
color: #999;
}
.ui-grid-pager-control input::-ms-expand {
border: 0;
background-color: transparent;
}
.ui-grid-pager-control input[disabled],
.ui-grid-pager-control input[readonly] {
background-color: #eeeeee;
}
.ui-grid-pager-control input[disabled] {
cursor: not-allowed;
}
.ui-grid-pager-control .ui-grid-pager-max-pages-number {
vertical-align: bottom;
}
.ui-grid-pager-control .ui-grid-pager-max-pages-number > * {
vertical-align: bottom;
}
.ui-grid-pager-control .ui-grid-pager-max-pages-number abbr {
border-bottom: none;
text-decoration: none;
}
.ui-grid-pager-control .first-bar {
width: 10px;
border-left: 2px solid #4d4d4d;
margin-top: -6px;
height: 12px;
margin-left: -3px;
}
.ui-grid-pager-control .first-bar-rtl {
width: 10px;
border-left: 2px solid #4d4d4d;
margin-top: -6px;
height: 12px;
margin-right: -7px;
}
.ui-grid-pager-control .first-triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 8.7px 5px 0;
border-color: transparent #4d4d4d transparent transparent;
margin-left: 2px;
}
.ui-grid-pager-control .next-triangle {
margin-left: 1px;
}
.ui-grid-pager-control .prev-triangle {
margin-left: 0;
}
.ui-grid-pager-control .last-triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8.7px;
border-color: transparent transparent transparent #4d4d4d;
margin-left: -1px;
}
.ui-grid-pager-control .last-bar {
width: 10px;
border-left: 2px solid #4d4d4d;
margin-top: -6px;
height: 12px;
margin-left: 1px;
}
.ui-grid-pager-control .last-bar-rtl {
width: 10px;
border-left: 2px solid #4d4d4d;
margin-top: -6px;
height: 12px;
margin-right: -11px;
}
.ui-grid-pager-row-count-picker {
float: left;
padding: 5px 10px;
}
.ui-grid-pager-row-count-picker select {
color: #555555;
background: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
height: 25px;
width: 67px;
display: inline;
vertical-align: middle;
}
.ui-grid-pager-row-count-picker select:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-grid-pager-row-count-picker select[disabled],
.ui-grid-pager-row-count-picker select[readonly],
.ui-grid-pager-row-count-picker select::-moz-placeholder {
opacity: 1;
}
.ui-grid-pager-row-count-picker select::-moz-placeholder,
.ui-grid-pager-row-count-picker select:-ms-input-placeholder,
.ui-grid-pager-row-count-picker select::-webkit-input-placeholder {
color: #999;
}
.ui-grid-pager-row-count-picker select::-ms-expand {
border: 0;
background-color: transparent;
}
.ui-grid-pager-row-count-picker select[disabled],
.ui-grid-pager-row-count-picker select[readonly] {
background-color: #eeeeee;
}
.ui-grid-pager-row-count-picker select[disabled] {
cursor: not-allowed;
}
.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
margin-top: 3px;
}
.ui-grid-pager-count-container {
float: right;
margin-top: 4px;
min-width: 50px;
}
.ui-grid-pager-count-container .ui-grid-pager-count {
margin-right: 10px;
margin-left: 10px;
float: right;
}
.ui-grid-pager-count-container .ui-grid-pager-count abbr {
border-bottom: none;
text-decoration: none;
}
.ui-grid-pinned-container {
position: absolute;
display: inline;
top: 0;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left {
float: left;
left: 0;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right {
float: right;
right: 0;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
box-sizing: border-box;
border-right: 1px solid;
border-width: 1px;
border-right-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
box-sizing: border-box;
border-right: 1px solid;
border-width: 1px;
border-right-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
width: 1px;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
background-color: #d4d4d4;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
right: -1px;
width: 1px;
background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
box-sizing: border-box;
border-left: 1px solid;
border-width: 1px;
border-left-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
box-sizing: border-box;
border-left: 1px solid;
border-width: 1px;
border-left-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,
.ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar {
width: 1px;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
background-color: #d4d4d4;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
left: -1px;
width: 1px;
background-color: #aeaeae;
}
.ui-grid-column-resizer {
top: 0;
bottom: 0;
width: 5px;
position: absolute;
cursor: col-resize;
}
.ui-grid-column-resizer.left {
left: 0;
}
.ui-grid-column-resizer.right {
right: 0;
}
.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
border-right: 1px solid #d4d4d4;
}
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
border-right: 0;
}
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left {
border-left: 1px solid #d4d4d4;
}
.ui-grid.column-resizing {
cursor: col-resize;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ui-grid.column-resizing .ui-grid-resize-overlay {
position: absolute;
top: 0;
height: 100%;
width: 1px;
background-color: #aeaeae;
}
.ui-grid-row-saving .ui-grid-cell {
color: #848484 !important;
}
.ui-grid-row-dirty .ui-grid-cell {
color: #610B38;
}
.ui-grid-row-error .ui-grid-cell {
color: #FF0000 !important;
}
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
background-color: #C9DDE1;
}
.ui-grid-disable-selection {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}
.ui-grid-selection-row-header-buttons {
display: flex;
align-items: center;
height: 100%;
cursor: pointer;
}
.ui-grid-selection-row-header-buttons::before {
opacity: 0.1;
}
.ui-grid-selection-row-header-buttons.ui-grid-row-selected::before,
.ui-grid-selection-row-header-buttons.ui-grid-all-selected::before {
opacity: 1;
}
.ui-grid-tree-row-header-buttons.ui-grid-tree-header {
cursor: pointer;
opacity: 1;
}
.ui-grid-tree-header-row {
font-weight: bold !important;
}
.ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
pointer-events: all;
}
.ui-grid-cell-contents.invalid {
border: 1px solid #fc8f8f;
}
src/main/webapp/WEB-INF/css/ui-grid/ui-grid.css 0 → 100644
View file @ 7c7d5dc8
/*!
* ui-grid - v4.8.3 - 2019-10-21
* Copyright (c) 2019 ; License: MIT
*/
.ui-grid {
border: 1px solid #d4d4d4;
box-sizing: content-box;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.ui-grid-vertical-bar {
position: absolute;
right: 0;
width: 0;
}
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
width: 1px;
}
.ui-grid-scrollbar-placeholder {
background-color: transparent;
}
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
background-color: #d4d4d4;
}
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
background-color: #d4d4d4;
}
.ui-grid-header-cell:last-child .ui-grid-vertical-bar {
right: -1px;
width: 1px;
background-color: #d4d4d4;
}
.ui-grid-clearfix:before,
.ui-grid-clearfix:after {
content: "";
display: table;
}
.ui-grid-clearfix:after {
clear: both;
}
.ui-grid-invisible {
visibility: hidden;
}
.ui-grid-contents-wrapper {
position: relative;
height: 100%;
width: 100%;
}
.ui-grid-sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.ui-grid-icon-button {
background-color: transparent;
border: none;
padding: 0;
}
.clickable {
cursor: pointer;
}
.ui-grid-top-panel-background {
background-color: #f3f3f3;
}
.ui-grid-header {
border-bottom: 1px solid #d4d4d4;
box-sizing: border-box;
}
.ui-grid-top-panel {
position: relative;
overflow: hidden;
font-weight: bold;
background-color: #f3f3f3;
-webkit-border-top-right-radius: -1px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: -1px;
-moz-border-radius-topright: -1px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: -1px;
border-top-right-radius: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: -1px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.ui-grid-header-viewport {
overflow: hidden;
}
.ui-grid-header-canvas:before,
.ui-grid-header-canvas:after {
content: "";
display: -ms-flexbox;
display: flex;
line-height: 0;
}
.ui-grid-header-canvas:after {
clear: both;
}
.ui-grid-header-cell-wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
height: 100%;
width: 100%;
}
.ui-grid-header-cell-row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ui-grid-header-cell {
position: relative;
box-sizing: border-box;
background-color: inherit;
border-right: 1px solid;
border-color: #d4d4d4;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 0;
}
.ui-grid-header-cell:last-child {
border-right: 0;
}
.ui-grid-header-cell .sortable {
cursor: pointer;
}
.ui-grid-header-cell .ui-grid-sort-priority-number {
margin-left: -8px;
}
/* Fixes IE word-wrap if needed on header cells */
.ui-grid-header-cell > div {
-ms-flex-basis: 100%;
flex-basis: 100%;
}
.ui-grid-header .ui-grid-vertical-bar {
top: 0;
bottom: 0;
}
.ui-grid-column-menu-button {
position: absolute;
right: 1px;
top: 0;
}
.ui-grid-column-menu-button .ui-grid-icon-angle-down {
vertical-align: sub;
}
.ui-grid-header-cell-last-col .ui-grid-cell-contents,
.ui-grid-header-cell-last-col .ui-grid-filter-container,
.ui-grid-header-cell-last-col .ui-grid-column-menu-button,
.ui-grid-header-cell-last-col + .ui-grid-column-resizer.right {
margin-right: 13px;
}
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-cell-contents,
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-filter-container,
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-column-menu-button,
.ui-grid-render-container-right .ui-grid-header-cell-last-col + .ui-grid-column-resizer.right {
margin-right: 28px;
}
.ui-grid-column-menu {
position: absolute;
}
/* Slide up/down animations */
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
-webkit-transition: all 0.04s linear;
-moz-transition: all 0.04s linear;
-o-transition: all 0.04s linear;
transition: all 0.04s linear;
display: block !important;
}
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/* Slide up/down animations */
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
-webkit-transition: all 0.04s linear;
-moz-transition: all 0.04s linear;
-o-transition: all 0.04s linear;
transition: all 0.04s linear;
display: block !important;
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.ui-grid-filter-container {
padding: 4px 10px;
position: relative;
}
.ui-grid-filter-container .ui-grid-filter-button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
position: absolute;
top: 50%;
line-height: 32px;
margin-top: -16px;
right: 10px;
opacity: 0.66;
}
.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
opacity: 1;
}
.ui-grid-filter-container .ui-grid-filter-button-select {
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
position: absolute;
top: 50%;
line-height: 32px;
margin-top: -16px;
right: 0px;
opacity: 0.66;
}
.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover {
opacity: 1;
}
input[type="text"].ui-grid-filter-input {
box-sizing: border-box;
padding: 0 18px 0 0;
margin: 0;
width: 100%;
border: 1px solid #d4d4d4;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
input[type="text"].ui-grid-filter-input:hover {
border: 1px solid #d4d4d4;
}
select.ui-grid-filter-select {
padding: 0;
margin: 0;
border: 0;
width: 90%;
border: 1px solid #d4d4d4;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
select.ui-grid-filter-select:hover {
border: 1px solid #d4d4d4;
}
.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
width: 100%;
}
.ui-grid-render-container {
position: inherit;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.ui-grid-render-container:focus {
outline: none;
}
.ui-grid-viewport {
min-height: 20px;
position: relative;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.ui-grid-viewport:focus {
outline: none !important;
}
.ui-grid-canvas {
position: relative;
padding-top: 1px;
}
.ui-grid-row {
clear: both;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell {
background-color: #fdfdfd;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
background-color: #f3f3f3;
}
.ui-grid-row:last-child .ui-grid-cell {
border-bottom-color: #d4d4d4;
border-bottom-style: solid;
}
.ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell:hover .ui-grid-cell,
.ui-grid-row:nth-child(odd):hover .ui-grid-cell,
.ui-grid-row:nth-child(even):hover .ui-grid-cell {
background-color: #d5eaee;
}
.ui-grid-no-row-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 10%;
background-color: #f3f3f3;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #d4d4d4;
font-size: 2em;
text-align: center;
}
.ui-grid-no-row-overlay > * {
position: absolute;
display: table;
margin: auto 0;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.66;
}
.ui-grid-cell {
overflow: hidden;
float: left;
background-color: inherit;
border-right: 1px solid;
border-color: #d4d4d4;
box-sizing: border-box;
}
.ui-grid-cell:last-child {
border-right: 0;
}
.ui-grid-cell-contents {
padding: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
height: 100%;
}
.ui-grid-cell-contents-hidden {
visibility: hidden;
width: 0;
height: 0;
display: none;
}
.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
background-color: #F0F0EE;
border-bottom: solid 1px #d4d4d4;
}
.ui-grid-cell-empty {
display: inline-block;
width: 10px;
height: 10px;
}
.ui-grid-footer-info {
padding: 5px 10px;
}
.ui-grid-footer-panel-background {
background-color: #f3f3f3;
}
.ui-grid-footer-panel {
position: relative;
border-bottom: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4;
overflow: hidden;
font-weight: bold;
background-color: #f3f3f3;
-webkit-border-top-right-radius: -1px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: -1px;
-moz-border-radius-topright: -1px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: -1px;
border-top-right-radius: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: -1px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.ui-grid-grid-footer {
float: left;
width: 100%;
}
.ui-grid-footer-viewport,
.ui-grid-footer-canvas {
height: 100%;
}
.ui-grid-footer-viewport {
overflow: hidden;
}
.ui-grid-footer-canvas {
position: relative;
}
.ui-grid-footer-canvas:before,
.ui-grid-footer-canvas:after {
content: "";
display: table;
line-height: 0;
}
.ui-grid-footer-canvas:after {
clear: both;
}
.ui-grid-footer-cell-wrapper {
position: relative;
display: table;
box-sizing: border-box;
height: 100%;
}
.ui-grid-footer-cell-row {
display: table-row;
}
.ui-grid-footer-cell {
overflow: hidden;
background-color: inherit;
border-right: 1px solid;
border-color: #d4d4d4;
box-sizing: border-box;
display: table-cell;
}
.ui-grid-footer-cell:last-child {
border-right: 0;
}
.ui-grid-menu-button {
z-index: 2;
position: absolute;
right: 0;
top: 0;
background: #f3f3f3;
border: 0;
border-left: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
cursor: pointer;
height: 32px;
font-weight: normal;
}
.ui-grid-menu-button .ui-grid-icon-container {
margin-top: 5px;
margin-left: 2px;
}
.ui-grid-menu-button .ui-grid-menu {
right: 0;
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
overflow: scroll;
}
.ui-grid-menu {
overflow: hidden;
max-width: 320px;
z-index: 2;
position: absolute;
right: 100%;
padding: 0 10px 20px 10px;
cursor: pointer;
box-sizing: border-box;
}
.ui-grid-menu-item {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ui-grid-menu .ui-grid-menu-inner {
background: #fff;
border: 1px solid #d4d4d4;
position: relative;
white-space: nowrap;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.ui-grid-menu .ui-grid-menu-inner ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.ui-grid-menu .ui-grid-menu-inner ul li {
padding: 0;
}
.ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item {
color: #000;
min-width: 100%;
padding: 8px;
text-align: left;
background: transparent;
border: none;
cursor: default;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item {
cursor: pointer;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover,
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus {
background-color: #b3c4c7;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active {
background-color: #9cb2b6;
}
.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > .ui-grid-menu-item {
border-bottom: 1px solid #d4d4d4;
}
.ui-grid-sortarrow {
right: 5px;
position: absolute;
width: 20px;
top: 0;
bottom: 0;
background-position: center;
}
.ui-grid-sortarrow.down {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@font-face {
font-family: 'ui-grid';
src: url('fonts/ui-grid.eot');
src: url('fonts/ui-grid.eot#iefix') format('embedded-opentype'), url('fonts/ui-grid.woff') format('woff'), url('fonts/ui-grid.ttf') format('truetype'), url('fonts/ui-grid.svg?#ui-grid') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'ui-grid';
src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
}
}
*/
[class^="ui-grid-icon"]:before,
[class*=" ui-grid-icon"]:before {
font-family: "ui-grid";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.ui-grid-icon-blank::before {
width: 1em;
content: ' ';
}
.ui-grid-icon-plus-squared:before {
content: '\c350';
}
.ui-grid-icon-minus-squared:before {
content: '\c351';
}
.ui-grid-icon-search:before {
content: '\c352';
}
.ui-grid-icon-cancel:before {
content: '\c353';
}
.ui-grid-icon-info-circled:before {
content: '\c354';
}
.ui-grid-icon-lock:before {
content: '\c355';
}
.ui-grid-icon-lock-open:before {
content: '\c356';
}
.ui-grid-icon-pencil:before {
content: '\c357';
}
.ui-grid-icon-down-dir:before {
content: '\c358';
}
.ui-grid-icon-up-dir:before {
content: '\c359';
}
.ui-grid-icon-left-dir:before {
content: '\c35a';
}
.ui-grid-icon-right-dir:before {
content: '\c35b';
}
.ui-grid-icon-left-open:before {
content: '\c35c';
}
.ui-grid-icon-right-open:before {
content: '\c35d';
}
.ui-grid-icon-angle-down:before {
content: '\c35e';
}
.ui-grid-icon-filter:before {
content: '\c35f';
}
.ui-grid-icon-sort-alt-up:before {
content: '\c360';
}
.ui-grid-icon-sort-alt-down:before {
content: '\c361';
}
.ui-grid-icon-ok:before {
content: '\c362';
}
.ui-grid-icon-menu:before {
content: '\c363';
}
.ui-grid-icon-indent-left:before {
content: '\e800';
}
.ui-grid-icon-indent-right:before {
content: '\e801';
}
.ui-grid-icon-spin5:before {
content: '\ea61';
}
/*
* RTL Styles
*/
.ui-grid[dir=rtl] .ui-grid-header-cell,
.ui-grid[dir=rtl] .ui-grid-footer-cell,
.ui-grid[dir=rtl] .ui-grid-cell {
float: right !important;
}
.ui-grid[dir=rtl] .ui-grid-column-menu-button {
position: absolute;
left: 1px;
top: 0;
right: inherit;
}
.ui-grid[dir=rtl] .ui-grid-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
border-right: 0;
}
.ui-grid[dir=rtl] .ui-grid-cell:last-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
border-right: 1px solid #d4d4d4;
border-left: 0;
}
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
width: 0;
}
.ui-grid[dir=rtl] .ui-grid-menu-button {
z-index: 2;
position: absolute;
left: 0;
right: auto;
background: #f3f3f3;
border: 1px solid #d4d4d4;
cursor: pointer;
min-height: 27px;
font-weight: normal;
}
.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
left: 0;
right: auto;
}
.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
right: initial;
left: 0;
}
.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
right: initial;
left: 10px;
}
/*
Animation example, for spinners
*/
.ui-grid-animate-spin {
-moz-animation: ui-grid-spin 2s infinite linear;
-o-animation: ui-grid-spin 2s infinite linear;
-webkit-animation: ui-grid-spin 2s infinite linear;
animation: ui-grid-spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes ui-grid-spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes ui-grid-spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes ui-grid-spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes ui-grid-spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes ui-grid-spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.ui-grid-cell-focus {
outline: 0;
background-color: #b3c4c7;
}
.ui-grid-focuser {
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
}
.ui-grid-focuser:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-grid-offscreen {
display: block;
position: absolute;
left: -10000px;
top: -10000px;
clip: rect(0px, 0px, 0px, 0px);
}
.ui-grid-cell input {
border-radius: inherit;
padding: 0;
width: 100%;
color: inherit;
height: auto;
font: inherit;
outline: none;
}
.ui-grid-cell input:focus {
color: inherit;
outline: none;
}
.ui-grid-cell input[type="checkbox"] {
margin: 9px 0 0 6px;
width: auto;
}
.ui-grid-cell input.ng-invalid {
border: 1px solid #fc8f8f;
}
.ui-grid-cell input.ng-valid {
border: 1px solid #d4d4d4;
}
.ui-grid-viewport .ui-grid-empty-base-layer-container {
position: absolute;
overflow: hidden;
pointer-events: none;
z-index: -1;
}
.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
background-color: #fdfdfd;
}
.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
background-color: #f3f3f3;
}
.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
pointer-events: none;
}
.ui-grid-expandable-buttons-cell i {
pointer-events: all;
}
.scrollFiller {
float: left;
border: 1px solid #d4d4d4;
}
.ui-grid-tree-header-row {
font-weight: bold !important;
}
.movingColumn {
position: absolute;
top: 0;
border: 1px solid #d4d4d4;
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.movingColumn .ui-grid-icon-angle-down {
display: none;
}
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Grid Menu colors
*/
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/*---------------------------------------------------
LESS Elements 0.9
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
.ui-grid-pager-panel {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding-top: 3px;
padding-bottom: 3px;
box-sizing: content-box;
}
.ui-grid-pager-container {
float: left;
}
.ui-grid-pager-control {
padding: 5px 0;
display: flex;
flex-flow: row nowrap;
align-items: center;
margin-right: 10px;
margin-left: 10px;
min-width: 135px;
float: left;
}
.ui-grid-pager-control button,
.ui-grid-pager-control span,
.ui-grid-pager-control input {
margin-right: 4px;
}
.ui-grid-pager-control button {
height: 25px;
min-width: 26px;
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background: #f3f3f3;
border: 1px solid #ccc;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #eee;
}
.ui-grid-pager-control button:hover {
border-color: #adadad;
text-decoration: none;
}
.ui-grid-pager-control button:focus {
border-color: #8c8c8c;
text-decoration: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.ui-grid-pager-control button:active {
border-color: #adadad;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ui-grid-pager-control button:active:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.ui-grid-pager-control button:active:hover,
.ui-grid-pager-control button:active:focus {
background-color: #c8c8c8;
border-color: #8c8c8c;
}
.ui-grid-pager-control button:hover,
.ui-grid-pager-control button:focus,
.ui-grid-pager-control button:active {
color: #eee;
background: #dadada;
}
.ui-grid-pager-control button[disabled] {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.ui-grid-pager-control button[disabled]:hover,
.ui-grid-pager-control button[disabled]:focus {
background-color: #f3f3f3;
border-color: #ccc;
}
.ui-grid-pager-control input {
display: inline;
height: 26px;
width: 50px;
vertical-align: top;
color: #555555;
background: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.ui-grid-pager-control input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-grid-pager-control input[disabled],
.ui-grid-pager-control input[readonly],
.ui-grid-pager-control input::-moz-placeholder {
opacity: 1;
}
.ui-grid-pager-control input::-moz-placeholder,
.ui-grid-pager-control input:-ms-input-placeholder,
.ui-grid-pager-control input::-webkit-input-placeholder {
color: #999;
}
.ui-grid-pager-control input::-ms-expand {
border: 0;
background-color: transparent;
}
.ui-grid-pager-control input[disabled],
.ui-grid-pager-control input[readonly] {
background-color: #eeeeee;
}
.ui-grid-pager-control input[disabled] {
cursor: not-allowed;
}
.ui-grid-pager-control .ui-grid-pager-max-pages-number {
vertical-align: bottom;
}
.ui-grid-pager-control .ui-grid-pager-max-pages-number > * {
vertical-align: bottom;
}
.ui-grid-pager-control .ui-grid-pager-max-pages-number abbr {
border-bottom: none;
text-decoration: none;
}
.ui-grid-pager-control .first-bar {
width: 10px;
border-left: 2px solid #4d4d4d;
margin-top: -6px;
height: 12px;
margin-left: -3px;
}
.ui-grid-pager-control .first-bar-rtl {
width: 10px;
border-left: 2px solid #4d4d4d;
margin-top: -6px;
height: 12px;
margin-right: -7px;
}
.ui-grid-pager-control .first-triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 8.7px 5px 0;
border-color: transparent #4d4d4d transparent transparent;
margin-left: 2px;
}
.ui-grid-pager-control .next-triangle {
margin-left: 1px;
}
.ui-grid-pager-control .prev-triangle {
margin-left: 0;
}
.ui-grid-pager-control .last-triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8.7px;
border-color: transparent transparent transparent #4d4d4d;
margin-left: -1px;
}
.ui-grid-pager-control .last-bar {
width: 10px;
border-left: 2px solid #4d4d4d;
margin-top: -6px;
height: 12px;
margin-left: 1px;
}
.ui-grid-pager-control .last-bar-rtl {
width: 10px;
border-left: 2px solid #4d4d4d;
margin-top: -6px;
height: 12px;
margin-right: -11px;
}
.ui-grid-pager-row-count-picker {
float: left;
padding: 5px 10px;
}
.ui-grid-pager-row-count-picker select {
color: #555555;
background: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
height: 25px;
width: 67px;
display: inline;
vertical-align: middle;
}
.ui-grid-pager-row-count-picker select:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-grid-pager-row-count-picker select[disabled],
.ui-grid-pager-row-count-picker select[readonly],
.ui-grid-pager-row-count-picker select::-moz-placeholder {
opacity: 1;
}
.ui-grid-pager-row-count-picker select::-moz-placeholder,
.ui-grid-pager-row-count-picker select:-ms-input-placeholder,
.ui-grid-pager-row-count-picker select::-webkit-input-placeholder {
color: #999;
}
.ui-grid-pager-row-count-picker select::-ms-expand {
border: 0;
background-color: transparent;
}
.ui-grid-pager-row-count-picker select[disabled],
.ui-grid-pager-row-count-picker select[readonly] {
background-color: #eeeeee;
}
.ui-grid-pager-row-count-picker select[disabled] {
cursor: not-allowed;
}
.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
margin-top: 3px;
}
.ui-grid-pager-count-container {
float: right;
margin-top: 4px;
min-width: 50px;
}
.ui-grid-pager-count-container .ui-grid-pager-count {
margin-right: 10px;
margin-left: 10px;
float: right;
}
.ui-grid-pager-count-container .ui-grid-pager-count abbr {
border-bottom: none;
text-decoration: none;
}
.ui-grid-pinned-container {
position: absolute;
display: inline;
top: 0;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left {
float: left;
left: 0;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right {
float: right;
right: 0;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
box-sizing: border-box;
border-right: 1px solid;
border-width: 1px;
border-right-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
box-sizing: border-box;
border-right: 1px solid;
border-width: 1px;
border-right-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
width: 1px;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
background-color: #d4d4d4;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
right: -1px;
width: 1px;
background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
box-sizing: border-box;
border-left: 1px solid;
border-width: 1px;
border-left-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
box-sizing: border-box;
border-left: 1px solid;
border-width: 1px;
border-left-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,
.ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar {
width: 1px;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
background-color: #d4d4d4;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
left: -1px;
width: 1px;
background-color: #aeaeae;
}
.ui-grid-column-resizer {
top: 0;
bottom: 0;
width: 5px;
position: absolute;
cursor: col-resize;
}
.ui-grid-column-resizer.left {
left: 0;
}
.ui-grid-column-resizer.right {
right: 0;
}
.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
border-right: 1px solid #d4d4d4;
}
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
border-right: 0;
}
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left {
border-left: 1px solid #d4d4d4;
}
.ui-grid.column-resizing {
cursor: col-resize;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ui-grid.column-resizing .ui-grid-resize-overlay {
position: absolute;
top: 0;
height: 100%;
width: 1px;
background-color: #aeaeae;
}
.ui-grid-row-saving .ui-grid-cell {
color: #848484 !important;
}
.ui-grid-row-dirty .ui-grid-cell {
color: #610B38;
}
.ui-grid-row-error .ui-grid-cell {
color: #FF0000 !important;
}
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
background-color: #C9DDE1;
}
.ui-grid-disable-selection {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}
.ui-grid-selection-row-header-buttons {
display: flex;
align-items: center;
height: 100%;
cursor: pointer;
}
.ui-grid-selection-row-header-buttons::before {
opacity: 0.1;
}
.ui-grid-selection-row-header-buttons.ui-grid-row-selected::before,
.ui-grid-selection-row-header-buttons.ui-grid-all-selected::before {
opacity: 1;
}
.ui-grid-tree-row-header-buttons.ui-grid-tree-header {
cursor: pointer;
opacity: 1;
}
.ui-grid-tree-header-row {
font-weight: bold !important;
}
.ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
pointer-events: all;
}
.ui-grid-cell-contents.invalid {
border: 1px solid #fc8f8f;
}
src/main/webapp/WEB-INF/js/pdf/pdfmake.js 0 → 100644
View file @ 7c7d5dc8
This source diff could not be displayed because it is too large. You can view the blob instead.
src/main/webapp/WEB-INF/js/ui-grid-unstable.js 0 → 100644
View file @ 7c7d5dc8
This source diff could not be displayed because it is too large. You can view the blob instead.
src/main/webapp/WEB-INF/js/ui-grid.js 0 → 100644
View file @ 7c7d5dc8
This source diff could not be displayed because it is too large. You can view the blob instead.
src/main/webapp/WEB-INF/js/vfs_fonts.js 0 → 100644
View file @ 7c7d5dc8
This source diff could not be displayed because it is too large. You can view the blob instead.
src/main/webapp/WEB-INF/templates/employees.html
View file @ 7c7d5dc8
......@@ -53,7 +53,7 @@
</div>
<div class="form-group">
<div class="form-inline col-lg-12">
<div id="gridTest" ui-grid="gridOptions" ui-grid-pagination
<div id="gridTest" ui-grid="gridOptions" ui-grid-pagination ui-grid-exporter
class="grid employees-login">
<div class="watermark" ng-show="!gridOptions.data.length">Search
by Employee ID/Name/Email ID</div>
......
src/main/webapp/WEB-INF/templates/index.html
View file @ 7c7d5dc8
......@@ -26,7 +26,7 @@
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css"></link>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"></link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"></link>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/jquery-ui.min.css" rel="stylesheet">
<script src="js/pdf/pdf.js"></script>
<script src='js/FileSaver.js'></script>
<script src="js/pdf/angular-pdf.min.js"></script>
......@@ -35,18 +35,18 @@
<link rel="stylesheet" href="css/custom-theme.css"></link>
<script src="js/bootstrap.min.js"></script>
<script src="js/angular-idle.js"></script>
<script src="http://ui-grid.info/release/ui-grid.js"></script>
<script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script>
<script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"></script>
<script src="js/ui-grid.js"></script>
<script src="js/pdf/pdfmake.js"></script>
<script src="js/vfs_fonts.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.9.12/xlsx.full.min.js"></script>
<script src="https://fastcdn.org/FileSaver.js/1.1.20151003/FileSaver.min.js"></script>
<script src="http://ui-grid.info/release/ui-grid-unstable.js"></script>
<script src="js/ui-grid-unstable.js"></script>
<link rel="stylesheet" href="http://ui-grid.info/release/ui-grid-unstable.css" type="text/css">
<link rel="stylesheet" href="css/ui-grid/ui-grid-unstable.css" type="text/css">
<link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css" type="text/css">
<link rel="stylesheet" href="css/ui-grid/ui-grid.css" type="text/css">
<link rel="stylesheet" href="css/pdf-viewer.css"></link>
<script src="js/app.js"></script>
<script src="js/date-text-filter.js"></script>
......
src/main/webapp/WEB-INF/templates/profile.html
View file @ 7c7d5dc8
<div class="md-padding my-profile" id="popupContainer" ng-controller="profileController" ng-init="getProfileData()">
<h1 class="no-padding">My Profile
<span class="right">
<md-button class="add-btn md-raised md-primary" ng-click="download()"> <i class="fa fa-pencil-square-o fa-1x"></i> Download Profile
<md-button ng-disabled = "!isResumeUploaded" class="add-btn md-raised md-primary" ng-click="download()"> <i class="fa fa-pencil-square-o fa-1x"></i> Download Resume
</md-button>
<md-button class="add-btn md-raised md-primary" ng-click="updateProfile()"> <i class="fa fa-pencil-square-o fa-1x"></i> Update Profile
</md-button>
......@@ -261,7 +261,7 @@
<div class="row">
<div class="col-lg-4 col-xs-6">
<p>
<b>Last Update Profile</b> <b class="right">:</b>
<b>Last Resume Uploaded</b> <b class="right">:</b>
</p>
</div>
<div class="col-lg-7 col-xs-6">
......
src/main/webapp/WEB-INF/templates/updateProfile.html
View file @ 7c7d5dc8
......@@ -24,7 +24,23 @@
ng-repeat="tech in technologies">{{tech}}</md-option> </md-optgroup> </md-select>
<textarea rows="4" cols="10" class="form-control" id="technologyKnown" name="technologyKnown"
ng-model="technologyKnown" placeholder="Technologies Known" />
<input type="file" file-model="file" class="form-control" id="uploadFile" name="uploadFile" ng-model="uploadFile" placeholder="Upload Profile" multiple/>
<md-dialog-actions layout="row">
<md-button class="md-raised" data-ng-click="validateFields()"> Update </md-button>
<md-button class="md-raised" ng-click="cancel()"> Cancel </md-button> </md-dialog-actions>
<div class= "file-upload-section">
<label>Upload Resume: </label>
<div class="row col-lg-12">
<div class="row col-lg-11">
<input type="file" file-model="file" class="form-control" id="uploadFile" name="uploadFile" ng-model="uploadFile" placeholder="Upload Profile" multiple/>
</div>
<div class="row col-lg-1">
<!-- <md-button class="md-raised" data-ng-click="uploadFile()">Upload </md-button> -->
<i class="fa fa-upload upload-resume-icon" data-toggle="tooltip" title="Upload" onmouseenter="$(this).tooltip()" data-ng-click="uploadFile()"></i>
</div>
</div>
</div>
<div role="alert">
<span class="error" style="color: red;">{{alertMsg}}</span>
</div>
......@@ -32,10 +48,7 @@
</md-dialog-content>
<md-dialog-actions layout="row">
<md-button class="md-raised" data-ng-click="uploadFile()">Upload </md-button>
<md-button class="md-raised" data-ng-click="validateFields()"> Update </md-button>
<md-button class="md-raised" ng-click="cancel()"> Cancel </md-button> </md-dialog-actions>
</form>
</md-dialog>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment