<!DOCTYPE html>
<html>
<head>
<title>angular2 playground</title>
<link rel="stylesheet" href="style.css" />
<!--<link rel="stylesheet" href="http://www.primefaces.org/primeng/node_modules/primeui/primeui-ng-all.min.css" />
<link rel="stylesheet" href="http://www.primefaces.org/primeng/node_modules/primeui/themes/omega/theme.css" /> -->
<script src="https://npmcdn.com/zone.js@0.6.12/dist/zone.js"></script>
<script src="https://npmcdn.com/reflect-metadata@0.1.3/Reflect.js"></script>
<script src="https://npmcdn.com/systemjs@0.19.31/dist/system.js"></script>
<script src="https://npmcdn.com/typescript@1.8.10/lib/typescript.js"></script>
<script src="config.js"></script>
<script>
System.import('app')
.catch(console.error.bind(console));
</script>
</head>
<body>
<my-app>
loading...
</my-app>
</body>
</html>
/* jQuery UI - v1.9.2 - 2012-11-23* Copyright (c) 2012 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}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{zoom:1}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default !important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}/* * jQuery UI Resizable 1.9.2 * http://jqueryui.com * * Copyright 2012 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */.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-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.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-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,.ui-datepicker select.ui-datepicker-year{width:45%}.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:bold;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 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 .6em;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-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0;border:0;margin:0;padding:0}.ui-timepicker-div .ui_tpicker_unit_hide{display:none}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{background:0;color:inherit;border:0;outline:0;border-bottom:solid 1px #555;width:95%}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus{border-bottom-color:#aaa}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}.ui-timepicker-div.ui-timepicker-oneLine{padding-right:2px}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,.ui-timepicker-div.ui-timepicker-oneLine dt{display:none}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{display:block;padding-top:2px}.ui-timepicker-div.ui-timepicker-oneLine dl{text-align:right}.ui-timepicker-div.ui-timepicker-oneLine dl dd,.ui-timepicker-div.ui-timepicker-oneLine dl dd>div{display:inline-block;margin:0}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before{content:':';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before{content:'.';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{display:none}.ui-accordion{width:100%}.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1}.ui-accordion .ui-accordion-header a{display:block;font-size:1em;padding:.5em .5em .5em 2.2em}.ui-accordion .ui-accordion-header .fa{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;margin-top:-2px;position:relative;top:1px;margin-bottom:2px;overflow:auto;zoom:1}.ui-accordion .ui-accordion-header.ui-state-disabled,.ui-accordion .ui-accordion-header.ui-state-disabled a{cursor:default}.ui-autocomplete{width:auto;zoom:1;cursor:pointer;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;position:relative;display:inline-block}.ui-autocomplete .ui-autocomplete-dropdown{position:absolute;height:100%;width:2.4em}.ui-autocomplete-query{font-weight:bold}.ui-autocomplete-panel{position:absolute;overflow:auto}.ui-autocomplete-panel .ui-autocomplete-list{padding:.4em;border:0 none}.ui-autocomplete-panel .ui-autocomplete-list-item{border:0 none;cursor:pointer;font-weight:normal;margin:1px 0;padding:3px 5px;text-align:left}.ui-autocomplete-panel .ui-autocomplete-table{border-collapse:collapse;width:100%}.ui-autocomplete-panel .ui-autocomplete-table td{border-width:1px;border-style:solid;border-color:inherit;padding:4px 10px 4px 10px}.ui-autocomplete .ui-button-icon-only .ui-button-text{padding:.29em}.ui-autocomplete-multiple{clear:left;cursor:text;list-style-type:none;margin:0;min-height:1px;overflow:hidden}.ui-autocomplete-multiple-container.ui-inputfield{padding:0}.ui-autocomplete-token{cursor:default;float:left;overflow:hidden;padding:1px 3px;white-space:nowrap;position:relative;margin:2px}.ui-autocomplete-token-label{display:block;padding:0 2.1em 0 .5em}.ui-autocomplete-token-icon{margin-top:-9px;position:absolute;right:.2em;top:50%;cursor:pointer}.ui-autocomplete-input-token{float:left;list-style-type:none;margin:2px;padding:1px}.ui-autocomplete-input-token .ui-inputtext{border:0 none;width:140px;outline:medium none;background-color:transparent;margin:0;padding:0;box-shadow:none}.ui-autocomplete-itemtip-content{display:none}.ui-autocomplete-itemtip{position:absolute;display:none;padding:.4em}.ui-autocomplete-emptyMessage{padding:3px 5px}.ui-autocomplete-panel .ui-autocomplete-group{font-weight:bold;cursor:default}.ui-autocomplete-dd input.ui-corner-all{-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all{-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}.ui-fluid .ui-autocomplete,.ui-fluid .ui-autocomplete-input{width:100%}.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button{width:2.4em}.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;text-decoration:none !important;cursor:pointer;text-align:center;zoom:1;overflow:visible}.ui-button-icon-only{width:2.4em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.3em 1em}.ui-button-icon-only .ui-button-text{padding:.3em;text-indent:-9999999px}.ui-button-text-icon-left .ui-button-text{padding:.3em 1em .3em 2.1em}.ui-button-text-icon-right .ui-button-text{padding:.3em 2.1em .3em 1em}.ui-button-icon-only .fa,.ui-button-text-icon-left .fa,.ui-button-text-icon-right .fa{position:absolute;top:50%;margin-top:-7px}.ui-button-icon-only .fa{left:50%;margin-left:-8px}.ui-button-icon-left{left:.5em}.ui-button-icon-right{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:0}button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-fluid .ui-button{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-fluid .ui-buttonset{width:100%}.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button{width:100%}.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button{width:50%}.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button{width:33.3%}.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button{width:25%}.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button{width:20%}.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{width:16.6%}@media(max-width:640px){.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{width:100%}}.ui-calendar{position:relative;display:inline-block}.ui-calendar button{position:absolute;height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.ui-fluid .ui-calendar{width:100%}.ui-carousel{position:relative;padding:1px}.ui-carousel .ui-carousel-viewport .ui-carousel-items{list-style:none outside none;margin:0;padding:0;position:relative;width:32000px;left:0}.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item{margin:1px;padding:0;float:left;box-sizing:border-box}.ui-carousel .ui-carousel-viewport{overflow:hidden;position:relative;border:0}.ui-carousel .ui-carousel-footer{margin:1px 1px 0 1px;padding-top:9px;padding-bottom:6px;padding-right:10px;padding-left:10px;overflow:hidden}.ui-carousel .ui-carousel-header{margin:0 1px;overflow:hidden;padding-top:7px;padding-bottom:8px;padding-right:10px;padding-left:10px}.ui-carousel .ui-carousel-header .ui-carousel-header-title{display:inline-block;padding-top:2px;overflow:hidden}.ui-carousel .ui-carousel-dropdown,.ui-carousel .ui-carousel-mobiledropdown{float:right;margin:0 10px;background-image:none}.ui-carousel .ui-carousel-dropdown option,.ui-carousel .ui-carousel-mobiledropdown option{background-image:none;border:0 none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.ui-carousel .ui-carousel-button{float:right;margin:2px}.ui-carousel .ui-carousel-page-link{float:left;margin:0 2px}.ui-carousel .ui-carousel-page-link,.ui-carousel .ui-carousel-button{cursor:pointer}.ui-carousel .ui-carousel-page-links{margin:0 9px;margin-top:2px;display:inline-table;float:right}.ui-carousel .ui-carousel-mobiledropdown{display:none}.ui-chkbox{display:inline-block;cursor:pointer;vertical-align:middle}.ui-chkbox .ui-chkbox-box{float:left;width:16px;height:16px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;margin-right:3px}.ui-chkbox .ui-chkbox-icon{margin-top:1px;margin-left:-1px}.ui-chkbox-label{vertical-align:middle}.ui-shadow{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);box-shadow:0 1px 3px 0 rgba(0,0,0,0.3)}.ui-unselectable-text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.ui-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}.ui-datagrid .ui-paginator{text-align:center;border-top:0 none}.ui-datagrid-column{padding:3px}.ui-datagrid-content-empty{padding:4px 10px}.ui-datagrid .ui-datagrid-header,.ui-datagrid .ui-datagrid-footer{text-align:center;padding:4px 10px}.ui-datagrid .ui-datagrid-header{border-bottom:0 none}.ui-datagrid .ui-datagrid-footer{border-top:0 none}.ui-datagrid .ui-paginator-top{border-bottom:0 none}.ui-datagrid .ui-paginator-bottom{border-top:0 none}.ui-datagrid-content{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-end;align-content:flex-end}.ui-datagrid-content>div{box-sizing:border-box}.ui-datagrid-col-1>div{width:100%}.ui-datagrid-col-2>div{width:50%}.ui-datagrid-col-3>div{width:33.33333%}.ui-datagrid-col-4>div{width:25%}.ui-datagrid-col-5>div{width:20%}.ui-datagrid-col-6>div{width:16.66666%}.ui-datagrid-col-7>div{width:14.28571%}.ui-datagrid-col-8>div{width:12.5%}.ui-datagrid-col-9>div{width:11.11111%}.ui-datagrid-col-10>div{width:10%}@media(max-width:640px){.ui-datagrid-content{display:block}.ui-datagrid-col-1>div,.ui-datagrid-col-2>div,.ui-datagrid-col-3>div,.ui-datagrid-col-4>div,.ui-datagrid-col-5>div,.ui-datagrid-col-6>div,.ui-datagrid-col-7>div,.ui-datagrid-col-8>div,.ui-datagrid-col-9>div,.ui-datagrid-col-10>div,.ui-datagrid-col-11>div,.ui-datagrid-col-12>div{width:100%}}.ui-datalist .ui-datalist-header,.ui-datalist .ui-datalist-footer{text-align:center;padding:4px 10px}.ui-datalist .ui-datalist-header{border-bottom:0 none}.ui-datalist .ui-datalist-footer{border-top:0 none}.ui-datalist .ui-paginator{border-top:0 none}.ui-datalist .ui-datalist-data{margin:0;padding:0}.ui-datalist .ui-datalist-data>li{list-style-type:none}.ui-datascroller .ui-datascroller-header{text-align:center;padding:4px 10px;border-bottom:0 none}.ui-datascroller .ui-datascroller-footer{text-align:center;padding:4px 10px;border-top:0 none}.ui-datascroller .ui-datascroller-content{padding:4px 10px}.ui-datascroller-inline .ui-datascroller-content{overflow:auto}.ui-datascroller .ui-datascroller-list{list-style-type:none;margin:0;padding:0}.ui-datascroller .ui-datascroller-item{border:0 none}.ui-datascroller .ui-datascroller-loader{text-align:center;padding:4px 10px}.ui-datascroller .ui-datascroller-loading{background:url("./images/loadingbar.gif") center center no-repeat;width:220px;height:19px;padding:0;margin:0;display:inline-block}.ui-datatable table{border-collapse:collapse;width:100%;table-layout:fixed}.ui-datatable .ui-datatable-header,.ui-datatable .ui-datatable-caption,.ui-datatable .ui-datatable-footer{text-align:center;padding:4px 10px;box-sizing:border-box}.ui-datatable .ui-datatable-caption,.ui-datatable .ui-datatable-header{border-bottom:0 none}.ui-datatable .ui-datatable-footer{border-top:0 none}.ui-datatable thead th,.ui-datatable tfoot td{text-align:center}.ui-datatable thead th,.ui-datatable tbody td,.ui-datatable tfoot td,.ui-datatable tfoot th{padding:4px 10px;overflow:hidden;border-width:1px;border-style:solid}.ui-datatable thead tr{border-width:0}.ui-datatable thead th{border-color:inherit;box-sizing:border-box}.ui-datatable tbody{outline:0}.ui-datatable tbody td{border-color:inherit}.ui-datatable .ui-sortable-column{cursor:pointer}.ui-datatable .ui-sortable-column-icon{display:inline-block;margin:-3px 0 -3px 2px}.ui-datatable tr.ui-state-highlight{cursor:pointer}.ui-datatable-scrollable-body{overflow:auto}.ui-datatable-scrollable-header{overflow:hidden;border:0 none}.ui-datatable-scrollable .ui-datatable-scrollable-header{position:relative}.ui-datatable-scrollable .ui-datatable-scrollable-header td{font-weight:normal}.ui-datatable .ui-datatable-scrollable-body{min-height:0}.ui-datatable .ui-datatable-data tr.ui-state-hover{border-color:inherit;font-weight:inherit;cursor:pointer}.ui-datatable-scrollable-theadclone{height:0}.ui-datatable-scrollable-theadclone tr{height:0}.ui-datatable-scrollable-theadclone th.ui-state-default{height:0;border-bottom-width:0;border-top-width:0;padding-top:0;padding-bottom:0;outline:0 none}.ui-datatable-scrollable-theadclone th span.ui-column-title{display:block;height:0}.ui-datatable .ui-paginator{padding:2px;border-top:0 none}.ui-datatable-rtl{direction:rtl}.ui-datatable-rtl.ui-datatable thead th,.ui-datatable-rtl.ui-datatable tfoot td{text-align:right}.ui-row-toggler{cursor:pointer}.ui-datatable .ui-column-resizer{position:absolute !important;top:0;right:0;margin:0;width:8px;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.ui-datatable .ui-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.ui-datatable-resizable{padding-bottom:1px;overflow:auto}.ui-datatable-resizable thead th,.ui-datatable-resizable tbody td,.ui-datatable-resizable tfoot td{white-space:nowrap}.ui-datatable-resizable th.ui-resizable-column{background-clip:padding-box;position:relative}.ui-datatable-reflow .ui-datatable-data td .ui-column-title{display:none}.ui-datatable .ui-column-filter{display:block;width:100%;box-sizing:border-box;margin-top:4px}.ui-datatable td.ui-cell-editing{padding:0}.ui-datatable td.ui-cell-editing input{box-sizing:border-box;width:100%;border:0 none;outline:0}.ui-datatable .ui-editable-column .ui-cell-editor{display:none}.ui-datatable .ui-editable-column.ui-cell-editing .ui-cell-editor{display:inline}.ui-datatable .ui-editable-column.ui-cell-editing .ui-cell-data{display:none}@media(max-width:35em){.ui-datatable-reflow thead th,.ui-datatable-reflow tfoot td{display:none !important}.ui-datatable-reflow .ui-datatable-data td{text-align:left;display:block;border:0 none;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;clear:left}.ui-datatable-reflow .ui-datatable-data.ui-widget-content{border:0 none}.ui-datatable-reflow .ui-datatable-data tr.ui-widget-content{border-left:0 none;border-right:0 none}.ui-datatable-reflow .ui-datatable-data td .ui-column-title{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em;font-weight:bold}}.ui-datatable-stacked thead th,.ui-datatable-stacked tfoot td{display:none !important}.ui-datatable-stacked .ui-datatable-data td{text-align:left;display:block;border:0 none;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;clear:left}.ui-datatable-stacked .ui-datatable-data.ui-widget-content{border:0 none}.ui-datatable-stacked .ui-datatable-data tr.ui-widget-content{border-left:0 none;border-right:0 none}.ui-datatable-stacked .ui-datatable-data td .ui-column-title{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em;font-weight:bold}.ui-datatable .ui-selection-column .ui-chkbox,.ui-datatable .ui-selection-column .ui-radiobutton{margin:0;display:block}.ui-datatable .ui-selection-column .ui-chkbox-box,.ui-datatable .ui-selection-column .ui-radiobutton-box{display:block;box-sizing:border-box;height:17px;width:17px}.ui-dialog{position:fixed;padding:0;overflow:hidden;width:300px}.ui-dialog .ui-dialog-titlebar{padding:.4em .4em .4em 1em;position:relative;border:0}.ui-dialog .ui-dialog-title{float:left;margin:.3em 16px .1em 0}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto;zoom:1}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin:.5em 0 0 0;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;float:right}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-dialog .ui-dialog-titlebar-close,.ui-dialog .ui-dialog-titlebar-minimize,.ui-dialog .ui-dialog-titlebar-maximize{float:right;margin-top:2px;top:0;padding:1px;cursor:pointer;height:16px}.ui-dialog .ui-dialog-titlebar-close span,.ui-dialog .ui-dialog-titlebar-minimize span,.ui-dialog .ui-dialog-titlebar-maximize span{display:block;margin:0}.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus,.ui-dialog .ui-dialog-titlebar-minimize:hover,.ui-dialog .ui-dialog-titlebar-minimize:focus,.ui-dialog .ui-dialog-titlebar-maximize:hover,.ui-dialog .ui-dialog-titlebar-maximize:focus{padding:0}.ui-dialog-footer{padding:.4em 1em;border-width:1px 0 0 0;text-align:left}.ui-dialog-docking-zone{position:fixed;bottom:0;left:0}.ui-dialog-minimizing{border:2px dotted gray}.ui-confirm-dialog-severity{float:left;margin:3px 7px 20px 0}.ui-dialog.ui-dialog-minimized{*width:200px !important}.ui-dialog-mask{position:fixed;width:100%;height:100%}.ui-dialog-rtl{direction:rtl}.ui-dialog.ui-dialog-rtl .ui-dialog-title{float:right}.ui-dialog.ui-dialog-rtl .ui-dialog-titlebar-close,.ui-dialog.ui-dialog-rtl .ui-dialog-titlebar-minimize,.ui-dialog.ui-dialog-rtl .ui-dialog-titlebar-maximize{float:left}.ui-dialog.ui-dialog-rtl .ui-dialog-footer{text-align:right}.ui-dialog-draggable .ui-dialog-titlebar{cursor:move}.ui-dropdown{display:inline-block;position:relative;width:auto;zoom:1;cursor:pointer;padding-right:2em}.ui-dropdown .ui-dropdown-trigger{border-right:0;border-top:0;border-bottom:0;cursor:pointer;width:16px;height:100%;position:absolute;right:0;top:0;padding:0 3px}.ui-dropdown .ui-dropdown-trigger .fa{margin-top:4px;margin-left:-1px}.ui-dropdown .ui-dropdown-label{display:block;border:0;white-space:nowrap;overflow:hidden;font-weight:normal;width:100%;float:left}.ui-dropdown.ui-state-disabled .ui-dropdown-trigger,.ui-dropdown.ui-state-disabled .ui-dropdown-label{cursor:default}.ui-dropdown label.ui-dropdown-label{cursor:pointer}.ui-dropdown input.ui-dropdown-label{cursor:default}.ui-dropdown .ui-dropdown-panel{min-width:100%}.ui-dropdown-panel{position:absolute;height:auto}.ui-dropdown-panel .ui-dropdown-items-wrapper{overflow:auto}.ui-dropdown-panel .ui-dropdown-item{font-weight:normal;border:0 none;cursor:pointer;margin:1px 0;padding:3px 5px;text-align:left}.ui-dropdown-panel .ui-dropdown-item-group{font-weight:bold}.ui-dropdown-panel .ui-dropdown-list{padding:.4em;border:0 none}.ui-dropdown-panel .ui-dropdown-filter{width:100%;padding-right:18px;box-sizing:border-box}.ui-dropdown-panel .ui-dropdown-filter-container{position:relative;margin:0;padding:.4em;display:inline-block}.ui-dropdown-panel .ui-dropdown-filter-container .fa{position:absolute;top:12px;right:15px}.ui-fluid .ui-dropdown{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-fluid .ui-dropdown .ui-dropdown-trigger{width:32px;padding:0 6px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-fieldset,.ui-fieldset .ui-fieldset-legend{padding:.6em 1em}.ui-fieldset-toggleable .ui-fieldset-legend{padding:.5em 1em .5em .5em;cursor:pointer;white-space:nowrap}.ui-fieldset .ui-fieldset-toggler{padding-right:.1em;margin-top:.1em;float:left}.ui-galleria{overflow:hidden;visibility:hidden;position:relative}.ui-galleria-panel-wrapper{position:relative;padding:0;margin:0}.ui-galleria-panel{filter:inherit;position:absolute;top:0;left:0;list-style-type:none}.ui-galleria-filmstrip-wrapper{overflow:hidden;margin:5px auto;position:relative}.ui-galleria-filmstrip{list-style:none outside none;margin:0;padding:0;width:2340px;z-index:900;position:absolute;top:0;left:0}.ui-galleria-frame{float:left;margin-right:5px;opacity:.3;cursor:pointer}.ui-galleria-frame-active{opacity:1}.ui-galleria-frame-content{overflow:hidden}.ui-galleria-nav-next,.ui-galleria-nav-prev{cursor:pointer;position:absolute}.ui-galleria-nav-prev{left:5px}.ui-galleria-nav-next{right:5px}.ui-galleria-caption{position:absolute;left:1px;background-color:rgba(0,0,0,0.5);display:none;color:#ededed;padding:.2em 1em}.ui-galleria-caption h4{color:#ededed}.ui-galleria-panel-content{padding:1em 1.4em}.ui-grid{clear:both;padding:0;margin:0}.ui-grid:before,.ui-grid:after{content:"";display:table}.ui-grid:after{clear:both}.ui-grid .ui-grid-row{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;clear:both}.ui-grid-row:after{clear:both;content:"";display:table}.ui-grid-col-1,.ui-grid-col-2,.ui-grid-col-3,.ui-grid-col-4,.ui-grid-col-5,.ui-grid-col-6,.ui-grid-col-7,.ui-grid-col-8,.ui-grid-col-9,.ui-grid-col-10,.ui-grid-col-11,.ui-grid-col-12{float:left;box-sizing:border-box}.ui-grid-col-1{width:8.33333%}.ui-grid-col-2{width:16.66666%}.ui-grid-col-3{width:25%}.ui-grid-col-4{width:33.33333%}.ui-grid-col-5{width:41.66666%}.ui-grid-col-6{width:50%}.ui-grid-col-7{width:58.33333%}.ui-grid-col-8{width:66.66666%}.ui-grid-col-9{width:75%}.ui-grid-col-10{width:83.33333%}.ui-grid-col-11{width:91.66666%}.ui-grid-col-12{width:100%}@media(min-width:480px){.ui-grid-fixed{width:480px}}@media(min-width:768px){.ui-grid-fixed{width:768px}}@media(min-width:960px){.ui-grid-fixed{width:960px}}@media(min-width:1024px){.ui-grid-fixed{width:1024px}}@media(max-width:640px){.ui-grid-responsive .ui-grid-row{display:block}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{width:100%;float:none}}.ui-grid.ui-grid-pad>.ui-grid-row>div{padding:4px 10px}@media(max-width:640px){.ui-grid-responsive .ui-grid-row{display:block}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{width:100%;float:none}}.ui-g{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap}.ui-g:after{clear:both;content:"";display:table}.ui-g-1,.ui-g-2,.ui-g-3,.ui-g-4,.ui-g-5,.ui-g-6,.ui-g-7,.ui-g-8,.ui-g-9,.ui-g-10,.ui-g-11,.ui-g-12{float:left;box-sizing:border-box;padding:.5em}.ui-g-1{width:8.3333%}.ui-g-2{width:16.6667%}.ui-g-3{width:25%}.ui-g-4{width:33.3333%}.ui-g-5{width:41.6667%}.ui-g-6{width:50%}.ui-g-7{width:58.3333%}.ui-g-8{width:66.6667%}.ui-g-9{width:75%}.ui-g-10{width:83.3333%}.ui-g-11{width:91.6667%}.ui-g-12{width:100%}@media screen and (max-width:40em){.ui-sm-1,.ui-sm-2,.ui-sm-3,.ui-sm-4,.ui-sm-5,.ui-sm-6,.ui-sm-7,.ui-sm-8,.ui-sm-9,.ui-sm-10,.ui-sm-11,.ui-sm-12{padding:.5em}.ui-sm-1{width:8.3333%}.ui-sm-2{width:16.6667%}.ui-sm-3{width:25%}.ui-sm-4{width:33.3333%}.ui-sm-5{width:41.6667%}.ui-sm-6{width:50%}.ui-sm-7{width:58.3333%}.ui-sm-8{width:66.6667%}.ui-sm-9{width:75%}.ui-sm-10{width:83.3333%}.ui-sm-11{width:91.6667%}.ui-sm-12{width:100%}}@media screen and (min-width:40.063em){.ui-md-1,.ui-md-2,.ui-md-3,.ui-md-4,.ui-md-5,.ui-md-6,.ui-md-7,.ui-md-8,.ui-md-9,.ui-md-10,.ui-md-11,.ui-md-12{padding:.5em}.ui-md-1{width:8.3333%}.ui-md-2{width:16.6667%}.ui-md-3{width:25%}.ui-md-4{width:33.3333%}.ui-md-5{width:41.6667%}.ui-md-6{width:50%}.ui-md-7{width:58.3333%}.ui-md-8{width:66.6667%}.ui-md-9{width:75%}.ui-md-10{width:83.3333%}.ui-md-11{width:91.6667%}.ui-md-12{width:100%}}@media screen and (min-width:64.063em){.ui-lg-1,.ui-lg-2,.ui-lg-3,.ui-lg-4,.ui-lg-5,.ui-lg-6,.ui-lg-7,.ui-lg-8,.ui-lg-9,.ui-lg-10,.ui-lg-11,.ui-lg-12{padding:.5em}.ui-lg-1{width:8.3333%}.ui-lg-2{width:16.6667%}.ui-lg-3{width:25%}.ui-lg-4{width:33.3333%}.ui-lg-5{width:41.6667%}.ui-lg-6{width:50%}.ui-lg-7{width:58.3333%}.ui-lg-8{width:66.6667%}.ui-lg-9{width:75%}.ui-lg-10{width:83.3333%}.ui-lg-11{width:91.6667%}.ui-lg-12{width:100%}}@media screen and (min-width:90.063em){.ui-xl-1,.ui-xl-2,.ui-xl-3,.ui-xl-4,.ui-xl-5,.ui-xl-6,.ui-xl-7,.ui-xl-8,.ui-xl-9,.ui-xl-10,.ui-xl-11,.ui-xl-12{padding:.5em}.ui-xl-1{width:8.3333%}.ui-xl-2{width:16.6667%}.ui-xl-3{width:25%}.ui-xl-4{width:33.3333%}.ui-xl-5{width:41.6667%}.ui-xl-6{width:50%}.ui-xl-7{width:58.3333%}.ui-xl-8{width:66.6667%}.ui-xl-9{width:75%}.ui-xl-10{width:83.3333%}.ui-xl-11{width:91.6667%}.ui-xl-12{width:100%}}.ui-g-nopad{padding:0}* html .ui-growl{position:absolute}* html .ui-growl-item{padding-bottom:0}* html .ui-growl-icon-close{top:7px;right:7px}.ui-growl{position:fixed;top:20px;right:20px;width:301px}.ui-growl-item-container{position:relative;margin:0 0 10px 0;opacity:.85;filter:alpha(opacity=85)}.ui-growl-item{display:block;padding:10px 15px}.ui-growl-item p{padding:0;margin:0}.ui-growl-icon-close{position:absolute;top:5px;right:3px;cursor:pointer}.ui-growl-title{font-weight:bold;padding:0 0 7px 0;display:block}.ui-growl-image{float:left;margin-left:5px;padding:0;display:block}.ui-growl-message{padding:0 0 5px 0;width:220px;float:right}.ui-growl-message p{font-weight:normal}.ui-inputtext{margin:0;outline:medium none;padding:4px;font-weight:normal}.ui-widget-header .ui-inputtext,.ui-widget-content .ui-inputtext{font-weight:normal}.ui-fluid .ui-inputtext{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-inputtextarea-resizable{overflow:hidden;resize:none}.ui-fluid .ui-inputtextarea{width:100%}.ui-lightbox{position:fixed}.ui-lightbox-content-wrapper{position:relative}.ui-lightbox-content{position:relative;margin:0;padding:0;background-color:#000}.ui-lightbox-nav-right,.ui-lightbox-nav-left{position:absolute;top:50%;cursor:pointer}.ui-lightbox-nav-left{left:0}.ui-lightbox-nav-right{right:0}.ui-lightbox-loading{background:url("./images/loading.gif") #000 center center no-repeat}.ui-lightbox-caption{padding:.2em .4em;display:none}.ui-lightbox-caption-text{margin:.3em 0 .1em 0;float:left}.ui-lightbox-close{float:right;margin:0;padding:1px}.ui-lightbox-close.ui-state-hover{padding:0}.ui-lightbox-nav-left,.ui-lightbox-nav-right{opacity:.5}.ui-lightbox-nav-left:hover,.ui-lightbox-nav-right:hover{opacity:1}.ui-listbox{overflow:auto;padding:2px;width:125px}.ui-listbox .ui-listbox-list{list-style-type:none;margin:0;padding:0}.ui-listbox .ui-listbox-item{padding:2px;border:0 none;cursor:pointer;font-weight:normal}.ui-listbox.ui-state-disabled .ui-listbox-item{cursor:default}.ui-menu{width:12.5em;padding:.3em;position:relative}.ui-menu.ui-menu-dynamic{position:absolute;display:none;z-index:100000}.ui-menu-list{position:static}.ui-menu .ui-menu-list .ui-menuitem{border:0}.ui-menu .ui-menu-list .ui-widget-header{clear:both;float:left;width:98%;margin:1px 0}.ui-menu .ui-menuitem{width:100%;float:left;clear:both;margin:1px 0;padding:0}.ui-menu .ui-menuitem-parent{width:100%;float:left;clear:both;margin:1px 0;padding:0}.ui-menu .ui-menuitem-link{display:block;width:92%;outline:0;text-decoration:none;font-weight:400;border:solid 1px transparent;float:left;line-height:16px;padding:.3em;cursor:pointer}.ui-menu .ui-menuitem-link .ui-menuitem-icon{display:inline-block;float:left}.ui-menu .ui-menuitem-text{float:left}.ui-menu .ui-widget-header h1,.ui-menu .ui-widget-header h2,.ui-menu .ui-widget-header h3,.ui-menu .ui-widget-header h4,.ui-menu .ui-widget-header h5,.ui-menu .ui-widget-header h6{float:left;display:block;font-size:1em;margin:0 auto;padding:.3em 3%}.ui-menu .ui-menu-parent .ui-menu-child{display:none;width:12.5em;padding:.3em;position:absolute;margin:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-menu .ui-menu-parent{position:relative}.ui-menu .ui-menu-parent .ui-submenu-icon{float:right;margin-right:-5px}.ui-menubutton{padding:0}.ui-menubutton .ui-button{margin:0}.ui-menubar{width:auto}.ui-menubar .ui-menuitem{width:auto;clear:none}.ui-menubar .ui-menu-child .ui-menuitem{width:100%}.ui-menubar .ui-menu-child{top:25px;left:0}.ui-menubar .ui-menuitem-link{width:auto;padding:.4em .3em}.ui-menubar .ui-menu-child .ui-menuitem-link{width:92%}.ui-menubar .ui-widget-header{clear:none;width:auto;margin:0 3px 0 0}.ui-menubar .ui-widget-header h1,.ui-menubar .ui-widget-header h2,.ui-menubar .ui-widget-header h3,.ui-menubar .ui-widget-header h4,.ui-menubar .ui-widget-header h5,.ui-menubar .ui-widget-header h6{padding:.4em .3em}.ui-menubar .ui-menubar-options{float:right}.ui-menu .ui-separator{width:98%;height:0;float:left;clear:both;margin:1px 0 0 0;padding:0;border-top:0 none}.ui-breadcrumb{margin:0;padding:0;overflow:hidden;padding:5px 5px 7px 5px}.ui-breadcrumb ul{margin:0;padding:0;display:block}.ui-breadcrumb ul li{display:block;float:left;position:relative;overflow:hidden}.ui-breadcrumb ul li span{display:block;overflow:hidden}.ui-breadcrumb ul li .ui-menuitem-link{display:block;position:relative;overflow:hidden;float:left;margin-top:3px}.ui-breadcrumb ul li.fa{padding:0;margin:4px 3px 0 3px}.ui-breadcrumb-chevron{float:left}.ui-slidemenu .ui-slidemenu-wrapper{position:relative}.ui-slidemenu .ui-slidemenu-content{overflow-x:hidden;overflow-y:auto;position:relative}.ui-slidemenu .ui-menu-list{position:absolute;top:0}.ui-slidemenu .ui-menu-parent{position:static}.ui-slidemenu .ui-menu-child{box-shadow:none;border:0 none;background:none repeat scroll 0 0 transparent}.ui-slidemenu-backward{position:absolute;bottom:0;width:95%;margin-bottom:.4em;padding:.2em;cursor:pointer;display:none}.ui-slidemenu-backward .fa{float:left;margin-top:1px}.ui-fluid .ui-menu{width:100%}.ui-megamenu .ui-megamenu-panel.ui-menu-child{width:auto}.ui-megamenu .ui-megamenu-panel .ui-menu-list{width:12.5em}.ui-megamenu-vertical{width:12.5em}.ui-megamenu-vertical .ui-menuitem-link,.ui-megamenu-vertical .ui-menu-list .ui-menuitem{width:100%;box-sizing:border-box}.ui-panelmenu{width:auto}.ui-panelmenu .ui-panelmenu-panel{padding:0;margin:0}.ui-panelmenu .ui-panelmenu-header{cursor:pointer;position:relative;margin:0;zoom:1}.ui-panelmenu .ui-panelmenu-header a{display:block;padding:.5em .5em .5em 2.2em}.ui-panelmenu .ui-panelmenu-header .fa{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-panelmenu .ui-panelmenu-header .ui-menuitem-icon.fa{left:1.5em}.ui-panelmenu .ui-panelmenu-content{padding:.2em 0;border-top:0;margin-top:-2px;position:relative;top:1px;overflow:auto;zoom:1;outline:0}.ui-panelmenu .ui-panelmenu-header.ui-state-disabled,.ui-panelmenu .ui-panelmenu-header.ui-state-disabled a{cursor:default}.ui-panelmenu .ui-menu-list{position:static}.ui-panelmenu .ui-menuitem{margin:1px 0;padding:0}.ui-panelmenu .ui-menuitem-link{display:block;outline:0;text-decoration:none;font-weight:400;border:solid 1px transparent;line-height:16px;cursor:pointer;position:relative;padding:.3em .3em .3em 2em}.ui-panelmenu .ui-menu-parent .ui-menuitem-link-hasicon,.ui-panelmenu .ui-panelmenu-header a.ui-panelmenu-headerlink-hasicon{padding-left:2.8em}.ui-panelmenu .fa{position:absolute;right:auto;top:4px;bottom:0;margin:auto 0;left:.5em}.ui-panelmenu .ui-menu-parent>.ui-menuitem-link>.fa{left:1.5em}.ui-panelmenu .ui-menu-parent .ui-panelmenu-icon.fa{left:.5em}.ui-panelmenu .ui-menuitem-text{float:none}.ui-panelmenu .ui-menu-parent .ui-menu-list{margin-left:20px}.ui-menuitem-active>.ui-submenu>ul,.ui-menuitem-active>.ui-megamenu-panel{display:block !important}.ui-menuitem-outline{outline:1px dotted;z-index:1}.ui-tabmenu{position:relative;zoom:1}.ui-tabmenu .ui-tabmenu-nav{margin:0;padding:.2em .2em 0}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem{list-style:none;float:left;position:relative;margin:0 .2em 1px 0;padding:0;white-space:nowrap;display:block;border-bottom:0;top:1px}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabmenu .ui-tabmenu-nav a{padding:.5em 1em}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-icon{float:left;cursor:pointer}.ui-messages{border:1px solid;margin:10px 0;padding:20px 20px 20px 10px;display:none;position:relative}.ui-messages-icon{display:block;float:left;margin-top:-5px;padding:0;position:relative}.ui-messages-summary{margin-left:10px;font-weight:bold}.ui-messages-detail{margin-left:5px}.ui-messages-info{color:#fff;background-color:#2196f3;border-color:#2196f3}.ui-messages-warn{color:#fff;background-color:#ff9800;border-color:#ff9800}.ui-messages-error{color:#fff;background-color:#f44336;border-color:#f44336}.ui-messages ul{margin:0 25px;padding:0;list-style-type:none}.ui-messages.ui-messages-noicon ul{margin:0 25px 0 0}.ui-messages .ui-messages-close{color:#fff;cursor:pointer;position:absolute;top:5px;right:5px}.ui-message{border:1px solid;margin:0 5px;padding:2px 5px}.ui-multiselect{display:inline-block;position:relative;width:auto;zoom:1;cursor:pointer}.ui-multiselect .ui-multiselect-trigger{border-right:0;border-top:0;border-bottom:0;cursor:pointer;width:16px;height:100%;position:absolute;right:0;top:0;padding:0 3px}.ui-multiselect .ui-multiselect-trigger .fa{margin-top:3px}.ui-multiselect .ui-multiselect-label-container{overflow:hidden}.ui-multiselect .ui-multiselect-label{display:block;padding:3px 26px 3px 5px;width:auto;border:0;cursor:pointer;text-overflow:ellipsis;overflow:hidden}.ui-multiselect.ui-state-disabled .ui-multiselect-trigger,.ui-multiselect.ui-state-disabled .ui-multiselect-label{cursor:auto}.ui-multiselect .ui-multiselect-panel{padding:.2em;position:absolute;min-width:100%}.ui-multiselect-panel .ui-multiselect-items-wrapper{overflow:auto;position:relative;padding:.2em 0}.ui-multiselect-panel .ui-multiselect-list{border:0 none}.ui-multiselect-panel .ui-multiselect-item{border:0 none;cursor:pointer;font-weight:normal;margin:1px 0;padding:4px;text-align:left;white-space:nowrap;display:block;position:relative}.ui-multiselect-panel .ui-multiselect-item .ui-chkbox{position:absolute;top:50%;margin-top:-8px}.ui-multiselect-panel .ui-multiselect-item label{display:block;padding-left:25px;padding-top:3px;cursor:pointer}.ui-multiselect-header{margin-bottom:.3em;padding:.3em 0 .3em .4em;position:relative}.ui-multiselect-header .ui-chkbox{position:absolute;top:5px;left:5px;cursor:pointer}.ui-multiselect-header .ui-multiselect-filter-container{position:relative;margin-left:20px;margin-right:20px}.ui-multiselect-header .ui-multiselect-filter-container .fa{position:absolute;left:5px;top:3px}.ui-multiselect-header .ui-inputtext{padding:1px 1px 1px 25px}.ui-multiselect-header .ui-multiselect-close{position:absolute;right:2px;top:4px;display:block;font-size:18px;border:0 none}.ui-multiselect-header a.ui-multiselect-all,.ui-multiselect-header a.ui-multiselect-none{float:left;margin-right:10px;display:block}.ui-multiselect-header .ui-multiselect-close.ui-state-hover{padding:0}.ui-fluid .ui-multiselect{width:100%;box-sizing:border-box}.ui-multiselectlistbox-listcontainer{padding:2px;width:150px}.ui-multiselectlistbox-listcontainer{overflow:auto}.ui-multiselectlistbox .ui-multiselectlistbox-list{list-style-type:none;margin:0;padding:0}.ui-multiselectlistbox .ui-multiselectlistbox-item{margin:2px;border:0 none;cursor:pointer;font-weight:normal}.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer{float:left;margin-right:4px}.ui-multiselectlistbox .ui-multiselectlistbox-item{white-space:nowrap}.ui-multiselectlistbox.ui-state-disabled .ui-multiselectlistbox-item{cursor:default}.ui-multiselectlistbox .ui-multiselectlistbox-header{text-align:center;padding:2px 10px;border-bottom:0 none}.ui-notify{position:fixed;width:100%;height:100px;display:none;padding:10px}.ui-notify-top{top:0}.ui-notify-bottom{bottom:0}.ui-notify-close{position:absolute;right:3em;top:1em;cursor:pointer;opacity:.5}.ui-notify-close:hover{opacity:1.0}.ui-orderlist{display:table}.ui-orderlist .ui-orderlist-caption{width:200px}.ui-orderlist .ui-orderlist-list{list-style-type:none;margin:0;padding:0;overflow:auto;height:200px;width:200px}.ui-orderlist .ui-orderlist-list li{margin:1px;padding:2px}.ui-orderlist .ui-button{display:block;margin-bottom:.3em}.ui-orderlist .ui-orderlist-button.ui-button-text-icon-primary{width:100%}.ui-orderlist .ui-orderlist-item{cursor:pointer;border:0 none;font-weight:inherit}.ui-orderlist .ui-orderlist-caption{text-align:center;padding:4px 0;border-bottom:0 none}.ui-orderlist table{width:100%;border-collapse:collapse}.ui-orderlist.ui-state-disabled .ui-orderlist-item,.ui-orderlist.ui-state-disabled .ui-button{cursor:default}.ui-orderlist.ui-state-disabled .ui-orderlist-list{overflow:hidden}.ui-orderlist.ui-grid-responsive{display:block;width:100%}.ui-orderlist.ui-grid-responsive .ui-orderlist-controls{margin-right:10px}.ui-orderlist.ui-grid-responsive .ui-orderlist-list,.ui-orderlist.ui-grid-responsive .ui-orderlist-caption{width:100%}.ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button{width:100%}@media(max-width:640px){.ui-orderlist.ui-grid-responsive .ui-orderlist-controls{text-align:center}.ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button{display:inline;width:20%}}.ui-overlaypanel{padding:0;margin:0;position:absolute}.ui-overlaypanel-content{padding:.5em 1em}.ui-overlaypanel-close{position:absolute;top:-10px;right:-10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.ui-paginator{margin:0;text-align:center;padding:2px}.ui-paginator .ui-paginator-top{border-bottom:0 none}.ui-paginator .ui-paginator-bottom{border-top:0 none}.ui-paginator .ui-paginator-page,.ui-paginator .ui-paginator-pages,.ui-paginator .ui-paginator-next,.ui-paginator .ui-paginator-last,.ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-prev,.ui-paginator .ui-paginator-current{display:inline-block;padding:2px 6px;zoom:1;margin-left:1px;margin-right:1px;text-decoration:none;outline:0}.ui-paginator .ui-paginator-page,.ui-paginator .ui-paginator-next,.ui-paginator .ui-paginator-last,.ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-prev{cursor:pointer}.ui-paginator .ui-paginator-current,.ui-paginator .ui-paginator-rpp-options{margin-left:1em;margin-right:1em;background-image:none}.ui-paginator .ui-paginator-jtp-select option,.ui-paginator .ui-paginator-rpp-options option{background-image:none;border:0 none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.ui-panel{padding:.2em}.ui-panel .ui-panel-titlebar{padding:.5em 1em .3em}.ui-panel .ui-panel-title{margin:.1em 16px .2em 0}.ui-panel .ui-panel-titlebar-icon{float:right;cursor:pointer}.ui-panel .ui-panel-titlebar-icon,.ui-panel .ui-panel-titlebar-icon:hover,.ui-panel .ui-panel-titlebar-icon:focus{margin-left:.2em;margin-top:-0.1em;*margin:-1.5em 0 0 .2em}.ui-panel .ui-panel-content{border:0;background:0;padding:.5em 1em}.ui-panel .ui-panel-footer{border-width:1px 0 0;margin:.5em 0 0;padding:.5em 1em;text-align:left}.ui-panel-collapsed-h .ui-panel-titlebar-icon,.ui-panel-collapsed-h .ui-panel-titlebar-icon:hover,.ui-panel-collapsed-h .ui-panel-titlebar-icon:focus{*margin:-0.2em 0 0 .1em}.ui-panel.ui-panel-collapsed-h{width:42px}.ui-panel.ui-panel-collapsed-h .ui-panel-title{display:none}.ui-password-panel{padding:4px 10px;width:150px;margin-top:2px}.ui-password-panel .ui-password-meter{height:10px;background:transparent url("./images/password-meter.png") no-repeat left top;padding:0;margin:0}.ui-password-info{margin-top:4px}.ui-password-panel-overlay{position:absolute}.ui-picklist>div{float:left}.ui-picklist .ui-picklist-buttons{height:200px;padding:0 5px}.ui-picklist .ui-picklist-list{list-style-type:none;margin:0;padding:0;overflow:auto;height:200px;width:200px}.ui-picklist .ui-picklist-list li{margin:1px;padding:2px}.ui-picklist .ui-button{display:block;margin-bottom:.3em}.ui-picklist .ui-button-text-icon-left{width:100%}.ui-picklist .ui-picklist-item{cursor:pointer;border:0 none;font-weight:inherit}.ui-picklist .ui-picklist-caption{text-align:center;padding:4px 0;border-bottom:0 none}.ui-picklist table{width:100%;border-collapse:collapse}.ui-picklist .ui-picklist-filter{padding-right:15px;width:100%;box-sizing:border-box}.ui-picklist .ui-picklist-filter-container{position:relative;margin:0;padding:0}.ui-picklist .ui-picklist-filter-container .fa{position:absolute;top:5px;right:2px}.ui-picklist{display:table}.ui-picklist>div{float:none;display:table-cell;vertical-align:top}.ui-picklist .ui-picklist-buttons{vertical-align:middle}.ui-picklist.ui-picklist-vertical{display:table}.ui-picklist.ui-picklist-vertical>div{float:none;display:table-row;vertical-align:top}.ui-picklist.ui-picklist-vertical .ui-picklist-buttons{text-align:center;height:auto}.ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button{display:inline-block}.ui-picklist.ui-picklist-vertical .ui-button{margin-top:.3em}.ui-picklist-outline{outline:1px dotted black;z-index:1}.ui-picklist-list.ui-picklist-source,.ui-picklist-list.ui-picklist-target{outline:0}.ui-picklist.ui-picklist-responsive *{box-sizing:border-box}.ui-picklist.ui-picklist-responsive{width:100%}.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper{width:35%}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons{width:10%}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button{width:100%}.ui-picklist.ui-picklist-responsive .ui-picklist-list{width:auto}.ui-picklist.ui-picklist-responsive .ui-chkbox-box{width:18px;height:18px}@media(max-width:640px){.ui-picklist.ui-picklist-responsive{display:block}.ui-picklist.ui-picklist-responsive>div{display:block;width:100% !important}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons{text-align:center;height:auto;padding:5px 0}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button{display:inline;width:20%}.ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons{padding-bottom:5px}.ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons{padding-top:5px}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-right:before{content:"\f107"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-double-right:before{content:"\f103"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-left:before{content:"\f106"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-double-left:before{content:"\f102"}}.ui-progressbar{height:1.2em;text-align:left;position:relative}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%;width:0;position:absolute;display:none}.ui-progressbar .ui-progressbar-value-animate{-webkit-transition:width 1s ease-in-out;-moz-transition:width 1s ease-in-out;-o-transition:width 1s ease-in-out;transition:width 1s ease-in-out}.ui-progressbar .ui-progressbar-label{text-align:center;height:100%;width:100%;position:absolute;display:none;font-weight:bold}.ui-radiobutton{position:relative;width:16px;margin:2px 0;line-height:16px;cursor:pointer}.ui-radiobutton .ui-radiobutton-box{width:16px;height:16px;line-height:16px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.ui-radiobutton-icon{font-size:10px;margin-top:3px;margin-left:2px;display:block}.ui-radiobutton,.ui-radiobutton-label{vertical-align:middle;display:inline-block}.ui-radiobutton-label{margin-left:3px}.ui-rating-star,.ui-rating-cancel{float:left;display:block;overflow:hidden;text-indent:-999em;cursor:pointer}.ui-rating-star a,.ui-rating-cancel a{width:16px;height:15px;display:block;background:url("./images/rating.png") no-repeat 0 0}.ui-rating-star a{background-position:0 -32px}.ui-rating-star-on a{background-position:0 -48px}.ui-rating-star-hover a{background-position:0 -64px}.ui-rating-cancel-hover a{background-position:0 -16px}.ui-rating.ui-state-disabled .ui-rating-star,.ui-rating.ui-state-disabled .ui-rating-cancel{cursor:default}.ui-selectbutton{display:inline-block;padding:1px}.ui-selectbutton.ui-state-error{padding:0}.ui-selectbutton .ui-button.ui-state-focus{outline:0}.ui-spinner{display:inline-block;overflow:visible;padding:0;position:relative;vertical-align:middle}.ui-spinner-input{vertical-align:middle;text-align:right;padding-right:20px}.ui-spinner-button{cursor:default;display:block;font-size:.5em;height:50%;margin:0;overflow:hidden;padding:0;position:absolute;right:0;text-align:center;vertical-align:middle;width:16px;z-index:100}.ui-spinner .fa{left:-1px;margin-top:-8px;position:absolute;top:50%}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-fluid .ui-spinner{width:100%}.ui-fluid .ui-spinner .ui-spinner-input{padding-right:36px;width:100%}.ui-fluid .ui-spinner .ui-spinner-button{width:auto}.ui-fluid .ui-spinner .ui-spinner-button .fa{left:6px}.ui-splitbutton{position:relative;padding-right:2em}.ui-splitbutton .ui-button.ui-splitbutton-menubutton{width:32px;position:absolute;top:0;margin-left:-1px;right:0}.ui-splitbutton{display:inline-block;zoom:1}.ui-fluid .ui-splitbutton{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-fluid .ui-splitbutton .ui-button{width:100%}.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton{width:32px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-inputswitch{display:inline-block;padding:0;position:relative;overflow:hidden;cursor:pointer;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;height:24px}.ui-inputswitch .ui-inputswitch-on,.ui-inputswitch .ui-inputswitch-off{white-space:nowrap;display:block;position:absolute;top:0;width:auto;overflow:hidden;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;font-weight:bold;height:20px;padding-top:4px}.ui-inputswitch .ui-inputswitch-off{right:0;text-align:right}.ui-inputswitch .ui-inputswitch-off span{display:inline-block;text-align:center;padding-left:2px;padding-right:3px}.ui-inputswitch .ui-inputswitch-on{left:0;padding-right:4px;border:0 none}.ui-inputswitch .ui-inputswitch-on span{display:inline-block;text-align:center;padding-left:3px;padding-right:2px}.ui-inputswitch .ui-inputswitch-handle{display:block;width:0;position:absolute;top:0;left:0;height:24px;border-top:0 none;border-bottom:0 none}.ui-tabview{position:relative;padding:.2em;zoom:1}.ui-tabview .ui-tabview-nav{margin:0}.ui-tabview .ui-tabview-nav li{list-style:none;float:left;position:relative;margin:0 .2em 1px 0;padding:0;white-space:nowrap}.ui-tabview .ui-tabview-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabview .ui-tabview-nav li.ui-tabview-selected a,.ui-tabview .ui-tabview-nav li.ui-state-disabled a,.ui-tabview .ui-tabview-nav li.ui-state-processing a{cursor:text}.ui-tabview .ui-tabview-nav li a,.ui-tabview.ui-tabview-collapsible .ui-tabview-nav li.ui-tabview-selected a{cursor:pointer}.ui-tabview .ui-tabview-panel{border-width:0;padding:1em 1.4em;background:0}.ui-tabview .ui-tabview-nav li{display:block}.ui-tabview .ui-tabview-nav li .ui-tabview-left-icon,.ui-tabview .ui-tabview-nav li .ui-tabview-right-icon{vertical-align:text-top}.ui-tabview .ui-tabview-nav li .ui-tabview-close{margin:.5em .3em 0 0;cursor:pointer}.ui-tabview.ui-tabview-top>.ui-tabview-nav li{border-bottom:0;top:1px}.ui-tabview.ui-tabview-top>.ui-tabview-nav{padding:.2em .2em 0}.ui-tabview.ui-tabview-bottom>.ui-tabview-nav{padding:0 .2em .2em}.ui-tabview.ui-tabview-bottom>.ui-tabview-nav li{border-top:0}.ui-tabview-left:after,.ui-tabview-right:after{clear:both;content:".";display:block;height:0;visibility:hidden}.ui-tabview-left>.ui-tabview-nav{float:left;width:23%;height:300px;background-image:none;padding-top:1px}.ui-tabview-left>.ui-tabview-panels{float:right;width:75%}.ui-tabview.ui-tabview-left>.ui-tabview-nav li,.ui-tabview.ui-tabview-right>.ui-tabview-nav li{display:block;float:right;white-space:normal;width:98%}.ui-tabview.ui-tabview-left>.ui-tabview-nav li{margin:0 0 1px .2em;border-right:0 none}.ui-tabview.ui-tabview-right>.ui-tabview-nav{float:right;width:23%;height:300px;background-image:none;padding-top:1px}.ui-tabview.ui-tabview-right>.ui-tabview-panels{float:left;width:75%}.ui-tabview.ui-tabview-right>.ui-tabview-nav li{margin:0 .2em 1px 0;border-left:0 none}.ui-terminal{height:300px;overflow:auto;padding:3px}.ui-terminal-input{border:0 none;background-color:transparent;color:inherit;padding:0;margin:0 0 0 2px;width:75%;outline:0;vertical-align:baseline}.ui-terminal-command{margin-left:2px;-moz-margin-start:3px}.ui-terminal-input::-ms-clear{display:none}.ui-toolbar{padding:.2em}.ui-toolbar-group-left{float:left}.ui-toolbar-group-right{float:right}.ui-tooltip{position:absolute;display:none;padding:3px 5px}.ui-tooltip.ui-tooltip-right,.ui-tooltip.ui-tooltip-left{padding:0 5px}.ui-tooltip.ui-tooltip-top,.ui-tooltip.ui-tooltip-bottom{padding:5px 0}.ui-tooltip .ui-tooltip-text{padding:3px 10px;background-color:#4c4c4c;color:#fff}.ui-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.ui-tooltip-right .ui-tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#4c4c4c}.ui-tooltip-left .ui-tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#4c4c4c}.ui-tooltip.ui-tooltip-top{padding:5px 0}.ui-tooltip-top .ui-tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#4c4c4c}.ui-tooltip-bottom .ui-tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#4c4c4c}.ui-tree{width:300px}.ui-tree .ui-tree-container{height:100%;margin:0;overflow:auto;padding:3px;white-space:nowrap}.ui-tree .ui-treenode-children{margin:0;padding:0 0 0 16px}.ui-tree .ui-treenode{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:repeat-y;list-style:none outside none;margin:0;padding:1px 0 0}.ui-tree .ui-tree-toggler{cursor:pointer;display:inline-block;margin-top:3px}.ui-tree .ui-treenode-icon{display:inline-block;margin-top:3px}.ui-tree .ui-treenode-label{display:inline-block;margin:2px 0 0 0;padding:0 3px}.ui-tree .ui-treenode-selectable .ui-treenode-label,.ui-tree .ui-treenode-selectable .ui-treenode-icon{cursor:pointer}.ui-tree .ui-treenode-label.ui-state-hover,.ui-tree .ui-treenode-label.ui-state-highlight{font-weight:normal;border:0 none}.ui-tree .ui-treenode-leaf-icon{width:16px;height:16px;display:inline-block}.ui-tree .ui-chkbox-box{cursor:pointer;width:15px;height:15px;float:left}.ui-tree .ui-chkbox{display:inline-block;zoom:1}.ui-fluid .ui-tree{width:100%}.ui-treetable table{border-collapse:collapse;width:100%;table-layout:fixed}.ui-treetable .ui-treetable-header,.ui-treetable .ui-treetable-footer{text-align:center;padding:4px 10px}.ui-treetable .ui-treetable-header{border-bottom:0 none}.ui-treetable .ui-treetable-footer{border-top:0 none}.ui-treetable th,.ui-treetable tfoot td{text-align:center}.ui-treetable thead th,.ui-treetable tbody td,.ui-treetable tfoot td{padding:4px 10px;overflow:hidden;white-space:nowrap;border-width:1px;border-style:solid}.ui-treetable tbody td{border-color:inherit}.ui-treetable .ui-treetable-toggler{float:left;cursor:pointer}.ui-treetable .ui-treetable-data tr.ui-state-highlight,.ui-treetable .ui-treetable-data tr.ui-state-hover,.ui-treetable .ui-treetable-row.ui-state-highlight,.ui-treetable .ui-treetable-row.ui-state-hover{cursor:pointer}.ui-treetable tr.ui-state-hover{border-color:inherit;font-weight:inherit}.ui-treetable .ui-treetable-indent{width:16px;height:16px;float:left}.ui-treetable td.ui-treetable-child-table-container{padding:0;border:0 none}.ui-treetable .ui-treetable-row{display:table-row;border-bottom:0 transparent}.ui-treetable .ui-treetable-row.ui-state-hover,.ui-treetable .ui-treetable-row.ui-state-highlight{border:0 none}.ui-treetable tbody .ui-treetable-row td{border:0 none}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('fonts/roboto-v15-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Roboto'), local('Roboto-Regular'),
url('fonts/roboto-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/roboto-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/roboto-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
url('fonts/roboto-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/roboto-v15-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* Component containers
----------------------------------*/
.ui-widget { font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #D5D5D5; background: #ffffff; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #D5D5D5; background: #cccccc; color: #222222; font-weight: bold; }
.ui-widget-header {
border: 1px solid #d9d9d9;
color: #1b1d1f;
background: #f6f7f9 0 0 repeat-x; /* Old browsers */
background: -moz-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f9), color-stop(100%,#ebedf0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* IE10+ */
background: linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* W3C */
}
.ui-widget-header a { color: #222222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d6d6d6; background: #ffffff; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; 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 #c0c0c0; background: #eeeeee; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #bebebe; background: #d6d6d6; 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-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #156090; background: #186ba0; color: #FFFFFF; }
.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 #f44336; background: #f5554a; 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; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url("images/ui-icons_222222_256x240.png"); }
.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_454545_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_ffffff_256x240.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("images/ui-icons_cd0a0a_256x240.png"); }
/* positioning */
.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-off { background-position: -96px -144px; }
.ui-icon-radio-on { 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 is deprecated, use ui-icon-seek-start instead */
.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; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
/* Overlays */
.ui-widget-overlay { background: #1f2226; opacity: .60; filter:Alpha(Opacity=60); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #1f2226; opacity: .60; filter:Alpha(Opacity=60); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
* jQuery UI Resizable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; 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;}/*
* jQuery UI Selectable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
* jQuery UI Accordion 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; font-weight: bold; }
.ui-accordion .ui-accordion-header {
border: 1px solid #d9d9d9;
background: #f6f7f9;
}
.ui-accordion .ui-accordion-header.ui-state-hover {
background: #ededf0;
}
.ui-accordion .ui-accordion-header.ui-state-active {
background: #ffffff;
border-left: 0px none;
border-right: 0px none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
/* Tabview */
.ui-tabview.ui-widget-content {
border:0px none;
}
.ui-tabview:not(.ui-ribbon) .ui-tabview-nav {
background: transparent;
}
.ui-tabview .ui-tabview-nav > li.ui-state-default {
background: #f6f7f9;
}
.ui-tabview .ui-tabview-nav > li.ui-state-default.ui-state-hover {
background: #ededf0;
}
.ui-tabview .ui-tabview-nav > li.ui-state-default.ui-state-active {
background: #ffffff;
font-weight: normal;
color: #555555;
}
/*
* jQuery UI Button 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); }
/*
* jQuery UI Dialog 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog { padding: .2em; width: 300px; overflow: visible; border: 0 none; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.75); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.75); box-shadow: 0 1px 4px rgba(0,0,0,0.75); }
.ui-dialog .ui-dialog-titlebar { position: relative; background: transparent !important; padding: 0 0 8px 0; margin: 20px 20px 5px 20px; border: solid #e5e5e5; border-width: 0 0 1px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; color: #353536; font-size: 20px !important; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 15px 20px 20px 20px; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border: solid #e5e5e5; border-width: 1px 0 0 0; background: transparent; margin: 20px 20px 10px 20px; padding: 10px 0 0 0; }
.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: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
* jQuery UI Slider 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider { position: relative; text-align: left; background: #838688; border: none; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset; box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 17px !important; height: 21px !important; cursor: default; background: url("images/slider_handles.png") 0 0 no-repeat; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: #14a4ff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset; box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.ui-slider .ui-slider-handle.ui-state-active { background-position: -17px 0; }
.ui-slider-horizontal { height: 6px; }
.ui-slider-horizontal .ui-slider-handle { top: -3px !important; 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: -.2em !important; 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-datepicker {padding: 0px !important;}
.ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-timepicker-div > .ui-widget-header { position: relative; padding:.4em 0; border: 1px solid #3b3e40; }
.ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-timepicker-div > .ui-widget-header {
background: #595c5d; /* Old browsers */
background: -moz-linear-gradient(top, #595c5d 0%, #474a4b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595c5d), color-stop(100%,#474a4b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #595c5d 0%,#474a4b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #595c5d 0%,#474a4b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #595c5d 0%,#474a4b 100%); /* IE10+ */
background: linear-gradient(top, #595c5d 0%,#474a4b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595c5d', endColorstr='#474a4b',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-datepicker th {
color: #e8e9ea !important;
text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
border: #27292b solid !important;
border-width: 1px 0 !important;
background: #77797a; /* Old browsers */
background: -moz-linear-gradient(top, #77797a 0%, #5b5e5e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77797a), color-stop(100%,#5b5e5e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #77797a 0%,#5b5e5e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #77797a 0%,#5b5e5e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #77797a 0%,#5b5e5e 100%); /* IE10+ */
background: linear-gradient(top, #77797a 0%,#5b5e5e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77797a', endColorstr='#5b5e5e',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; width: 16px; height: 16px; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 2px !important; }
.ui-datepicker .ui-datepicker-prev { left: 2px !important; }
.ui-datepicker .ui-datepicker-next { right: 2px !important; }
.ui-datepicker .ui-datepicker-prev-hover { left: 2px !important; }
.ui-datepicker .ui-datepicker-next-hover { right: 2px !important; }
.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; color: #e8e9ea; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); }
.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: 1px; font-size: .9em; border-collapse: collapse; margin: -1px 0 0 0 !important; }
.ui-datepicker th { padding: .7em 0; text-align: center; font-weight: bold; border: 0; font-size: 10px; color: #acacac; border-bottom: 1px solid #cdcdcd !important; }
.ui-datepicker td { border: 0; padding: 0 !important; border: 1px solid #cdcdcd; }
.ui-datepicker td a { display: block; padding: 0 !important; border: 0 none !important;/*border: 1px solid #cdcdcd !important;*/ line-height: 30px; text-align: center !important; font-size: 12px; text-decoration: none; font-weight: bold !important; }
.ui-datepicker td a.ui-state-default {
color: #5d5d5d;
background: #e8e9ea; /* Old browsers */
background: -moz-linear-gradient(top, #e8e9ea 0%, #e3e3e3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e9ea), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e8e9ea 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e8e9ea 0%,#e3e3e3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e8e9ea 0%,#e3e3e3 100%); /* IE10+ */
background: linear-gradient(top, #e8e9ea 0%,#e3e3e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e9ea', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;
}
.ui-datepicker-current-day a {
background: #186ba0 !important;
filter: none !important;
color: #FFFFFF !important;
}
.ui-datepicker-today a.ui-state-highlight {
border: 1px solid #156090 !important;
}
.ui-datepicker td a.ui-state-default.ui-state-hover {
background: #eeeeee;
}
td.ui-datepicker-unselectable {
border-color: #ebebeb !important;
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 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 .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker .ui-icon-circle-triangle-w { background: url("images/icons_16.png") 0 -128px no-repeat !important; }
.ui-datepicker .ui-icon-circle-triangle-e { background: url("images/icons_16.png") 0 -112px no-repeat !important; }
.ui-datepicker-header .ui-state-hover { border: 0; background: none; }
/* with multiple calendars */
.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 { border-left-width:0; }
.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:0em; }
#ui-datepicker-div {
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.8);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.8);
box-shadow: 0px 2px 5px rgba(0,0,0,0.8);
}
.ui-progressbar .ui-progressbar-value {
border: 1px solid #156090;
background: #186ba0;
}
.ui-progressbar .ui-progressbar-label {
color: #1f89ce;
}
.ui-button {
-webkit-transition: background-color .2s;
-moz-transition: background-color .2s;
-o-transition: background-color .2s;
transition: background-color .2s;
}
.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
border: 1px solid #1f89ce;
color: #FFFFFF;
background: #2399e5;
}
.ui-button, .ui-button span, button.ui-button.ui-state-default span, .ui-button.ui-state-default span {
font-weight: bold;
}
button.ui-button.ui-state-hover, .ui-button.ui-state-hover,
button.ui-button.ui-state-focus, .ui-button.ui-state-focus {
border: 1px solid #156090;
background: #1f89ce;
outline: 0 none;
}
button.ui-button.ui-state-active, .ui-button.ui-state-active {
border: 1px solid #156090;
background: #186ba0;
}
/* Checkbox and Radio */
.ui-chkbox-box.ui-state-active,
.ui-chkbox-box.ui-state-focus.ui-state-active,
.ui-radiobutton-box.ui-state-active,
.ui-radiobutton-box.ui-state-focus.ui-state-active{
border: 1px solid #156090;
background: #186ba0;
color: #FFFFFF;
}
/* Inputs */
.ui-inputtext, .ui-widget-content .ui-inputtext, .ui-widget-header .ui-inputtext {
background: #ffffff;
color: #222222;
}
.ui-inputtext.ui-state-focus, .ui-widget-content .ui-inputtext.ui-state-focus, .ui-widget-header .ui-inputtext.ui-state-focus {
-moz-box-shadow: 0px 0px 5px #1f89ce;
-webkit-box-shadow: 0px 0px 5px #1f89ce;
box-shadow: 0px 0px 5px #1f89ce;
}
/* InputSwitch */
.ui-inputswitch-on {
background: #186ba0 !important;
color: #ffffff !important;
}
.ui-paginator .ui-paginator-page.ui-state-active {
background: #186ba0;
color: #ffffff;
border-color: #156090;
}
/* DataTable */
.ui-datatable th {
font-weight: bold;
}
.ui-datatable th.ui-state-default{
background: #ebedf0;
border-color: #d9d9d9;
}
.ui-datatable th.ui-state-hover{
background: #d3d5d8;
border-color: #d9d9d9;
}
.ui-datatable th.ui-state-active{
background: #186ba0;
color: #ffffff;
}
.ui-datatable-odd {
background-color: #fafafb;
}
.ui-datatable-rowordering.ui-state-active {
background: #14a4ff none repeat scroll 0 0;
}
.ui-datatable tbody > tr.ui-widget-content {
border-color: #d9d9d9;
}
/* Panel */
.ui-panel.ui-widget {
padding: 0;
}
.ui-panel.ui-widget .ui-panel-titlebar.ui-corner-all {
-moz-border-radius-bottom-left: 0px;
-webkit-border-bottom-left-radius: 0px;
-khtml-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-moz-border-radius-bottom-right: 0px;
-webkit-border-bottom-right-radius: 0px;
-khtml-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.ui-panel.ui-widget .ui-panel-titlebar {
border-width: 0 0 1px 0;
}
/* TreeTable */
.ui-treetable th {
font-weight: bold;
}
.ui-treetable th.ui-state-default{
background: #ebedf0;
border-color: #d9d9d9;
}
.ui-treetable th.ui-state-hover{
background: #d3d5d8;
border-color: #d9d9d9;
}
.ui-treetable th.ui-state-active{
background: #186ba0;
color: #ffffff;
}
.ui-treetable .ui-treetable-toggler {
margin-top: 2px;
}
/* Inputs */
.ui-inputtext {
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
/* ButtonSet */
.ui-togglebutton.ui-button.ui-state-default,
.ui-selectbutton .ui-button.ui-state-default {
border: 1px solid #d6d6d6; background: #ffffff; font-weight: normal; color: #555555;
}
.ui-togglebutton.ui-button.ui-state-hover,.ui-togglebutton.ui-button.ui-state-focus,
.ui-selectbutton .ui-button.ui-state-hover,.ui-selectbutton .ui-button.ui-state-focus {
border: 1px solid #c0c0c0; background: #eeeeee; font-weight: normal; color: #212121;
}
.ui-togglebutton.ui-button.ui-state-active,
.ui-selectbutton .ui-button.ui-state-active {
border: 1px solid #156090; background: #186ba0; color: #FFFFFF;
}
/* SelectOneMenu */
.ui-dropdown .ui-dropdown-trigger,
.ui-multiselect .ui-multiselect-trigger {
border-color: #ffffff;
}
.ui-multiselect.ui-state-focus .ui-multiselect-label,
.ui-multiselect .ui-multiselect-label.ui-state-hover {
background-color: #ffffff;
}
.ui-dropdown.ui-widget .ui-dropdown-trigger .fa,
.ui-multiselect.ui-widget .ui-multiselect-trigger .fa {
margin-top: 6px;
}
.ui-multiselect-header a.ui-multiselect-close {
top:2px;
}
/* Growl */
.ui-growl-item-container.ui-state-highlight.ui-growl-message-info {
background-color: #2196f3;
border-color :#2196f3;
}
.ui-growl-item-container.ui-state-highlight.ui-growl-message-error {
background-color: #f44336;
border-color :#f44336;
}
.ui-growl-item-container.ui-state-highlight.ui-growl-message-warn {
background-color: #ff9800;
border-color :#ff9800;
}
/* TabMenu */
.ui-tabmenu {
border: 0 none;
}
.ui-tabmenu .ui-tabmenu-nav {
background: none;
}
.ui-tabmenu .ui-tabmenu-nav > li.ui-state-default {
background: #f6f7f9;
}
.ui-tabmenu .ui-tabmenu-nav > li.ui-state-default.ui-state-hover {
background: #ededf0;
}
.ui-tabmenu .ui-tabmenu-nav > li.ui-state-default.ui-state-active {
background: #ffffff;
font-weight: normal;
color: #555555;
}
/* Menus */
.ui-menu,
.ui-menu .ui-menu-child {
border: 1px solid #d9d9d9;
color: #1b1d1f;
background: #f6f7f9 0 0 repeat-x; /* Old browsers */
background: -moz-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f9), color-stop(100%,#ebedf0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* IE10+ */
background: linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* W3C */
}
.ui-menu a.ui-state-hover {
background-color: #a6a6a6;
color: #ffffff;
}
/* PanelMenu */
.ui-panelmenu .ui-panelmenu-header.ui-state-active,
.ui-panelmenu .ui-panelmenu-header.ui-state-active a {
border: 1px solid #156090;
background: #186ba0;
color: #FFFFFF;
}
/* Validation */
.ui-inputtext.ng-dirty.ng-invalid,
p-dropdown.ng-dirty.ng-invalid > .ui-dropdown,
p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext,
p-calendar.ng-dirty.ng-invalid > .ui-inputtext,
p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box,
p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box,
p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch,
p-listbox.ng-dirty.ng-invalid .ui-inputtext,
p-multiselect.ng-dirty.ng-invalid > .ui-multiselect,
p-spinner.ng-dirty.ng-invalid > .ui-inputtext,
p-selectbutton.ng-dirty.ng-invalid .ui-button,
p-togglebutton.ng-dirty.ng-invalid .ui-button {
border-bottom-color: #f44336;
}
System.config({
//use typescript for compilation
transpiler: 'typescript',
//typescript compiler options
typescriptOptions: {
emitDecoratorMetadata: true
},
//map tells the System loader where to look for things
map: {
app: "./src",
'@angular': 'https://npmcdn.com/@angular',
'rxjs': 'https://npmcdn.com/rxjs@5.0.0-beta.6'
},
//packages defines our app package
packages: {
app: {
main: './main.ts',
defaultExtension: 'ts'
},
'@angular/core': {
main: 'bundles/core.umd.js',
defaultExtension: 'js'
},
'@angular/compiler': {
main: 'bundles/compiler.umd.js',
defaultExtension: 'js'
},
'@angular/common': {
main: 'bundles/common.umd.js',
defaultExtension: 'js'
},
'@angular/platform-browser-dynamic': {
main: 'bundles/platform-browser-dynamic.umd.js',
defaultExtension: 'js'
},
'@angular/platform-browser': {
main: 'bundles/platform-browser.umd.js',
defaultExtension: 'js'
},
'@angular/forms': {
main: 'bundles/forms.umd.js',
defaultExtension: 'js'
},
rxjs: {
defaultExtension: 'js'
},
primeng: {
defaultExtension: 'js',
format: 'cjs',
main: './multiselect'
}
}
});
//main entry point
import {bootstrap} from '@angular/platform-browser-dynamic';
import {App} from './app';
import { disableDeprecatedForms, provideForms } from '@angular/forms';
bootstrap(App, [disableDeprecatedForms(), provideForms()])
.catch(err => console.error(err));
//our root app component
import {Component} from '@angular/core'
import {MultiSelect} from 'primeng'
@Component({
selector: 'my-app',
providers: [],
template: `
<div>
<p>Selected Cars: {{selectedCars}}</p>
<p-multiSelect [options]="cars" [(ngModel)]="selectedCars"></p-multiSelect>
</div>
`,
directives: [MultiSelect]
})
export class App {
cars: SelectItem[] = [];
selectedCars: string[] = [];
constructor() {
this.selectedCars = ['Honda', 'BMW'];
// loading the options *after* assigning the selected values
setTimeout(() => {
this.cars = [];
this.cars.push({label: 'Audi', value: 'Audi'});
this.cars.push({label: 'BMW', value: 'BMW'});
this.cars.push({label: 'Fiat', value: 'Fiat'});
this.cars.push({label: 'Ford', value: 'Ford'});
this.cars.push({label: 'Honda', value: 'Honda'});
this.cars.push({label: 'Jaguar', value: 'Jaguar'});
this.cars.push({label: 'Mercedes', value: 'Mercedes'});
this.cars.push({label: 'Renault', value: 'Renault'});
this.cars.push({label: 'VW', value: 'VW'});
this.cars.push({label: 'Volvo', value: 'Volvo'});
}, 10);
}
}
"use strict";
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = require('@angular/core');
var domhandler_1 = require('../dom/domhandler');
var forms_1 = require('@angular/forms');
var MULTISELECT_VALUE_ACCESSOR = new core_1.Provider(forms_1.NG_VALUE_ACCESSOR, {
useExisting: core_1.forwardRef(function () { return MultiSelect; }),
multi: true
});
var MultiSelect = (function () {
function MultiSelect(el, domHandler, renderer, differs) {
this.el = el;
this.domHandler = domHandler;
this.renderer = renderer;
this.onChange = new core_1.EventEmitter();
this.scrollHeight = '200px';
this.defaultLabel = 'Choose';
this.onModelChange = function () { };
this.onModelTouched = function () { };
this.differ = differs.find([]).create(null);
}
MultiSelect.prototype.ngOnInit = function () {
var _this = this;
this.updateLabel();
this.documentClickListener = this.renderer.listenGlobal('body', 'click', function () {
if (!_this.selfClick && _this.overlayVisible) {
_this.hide();
}
_this.selfClick = false;
_this.panelClick = false;
});
};
MultiSelect.prototype.ngAfterViewInit = function () {
this.container = this.el.nativeElement.children[0];
this.panel = this.domHandler.findSingle(this.el.nativeElement, 'div.ui-multiselect-panel');
if (this.overlayVisible) {
this.show();
}
};
MultiSelect.prototype.ngAfterViewChecked = function () {
if (this.filtered) {
this.domHandler.relativePosition(this.panel, this.container);
this.filtered = false;
}
};
MultiSelect.prototype.ngDoCheck = function () {
var changes = this.differ.diff(this.value);
if (changes) {
this.updateLabel();
}
};
MultiSelect.prototype.writeValue = function (value) {
this.value = value;
};
MultiSelect.prototype.registerOnChange = function (fn) {
this.onModelChange = fn;
};
MultiSelect.prototype.registerOnTouched = function (fn) {
this.onModelTouched = fn;
};
MultiSelect.prototype.onItemClick = function (event, value) {
var selectionIndex = this.findSelectionIndex(value);
if (selectionIndex != -1) {
this.value.splice(selectionIndex, 1);
}
else {
this.value = this.value || [];
this.value.push(value);
}
this.onModelChange(this.value);
this.onChange.emit({ originalEvent: event, value: this.value });
};
MultiSelect.prototype.isSelected = function (value) {
return this.findSelectionIndex(value) != -1;
};
MultiSelect.prototype.findSelectionIndex = function (val) {
var index = -1;
if (this.value) {
for (var i = 0; i < this.value.length; i++) {
if (this.value[i] == val) {
index = i;
break;
}
}
}
return index;
};
MultiSelect.prototype.toggleAll = function (event, checkbox) {
if (checkbox.checked) {
this.value = [];
}
else {
var opts = this.getVisibleOptions();
if (opts) {
this.value = [];
for (var i = 0; i < opts.length; i++) {
this.value.push(opts[i].value);
}
}
}
checkbox.checked = !checkbox.checked;
this.onModelChange(this.value);
this.onChange.emit({ originalEvent: event, value: this.value });
};
MultiSelect.prototype.isAllChecked = function () {
if (this.filterValue && this.filterValue.trim().length)
return this.value && this.visibleOptions && (this.value.length == this.visibleOptions.length);
else
return this.value && this.options && (this.value.length == this.options.length);
};
MultiSelect.prototype.show = function () {
this.overlayVisible = true;
this.panel.style.zIndex = ++domhandler_1.DomHandler.zindex;
this.domHandler.relativePosition(this.panel, this.container);
this.domHandler.fadeIn(this.panel, 250);
};
MultiSelect.prototype.hide = function () {
this.overlayVisible = false;
};
MultiSelect.prototype.close = function (event) {
this.hide();
event.preventDefault();
};
MultiSelect.prototype.onMouseenter = function (event) {
if (!this.disabled) {
this.hover = true;
}
};
MultiSelect.prototype.onMouseleave = function (event) {
this.hover = false;
};
MultiSelect.prototype.onMouseclick = function (event, input) {
if (this.disabled) {
return;
}
if (!this.panelClick) {
if (this.overlayVisible) {
this.hide();
}
else {
input.focus();
this.show();
}
}
this.selfClick = true;
};
MultiSelect.prototype.onFocus = function (event) {
this.focus = true;
};
MultiSelect.prototype.onBlur = function (event) {
this.focus = false;
this.onModelTouched();
};
MultiSelect.prototype.updateLabel = function () {
if (this.value && this.value.length) {
var label = '';
for (var i = 0; i < this.value.length; i++) {
if (i != 0) {
label = label + ',';
}
label = label + this.findLabelByValue(this.value[i]);
}
this.valuesAsString = label;
}
else {
this.valuesAsString = this.defaultLabel;
}
};
MultiSelect.prototype.findLabelByValue = function (val) {
var label = null;
for (var i = 0; i < this.options.length; i++) {
var option = this.options[i];
if (option.value == val) {
label = option.label;
break;
}
}
return label;
};
MultiSelect.prototype.onFilter = function (event) {
this.filterValue = event.target.value.trim().toLowerCase();
this.visibleOptions = [];
for (var i = 0; i < this.options.length; i++) {
var option = this.options[i];
if (option.label.toLowerCase().startsWith(this.filterValue.toLowerCase())) {
this.visibleOptions.push(option);
}
}
this.filtered = true;
};
MultiSelect.prototype.isItemVisible = function (option) {
if (this.filterValue && this.filterValue.trim().length) {
for (var i = 0; i < this.visibleOptions.length; i++) {
if (this.visibleOptions[i].value == option.value) {
return true;
}
}
}
else {
return true;
}
};
MultiSelect.prototype.getVisibleOptions = function () {
if (this.filterValue && this.filterValue.trim().length) {
var items = [];
for (var i = 0; i < this.options.length; i++) {
var option = this.options[i];
if (option.label.toLowerCase().startsWith(this.filterValue.toLowerCase())) {
items.push(option);
}
}
return items;
}
else {
return this.options;
}
};
MultiSelect.prototype.ngOnDestroy = function () {
this.documentClickListener();
};
__decorate([
core_1.Input(),
__metadata('design:type', Array)
], MultiSelect.prototype, "options", void 0);
__decorate([
core_1.Output(),
__metadata('design:type', core_1.EventEmitter)
], MultiSelect.prototype, "onChange", void 0);
__decorate([
core_1.Input(),
__metadata('design:type', String)
], MultiSelect.prototype, "scrollHeight", void 0);
__decorate([
core_1.Input(),
__metadata('design:type', String)
], MultiSelect.prototype, "defaultLabel", void 0);
__decorate([
core_1.Input(),
__metadata('design:type', Object)
], MultiSelect.prototype, "style", void 0);
__decorate([
core_1.Input(),
__metadata('design:type', String)
], MultiSelect.prototype, "styleClass", void 0);
__decorate([
core_1.Input(),
__metadata('design:type', Boolean)
], MultiSelect.prototype, "disabled", void 0);
__decorate([
core_1.Input(),
__metadata('design:type', Boolean)
], MultiSelect.prototype, "overlayVisible", void 0);
MultiSelect = __decorate([
core_1.Component({
selector: 'p-multiSelect',
template: "\n <div [ngClass]=\"{'ui-multiselect ui-widget ui-state-default ui-corner-all':true,'ui-state-focus': focus,'ui-state-disabled': disabled}\" [ngStyle]=\"style\" [class]=\"styleClass\"\n (mouseenter)=\"onMouseenter($event)\" (mouseleave)=\"onMouseleave($event)\" (click)=\"onMouseclick($event,in)\">\n <div class=\"ui-helper-hidden-accessible\">\n <input #in type=\"text\" readonly=\"readonly\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\">\n </div>\n <div class=\"ui-multiselect-label-container\" [title]=\"valuesAsString\">\n <label [ngClass]=\"{'ui-multiselect-label ui-corner-all':true,'ui-state-hover':hover,'ui-state-focus':focus}\">{{valuesAsString}}</label>\n </div>\n <div [ngClass]=\"{'ui-multiselect-trigger ui-state-default ui-corner-right':true,'ui-state-hover':hover,'ui-state-focus':focus}\">\n <span class=\"fa fa-fw fa-caret-down\"></span>\n </div>\n <div class=\"ui-multiselect-panel ui-widget ui-widget-content ui-corner-all ui-shadow\" [style.display]=\"overlayVisible ? 'block' : 'none'\" (click)=\"panelClick=true\">\n <div class=\"ui-widget-header ui-corner-all ui-multiselect-header ui-helper-clearfix\">\n <div class=\"ui-chkbox ui-widget\">\n <div class=\"ui-helper-hidden-accessible\">\n <input #cb type=\"checkbox\" readonly=\"readonly\" [checked]=\"isAllChecked()\">\n </div>\n <div class=\"ui-chkbox-box ui-widget ui-corner-all ui-state-default\" [ngClass]=\"{'ui-state-hover':hoverToggleAll}\"\n (mouseenter)=\"hoverToggleAll=true\" (mouseleave)=\"hoverToggleAll=false\" (click)=\"toggleAll($event,cb)\">\n <span class=\"ui-chkbox-icon ui-c\" [ngClass]=\"{'fa fa-fw fa-check':isAllChecked()}\"></span>\n </div>\n </div>\n <div class=\"ui-multiselect-filter-container\">\n <input type=\"text\" role=\"textbox\" (input)=\"onFilter($event)\"\n class=\"ui-inputtext ui-widget ui-state-default ui-corner-all\">\n <span class=\"fa fa-fw fa-search\"></span>\n </div>\n <a class=\"ui-multiselect-close ui-corner-all\" href=\"#\" (click)=\"close($event)\">\n <span class=\"fa fa-close\"></span>\n </a>\n </div>\n <div class=\"ui-multiselect-items-wrapper\">\n <ul class=\"ui-multiselect-items ui-multiselect-list ui-widget-content ui-widget ui-corner-all ui-helper-reset\" [style.max-height]=\"scrollHeight||'auto'\">\n <li #item *ngFor=\"let option of options\" class=\"ui-multiselect-item ui-corner-all\" (click)=\"onItemClick($event,option.value)\" \n [style.display]=\"isItemVisible(option) ? 'block' : 'none'\"\n [ngClass]=\"{'ui-state-highlight':isSelected(option.value),'ui-state-hover':hoveredItem==item}\" (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\">\n <div class=\"ui-chkbox ui-widget\">\n <div class=\"ui-helper-hidden-accessible\">\n <input type=\"checkbox\" readonly=\"readonly\" [checked]=\"isSelected(option.value)\">\n </div>\n <div class=\"ui-chkbox-box ui-widget ui-corner-all ui-state-default\" [ngClass]=\"{'ui-state-active':isSelected(option.value)}\">\n <span class=\"ui-chkbox-icon ui-c\" [ngClass]=\"{'fa fa-fw fa-check':isSelected(option.value)}\"></span>\n </div>\n </div>\n <label>{{option.label}}</label>\n </li>\n </ul>\n </div>\n </div>\n </div>\n ",
providers: [domhandler_1.DomHandler, MULTISELECT_VALUE_ACCESSOR]
}),
__metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer, core_1.IterableDiffers])
], MultiSelect);
return MultiSelect;
}());
exports.MultiSelect = MultiSelect;
//# sourceMappingURL=multiselect.js.map
"use strict";
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = require('@angular/core');
var DomHandler = (function () {
function DomHandler() {
}
DomHandler.prototype.addClass = function (element, className) {
if (element.classList)
element.classList.add(className);
else
element.className += ' ' + className;
};
DomHandler.prototype.addMultipleClasses = function (element, className) {
if (element.classList) {
var styles = className.split(' ');
for (var i = 0; i < styles.length; i++) {
element.classList.add(styles[i]);
}
}
else {
var styles = className.split(' ');
for (var i = 0; i < styles.length; i++) {
element.className += ' ' + styles[i];
}
}
};
DomHandler.prototype.removeClass = function (element, className) {
if (element.classList)
element.classList.remove(className);
else
element.className = element.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
};
DomHandler.prototype.hasClass = function (element, className) {
if (element.classList)
return element.classList.contains(className);
else
return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
};
DomHandler.prototype.siblings = function (element) {
return Array.prototype.filter.call(element.parentNode.children, function (child) {
return child !== element;
});
};
DomHandler.prototype.find = function (element, selector) {
return element.querySelectorAll(selector);
};
DomHandler.prototype.findSingle = function (element, selector) {
return element.querySelector(selector);
};
DomHandler.prototype.index = function (element) {
var children = element.parentNode.childNodes;
var num = 0;
for (var i = 0; i < children.length; i++) {
if (children[i] == element)
return num;
if (children[i].nodeType == 1)
num++;
}
return -1;
};
DomHandler.prototype.relativePosition = function (element, target) {
var elementDimensions = element.offsetParent ? { width: element.outerWidth, height: element.outerHeight } : this.getHiddenElementDimensions(element);
var targetHeight = target.offsetHeight;
var targetWidth = target.offsetWidth;
var targetOffset = target.getBoundingClientRect();
var top, left;
if ((targetOffset.top + targetHeight + elementDimensions.height) > window.innerHeight)
top = -1 * (elementDimensions.height);
else
top = targetHeight;
if ((targetOffset.left + elementDimensions.width) > window.innerWidth)
left = targetWidth - elementDimensions.width;
else
left = 0;
element.style.top = top + 'px';
element.style.left = left + 'px';
};
DomHandler.prototype.absolutePosition = function (element, target) {
var elementDimensions = element.offsetParent ? { width: element.offsetWidth, height: element.offsetHeight } : this.getHiddenElementDimensions(element);
var elementOuterHeight = elementDimensions.height;
var elementOuterWidth = elementDimensions.width;
var targetOuterHeight = target.offsetHeight;
var targetOuterWidth = target.offsetWidth;
var targetOffset = target.getBoundingClientRect();
var windowScrollTop = this.getWindowScrollTop();
var windowScrollLeft = this.getWindowScrollLeft();
var top, left;
if (targetOffset.top + targetOuterHeight + elementOuterHeight > window.innerHeight)
top = targetOffset.top + windowScrollTop - elementOuterHeight;
else
top = targetOuterHeight + targetOffset.top + windowScrollTop;
if (targetOffset.left + targetOuterWidth + elementOuterWidth > window.innerWidth)
left = targetOffset.left + windowScrollLeft + targetOuterWidth - elementOuterWidth;
else
left = targetOffset.left + windowScrollLeft;
element.style.top = top + 'px';
element.style.left = left + 'px';
};
DomHandler.prototype.getHiddenElementOuterHeight = function (element) {
element.style.visibility = 'hidden';
element.style.display = 'block';
var elementHeight = element.offsetHeight;
element.style.display = 'none';
element.style.visibility = 'visible';
return elementHeight;
};
DomHandler.prototype.getHiddenElementOuterWidth = function (element) {
element.style.visibility = 'hidden';
element.style.display = 'block';
var elementWidth = element.offsetWidth;
element.style.display = 'none';
element.style.visibility = 'visible';
return elementWidth;
};
DomHandler.prototype.getHiddenElementDimensions = function (element) {
var dimensions = {};
element.style.visibility = 'hidden';
element.style.display = 'block';
dimensions.width = element.offsetWidth;
dimensions.height = element.offsetHeight;
element.style.display = 'none';
element.style.visibility = 'visible';
return dimensions;
};
DomHandler.prototype.scrollInView = function (container, item) {
var borderTopValue = getComputedStyle(container).getPropertyValue('borderTopWidth');
var borderTop = borderTopValue ? parseFloat(borderTopValue) : 0;
var paddingTopValue = getComputedStyle(container).getPropertyValue('paddingTop');
var paddingTop = paddingTopValue ? parseFloat(paddingTopValue) : 0;
var containerRect = container.getBoundingClientRect();
var itemRect = item.getBoundingClientRect();
var offset = (itemRect.top + document.body.scrollTop) - (containerRect.top + document.body.scrollTop) - borderTop - paddingTop;
var scroll = container.scrollTop;
var elementHeight = container.clientHeight;
var itemHeight = this.getOuterHeight(item);
if (offset < 0) {
container.scrollTop = scroll + offset;
}
else if ((offset + itemHeight) > elementHeight) {
container.scrollTop = scroll + offset - elementHeight + itemHeight;
}
};
DomHandler.prototype.fadeIn = function (element, duration) {
element.style.opacity = 0;
var last = +new Date();
var tick = function () {
element.style.opacity = +element.style.opacity + (new Date().getTime() - last) / duration;
last = +new Date();
if (+element.style.opacity < 1) {
(window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16);
}
};
tick();
};
DomHandler.prototype.fadeOut = function (element, ms) {
var opacity = 1, interval = 50, duration = ms, gap = interval / duration;
var fading = setInterval(function () {
opacity = opacity - gap;
element.style.opacity = opacity;
if (opacity <= 0) {
clearInterval(fading);
}
}, interval);
};
DomHandler.prototype.getWindowScrollTop = function () {
var doc = document.documentElement;
return (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
};
DomHandler.prototype.getWindowScrollLeft = function () {
var doc = document.documentElement;
return (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
};
DomHandler.prototype.matches = function (element, selector) {
var p = Element.prototype;
var f = p['matches'] || p.webkitMatchesSelector || p['mozMatchesSelector'] || p.msMatchesSelector || function (s) {
return [].indexOf.call(document.querySelectorAll(s), this) !== -1;
};
return f.call(element, selector);
};
DomHandler.prototype.getOuterWidth = function (el, margin) {
var width = el.offsetWidth;
if (margin) {
var style = getComputedStyle(el);
width += parseInt(style.paddingLeft) + parseInt(style.paddingRight);
}
return width;
};
DomHandler.prototype.getHorizontalMargin = function (el) {
var style = getComputedStyle(el);
return parseInt(style.marginLeft) + parseInt(style.marginRight);
};
DomHandler.prototype.innerWidth = function (el) {
var width = el.offsetWidth;
var style = getComputedStyle(el);
width += parseInt(style.paddingLeft) + parseInt(style.paddingRight);
return width;
};
DomHandler.prototype.width = function (el) {
var width = el.offsetWidth;
var style = getComputedStyle(el);
width -= parseInt(style.paddingLeft) + parseInt(style.paddingRight);
return width;
};
DomHandler.prototype.getOuterHeight = function (el, margin) {
var height = el.offsetHeight;
if (margin) {
var style = getComputedStyle(el);
height += parseInt(style.marginTop) + parseInt(style.marginBottom);
}
return height;
};
DomHandler.prototype.getHeight = function (el) {
var height = el.offsetHeight;
var style = getComputedStyle(el);
height -= parseInt(style.paddingTop) + parseInt(style.paddingBottom) + parseInt(style.borderTopWidth) + parseInt(style.borderBottomWidth);
return height;
};
DomHandler.prototype.getViewport = function () {
var win = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], w = win.innerWidth || e.clientWidth || g.clientWidth, h = win.innerHeight || e.clientHeight || g.clientHeight;
return { width: w, height: h };
};
DomHandler.prototype.equals = function (obj1, obj2) {
if (obj1 == null || obj2 == null) {
return false;
}
if (obj1 == obj2) {
return true;
}
if (typeof obj1 == 'object' && typeof obj2 == 'object') {
for (var p in obj1) {
if (obj1.hasOwnProperty(p) !== obj2.hasOwnProperty(p)) {
return false;
}
switch (typeof (obj1[p])) {
case 'object':
if (!this.equals(obj1[p], obj2[p]))
return false;
break;
case 'function':
if (typeof (obj2[p]) == 'undefined' || (p != 'compare' && obj1[p].toString() != obj2[p].toString()))
return false;
break;
default:
if (obj1[p] != obj2[p])
return false;
break;
}
}
for (var p in obj2) {
if (typeof (obj1[p]) == 'undefined')
return false;
}
return true;
}
return false;
};
DomHandler.zindex = 1000;
DomHandler = __decorate([
core_1.Injectable(),
__metadata('design:paramtypes', [])
], DomHandler);
return DomHandler;
}());
exports.DomHandler = DomHandler;
//# sourceMappingURL=domhandler.js.map