'use strict';
/**
 * @ngdoc object
 * @name ccarApp
 * @description
 * The main module for CCAR APP. There are several sub-modules included.
 * The modules are:
 * - Core 
 * - Dashboard
 * - User
 * - bpmn
 */

/**
 * @ngdoc
 * @name ApplicationConfiguration
 * @methodOf ccarApp
 *
 * @description
 * Init the application configuration module for AngularJS application
 */
var ApplicationConfiguration = (function() {
    /**
     * @ngdoc property
     * @name applicationModuleName
     * @propertyOf ccarApp
     * @description
     * Storing main module name
     */

    var applicationModuleName = 'ccarApp';
    /**
     * @ngdoc property
     * @name applicationModuleVendorDependencies
     * @propertyOf ccarApp
     * @description
     * Storing module dependencies
     */
    var applicationModuleVendorDependencies = ['ngSanitize', 'ngAnimate', 'ngWebSocket', 'ui.router', 'ct.ui.router.extras', 'ui.bootstrap', 'ui.utils', 'blockUI', 'ui.grid', 'ui.grid.selection', 'ui.grid.edit', 'ui.grid.treeView', 'ui.grid.exporter', 'ui.grid.autoResize', 'ui.grid.resizeColumns', 'angular-uuid', 'angular-cache', 'ncy-angular-breadcrumb', 'jsonFormatter', 'shagstrom.angular-split-pane', 'ui.grid.expandable', 'ui.grid.pinning', 'ui.grid.grouping'];

    /**
     * @ngdoc
     * @name registerModule
     * @methodOf ccarApp
     *
     * @description
     * Allow to register sub modules
     */
    var registerModule = function(moduleName, dependencies) {
            // Create angular module
            angular.module(moduleName, dependencies || []);

            // Add the module to the AngularJS configuration file
            angular.module(applicationModuleName).requires.push(moduleName);
        };

    return {
        applicationModuleName: applicationModuleName,
        applicationModuleVendorDependencies: applicationModuleVendorDependencies,
        registerModule: registerModule
    };
})();
'use strict';
/**
 * @ngdoc property
 * @name ccarApp
 * @propertyOf ccarApp
 * @description
 * Start by defining the main module and adding the module dependencies
 */

var ccarApp = angular.module(ApplicationConfiguration.applicationModuleName, ApplicationConfiguration.applicationModuleVendorDependencies);

// Setting HTML5 Location Mode
angular.module(ApplicationConfiguration.applicationModuleName).config(['$locationProvider', 'blockUIConfig', '$httpProvider', '$breadcrumbProvider', 'JSONFormatterConfigProvider', function($locationProvider, blockUIConfig, $httpProvider, $breadcrumbProvider, JSONFormatterConfigProvider) {
    //console.log($locationProvider)
    $locationProvider.html5Mode(false);

    $locationProvider.hashPrefix('!');
    $breadcrumbProvider.setOptions({
        templateUrl: 'app/scripts/modules/core/views/breadcrumb.client.view.html'
    });
    // Provide the custom template via a url
    blockUIConfig.templateUrl = 'app/scripts/modules/core/views/blockUIOverlay.client.view.html';
    blockUIConfig.autoBlock = false;
    blockUIConfig.blockBrowserNavigation = false;
    JSONFormatterConfigProvider.hoverPreviewEnabled = true;

}]).run(function(notificationsMessagesService, bcWebsocket, $rootScope, $state, currentUser) {
    bcWebsocket.connect();
    notificationsMessagesService.updateTotalNotificationsCount();
    notificationsMessagesService.startListeningForNotifications();

    $rootScope.$on('$stateChangeStart', function(e, to) {
        if (!_.has(to, "data.rule") || !angular.isFunction(to.data.rule)) return;
        var result = to.data.rule(currentUser);

        if (result && result.to) {
            e.preventDefault();
            // Optionally set option.notify to false if you don't want
            // to retrigger another $stateChangeStart event
            $state.go(result.to, result.params, {
                notify: true
            });
        }
    });

});

//Then define the init function for starting up the application
angular.element(document).ready(function() {
    //Fixing facebook bug with redirect
    if (window.location.hash === '#_=_') window.location.hash = '#!';

    //Then init the app
    angular.bootstrap(document, [ApplicationConfiguration.applicationModuleName]);
});
urlConfig = urlConfig || {};

urlConfig.env = {
    "environment": "dev",
    "mode": "dev",
    "baseURL": "http://" + window.location.hostname + ":" + window.location.port + "/",
    "appName": "CCAR_UI_2016/CCARWEB",
    "apps": {
        "ccarwft": {
            "app": "/ccarwft",
            "hosts": {
                "dev": "http://gbrdsr000003095.intranet.barcapint.com:8080"
            }
        },
        "test": {
            "app": "/TestHarness-Rest-TC",
            "hosts": {
                "dev": "http://gbrdsr000003095.intranet.barcapint.com:8080"
            }
        },
        "socket": {
            "app": "/ccarwft",
            "hosts": {
                "dev": "http://gbrdsr000003095.intranet.barcapint.com:8080"
            }
        },
        "coreservices": {
            "app": "/coreservices",
            "hosts": {
                "dev": "http://gbrdsr000003097.intranet.barcapint.com:8282"
            }
        },
        "wftservices": {
            "app": "/wftservices",
            "hosts": {
                "dev": "http://gbrdsr000003095.intranet.barcapint.com:8080"
            }
        },
        "qlik": {
            "app": "/sense/app",
            "hosts": {
                "dev": "http://slgdsm020002182.intranet.barcapint.com"
            }
        },
        "wsEmulator": {
            "app": "/wsEmulator",
            "hosts": {
                "dev": "http://localhost:2525"
            }
        },
        "overlayservices": {
            "app": "/overlayservices",
            "hosts": {
                "dev": "http://gbrdsr000003095.intranet.barcapint.com:9797"
            }
        },
        "controls-framework": {
            "app": "/controls-framework",
            "hosts": {
                "dev": "http://gbrdsr000003095:8080"
            }
        },
        "qlik-regal": {
            "app": "/buildra/sense/app",
            "hosts": {
                "dev": "http://slgdsm020002381.intranet.barcapint.com"
            }
        }

    }

};
angular.module('ccarApp').run(['$templateCache', function($templateCache) {
    'use strict';

    $templateCache.put('app/scripts/modules/bpmnUtils/views/bpmnUtils.client.view.html', "<div data-ng-controller=\"BpmnUtilsController\" id=\"bpmnUtils\"> <div class=\"row\"> <div class=\"col-md-12\"> <div class=\"clerifix\"> <div class=\"pull-left\"> <h3 class=\"page-header\" style=\"margin-top: 5px\">BPMN Utils</h3> </div> <div class=\"pull-right\"> <!--  <form class=\"form-inline\">\r" + "\n" + "                         <div class=\"form-group\" id=\"modelDropdownContainer\">\r" + "\n" + "                            <label>Select Process : </label>\r" + "\n" + "                            <input   type=\"text\" focus-me=\"opened\" ng-focus=\"onFocus($event)\" ng-trim=\"false\" ng-model=\"selectedModel\" empty-typeahead uib-typeahead=\"option.key  for option in processList | filter:$viewValue:stateComparator\" class=\"form-control\" />\r" + "\n" + "                            <button class=\"btn btn-warning\" ng-click=\"loadBPMN();loadM2Data()\"> Load BPMN</button>\r" + "\n" + "       \r" + "\n" + "                    </form> --> <div class=\"input-group pull-left\" style=\"width:500px; padding-right:20px\"> <span id=\"expandBtn\" ng-click=\"openProcessPopup()\" title=\"{{selectedMonkerName}}\" class=\"input-group-addon monikerHyrarchyControl\" id=\"monikerNameTree\">{{ selectedMonkerName }}<span class=\"caret\"></span> </span> <input type=\"text\" name=\"ta\" value=\"\" id=\"newMonikerName\" class=\"form-control type-text\" style=\"width:100%\" placeholder=\"PROCESS NAME...\" ng-model=\"e2eProcessId\" ng-disabled=\"isViewDisabled\" ng-focus=\"focusMonikerTree()\"> </div> <a href=\"javascript:void(0)\" class=\"btn btn-info btn-bc\" ng-click=\"loadBPMN();loadM2Data()\"> Load BPMN</a> <div class=\"process-popup\" hide-on-mouse-up-elsewhere ng-show=\"isProcessPopup\"> <div class=\"popup-titlebar\"> </div> <div class=\"popup-body\"> <ul> <li ng-repeat=\"process in processList\" ng-click=\"selectProcess(process.e2eid)\" style=\"padding:3px\"><span>{{process.e2eid }} - {{process.displayLabel }}</span></li> </ul> </div> </div> </div> </div> </div> </div> <div class=\"row\"> <div class=\"col-md-12\"> <div id=\"{{e2eProcessId}}\" style=\"height:500px;border:1px solid #ccc\"></div> </div> </div> <div class=\"row\"> <div class=\"col-md-6\"> <h5>Data is getting from BPMN xml</h5> <div id=\"bpmngrid\" ui-grid=\"gridOptions\" class=\"grid\" ui-grid-selection style=\"height:{{bpmnGridHeight}};font-size:13px\"></div> <br> </div> <div class=\"col-md-6\"> <h5>Data is getting from getActiveMetaHierarchy api for mapping m2id to guid <span style=\"cursor:pointer;color:red;font-weight:bold\" ng-click=\"addM2()\"><i class=\"fa fa-plus-circle\"></i>Add</span></h5> <div id=\"m2grid\" ui-grid=\"m2GridOptions\" class=\"grid\" ui-grid-selection ui-grid-edit style=\"height:{{m2GridHeight}};font-size:13px\"></div> </div> </div> <div class=\"row\"> <div class=\"col-md-12\"> <button class=\"btn btn-info btn-bc\" ng-class=\"isAddToconfigMapBtnEnabled() ? 'enabled' : 'disabled'\" ng-click=\"addToConfigMapGrid()\">Add to Config Map List</button> </div> </div> <div class=\"row\"> <div class=\"col-md-12\"> <h5>Mapped data(Guid and M2Id)</h5> <div id=\"mapGrid\" ui-grid=\"mapGridOptions\" ui-grid-edit ui-grid-selection class=\"grid\" style=\"width:100%;height:{{mapGridHeight}};font-size:13px\"> </div> </div> </div> <div class=\"row\" style=\"padding-top:20px;padding-bottom:20px\"> <div class=\"col-md-12\"> <button class=\"btn btn-info btn-bc\" ng-click=\"saveToPc()\">Save/Create Config Map File</button> </div> </div> </div>   <!-- <section data-ng-controller=\"BpmnUtilsController\" id=\"bpmnUtils\" >\r" + "\n" + "\r" + "\n" + "  <div class=\"container\">\r" + "\n" + "      <div class=\"row\">\r" + "\n" + "        <div class=\"col-md-11\">\r" + "\n" + "          <div class=\"title\"><h3>BPMN Utils</h3></div>\r" + "\n" + "        </div>\r" + "\n" + "      </div>\r" + "\n" + "      <div class=\"row\">\r" + "\n" + "        <div class=\"col-md-11\">\r" + "\n" + "         \r" + "\n" + "                <div class=\"input-group pull-left\" style=\"width:500px; padding-right:20px\">\r" + "\n" + "                    <span ng-click=\"openProcessPopup()\" title=\"{{selectedMonkerName}}\" class=\"input-group-addon monikerHyrarchyControl\" id=\"monikerNameTree\" >{{ selectedMonkerName }}<span class=\"caret\"></span>\r" + "\n" + "                    </span>  \r" + "\n" + "                    <input type=\"text\"  name=\"ta\" value=\"\" id=\"newMonikerName\" class=\"form-control type-text\" style=\"width:100%;\" placeholder=\"PROCESS NAME...\" ng-model=\"e2eProcessId\"\r" + "\n" + "                    ng-disabled=\"isViewDisabled\"\r" + "\n" + "                    ng-focus=\"focusMonikerTree()\" >\r" + "\n" + "                </div> \r" + "\n" + "                <a href=\"javascript:void(0)\" class=\" btn btn-info btn-bc \" ng-click=\"loadBPMN();loadM2Data()\"\r" + "\n" + "                    > Load BPMN</a>\r" + "\n" + "\r" + "\n" + "                <div class=\"process-popup\"   hide-on-mouse-up-elsewhere  ng-show=\"isProcessPopup\">\r" + "\n" + "                  <div class=\"popup-titlebar\">\r" + "\n" + "                    \r" + "\n" + "                  </div>\r" + "\n" + "                  <div class=\"popup-body\">\r" + "\n" + "                   \r" + "\n" + "                     <ul>\r" + "\n" + "                      <li ng-repeat=\"process in processList\" ng-click=\"selectProcess(process.e2eid)\" style=\"padding:3px\"><span>{{process.e2eid }} - {{process.displayLabel }}</span></li>\r" + "\n" + "                     </ul>\r" + "\n" + "                  </div>\r" + "\n" + "              </div>\r" + "\n" + "          \r" + "\n" + "        </div>\r" + "\n" + "      </div>\r" + "\n" + "      <div class=\"row\">\r" + "\n" + "        <div class=\"col-md-11\">\r" + "\n" + "\r" + "\n" + "          <h5></h5>\r" + "\n" + "          <div id=\"{{e2eProcessId}}\" style=\"height:500px;border:1px solid #ccc\"></div>\r" + "\n" + "        </div>\r" + "\n" + "      </div>\r" + "\n" + "      <div class=\"row\">\r" + "\n" + "       \r" + "\n" + "          <div class=\"col-md-5\" >\r" + "\n" + "             <h5>Data is getting from BPMN xml</h5>\r" + "\n" + "           \r" + "\n" + "            <div id=\"bpmngrid\" ui-grid=\"gridOptions\" class=\"grid \" ui-grid-selection  style=\"height:{{bpmnGridHeight}};font-size:13px\"></div>\r" + "\n" + "            <br></br>\r" + "\n" + "          \r" + "\n" + "          </div>\r" + "\n" + "          <div class=\"col-md-6\" >\r" + "\n" + "              <h5>Data is getting from getActiveMetaHierarchy api for mapping m2id to guid <span style=\"cursor:pointer;color:red;font-weight:bold\" ng-click=\"addM2()\"><i class=\"fa fa-plus-circle\"></i>Add</span></h5>\r" + "\n" + "            \r" + "\n" + "             \r" + "\n" + "              <div id=\"m2grid\" ui-grid=\"m2GridOptions\" class=\"grid\" ui-grid-selection ui-grid-edit  style=\"height:{{m2GridHeight}};font-size:13px\"></div>\r" + "\n" + "          </div>\r" + "\n" + "       \r" + "\n" + "      </div>\r" + "\n" + "      <div class=\"row\">\r" + "\n" + "        <div class=\"col-md-11\">\r" + "\n" + "           <button class=\" btn btn-info btn-bc \"  ng-class=\"isAddToconfigMapBtnEnabled() ? 'enabled' : 'disabled'\" ng-click=\"addToConfigMapGrid()\" >Add to Config Map List</button>\r" + "\n" + "        </div>\r" + "\n" + "      </div>\r" + "\n" + "      <div class=\"row\">\r" + "\n" + "        <div class=\"col-md-11\">\r" + "\n" + "               <h5>Mapped data(Guid and M2Id)</h5>\r" + "\n" + "               \r" + "\n" + "                <div id=\"mapGrid\" ui-grid=\"mapGridOptions\" ui-grid-edit  ui-grid-selection class=\"grid\" style=\"width:100%;height:{{mapGridHeight}};font-size:13px\">\r" + "\n" + "                </div>\r" + "\n" + "                 \r" + "\n" + "        </div>\r" + "\n" + "      </div>\r" + "\n" + "\r" + "\n" + "    <div class=\"row\" style=\"padding-top:20px;padding-bottom:20px\">\r" + "\n" + "         <div class=\"col-md-11\">\r" + "\n" + "           <button class=\" btn btn-info btn-bc\" ng-click=\"saveToPc()\" >Save/Create Config Map File</button>\r" + "\n" + "        </div>\r" + "\n" + "      </div>\r" + "\n" + "    </div>\r" + "\n" + "    </div>\r" + "\n" + "\r" + "\n" + "</section> -->");


    $templateCache.put('app/scripts/modules/bpmnUtils/views/bpmnUtils.wsEmulator.client.view.html', "<section data-ng-controller=\"BpmnUtilsWsEmulatorController\" id=\"bpmnUtils\"> <div class=\"row\"> <div class=\"col-md-12\"> <div class=\"page_header\"> <h3>BPMN Utils::Ws Emulator</h3> </div> </div> </div> <div class=\"row\"> <div class=\"col-md-12\"> <form class=\"form form-horizontal\"> <div class=\"form-group col-md-4\"> <input type=\"text\" name=\"ta\" value=\"\" id=\"newMonikerName\" class=\"form-control type-text\" placeholder=\"PROCESS NAME...\" ng-model=\"m2Id\"> </div> &nbsp;<button type=\"button\" class=\"btn btn-info btn-bc\" data-ng-click=\"loadBPMN()\">Load BPMN</button> </form> </div> </div> <div class=\"row\" ng-show=\"bpmnIdSelected\"> <div class=\"col-md-12\"> <div class=\"page_holder\"> <h3>BPMN XML Data</h3> <p>Double click in the cell to change values</p> </div> <div id=\"{{m2Id}}\" style=\"display:none;width:1060px;height:500px;border:1px solid #ccc\"></div> <div id=\"bpmngrid\" ui-grid=\"gridOptions\" class=\"grid\" ui-grid-selection ui-grid-edit style=\"height: 180px;xfont-size:13px\"></div> </div> </div> </section>");


    $templateCache.put('app/scripts/modules/bpmns/directives/templates/bpmnPopup.template.html', "<div ng-repeat=\"overlayMenu in overlayMenuList\" style=\"border:2px solid red; background-color:blue\" ng-click=\"overlayMenuClick()\"><i class=\"{{overlayMenu.icon}}\"></i><span>{{overlayMenu.name}}</span></div>");


    $templateCache.put('app/scripts/modules/bpmns/directives/templates/details.template.html', "<div id=\"{{::item.m2_id}}\" class=\"{{::themeClass}}\"> </div>");


    $templateCache.put('app/scripts/modules/bpmns/directives/templates/detailsTable.template.html', "<div class=\"row mbl\"> <div class=\"col-lg-12\"> <div class=\"portlet box\"> <div class=\"portlet-header\"> <div class=\"caption\"> <!--span class=\"hrun\">{{selectedProcessChainInfo.displayLabel}}</span> <small> -  <span class=\"badge\">{{runListGridOptions.data.length}}</span><span class=\"historicRunLabel\">Historical Runs</span></small!--> </div> <div class=\"tools\"> <div class=\"pull-left\"> </div> <div class=\"pull-right\"> <div ng-show=\"dynamicRunbook\" class=\"page-header-tool-icon detailPafeControlRuleBtn\" ng-click=\"navigatetoRunbook()\"> <i class=\"fa fa-book\" aria-hidden=\"true\"></i> Runbook </div> <div class=\"page-header-tool-icon detailPafeControlRuleBtn\" ng-click=\"navigatetoControlRuleList()\"> <i class=\"fa fa-list\" aria-hidden=\"true\"></i> Control Rule </div> <div class=\"page-header-tool-icon\"> <i class=\"fa fa-refresh\"></i> </div> <div class=\"page-header-tool-icon\"> <i class=\"fa fa-search\" ng-click=\"\"></i> </div> </div> </div> </div> <div class=\"portlet-body\"> <div id=\"{{processDetailGrid}}\" ui-grid=\"processDetailGridOptions\" ui-grid-selection ui-grid-exporter class=\"grid\" ui-grid-auto-resize ui-grid-resize-columns style=\"height:{{gRunListHeight}}\"> </div> </div> </div> </div> </div> ");


    $templateCache.put('app/scripts/modules/bpmns/directives/templates/l2l4ToggleButton.template.html', "<div class=\"btn-group btn-toggle\" ng-show=\"isSwitchL2L4ButtonVisible\"> <button name=\"L2\" class=\"btn btn-xs btn-default\">L2</button> <button name=\"L4\" class=\"btn btn-xs btn-default\">L4</button> </div>");


    $templateCache.put('app/scripts/modules/bpmns/directives/templates/messageTemplate.html', "<div class=\"ui-grid-cell-contents ui-grid-vcenter bc-process-state\" status=\"{{row.entity.m1_state}}\"> ID -> <input style=\"width:100px; height:20px\" type=\"text\" name=\"id\" ng-model=\"row.entity.m2_id\"> <button ng-click=\"grid.appScope.sendStartMessage(row.entity)\" title=\"Start\"><i class=\"fa fa-play-circle\"></i> </button> <button ng-click=\"grid.appScope.sendEndMessage(row.entity)\" title=\"End\"><i class=\"fa fa-step-forward\"></i></button> <button ng-click=\"grid.appScope.sendAckMessage(row.entity)\" title=\"Acknowledge\"><i class=\"fa fa-thumbs-up\"></i></button> <button ng-click=\"grid.appScope.sendCompleteMessage(row.entity)\" title=\"Completed\"><i class=\"fa fa-check-circle\"></i></button> <button ng-click=\"grid.appScope.sendNotificationMessage(row.entity)\" title=\"Notification\"><i class=\"fa fa-bell\"></i></button> </div>");


    $templateCache.put('app/scripts/modules/bpmns/directives/templates/notificationCellTemplate.html', "<div class=\"ui-grid-vcenter bc-process-state\" status=\"{{row.entity.m1_state}}\"> <a data-ng-click=\"grid.appScope.showNotificationDetails(row.entity)\" style=\"cursor: pointer\" data-ng-show=\"row.entity[col.field] > 0\"> <span class=\"badge badge-info\"> {{row.entity[col.field]}} </span> </a> </div>");


    $templateCache.put('app/scripts/modules/bpmns/directives/templates/processDetailCell.template.html', "<div class=\"ui-grid-vcenter bc-process-state\" status=\"{{row.entity.m1_state}}\"> {{row.entity[col.field]}} </div>");


    $templateCache.put('app/scripts/modules/bpmns/directives/templates/processDetailDateFormatter.html', "<div class=\"ui-grid-vcenter bc-process-state\" status=\"{{row.entity.m1_state}}\"> {{ grid.appScope.getDateTime(row.entity[col.field]) }} </div>");


    $templateCache.put('app/scripts/modules/bpmns/directives/templates/processDetailDurationTemplate.html', "<div class=\"ui-grid-vcenter bc-process-state\" status=\"{{row.entity.m1_state}}\"> {{ grid.appScope.getDuration(row.entity) }} </div>");


    $templateCache.put('app/scripts/modules/bpmns/directives/templates/processDetailLabel.template.html', "<div class=\"ui-grid-vcenter process-detail-label bc-process-state bc-label\" status=\"{{row.entity.m1_state}}\"> <span class=\"bc-process\" type=\"{{row.entity.m2_eventIdType}}\"></span> <span class=\"bc-process-drillin\" type=\"{{row.entity.m2_eventIdType}}\" style=\"padding-left:5px\" title=\"{{row.entity.m2_id}}\">{{ row.entity[col.field] }}</span> </div>");


    $templateCache.put('app/scripts/modules/bpmns/directives/templates/processDetailState.teamplate.html', "<div class=\"ui-grid-vcenter bc-process-state\" status=\"{{row.entity.m1_state}}\" title=\"{{ grid.appScope.getState(row.entity)}}\"> <span class=\"bc-process-without-content\" status=\"{{row.entity[col.field]}}\"></span> </div>");


    $templateCache.put('app/scripts/modules/bpmns/views/bpmn-details-notifications.html', "<table class=\"table table-striped bc-table\"> <thead> <tr> <th>Notification ID</th> <th>e2eProcessInstanceId</th> <th>e2eProcessVersion</th> <th> processId</th> <th> &nbsp;</th> </tr> </thead> <tbody> <tr data-ng-repeat=\"notification in notifications\"> <td>{{notification.notificationId}}</td> <td>{{notification.e2eProcessInstanceId}}</td> <td>{{notification.e2eProcessInstanceVersion}}</td> <td>{{notification.status}}</td> <td><a ng-click=\"navigateToNotification(notification.notificationId)\" data-dismiss=\"modal\">Details</a></td> </tr> </tbody> </table>");


    $templateCache.put('app/scripts/modules/bpmns/views/bpmns.client.view.html', "<section data-ng-controller=\"BpmnsController\" id=\"ui-diagram\"> <div class=\"row\"> <div class=\"col-md-12\"> <div class=\"pull-left\"> <ul class=\"crumbs\"> <li> <a href=\"javascript:void(0)\" ng-click=\"navigateToDashboard()\"> {{instanceData.buildContext.label}} </a> </li> <li ng-repeat=\"item in collection.stack track by $index\"> <span ng-show=\"$index == collection.stack.length - 1\" title=\"{{item.item.m2_id}}\"> {{item.item.m2_description}} </span> <a href=\"javascript:void(0)\" ng-click=\"expand($index)\" ng-show=\"$index != collection.stack.length - 1\" title=\" {{item.item.m2_id}}\"> {{item.item.m2_description}} </a> </li> </ul> </div> <div class=\"pull-right\"> <l2l4-toggle-button></l2l4-toggle-button> </div> </div> <!--  <div class=\"col-md-2\">\r" + "\n" + "           <l2l4-toggle-button></l2l4-toggle-button>\r" + "\n" + "        </div> --> </div> <div class=\"row\"> <div class=\"blockUIContainer\"> <div ng-class=\"{'col-md-3 small':$index < collection.stack.length - 1,'col-md-12': $index == collection.stack.length - 1}\" ng-repeat=\"item in collection.stack track by $index\"> <div class=\"panel panel-default\"> <div class=\"panel-heading\" style=\"position:relative;overflow: hidden;font-size: 13px\"> <strong class=\"pull-left\"><small>{{item.item.m2_description}}</small></strong> <span class=\"pull-right\" ng-show=\"$index < collection.stack.length - 1\"> <a href=\"javascript:void(0)\" ng-click=\"expand($index)\"> <i class=\"fa fa-arrows-alt\"></i> </a> </span> </div> <div class=\"panel-body\"> <bdetails></bdetails> <!--easvg level=\"level\"\r" + "\n" + "                                   bpmnData=\"item\"\r" + "\n" + "                                   esvgclass=\"($index + 1) == stack.length ? 'col-md-12' : 'col-md-3'\">\r" + "\n" + "                            </easvg--> </div> <div class=\"clearfix\"></div> </div> </div> </div> </div> <div class=\"row\"> <form class=\"form-inline\" id=\"rerun-form\"> <div class=\"pull-left col-md-11 smaller\"> <div class=\"form-group\" style=\"margin-right: 30px\"> <strong for=\"scenario\">Scenario</strong> : {{instanceData.buildContext.scenario.scenarioName}} </div> <div class=\"form-group\" style=\"margin-right: 30px\"> <strong for=\"exampleInputEmail2\">Cycle </strong> : {{instanceData.buildContext.ccarCycle}} </div> <div class=\"form-group\" style=\"margin-right: 30px\"> <strong for=\"exampleInputEmail2\">COB Date</strong> : {{instanceData.buildContext.cobDate}} </div> <div class=\"form-group\" style=\"margin-right: 30px\"> <strong for=\"instanceDetail\">label</strong> : {{instanceData.buildContext.label}} </div> <div class=\"form-group\" style=\"margin-right: 30px\"> <strong for=\"instanceDetail\">e2eProcessInstanceId</strong> : {{instanceData.buildContext.e2eProcessInstanceId}} </div> <div class=\"form-group\" style=\"margin-right: 30px\"> <strong>runId</strong> : {{instanceData.buildContext.ccarId.ccarRunId}} </div> <div data-ng-show=\"instanceData.notificationsCount\" class=\"form-group\"> <strong>Notifications:</strong>&nbsp;<a ng-click=\"showNotificationsList()\" class=\"badge badge-info\">{{instanceData.notificationsCount}}</a> </div> </div> <div class=\"col-md-1\"> <div class=\"form-group pull-right\" ng-show=\"{{instanceDetail.state=='3'}}\"> <button class=\"btn btn-danger\" ng-click=\"showRerunProcess()\">Re-Run</button> </div> </div> </form> </div> <div class=\"row\"> <details-table></details-table> </div> <script type=\"text/ng-template\" id=\"bpmn-details-notifications.html\"><div style=\"padding: 10px;\">\r" + "\n" + "            <p style=\"margin: 10px;\">\r" + "\n" + "                <strong>\r" + "\n" + "                    <span class=\"badge badge-info\">{{notifications.length}}</span> document(s) need your review.\r" + "\n" + "                </strong>\r" + "\n" + "            </p>\r" + "\n" + "\r" + "\n" + "            <table class=\"table table-striped bc-table\">\r" + "\n" + "                <tbody>\r" + "\n" + "                    <tr data-ng-repeat=\"notification in notifications\">\r" + "\n" + "                        <!-- make sure to change it to the proper details  -->\r" + "\n" + "                        <td>{{notification.shortDescription}}</td>\r" + "\n" + "                        <td>\r" + "\n" + "                            {{notification.notificationId}}\r" + "\n" + "                        </td>\r" + "\n" + "                        <td><a ng-click=\"navigateToNotification(notification.notificationId)\"\r" + "\n" + "                               data-dismiss=\"modal\">Details</a></td>\r" + "\n" + "                    </tr>\r" + "\n" + "                </tbody>\r" + "\n" + "            </table>\r" + "\n" + "        </div></script> </section>");


    $templateCache.put('app/scripts/modules/core/directives/templates/breadcrumb.template.html', "<!--BEGIN TITLE & BREADCRUMB PAGE--> <div id=\"title-breadcrumb-option-demo\" class=\"page-title-breadcrumb\"> <!-- <div class=\"page-header pull-left\">\r" + "\n" + "                    <div class=\"page-title\">\r" + "\n" + "                        Dashboard</div>\r" + "\n" + "                </div> --> <div class=\"pull-right\"> <!--  <div class=\"breadcrumb\" ncy-breadcrumb></div>  --> </div> <!--   <div class=\"pull-right\">\r" + "\n" + "                    <div class=\"breadcrumb\" ncy-breadcrumb></div> \r" + "\n" + "                  </div>\r" + "\n" + "\r" + "\n" + "                    <div class=\"clearfix\">\r" + "\n" + "                    </div> --> </div> <!--END TITLE & BREADCRUMB PAGE-->");


    $templateCache.put('app/scripts/modules/core/directives/templates/footer.template.html', "<!--BEGIN FOOTER--> <div id=\"footer\" class=\"text-right\"> <span class=\"copyright pull-right\">@Barclays 2016&nbsp;<socketstatus></socketstatus></span> </div> <!--END FOOTER-->");


    $templateCache.put('app/scripts/modules/core/directives/templates/leftbar.template.html', "<!--BEGIN SIDEBAR MENU--> <nav id=\"sidebar\" resizefix role=\"navigation\" data-step=\"2\" data-intro=\"Template has &lt;b&gt;many navigation styles&lt;/b&gt;\" data-position=\"right\" class=\"navbar-default navbar-static-side\"> <div class=\"bc-component-template-body-content-lhs-menu-container\"> <div ng-repeat=\"link in navList.items\" class=\"bc-component-template-body-content-lhs-menu {{isActive(link)}}\" ui-sref=\"{{link.uiRoute}}\"> <div class=\"clearfix\"> <div class=\"pull-left\"> <a title=\"{{link.title}}\"><i class=\"{{link.iconClass}}\"> </i><span class=\"menu-title\">{{link.title}}</span></a> </div> </div> </div> </div> <div class=\"bc-component-template-body-content-lhs-user\"> <div class=\"bc-component-template-body-content-lhs-user-icon\" ui-sref=\"signin\"><i class=\"fa fa-user\"></i> </div> <div class=\"bc-component-template-body-content-lhs-user-name\"> <div> <small data-ng-show=\"authentication.user\" data-ng-bind=\"authentication.getCurrentUser().displayName\"></small> </div> </div> <div class=\"bc-component-template-body-content-lhs-user-settings\"> <input type=\"button\" ui-sref=\"signin\" class=\"btn btn-info btn-xs\" value=\"USER SETTINGS\"> </div> </div> </nav> <!--END SIDEBAR MENU-->");


    $templateCache.put('app/scripts/modules/core/directives/templates/modal.template%20.html', "<!--BEGIN MODAL CONFIG PORTLET--> <div id=\"modal-config\" class=\"modal fade\"> <div class=\"modal-dialog\"> <div class=\"modal-content\"> <div class=\"modal-header\"> <button type=\"button\" data-dismiss=\"modal\" aria-hidden=\"true\" class=\"close\"> &times;</button> <h4 class=\"modal-title\"> Modal title</h4> </div> <div class=\"modal-body\"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eleifend et nisl eget porta. Curabitur elementum sem molestie nisl varius, eget tempus odio molestie. Nunc vehicula sem arcu, eu pulvinar neque cursus ac. Aliquam ultricies lobortis magna et aliquam. Vestibulum egestas eu urna sed ultricies. Nullam pulvinar dolor vitae quam dictum condimentum. Integer a sodales elit, eu pulvinar leo. Nunc nec aliquam nisi, a mollis neque. Ut vel felis quis tellus hendrerit placerat. Vivamus vel nisl non magna feugiat dignissim sed ut nibh. Nulla elementum, est a pretium hendrerit, arcu risus luctus augue, mattis aliquet orci ligula eget massa. Sed ut ultricies felis.</p> </div> <div class=\"modal-footer\"> <button type=\"button\" data-dismiss=\"modal\" class=\"btn btn-default\"> Close</button> <button type=\"button\" class=\"btn btn-primary\"> Save changes</button> </div> </div> </div> </div> <div class=\"common-modal modal fade\" id=\"common-Modal1\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"> <div class=\"modal-content\"> <ul class=\"list-inline item-details\"> <li><a href=\"http://themifycloud.com\">Admin templates</a></li> <li><a href=\"http://themescloud.org\">Bootstrap themes</a></li> </ul> </div> </div> <!--END MODAL CONFIG PORTLET-->");


    $templateCache.put('app/scripts/modules/core/directives/templates/topbar.template.html', "<!--BEGIN TOPBAR--> <div id=\"header-topbar-option-demo\" class=\"page-header-topbar\"> <nav id=\"topbar\" role=\"navigation\" style=\"margin-bottom: 0\" data-step=\"3\" class=\"navbar navbar-default navbar-static-top\"> <div class=\"navbar-header\"> <!-- button type=\"button\" data-toggle=\"collapse\" data-target=\".sidebar-collapse\" class=\"navbar-toggle\">\r" + "\n" + "                <span class=\"sr-only\">Toggle navigation</span><span class=\"icon-bar\"></span>\r" + "\n" + "                <span class=\"icon-bar\"></span><span class=\"icon-bar\"></span>\r" + "\n" + "            </button --> <a id=\"logo\" ui-sref=\"dashboard\" class=\"navbar-brand\"> <img src=\"images/barclays_logoV2.png\" class=\"bc-component-template-logo\"> <span class=\"fa fa-rocket\"></span> <span class=\"logo-text\">Barclays</span><span style=\"display: none\" class=\"logo-text-icon\"></span></a> </div> <div class=\"topbar-main\"> <a id=\"menu-toggle\" ng-click=\"leftSideCollapsed()\"> <i class=\"fa fa-bars\"></i> </a> <div class=\"pull-right bc-component-template-title\"> <span class=\"envelope-holder\" data-ng-show=\"appConfig.features.notifications && canViewNotifications\"> <a data-ui-sref=\"notifications\"> <i class=\"fa fa-envelope fa-fw\"></i> <span class=\"badge badge-orange\">{{totalNotificationCounts}}</span> </a> </span> <b>OCTON</b> - CCAR Dashboard </div> </div> </nav> </div> <!--END TOPBAR--> <!--ul class=\"nav navbar navbar-top-links navbar-right mbn\">\r" + "\n" + "\r" + "\n" + "                      <li ng-show=\"appConfig.features.alerts\" class=\"dropdown\"><a data-hover=\"dropdown\" href=\"#\" class=\"dropdown-toggle\"><i class=\"fa fa-bell fa-fw\"></i><span class=\"badge badge-green\">3</span></a>\r" + "\n" + "\r" + "\n" + "                      </li>\r" + "\n" + "                      <li  ng-show=\"appConfig.features.notifications\" class=\"dropdown\"><a data-hover=\"dropdown\" href=\"#\" class=\"dropdown-toggle\"><i class=\"fa fa-envelope fa-fw\"></i><span class=\"badge badge-orange\">7</span></a>\r" + "\n" + "\r" + "\n" + "                      </li>\r" + "\n" + "                      <li ng-show=\"appConfig.features.tasks\" class=\"dropdown\"><a data-hover=\"dropdown\" href=\"#\" class=\"dropdown-toggle\"><i class=\"fa fa-tasks fa-fw\"></i><span class=\"badge badge-yellow\">8</span></a>\r" + "\n" + "\r" + "\n" + "                      </li>\r" + "\n" + "                      <li ><a class=\"dropdown\">\r" + "\n" + "\r" + "\n" + "                          </a>\r" + "\n" + "\r" + "\n" + "                      </li>\r" + "\n" + "                      <li class=\"dropdown topbar-user\"><a data-hover=\"dropdown\" href=\"#\" class=\"dropdown-toggle\">&nbsp;<span class=\"hidden-xs\">Robert John</span>&nbsp;<span class=\"caret\"></span></a>\r" + "\n" + "                          <ul class=\"dropdown-menu dropdown-user pull-right\">\r" + "\n" + "                              <li ng-repeat=\"item in configList\"><a ui-sref=\"{{item.uisref}}\"><i class=\"{{item.icon}}\"></i>{{item.label}}</a></li>\r" + "\n" + "                             < <li><a ui-sref=\"profile\"><i class=\"fa fa-user\"></i>My Profile</a></li>\r" + "\n" + "                              <li><a ui-sref=\"logout\"><i class=\"fa fa-tasks fa-fw\"></i>Tasks</a></li>\r" + "\n" + "                              <li><a ui-sref=\"logout\"><i class=\"fa fa-users fa-fw\"></i>Switch User</a></li>\r" + "\n" + "                              <li><a ui-sref=\"logout\"><i class=\"fa fa-key\"></i>Log Out</a></li>>\r" + "\n" + "                          </ul>\r" + "\n" + "                      </li>\r" + "\n" + "\r" + "\n" + "                      <li id=\"topbar-chat\" class=\"hidden-xs\"><a href=\"javascript:void(0)\" data-step=\"4\" data-intro=\"&lt;b&gt;Form chat&lt;/b&gt; keep you connecting with other coworker\" data-position=\"left\" class=\"btn-chat\"><i class=\"fa fa-comments\"></i><span class=\"badge badge-info\">3</span></a></li>\r" + "\n" + "                  </ul-->");


    $templateCache.put('app/scripts/modules/core/views/blank.client.view.html', "<section data-ui-view style=\"padding: 20px\"></section>");


    $templateCache.put('app/scripts/modules/core/views/blockUIOverlay.client.view.html', "<div class=\"block-ui-overlay\"></div> <div class=\"block-ui-message-container\" aria-live=\"assertive\" aria-atomic=\"true\"> <i class=\"fa fa-spinner fa-pulse fa-3x fa-fw margin-bottom loading\"></i> <div class=\"blockUiMessage\">{{ state.message }}</div> </div>");


    $templateCache.put('app/scripts/modules/core/views/breadcrumb.client.view.html', "<ul class=\"breadcrumb\"> <li ng-repeat=\"step in steps\" ng-switch=\"$last || !!step.abstract\" ng-class=\"{active: $last}\"> <a ng-switch-when=\"false\" href=\"{{step.ncyBreadcrumbLink}}\">{{step.ncyBreadcrumbLabel}}</a> <span ng-switch-when=\"true\">{{step.ncyBreadcrumbLabel}}</span> <span class=\"divider\" ng-hide=\"$last\">/&nbsp;</span> </li> </ul>");


    $templateCache.put('app/scripts/modules/core/views/secureV2.client.view.html', "<div> <bc-activity-indicator activity-delay=\"1000\"> <topbar></topbar> <div id=\"wrapper\"> <div leftbar></div> <!--BEGIN PAGE WRAPPER--> <div id=\"page-wrapper\"> <breadcrumb></breadcrumb> <div class=\"page-content\"> <div id=\"tab-general\"> <div data-ui-view></div> </div> </div> </div> <!--END PAGE WRAPPER--> <div footer></div> </div> </div> <!--\r" + "\n" + "<div class=\"tk-component\">\r" + "\n" + "    <component class=\"tk-component bc-component-template\" id=\"bc-template\">\r" + "\n" + "        <div class=\"bc-component-template-header clearfix\">\r" + "\n" + "            <div class=\"pull-left\">\r" + "\n" + "                <img src=\"images/barclays_logoV2.png\" class=\"bc-component-template-logo\"></div>\r" + "\n" + "            <div class=\"pull-right bc-component-template-title\"><b>OCTON</b> - CCAR Dashboard</div>\r" + "\n" + "        </div>\r" + "\n" + "\r" + "\n" + "        <div class=\"bc-component-template-body-content clearfix\">\r" + "\n" + "            <div class=\"container-fluid bc-component-template-body-content\">\r" + "\n" + "                <div class=\"bc-component-template-body-content-lhs\" state=\"1\">\r" + "\n" + "                    <div class=\"bc-component-template-body-content-expander\">\r" + "\n" + "                        <i class=\"fa fa-arrow-circle-left\"></i>\r" + "\n" + "                    </div>\r" + "\n" + "\r" + "\n" + "                    <div class=\"bc-component-template-body-content-expander-content\">\r" + "\n" + "                        <div class=\"bc-component-template-body-content-lhs-menu-container\">\r" + "\n" + "                            <div class=\"bc-component-template-body-content-lhs-menu active\" id=\"link-1\" url=\"\">\r" + "\n" + "                                <div class=\"clearfix\">\r" + "\n" + "                                    <div class=\"pull-left\" style=\"width:20px;\"></div>\r" + "\n" + "                                    <div class=\"pull-left\" style=\"width:100px;\"><a ui-sref=\"dashboard\">CCAR Dashboard</a></div>\r" + "\n" + "                                </div>\r" + "\n" + "                            </div>\r" + "\n" + "                            <div class=\"bc-component-template-body-content-lhs-menu \" id=\"link-2\" url=\"\">\r" + "\n" + "                                <div class=\"clearfix\">\r" + "\n" + "                                    <div class=\"pull-left\" style=\"width:20px;\"></div>\r" + "\n" + "                                    <div class=\"pull-left\" style=\"width:100px;\">RTB Dashboard</div>\r" + "\n" + "                                </div>\r" + "\n" + "                            </div>\r" + "\n" + "                            <div class=\"bc-component-template-body-content-lhs-menu\" id=\"link-3\">\r" + "\n" + "                                <div class=\"clearfix\">\r" + "\n" + "                                    <div class=\"pull-left\" style=\"width:20px;\"></div>\r" + "\n" + "                                    <div class=\"pull-left\" style=\"width:100px;\" ><a href=\"http://gbrdsr000003096:8080/monikerweb/dist/#!/\">Monikers</a></div>\r" + "\n" + "                                </div>\r" + "\n" + "                            </div>\r" + "\n" + "                            <div class=\"bc-component-template-body-content-lhs-menu \" id=\"link-4\" url=\"\">\r" + "\n" + "                                <div class=\"clearfix\">\r" + "\n" + "                                    <div class=\"pull-left\" style=\"width:20px;\"></div>\r" + "\n" + "                                    <div class=\"pull-left\" style=\"width:100px;\">Data Directory</div>\r" + "\n" + "                                </div>\r" + "\n" + "                            </div>\r" + "\n" + "                            <div class=\"bc-component-template-body-content-lhs-menu \" id=\"link-5\" url=\"\">\r" + "\n" + "                                <div class=\"clearfix\">\r" + "\n" + "                                    <div class=\"pull-left\" style=\"width:20px;\"></div>\r" + "\n" + "                                    <div class=\"pull-left\" style=\"width:100px;\">Analytics &amp; Review</div>\r" + "\n" + "                                </div>\r" + "\n" + "                            </div>\r" + "\n" + "                        </div>\r" + "\n" + "\r" + "\n" + "                        <div class=\"bc-component-template-body-content-lhs-user\">\r" + "\n" + "                            <div class=\"bc-component-template-body-content-lhs-user-icon\"><i class=\"fa fa-user\"></i>\r" + "\n" + "                            </div>\r" + "\n" + "                            <div class=\"bc-component-template-body-content-lhs-user-name\" data-ng-controller=\"HeaderController\">\r" + "\n" + "   \r" + "\n" + "                                <div>\r" + "\n" + "                                    <small data-ng-show=\"authentication.user\" data-ng-bind=\"authentication.getCurrentUser().displayName\" ></small>\r" + "\n" + "\r" + "\n" + "                                </div>\r" + "\n" + "                            </div>\r" + "\n" + "                            <div class=\"bc-component-template-body-content-lhs-user-settings\">\r" + "\n" + "                                <input type=\"button\" ui-sref=\"signin\" class=\"btn btn-info btn-xs\" value=\"USER SETTINGS\"></input>\r" + "\n" + "                            </div>\r" + "\n" + "                        </div>\r" + "\n" + "\r" + "\n" + "                    </div>\r" + "\n" + "                </div>\r" + "\n" + "\r" + "\n" + "\r" + "\n" + "                <div class=\"bc-component-template-body-content-rhs\"  style=\"padding-top: 20px;padding-right: 20px;\">\r" + "\n" + "\r" + "\n" + "                    <div id=\"toolbar\" style=\"background:transparent; border-bottom: 1px transparent solid\" data-ng-controller=\"HeaderController\" class=\"clearfix\">\r" + "\n" + "                        <div class=\"toolbar-links\" data-ng-if=\"menu.shouldRender(currentUser());\">\r" + "\n" + "                            <ul class=\"nav navbar-nav navbar-right\" >\r" + "\n" + "\r" + "\n" + "                                <li data-ng-repeat=\"item in toolbar.items | orderBy: 'position'\" data-ng-if=\"menu.shouldRender(currentUser())\" ng-switch=\"item.menuItemType\" ui-route=\"{{item.uiRoute}}\" class=\"{{item.menuItemClass}}\" ng-class=\"{active: ($uiRoute)}\" dropdown=\"item.menuItemType === 'dropdown'\">\r" + "\n" + "                                    <a ng-switch-when=\"dropdown\" class=\"dropdown-toggle\">\r" + "\n" + "                                        <span data-ng-bind=\"item.title\"></span>\r" + "\n" + "                                        <b class=\"caret\"></b>\r" + "\n" + "                                    </a>\r" + "\n" + "                                    <ul ng-switch-when=\"dropdown\" class=\"dropdown-menu\">\r" + "\n" + "                                        <li data-ng-repeat=\"subitem in item.items | orderBy: 'position'\" data-ng-if=\"subitem.shouldRender(currentUser());\" ui-route=\"{{subitem.uiRoute}}\" ng-class=\"{active: $uiRoute}\" >\r" + "\n" + "                                            <a  ui-sref=\"{{subitem.uiRoute}}\" data-ng-bind=\"subitem.title\" ></a>\r" + "\n" + "                                        </li>\r" + "\n" + "\r" + "\n" + "                                    </ul>\r" + "\n" + "                                    <a ng-switch-default ui-sref=\"{{item.uiRoute}}\" data-ng-bind=\"item.title\" ng-click=\"toolbarHandler(item.title)\"></a>\r" + "\n" + "                                </li>\r" + "\n" + "\r" + "\n" + "                                <li ng-show=\"isAuthorized('developer') || isAuthorized('ituser') \">\r" + "\n" + "                                    <a  ui-sref=\"configuration\">Configurations</a>\r" + "\n" + "                                </li>\r" + "\n" + "                                <li ng-show=\"isAuthorized('developer') || isAuthorized('ituser')\">\r" + "\n" + "                                    <a  ui-sref=\"testView\">List of APIs</a>\r" + "\n" + "                                </li>\r" + "\n" + "                                <li>\r" + "\n" + "                                    <a  ui-sref=\"signin\" data-ng-bind=\"currentUser().displayName\" ></a>\r" + "\n" + "                                </li>\r" + "\n" + "                                <li ng-show=\"!isAuthenticated()\">\r" + "\n" + "                                    <a  ui-sref=\"signin\">Choose user profile</a>\r" + "\n" + "                                </li>\r" + "\n" + "                                <li>\r" + "\n" + "                                    <socketstatus></socketstatus>\r" + "\n" + "                                </li>\r" + "\n" + "                            </ul>\r" + "\n" + "\r" + "\n" + "\r" + "\n" + "\r" + "\n" + "                        </div>\r" + "\n" + "                    </div>\r" + "\n" + "                    <div style=\"clear:both\"></div>\r" + "\n" + "                    <div data-ui-view></div>\r" + "\n" + "                </div>\r" + "\n" + "            </div>\r" + "\n" + "\r" + "\n" + "            <div class=\"bc-component-template-footer\">\r" + "\n" + "                <div>@Barclays 2016</div>\r" + "\n" + "            </div>\r" + "\n" + "\r" + "\n" + "            <script type=\"text/javascript\">\r" + "\n" + "                $(document).ready(function(){\r" + "\n" + "                    bcComponentTemplate.init({\r" + "\n" + "                        cid: \"MTK1454443020\",\r" + "\n" + "                        id: \"bc-template\",\r" + "\n" + "                        active: \"link-1\"\r" + "\n" + "                    });\r" + "\n" + "\r" + "\n" + "                });\r" + "\n" + "            </script>\r" + "\n" + "        </div>\r" + "\n" + "   \r" + "\n" + "    </component>\r" + "\n" + "</div -->");


    $templateCache.put('app/scripts/modules/dashboard/directives/templates/cycleId.template.html', "<div><div ng-if=\"!col.grouping || col.grouping.groupPriority === undefined || col.grouping.groupPriority === null || ( row.groupHeader && col.grouping.groupPriority === row.treeLevel )\" class=\"ui-grid-cell-contents\" title=\"TOOLTIP\">{{COL_FIELD CUSTOM_FILTERS}}</div></div>");


    $templateCache.put('app/scripts/modules/dashboard/directives/templates/e2eProcessGrid.template.html', "<div class=\"row\"> <div class=\"col-lg-12\"> <div class=\"portlet box\" block-ui=\"processListGridBlock\"> <div class=\"portlet-header\"> <div class=\"caption\"> E2E Process List </div> <div class=\"tools\"> <div class=\"pull-left\"> </div> <div class=\"pull-right\"> <div class=\"page-header-tool-icon\"> <i class=\"fa fa-refresh\" ng-click=\"refreshProcessChainGrid()\"></i> </div> <div class=\"page-header-tool-icon\"> <i class=\"fa fa-search\" ng-click=\"toggleFiltering(processListGridOptions,processListGridApi)\"></i> </div> </div> </div> </div> <div id=\"{{processGrid}}\" ui-grid=\"processListGridOptions\" ui-grid-resize-columns ui-grid-selection class=\"grid\" ui-grid-auto-resize style=\"height:{{gProcessHeight}}\"></div> </div> </div> </div>");


    $templateCache.put('app/scripts/modules/dashboard/directives/templates/historicalRunGrid.template.html', "<div class=\"row historicGridContainer\" ng-show=\"isRunListGridVisible\"> <div class=\"col-lg-12\"> <div class=\"portlet box\" block-ui=\"runListGridBlock\"> <div class=\"portlet-header\"> <div class=\"caption\"> <span class=\"hrun\">{{selectedProcessChainInfo.displayLabel}}</span> <small> - <span class=\"badge\">{{runListGridOptions.data.length}}</span><span class=\"historicRunLabel\">Historical Runs</span></small> </div> <div class=\"tools\"> <div class=\"pull-right\"> <!--   <div class=\"page-header-tool-icon \" >\r" + "\n" + "                            <a class=\"btn btn-info legends\" title=\"Detail View\"><i class=\"fa fa-info-circle\" aria-hidden=\"true\"></i></a> Detail View\r" + "\n" + "                        </div>\r" + "\n" + "                        <div class=\"page-header-tool-icon\">\r" + "\n" + "                            <a class=\"btn btn-warning legends\" title=\"Detail View\"><i class=\"fa fa-play\" aria-hidden=\"true\"></i></a> Overlay \r" + "\n" + "                        </div>\r" + "\n" + "                        <div class=\"page-header-tool-icon\">\r" + "\n" + "                             <a class=\"btn btn-success legends\" title=\"Detail View\"> <i class=\"fa fa-reply\" aria-hidden=\"true\"></i></a> Rerun \r" + "\n" + "                        </div> --> <div class=\"page-header-tool-icon\"> <i class=\"fa fa-refresh\" ng-click=\"refresRunListGrid()\"></i> </div> <div class=\"page-header-tool-icon\"> <i class=\"fa fa-search\" ng-click=\"toggleRunListFiltering(runListGridOptions,runListGridApi)\"></i> </div> </div> </div> </div> <div class=\"portlet-body\"> <div id=\"{{runlistGrid}}\" ui-grid=\"runListGridOptions\" ui-grid-resize-columns ui-grid-selection ui-grid-exporter class=\"grid\" ui-grid-auto-resize style=\"height:320px\" ui-grid-grouping> </div> </div> <div class=\"portlet-footer\" style=\"padding-top: 10px\"> <button type=\"button\" class=\"btn btn-success\" ng-click=\"detailView()\" ng-disabled=\"!selectedInstatnce\"><i class=\"fa fa-info-circle\" aria-hidden=\"true\"></i> Detail View</button> <button ng-show=\"overlayExec\" type=\"button\" class=\"btn btn-primary\" ng-disabled=\"!isOpenForCorrection\" ng-click=\"openForCorrection()\"><i class=\"fa fa-play\" aria-hidden=\"true\"></i> Open for Correction</button> <button ng-show=\"overlayExec\" type=\"button\" class=\"btn btn-primary\" ng-disabled=\"!canExecuteCorrection\" ng-click=\"openForCorrectionExecution()\"><i class=\"fa fa-play\" aria-hidden=\"true\"></i> Execute Corrections</button> <button ng-show=\"overlayExec\" type=\"button\" class=\"btn btn-primary\" ng-disabled=\"!isOpenForReview\" ng-click=\"openForReview()\"><i class=\"fa fa-play\" aria-hidden=\"true\"></i> Open for Review</button> <button ng-show=\"overlayExec\" type=\"button\" class=\"btn btn-primary\" ng-disabled=\"!canExecuteReview\" ng-click=\"openForReviewExecution()\"><i class=\"fa fa-play\" aria-hidden=\"true\"></i> Execute Review</button> <button type=\"button\" class=\"btn btn-warning\" ng-click=\"createRerun()\" ng-show=\"isRerun\"> <i class=\"fa fa-reply\" aria-hidden=\"true\"></i> Rerun</button> <button type=\"button\" class=\"btn btn-warning\" ng-disabled=\"!selectedInstatnce\" ng-click=\"getControlList()\"><i class=\"fa fa-play\" aria-hidden=\"true\"></i> Control List</button> <button ng-show=\"dynamicRunbook\" type=\"button\" class=\"btn btn-warning\" ng-disabled=\"!selectedInstatnce\" ng-click=\"getRunbookList()\"><i class=\"fa fa-play\" aria-hidden=\"true\"></i>Runbook</button> <button ng-show=\"dynamicRunbook\" type=\"button\" class=\"btn btn-warning\" ng-disabled=\"!selectedInstatnce\" ng-click=\"getProductionCalendar()\"><i class=\"fa fa-play\" aria-hidden=\"true\"></i>Production Calendar</button> </div> </div> </div> </div>");


    $templateCache.put('app/scripts/modules/dashboard/directives/templates/rerunTree.template.html', "<div class=\"form-group\"> <label for=\"testHarness\" class=\"col-sm-2 control-label\">Select Activity/Process for Rerun</label> <div class=\"col-sm-10\"> <div id=\"rerunTree\"> <table class=\"table-nested\"> <thead> <tr> <th class=\"cell-input header\"> <input ng-checked=\"(list | selected).length == list.length\" ng-click=\"toggleAllCheckboxes($event)\" type=\"checkbox\"> </th> <th class=\"header\"> Name </th> <th class=\"cell-members header\"> State </th> <th class=\"last-cell-members header\"> Type </th> </tr> </thead> <tbody ng-class=\"{opened: item.opened}\" ng-include=\"&#39;table_tree.html&#39;\" ng-repeat=\"item in list\"></tbody> </table> <script id=\"table_tree.html\" type=\"text/ng-template\"><tr ng-class=\"{parent: item.children}\" ng-init=\"parentScope = $parent.$parent; initCheckbox(item, parentScope.item)\">\r" + "\n" + "                  <td class=\"cell-input\">\r" + "\n" + "                    <input ng-change=\"toggleCheckbox(item, parentScope)\" ng-disabled=\"item.disabled\"  ng-model=\"item.selected\"  type=\"checkbox\" />\r" + "\n" + "                  </td>\r" + "\n" + "                  <td class=\"cell-name\" ng-click=\"item.opened = !item.opened\" title=\"{{item.m2_id}}\">\r" + "\n" + "                    <div class=\"indent\" type='{{item.m2_eventIdType}}' style=\"padding-left: {{15*level}}px\"></div>\r" + "\n" + "                    {{item.m2_description}}\r" + "\n" + "                  </td>\r" + "\n" + "                  <td class=\"cell-members bc-process-state\" status='{{item.m1_state}}'>\r" + "\n" + "                    <span class='bc-process-state-without-content' status='{{item.m1_state}}' title=\"{{item.m1_state}}\" ></span>\r" + "\n" + "                  </td>\r" + "\n" + "                  <td  class=\"last-cell-members\">\r" + "\n" + "                  <span class='bc-process-type' type='{{item.m2_eventIdType}}' title=\"{{item.m2_eventIdType}}\"></span>\r" + "\n" + "                  </td>\r" + "\n" + "                </tr>\r" + "\n" + "               /* <tr class=\"children\" ng-if=\"item.children &amp;&amp; item.children.length &gt; 0\">\r" + "\n" + "                  <td colspan=\"4\">\r" + "\n" + "                    <table>\r" + "\n" + "                      <tbody ng-class=\"{opened: item.opened}\" ng-include=\"&#39;table_tree.html&#39;\" ng-init=\"level = level + 1\" ng-repeat=\"item in item.children\"></tbody>\r" + "\n" + "                    </table>\r" + "\n" + "                  </td>\r" + "\n" + "                </tr>*/</script> </div> </div> </div>");


    $templateCache.put('app/scripts/modules/dashboard/directives/templates/testHarness.template.html', "<div class=\"form-group\"> <label for=\"testHarness\" class=\"col-sm-2 control-label\">TestHarness</label> <div class=\"col-sm-10\"> <div class=\"checkbox\"> <label> <input type=\"checkbox\" ng-model=\"isShowTestHarnessChecked\"> </label> <!-- <btree datasource=\"treeDataSource\" ng-show=\"isShowTestharnessBtnVisible\"></btree> --> </div> </div> </div>");


    $templateCache.put('app/scripts/modules/dashboard/views/bpmn3.template.html', "<div class=\"row\"> <div class=\"col-md-12\"> <easvg ng-model=\"bpmn3Data\"></easvg> </div> <!--\r" + "\n" + "\t<div class=\"col-md-12\">\r" + "\n" + "\t\t<status-table ng-model=\"bpmn3Data\"></status-table>\r" + "\n" + "\t</div>--> </div>");


    $templateCache.put('app/scripts/modules/dashboard/views/dashboard.client.view.html', "<div data-ng-controller=\"dashboardController\"> <e2e-process-grid></e2e-process-grid> <div class=\"row\"> <div ng-show=\"runAvailable\" class=\"col-lg-12 dashboard-btn-container\"> <button type=\"button\" class=\"btn btn-primary\" ng-click=\"showCreateNewRun()\" ng-class=\"isProcessSelected ? 'enabled' : 'disabled'\"> <i class=\"fa fa-play\" aria-hidden=\"true\"></i> New Run</button> </div> </div> <historical-run-grid></historical-run-grid> </div>");


    $templateCache.put('app/scripts/modules/dashboard/views/newprocess.client.view.html', "<div data-ng-controller=\"NewProcessController\"> <div class=\"row mbl\"> <div class=\"col-md-12\"> <div class=\"panel db mbm\"> <div ng-show=\"alert.show\" ng-class=\"alert.class\"> {{alert.message}} </div> <form name=\"processForm\" id=\"form-name\" class=\"form-horizontal bcform\" validate> <div class=\"form-group\"> <label for=\"processID\" class=\"col-sm-2 control-label\">E2E Process ID</label> <div class=\"col-sm-5\"> <label for=\"processID\" ng-model=\"newProcess.e2processID\" class=\"control-label\">{{e2processID}}</label> </div> </div> <div class=\"form-group\"> <label for=\"processDescription\" class=\"col-sm-2 control-label\">Description</label> <div class=\"col-sm-5\"> <label id=\"processDescription\" ng-model=\"newProcess.e2processID\" class=\"control-label\">{{processDescription}}</label> </div> </div> <div ng-show=\"logic[e2processID].showCobDate\" class=\"form-group\"> <label class=\"col-sm-2 control-label\">COB Date</label> <div class=\"col-sm-3 date\"> <div class=\"input-group input-append date\" id=\"cobDate\"> <input type=\"text\" ng-disabled=\"!contextEditable\" ng-model=\"newProcess.cobDate\" class=\"form-control\" name=\"date\"> <span class=\"input-group-addon add-on\"><span class=\"glyphicon glyphicon-calendar\"></span></span> </div> </div> </div> <div ng-show=\"logic[e2processID].showPriorRun\" class=\"form-group\"> <label class=\"col-sm-2 control-label\">Prior Run</label> <div class=\"col-sm-3\"> <div class=\"input-group input-append\" style=\"width:240px\"> <input type=\"text\" ng-disabled=\"!contextEditable\" class=\"form-control\" ng-model=\"newProcess.priorRunId\" name=\"label\"> </div> </div> </div> <div ng-show=\"logic[e2processID].showLabel\" class=\"form-group\"> <label class=\"col-sm-2 control-label\">Label</label> <div class=\"col-sm-3\"> <div class=\"input-group input-append\" style=\"width:240px\"> <input type=\"text\" ng-disabled=\"!contextEditable\" class=\"form-control\" name=\"label\" id=\"runLabel\"> </div> </div> </div> <!-- <div  class=\"form-group\">\r" + "\n" + "\t\t\t\t\t<label class=\"col-sm-2 control-label\">Run Id</label>\r" + "\n" + "\t\t\t\t\t<div class=\"col-sm-3\">\r" + "\n" + "\t\t\t\t\t\t<div runid-selector ng-model=\"runId\"></div>\r" + "\n" + "\t\t\t\t\t</div>\r" + "\n" + "\t\t\t\t</div> --> <div class=\"form-group\" ng-show=\"logic[e2processID].showLE\"> <label for=\"models\" class=\"col-sm-2 control-label\">LE<sup ng-show=\"logic[e2processID].requireLE\" class=\"required\">*</sup></label> <div class=\"col-sm-3\"> <select id=\"le\" ng-disabled=\"!contextEditable\" class=\"form-control\" name=\"le\" ng-options=\"option for option in leList\" ng-model=\"newProcess.le\" ng-require=\"logic[e2processID].requireLE\"> <option value=\"\">--- Select One ---</option> </select> </div> </div> <div class=\"form-group\" ng-show=\"logic[e2processID].showModels\"> <label for=\"models\" class=\"col-sm-2 control-label\">Models<sup ng-show=\"logic[e2processID].requireModels\" class=\"required\">*</sup></label> <div class=\"col-sm-3\"> <select id=\"models\" class=\"form-control\" name=\"models\" ng-disabled=\"!modelList || !contextEditable\" ng-init=\"newProcess.models = ''\" ng-options=\"option.modelName for option in modelList track by option.modelId\" ng-model=\"newProcess.model\" ng-require=\"logic[e2processID].requireModels\"> <option value=\"\">--- Select One ---</option> </select> </div> <span class=\"col-sm-2 fa-spinner-container\" ng-show=\"!modelList\"><i class=\"fa-li fa fa-spinner fa-spin\"></i></span> </div> <div class=\"form-group\" ng-show=\"logic[e2processID].showCycles\"> <label for=\"ccarCycle\" class=\"col-sm-2 control-label\">CCAR Cycle<sup ng-show=\"logic[e2processID].requireCycles\" class=\"required\">*</sup></label> <div class=\"col-sm-3\"> <select id=\"ccarCycle\" ng-disabled=\"!contextEditable\" class=\"form-control\" name=\"ccarCycle\" ng-init=\"newProcess.ccarCycle = ''\" ng-options=\"option.label for option in logic[e2processID].cycles track by option.id\" ng-model=\"newProcess.ccarCycle\" ng-required=\"logic[e2processID].requireCycles\"> <option value=\"\" selected>--- Select One ---</option> </select> </div> </div> <div class=\"form-group\" ng-show=\"logic[e2processID].showScenarios\"> <label for=\"scenarios\" class=\"col-sm-2 control-label\">Scenarios<sup ng-show=\"logic[e2processID].requireScenarios\" class=\"required\">*</sup></label> <div class=\"col-sm-3\"> <select id=\"scenarios\" class=\"form-control\" name=\"scenarios\" id=\"scenariosList\" ng-disabled=\"!scenariosList || !contextEditable\" ng-options=\"option.scenarioName for option in scenariosList track by option.scenarioId\" ng-model=\"newProcess.scenario\" ng-required=\"logic[e2processID].requireScenarios\"> <option value=\"\">--- Select One ---</option> </select> </div> </div> <div class=\"form-group\" ng-show=\"logic[e2processID].showComponentName\"> <label class=\"col-sm-2 control-label\">Component Name<sup ng-show=\"logic[e2processID].requireComponentName\" class=\"required\">*</sup></label> <div class=\"col-sm-3\"> <select class=\"form-control\" name=\"componentName\" ng-options=\"option.name for option in staticRunData.componentNameList track by option.id\" ng-model=\"newProcess.componentName\" ng-required=\"logic[e2processID].requireComponentName\"> <option value=\"\">--- Select One ---</option> </select> </div> </div> <!-- start for periods --> <div class=\"form-group\" ng-show=\"logic[e2processID].showStartPeriod\"> <label for=\"startQuarter \" class=\"col-sm-2 control-label\">Period<sup class=\"required\">*</sup></label> <div class=\"col-md-2\"> <input type=\"text\" id=\"startPeriod\" class=\"form-control\" name=\"startPeriod\" ng-model=\"newProcess.startPeriod\" ng-disabled=\"!contextEditable\" ng-required=\"logic[e2processID].showStartPeriod\" ng-pattern=\"/^[0-9]{4}[QM][0-9]{1,2}$/\"> </div> <span class=\"col-md-1\">(YYYYQ##) or (YYYYM##)</span> </div> <div class=\"form-group\" ng-show=\"logic[e2processID].showPeriods\"> <label for=\"period\" class=\"col-sm-2 control-label\">Number of Periods<sup ng-requires=\"logic[e2processID].showPeriods\" class=\"required\">*</sup></label> <div class=\"col-sm-1\"> <select id=\"period\" name=\"period\" ng-disabled=\"!contextEditable\" ng-options=\"quarter for quarter in availableQuarters\" ng-model=\"newProcess.periods\" class=\"form-control\" ng-required=\"logic[e2processID].showPeriods\"> <option value=\"\">--- Select One ---</option> </select> </div> </div> <!-- end for periods --> <div class=\"form-group\" ng-show=\"logic[e2processID].activeRunIdCheck\"> <label class=\"col-sm-2 control-label\">Current runId</label> <div class=\"col-sm-5\" style=\"padding-top:6px\"> <span>{{latestRunInfo.runId}}</span><i class=\"fa fa-refresh\" style=\"padding-left:5px\" ng-click=\"refreshRunId()\"></i> </div> </div> <div class=\"form-group\" ng-show=\"logic[e2processID].activeRunIdCheck\"> <label class=\"col-sm-2 control-label\">Choice</label> <div class=\"col-sm-1\"> <div style=\"padding-top:6px\">{{availableChoices.label}}</div> </div> </div> <testharness ng-show=\"isTestHarness\"></testharness> <rerun ng-show=\"isRerun\" build-context=\"buildContextObj\" list=\"rerunDate\"></rerun> <div class=\"form-group\"> <div class=\"col-sm-offset-2 col-sm-5\"> <button class=\"btn btn-info btn-bc\" style=\"width:120px\" ng-disabled=\"processForm.$invalid\" ng-hide=\"isRerun\" ng-click=\"run(newProcess)\">Start</button> <button class=\"btn btn-info btn-bc\" style=\"width:120px\" ng-show=\"isRerun\" ng-click=\"rerun()\">Rerun</button> <button class=\"btn btn-bc btn-danger\" style=\"width:120px\" ng-click=\"cancel()\">Cancel</button> </div> </div> <div id=\"result-form-name\" style=\"display:none;padding:5px\"></div> </form> </div> </div> </div> <div></div></div>");


    $templateCache.put('app/scripts/modules/dashboard/views/notificationAction.client.view.html', "<div data-ng-controller=\"notificationActionController\"> <div id=\"tab-general\"> <div class=\"row mbl\"> <div class=\"col-lg-12\"> <div class=\"col-md-12\"> <div id=\"area-chart-spline\" style=\"width: 100%; height: 300px; display: none\"> </div> </div> </div> <div class=\"col-lg-12\"> <div class=\"row\"> <div class=\"col-sm-3 col-md-2\"> <div class=\"btn-group btn-group-sm\"> <button type=\"button\" data-toggle=\"dropdown\" class=\"btn btn-primary dropdown-toggle\">Mail &nbsp;<span class=\"caret\"></span></button> <ul role=\"menu\" class=\"dropdown-menu\"> <li><a href=\"#\">Mail</a></li> <li><a href=\"#\">Contacts</a></li> <li><a href=\"#\">Tasks</a></li> </ul> </div> </div> <div class=\"col-sm-9 col-md-10\"> <div class=\"btn-group\"> <button type=\"button\" class=\"btn btn-default\"><input type=\"checkbox\" style=\"margin: 0; vertical-align: middle\" class=\"checkall\"></button> <button type=\"button\" data-toggle=\"dropdown\" class=\"btn btn-default dropdown-toggle\"><span class=\"caret\"></span><span class=\"sr-only\">Toggle Dropdown</span></button> <ul role=\"menu\" class=\"dropdown-menu\"> <li><a href=\"#\">All</a></li> <li><a href=\"#\">None</a></li> <li><a href=\"#\">Read</a></li> <li><a href=\"#\">Unread</a></li> <li><a href=\"#\">Starred</a></li> <li><a href=\"#\">Unstarred</a></li> </ul> </div> <button type=\"button\" data-toggle=\"tooltip\" title=\"Refresh\" class=\"btn btn-default mls mrs\"> <span class=\"fa fa-refresh\"></span></button> <div class=\"btn-group\"> <button type=\"button\" data-toggle=\"dropdown\" class=\"btn btn-default dropdown-toggle\">More &nbsp;<span class=\"caret\"></span></button> <ul role=\"menu\" class=\"dropdown-menu\"> <li><a href=\"#\">Mark all as read</a></li> <li class=\"divider\"></li> <li class=\"text-center pbm\"> <small class=\"text-muted\">Select messages to see more actions</small> </li> </ul> </div> <div class=\"pull-right\"><span class=\"text-muted\"><b>1</b>&nbsp; – &nbsp;<b>50</b>&nbsp; of &nbsp;<b>277</b></span> <div class=\"btn-group mlm\"> <button type=\"button\" class=\"btn btn-default\"><span class=\"fa fa-chevron-left\"></span> </button> <button type=\"button\" class=\"btn btn-default\"><span class=\"fa fa-chevron-right\"></span> </button> </div> </div> </div> </div> <div class=\"mtl mbl\"></div> <div class=\"row\"> <div class=\"col-sm-3 col-md-2\"><a href=\"#\" role=\"button\" class=\"btn btn-danger btn-sm btn-block\">COMPOSE</a> <div class=\"mtm mbm\"></div> <div class=\"panel\"> <div class=\"panel-body pan\"> <ul style=\"background: #fff\" class=\"nav nav-pills nav-stacked\"> <li class=\"active\"><a href=\"#\"><span class=\"badge pull-right\">42</sp

Setting Validate Copy Format

@font-face {
  font-family: 'Expert-Sans-Regular';
  src: url(http://my.barcapint.com/BC_S/bl_rebrand/css/fonts/expertsans-regular-webfont.eot);
  src: url(http://my.barcapint.com/BC_S/bl_rebrand/css/fonts/expertsans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(http://my.barcapint.com/BC_S/bl_rebrand/css/fonts/expertsans-regular-webfont.woff) format('woff'), url(http://my.barcapint.com/BC_S/bl_rebrand/css/fonts/expertsans-regular-webfont.ttf) format('truetype');
  -webkit-font-smoothing: subpixel-antialiased;
}
@font-face {
  font-family: 'Expert-Sans-Light';
  src: url(http://my.barcapint.com/BC_S/bl_rebrand/css/fonts/expertsans-light-webfont.eot);
  src: url(http://my.barcapint.com/BC_S/bl_rebrand/css/fonts/expertsans-light-webfont.eot?#iefix) format('embedded-opentype'), url(http://my.barcapint.com/BC_S/bl_rebrand/css/fonts/expertsans-light-webfont.woff) format('woff'), url(http://my.barcapint.com/BC_S/bl_rebrand/css/fonts/expertsans-light-webfont.ttf) format('truetype');
  -webkit-font-smoothing: subpixel-antialiased;
}
@font-face {
  font-family: 'Expert-Sans-Bold';
  src: url(http://my.barcapint.com/BC_S/bl_rebrand/css/fonts/expertsans-bold-webfont.eot);
  src: url(http://my.barcapint.com/BC_S/bl_rebrand/css/fonts/expertsans-bold-webfont.eot?#iefix) format('embedded-opentype'), url(http://my.barcapint.com/BC_S/bl_rebrand/css/fonts/expertsans-bold-webfont.woff) format('woff'), url(http://my.barcapint.com/BC_S/bl_rebrand/css/fonts/expertsans-bold-webfont.ttf) format('truetype');
  -webkit-font-smoothing: subpixel-antialiased;
}
body {
  font: 12px/1.5 verdana, sans-serif !important;
}
/*@import "./core/css/main.less";
*/
/*@import "./core/css/breadcrumbs.less";
*/
/*@import "./core/css/bc.updated.less";
*/
/*@import "./core/css/bc.component.tree.less";
*/
/*@import "./core/css/bc.updated.css";
*/
/*@import "./core/css/less/app.less";
*/
/*@import "./core/css/less/bc.component.navbar.less";
*/
/*@import "./core/css/less/bc.component.template.less";
*/
/*@import "./core/css/less/elements.less";
*/
/*@import "./core/css/less/toolbar.less";
*/
/*@import "./core/css/less/tree.less";
*/
#ui-diagram .col-md-12 svg {
  min-height: 430px !important;
  max-height: 745px !important;
}
#ui-diagram .col-md-3 svg {
  min-height: 100px !important;
  max-height: 230px !important;
}
#ui-diagram #rerun-form .form-group label {
  display: inline !important;
}
#ui-diagram svg g [data-clickable='true'] {
  cursor: pointer;
}
#ui-diagram .process-details-grid-options-outer {
  width: 100% !important;
  padding-top: 5px;
  margin-top: 5px;
  margin-bottom: 50px;
}
#ui-diagram .btn-toggle .btn {
  padding: 5px 5px;
  width: 50px;
  border-radius: 0px !important;
  cursor: pointer;
}
.bpmnv2 .bjs-container a {
  display: none!important;
}
/*
.bpmnv2 svg g {
[data-type="bpmn:SubProcess"]{
cursor: pointer;
}
}
*/
.bpmnv2 svg g [data-has-child="true"] {
  cursor: pointer;
}
.bpmnv2 svg g [data-type="bpmn:Lane"][data-status="0"] {
  /*.lane_mixin(@status0l,@nofill);
  */
}
.bpmnv2 svg g [data-type="bpmn:Lane"][data-status="STARTED"] rect:first-child {
  stroke: #07A915;
}
.bpmnv2 svg g [data-type="bpmn:Lane"][data-status="WARNING"] rect:first-child {
  stroke: #e6b800;
}
.bpmnv2 svg g [data-type="bpmn:Lane"][data-status="FAILED"] rect:first-child {
  stroke: #EE1729;
}
.bpmnv2 svg g [data-type="bpmn:Lane"][data-status="SUCCESS"] rect:first-child {
  stroke: #349ed3;
}
.bpmnv2 svg g [data-type="bpmn:Task"][data-status="0"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:SubProcess"][data-status="0"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:ManualTask"][data-status="0"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:UserTask"][data-status="0"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:ServiceTask"][data-status="0"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:SendTask"][data-status="0"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:CallActivity"][data-status="0"] rect:first-child {
  fill: #FFFFFF;
  stroke: #000;
  stroke-width: 3px !important;
}
.bpmnv2 svg g [data-type="bpmn:Task"][data-status="0"] path,
.bpmnv2 svg g [data-type="bpmn:SubProcess"][data-status="0"] path,
.bpmnv2 svg g [data-type="bpmn:ManualTask"][data-status="0"] path,
.bpmnv2 svg g [data-type="bpmn:UserTask"][data-status="0"] path,
.bpmnv2 svg g [data-type="bpmn:ServiceTask"][data-status="0"] path,
.bpmnv2 svg g [data-type="bpmn:SendTask"][data-status="0"] path,
.bpmnv2 svg g [data-type="bpmn:CallActivity"][data-status="0"] path {
  fill: #FFFFFF;
}
.bpmnv2 svg g [data-type="bpmn:Task"][data-status="STARTED"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:SubProcess"][data-status="STARTED"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:ManualTask"][data-status="STARTED"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:UserTask"][data-status="STARTED"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:ServiceTask"][data-status="STARTED"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:SendTask"][data-status="STARTED"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:CallActivity"][data-status="STARTED"] rect:first-child {
  fill: #07A915;
  stroke: #07A915;
  stroke-width: 3px !important;
}
.bpmnv2 svg g [data-type="bpmn:Task"][data-status="STARTED"] path,
.bpmnv2 svg g [data-type="bpmn:SubProcess"][data-status="STARTED"] path,
.bpmnv2 svg g [data-type="bpmn:ManualTask"][data-status="STARTED"] path,
.bpmnv2 svg g [data-type="bpmn:UserTask"][data-status="STARTED"] path,
.bpmnv2 svg g [data-type="bpmn:ServiceTask"][data-status="STARTED"] path,
.bpmnv2 svg g [data-type="bpmn:SendTask"][data-status="STARTED"] path,
.bpmnv2 svg g [data-type="bpmn:CallActivity"][data-status="STARTED"] path {
  fill: #07A915;
}
.bpmnv2 svg g [data-type="bpmn:Task"][data-status="WARNING"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:SubProcess"][data-status="WARNING"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:ManualTask"][data-status="WARNING"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:UserTask"][data-status="WARNING"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:ServiceTask"][data-status="WARNING"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:SendTask"][data-status="WARNING"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:CallActivity"][data-status="WARNING"] rect:first-child {
  fill: #e6b800;
  stroke: #e6b800;
  stroke-width: 3px !important;
}
.bpmnv2 svg g [data-type="bpmn:Task"][data-status="WARNING"] path,
.bpmnv2 svg g [data-type="bpmn:SubProcess"][data-status="WARNING"] path,
.bpmnv2 svg g [data-type="bpmn:ManualTask"][data-status="WARNING"] path,
.bpmnv2 svg g [data-type="bpmn:UserTask"][data-status="WARNING"] path,
.bpmnv2 svg g [data-type="bpmn:ServiceTask"][data-status="WARNING"] path,
.bpmnv2 svg g [data-type="bpmn:SendTask"][data-status="WARNING"] path,
.bpmnv2 svg g [data-type="bpmn:CallActivity"][data-status="WARNING"] path {
  fill: #e6b800;
}
.bpmnv2 svg g [data-type="bpmn:Task"][data-status="FAILED"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:SubProcess"][data-status="FAILED"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:ManualTask"][data-status="FAILED"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:UserTask"][data-status="FAILED"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:ServiceTask"][data-status="FAILED"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:SendTask"][data-status="FAILED"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:CallActivity"][data-status="FAILED"] rect:first-child {
  fill: #EE1729;
  stroke: #EE1729;
  stroke-width: 3px !important;
}
.bpmnv2 svg g [data-type="bpmn:Task"][data-status="FAILED"] path,
.bpmnv2 svg g [data-type="bpmn:SubProcess"][data-status="FAILED"] path,
.bpmnv2 svg g [data-type="bpmn:ManualTask"][data-status="FAILED"] path,
.bpmnv2 svg g [data-type="bpmn:UserTask"][data-status="FAILED"] path,
.bpmnv2 svg g [data-type="bpmn:ServiceTask"][data-status="FAILED"] path,
.bpmnv2 svg g [data-type="bpmn:SendTask"][data-status="FAILED"] path,
.bpmnv2 svg g [data-type="bpmn:CallActivity"][data-status="FAILED"] path {
  fill: #EE1729;
}
.bpmnv2 svg g [data-type="bpmn:Task"][data-status="SUCCESS"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:SubProcess"][data-status="SUCCESS"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:ManualTask"][data-status="SUCCESS"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:UserTask"][data-status="SUCCESS"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:ServiceTask"][data-status="SUCCESS"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:SendTask"][data-status="SUCCESS"] rect:first-child,
.bpmnv2 svg g [data-type="bpmn:CallActivity"][data-status="SUCCESS"] rect:first-child {
  fill: #349ed3;
  stroke: #349ed3;
  stroke-width: 3px !important;
}
.bpmnv2 svg g [data-type="bpmn:Task"][data-status="SUCCESS"] path,
.bpmnv2 svg g [data-type="bpmn:SubProcess"][data-status="SUCCESS"] path,
.bpmnv2 svg g [data-type="bpmn:ManualTask"][data-status="SUCCESS"] path,
.bpmnv2 svg g [data-type="bpmn:UserTask"][data-status="SUCCESS"] path,
.bpmnv2 svg g [data-type="bpmn:ServiceTask"][data-status="SUCCESS"] path,
.bpmnv2 svg g [data-type="bpmn:SendTask"][data-status="SUCCESS"] path,
.bpmnv2 svg g [data-type="bpmn:CallActivity"][data-status="SUCCESS"] path {
  fill: #349ed3;
}
.bpmnv2 svg g [data-type="bpmn:IntermediateCatchEvent"] circle,
.bpmnv2 svg g [data-type="bpmn:EndEvent"] circle,
.bpmnv2 svg g [data-type="bpmn:IntermediateThrowEvent"] circle,
.bpmnv2 svg g [data-type="bpmn:StartEvent"] circle,
.bpmnv2 svg g [data-type="bpmn:BoundaryEvent"] circle {
  fill: url('#gardPink');
}
.bpmnv2 svg g [data-type="bpmn:IntermediateCatchEvent"] path,
.bpmnv2 svg g [data-type="bpmn:EndEvent"] path,
.bpmnv2 svg g [data-type="bpmn:IntermediateThrowEvent"] path,
.bpmnv2 svg g [data-type="bpmn:StartEvent"] path,
.bpmnv2 svg g [data-type="bpmn:BoundaryEvent"] path {
  fill: #FF6F6F;
}
.bpmnv2 svg g [data-type="bpmn:DataStore"] path,
.bpmnv2 svg g [data-type="bpmn:DataStoreReference"] path,
.bpmnv2 svg g [data-type="bpmn:DataObjectReference"] path {
  fill: url('#gardYellow');
}
.bpmnv2 svg g [data-type="bpmn:ParallelGateway"] polygon,
.bpmnv2 svg g [data-type="bpmn:ComplexGateway"] polygon {
  fill: url('#gardGreen');
}
.bpmnv2 svg g [data-type="bpmn:ExclusiveGateway"] polygon {
  fill: url('#gardGreen');
}
.bpmnv2 svg g [data-type="bpmn:InclusiveGateway"] polygon {
  fill: url('#gardLGreen');
}
/*@import "./animate.css";
*/
body {
  /*width: 100%;
  */
  min-width: 700px !important;
  display: inline-block;
}
#wrapper {
  width: 100%;
  min-height: 100%;
  background-color: #fff;
}
#page-wrapper {
  min-height: 100%;
  padding: 0 !important;
  background-color: #f0f2f5;
  transition: 0.3s all linear;
}
#topbar {
  background: #ffffff;
  width: 100%;
  height: 50px;
}
#topbar .navbar-header {
  height: 100%;
  background: #3e77ab;
  text-align: center;
}
#topbar .navbar-header #logo {
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
  height: 100%;
  width: 100%;
}
#topbar .navbar-header #logo span.fa {
  display: none;
}
#topbar .navbar-header #logo span.logo-text {
  display: block;
  font-weight: lighter;
  font-family: 'Lato', sans-serif;
  font-size: 30px;
}
#topbar .topbar-main {
  display: block;
  height: 100%;
  background: #3a6f9f;
}
#topbar .topbar-main #menu-toggle {
  float: left;
  /* margin-left: 160px;
  */
  padding: 20px 0;
  background: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 0;
  color: #ffffff;
}
#topbar .topbar-main #menu-toggle:hover {
  color: #FFF;
}
#topbar .topbar-main #menu-toggle:focus {
  color: #FFF;
}
#topbar .topbar-main #menu-toggle i {
  font-size: 25px;
}
#topbar .topbar-main ul.nav.navbar-nav {
  display: none;
}
#topbar .topbar-main ul.nav.navbar-nav li.active a {
  background: #ffffff;
  color: #999999;
}
#topbar .topbar-main ul.nav.navbar-nav li:hover a {
  background: #ffffff;
  color: #999999;
}
#topbar .topbar-main ul.nav.navbar-nav li a {
  color: #ffffff;
}
#topbar .topbar-main ul.nav.navbar-nav li.open a {
  background: #ffffff;
  color: #999999;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
  left: 20px;
  right: 20px;
}
#topbar .topbar-main ul.nav.navbar-nav.horizontal-menu {
  display: block;
}
#topbar .navbar-top-links li {
  display: inline-block;
}
#topbar .navbar-top-links li:last-child {
  margin-right: 15px;
}
#topbar .navbar-top-links li > a {
  padding: 15px 20px;
  height: 100%;
  color: #ffffff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#topbar .navbar-top-links li > a:hover {
  background: #366794 !important;
}
#topbar .navbar-top-links li > a:focus {
  background: #366794 !important;
}
#topbar .navbar-top-links li > a i {
  font-size: 16px;
  color: #ffffff;
}
#topbar .navbar-top-links li > a span.badge {
  position: absolute;
  top: 5px;
  right: 30px;
  padding: 3px 6px;
  color: #ffffff;
}
#topbar .navbar-top-links li > a img {
  position: relative;
  width: 25px;
  height: 25px;
  display: inline-block;
}
#topbar .navbar-top-links li.open > a {
  background: #366794 !important;
  color: #ffffff !important;
}
#topbar .navbar-top-links li.open > a:hover {
  background: #366794 !important;
}
#topbar .navbar-top-links li.open > a:focus {
  background: #366794 !important;
}
#topbar .navbar-top-links li.open > a i {
  color: #ffffff;
}
#topbar.navbar-default {
  border: 0;
}
.page-title-breadcrumb {
  padding: 5px 20px;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  clear: both;
  border-bottom: 5px solid #e5e5e5 !important;
  box-shadow: none !important;
}
.page-title-breadcrumb .page-header {
  margin: 0;
  padding: 0;
  border-bottom: 0;
}
.page-title-breadcrumb .page-header .page-title {
  /*font-size: 20px;
  font-weight: 300;
  display: inline-block;
  */
  font: 20px/1.5 "Expert-Sans-Regular", verdana, sans-serif;
  color: #999999;
  font-weight: normal;
  padding-left: 0px;
  text-transform: none;
  margin: 0 0 5px;
  padding: 0px;
}
.page-title-breadcrumb .page-header .page-subtitle {
  font-size: 14px;
  font-weight: 300;
  color: #bcbcbc;
  display: inline-block;
}
.page-title-breadcrumb .breadcrumb {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  background: transparent;
}
.page-title-breadcrumb .breadcrumb li + li:before {
  content: "";
  padding: 0;
}
.horizontal-menu-page #sidebar {
  display: none;
}
.horizontal-menu-page #page-wrapper {
  margin-left: 0;
}
.horizontal-menu-page #menu-toggle {
  display: none;
}
.fixed-topbar #topbar {
  position: fixed;
}
.fixed-topbar #sidebar {
  padding-top: 50px !important;
}
.fixed-topbar #page-wrapper {
  padding-top: 50px !important;
}
#sidebar {
  background: #fff;
}
.navbar-static-side {
  transition: 0.3s all linear;
}
.navbar-static-side .bc-component-template-body-content-lhs-menu-container {
  padding-left: 10px;
  margin-top: 20px;
  color: #FFF;
}
.navbar-static-side .bc-component-template-body-content-lhs-menu-container .bc-component-template-body-content-lhs-menu {
  cursor: pointer;
  font-size: 12px;
  padding: 8px;
  border-bottom: 1px skyblue dotted;
}
.navbar-static-side .bc-component-template-body-content-lhs-menu-container .bc-component-template-body-content-lhs-menu:hover {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: skyblue;
  color: #FFF;
}
.navbar-static-side .bc-component-template-body-content-lhs-menu-container .bc-component-template-body-content-lhs-menu.active {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #FFF;
  color: #00A4E8;
}
.navbar-static-side .bc-component-template-body-content-lhs-menu-container .bc-component-template-body-content-lhs-menu.active a {
  color: #00A4E8;
}
.navbar-static-side .bc-component-template-body-content-lhs-menu-container .bc-component-template-body-content-lhs-menu a {
  color: #fff;
}
.navbar-static-side .bc-component-template-body-content-lhs-menu-container .bc-component-template-body-content-lhs-menu .menu-title {
  margin-left: 10px;
}
.navbar-static-side ul li {
  border-bottom: 1px solid #c5c5c5;
  background: #f2f5f7;
  background: -moz-linear-gradient(top, #f2f5f7 0%, #d7dee3 51%, #f6f8f9 100%, #f6f8f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f5f7), color-stop(51%, #d7dee3), color-stop(100%, #f6f8f9), color-stop(100%, #f6f8f9));
  background: -webkit-linear-gradient(top, #f2f5f7 0%, #d7dee3 51%, #f6f8f9 100%, #f6f8f9 100%);
  background: -o-linear-gradient(top, #f2f5f7 0%, #d7dee3 51%, #f6f8f9 100%, #f6f8f9 100%);
  background: -ms-linear-gradient(top, #f2f5f7 0%, #d7dee3 51%, #f6f8f9 100%, #f6f8f9 100%);
  background: linear-gradient(to bottom, #f2f5f7 0%, #d7dee3 51%, #f6f8f9 100%, #f6f8f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f7', endColorstr='#f6f8f9', GradientType=0);
  outline: none;
  color: #828282;
}
.navbar-static-side ul li:first-child a {
  padding: 0;
}
.navbar-static-side ul li a {
  color: #828282;
  padding: 15px;
}
.navbar-static-side ul li a span.menu-title {
  margin-left: 10px;
}
.navbar-static-side ul li a i {
  font-size: 16px;
}
.navbar-static-side ul li a i .icon-bg {
  display: none;
}
.navbar-static-side ul li a:hover {
  background: #3e77ab;
  background: -moz-linear-gradient(top, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e77ab), color-stop(50%, #54a3ee), color-stop(51%, #54a3ee), color-stop(51%, #3896ed), color-stop(100%, #4783ba));
  background: -webkit-linear-gradient(top, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  background: -o-linear-gradient(top, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  background: -ms-linear-gradient(top, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  background: linear-gradient(to bottom, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e77ab', endColorstr='#4783ba', GradientType=0);
  transition: 0.2s all ease-in-out;
  outline: none;
  color: #FFF;
}
.navbar-static-side ul li a:focus {
  background: #3e77ab;
  background: -moz-linear-gradient(top, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e77ab), color-stop(50%, #54a3ee), color-stop(51%, #54a3ee), color-stop(51%, #3896ed), color-stop(100%, #4783ba));
  background: -webkit-linear-gradient(top, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  background: -o-linear-gradient(top, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  background: -ms-linear-gradient(top, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  background: linear-gradient(to bottom, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e77ab', endColorstr='#4783ba', GradientType=0);
  transition: 0.2s all ease-in-out;
  outline: none;
  color: #FFF;
}
.navbar-static-side ul li a .badge {
  float: right;
  margin-right: 10px;
}
.navbar-static-side ul li a .label {
  float: right;
  margin-right: 10px;
}
.navbar-static-side ul li a.menu-title {
  margin-left: 10px;
}
.navbar-static-side ul li .nav-second-level li {
  border-bottom: 1px solid #3c4c69;
}
.navbar-static-side ul li .nav-second-level li:hover a {
  color: #dc6767;
}
.navbar-static-side ul li .nav-second-level li:focus a {
  color: #dc6767;
}
.navbar-static-side ul li .nav-second-level li a {
  padding: 15px 15px 15px 40px;
  background: #37455f;
  color: #efefef;
}
.navbar-static-side ul li .nav-second-level li a span.submenu-title {
  margin-left: 10px;
}
.navbar-static-side ul li .nav-second-level li .nav-third-level li {
  border-bottom: 1px solid #394862;
}
.navbar-static-side ul li .nav-second-level li .nav-third-level li:hover a {
  color: #dc6767;
}
.navbar-static-side ul li .nav-second-level li .nav-third-level li:focus a {
  color: #dc6767;
}
.navbar-static-side ul li .nav-second-level li .nav-third-level li a {
  padding: 15px 15px 15px 40px;
  background: #313e55;
  color: #efefef;
}
.navbar-static-side ul li .nav-second-level li .nav-third-level li a span.submenu-title {
  margin-left: 10px;
}
.navbar-static-side ul li .nav-second-level li .nav-third-level li.active a {
  color: #dc6767;
}
.navbar-static-side ul li .nav-second-level li.active a {
  color: #dc6767;
}
.navbar-static-side ul li.active a {
  background: #3e77ab;
  background: -moz-linear-gradient(top, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e77ab), color-stop(50%, #54a3ee), color-stop(51%, #54a3ee), color-stop(51%, #3896ed), color-stop(100%, #4783ba));
  background: -webkit-linear-gradient(top, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  background: -o-linear-gradient(top, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  background: -ms-linear-gradient(top, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  background: linear-gradient(to bottom, #3e77ab 0%, #54a3ee 50%, #54a3ee 51%, #3896ed 51%, #4783ba 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e77ab', endColorstr='#4783ba', GradientType=0);
  transition: 0.2s all ease-in-out;
  outline: none;
  color: #FFF;
}
.navbar-static-side ul li.sidebar-heading {
  padding: 5px 15px;
}
.navbar-static-side ul li.sidebar-heading h4 {
  font-family: 'Oswald';
  font-size: 18px;
  font-weight: bold;
  color: #dc6767;
}
.arrow {
  float: right;
  margin-top: 3px;
}
.fa.arrow:before {
  content: "\f104";
}
.active > a > .fa.arrow:before {
  content: "\f107";
}
.right-sidebar #topbar .navbar-header {
  float: right;
  border-right: 0;
}
.right-sidebar #sidebar {
  left: auto;
  right: 0;
}
.right-sidebar #page-wrapper {
  margin: 0 250px 0 0;
}
.left-side-collapsed .navbar-static-side {
  width: 55px;
}
.left-side-collapsed .navbar-static-side .bc-component-template-body-content-lhs-menu-container .bc-component-template-body-content-lhs-menu a span {
  display: none;
}
.left-side-collapsed .navbar-static-side .bc-component-template-body-content-lhs-menu-container .bc-component-template-body-content-lhs-menu a i.fa {
  font-size: 18px;
}
.left-side-collapsed .navbar-static-side .bc-component-template-body-content-lhs-menu-container .bc-component-template-body-content-lhs-menu a span.menu-title {
  position: absolute;
  top: 0;
  left: 55px;
  padding: 15px;
  margin-left: 0;
  width: 195px;
  height: 50px;
}
.left-side-collapsed .navbar-static-side ul#side-menu li.user-panel {
  display: none;
}
.left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a {
  height: 50px;
}
.left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.menu-title {
  display: block !important;
}
.left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.submenu-title {
  display: block !important;
  margin-left: 0;
}
.left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level {
  display: block;
  position: absolute;
  top: 50px;
  left: 55px;
  width: 195px;
}
.left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level li a {
  padding: 15px;
}
.left-side-collapsed .navbar-static-side ul#side-menu li a span {
  display: none;
}
.left-side-collapsed .navbar-static-side ul#side-menu li a i.fa {
  font-size: 18px;
}
.left-side-collapsed .navbar-static-side ul#side-menu li a span.menu-title {
  position: absolute;
  top: 0;
  left: 55px;
  padding: 15px;
  margin-left: 0;
  width: 195px;
  height: 50px;
  background: #f2f5f7;
  background: -moz-linear-gradient(top, #f2f5f7 0%, #d7dee3 51%, #f6f8f9 100%, #f6f8f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f5f7), color-stop(51%, #d7dee3), color-stop(100%, #f6f8f9), color-stop(100%, #f6f8f9));
  background: -webkit-linear-gradient(top, #f2f5f7 0%, #d7dee3 51%, #f6f8f9 100%, #f6f8f9 100%);
  background: -o-linear-gradient(top, #f2f5f7 0%, #d7dee3 51%, #f6f8f9 100%, #f6f8f9 100%);
  background: -ms-linear-gradient(top, #f2f5f7 0%, #d7dee3 51%, #f6f8f9 100%, #f6f8f9 100%);
  background: linear-gradient(to bottom, #f2f5f7 0%, #d7dee3 51%, #f6f8f9 100%, #f6f8f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f7', endColorstr='#f6f8f9', GradientType=0);
  outline: none;
  color: #828282;
}
.left-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level {
  display: none;
  position: absolute;
  top: 50px;
  left: 55px;
  width: 195px;
}
.left-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level li a i {
  display: none;
}
.left-side-collapsed #page-wrapper {
  margin: 0 0 0 55px;
}
.page-content {
  padding: 0px 20px 50px 20px;
  min-height: 700px;
}
#footer {
  position: fixed;
  width: 100%;
  bottom: 0px;
  padding: 5px 15px !important;
  background: #FFFFFF;
}
.profile {
  display: inline-block;
}
.profile h2 {
  margin-top: 0;
}
.profile .divider {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
figcaption.ratings {
  margin-top: 20px;
}
figcaption.ratings a {
  color: #f1c40f;
  font-size: 11px;
}
.emphasis {
  border-top: 4px solid transparent;
  padding-top: 15px;
}
.emphasis:hover {
  border-top: 4px solid #1abc9c;
}
.emphasis h2 {
  margin-bottom: 0;
}
.row-icons {
  padding: 15px 0;
  margin: 0;
}
.row-icons [class*="col"] {
  margin-bottom: 20px;
  padding: 0;
}
.row-icons [class*="col"] a {
  line-height: 30px;
  display: inline-block;
  color: #999999;
  text-decoration: none;
}
.row-icons [class*="col"] a:hover i.fa:before {
  color: #e69090;
}
.row-icons [class*="col"] a:hover i.glyphicon:before {
  color: #e69090;
}
.row-icons [class*="col"] i.fa {
  vertical-align: middle;
  margin: 0 10px;
  width: 40px;
}
.row-icons [class*="col"] i:before {
  color: #dc6767;
  font-size: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.row-icons [class*="col"] span {
  padding-left: 20px;
  vertical-align: top;
}
.modal-full-width {
  width: 100%;
}
.modal-wide-width {
  width: 70%;
}
.page-form {
  width: 650px;
  margin: 20% auto 0 auto;
  border-radius: 4px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.page-form .input-icon i {
  margin-top: 12px;
}
.page-form input[type='text'] {
  height: 40px;
  border-color: #e5e5e5;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #999999;
}
.page-form input[type='password'] {
  height: 40px;
  border-color: #e5e5e5;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #999999;
}
.page-form input[type='email'] {
  height: 40px;
  border-color: #e5e5e5;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #999999;
}
.page-form select {
  height: 40px;
  border-color: #e5e5e5;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #999999;
}
.page-form .header-content {
  padding: 15px 20px;
  background: #e9e9e9;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.page-form .header-content h1 {
  font-family: 'oswald';
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
}
.page-form .body-content {
  padding: 15px 20px;
  position: relative;
}
.page-form .body-content .btn-twitter {
  background: #5bc0de;
  margin-bottom: 10px;
  color: #ffffff;
}
.page-form .body-content .btn-twitter i {
  margin-right: 5px;
}
.page-form .body-content .btn-twitter:hover {
  color: #ffffff;
}
.page-form .body-content .btn-twitter:focus {
  color: #ffffff;
}
.page-form .body-content .btn-facebook {
  background: #418bca;
  margin-bottom: 10px;
  color: #ffffff;
}
.page-form .body-content .btn-facebook i {
  margin-right: 5px;
}
.page-form .body-content .btn-facebook:hover {
  color: #ffffff;
}
.page-form .body-content .btn-facebook:focus {
  color: #ffffff;
}
.page-form .body-content .btn-google-plus {
  background: #dd4c39;
  margin-bottom: 10px;
  color: #ffffff;
}
.page-form .body-content .btn-google-plus i {
  margin-right: 5px;
}
.page-form .body-content .btn-google-plus:hover {
  color: #ffffff;
}
.page-form .body-content .btn-google-plus:focus {
  color: #ffffff;
}
.page-form .body-content p a {
  color: #dc6767;
}
.page-form .body-content p a:hover {
  color: #777777;
  text-decoration: none;
}
.page-form .body-content p a:focus {
  color: #777777;
  text-decoration: none;
}
.page-form .body-content .forget-password h4 {
  text-transform: uppercase;
  font-size: 16px;
}
.page-form .body-content hr {
  border-color: #e0e0e0;
}
.page-form .state-error + em {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #d9534f;
}
.page-form .state-error input {
  background: #f2dede;
}
.page-form .state-error select {
  background: #f2dede;
}
.page-form .rating.state-error + em {
  margin-top: -4px;
  margin-bottom: 4px;
}
.page-form .state-success + em {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #d9534f;
}
.page-form .state-success input {
  background: #dff0d8;
}
.page-form .state-success select {
  background: #dff0d8;
}
.page-form .note-success {
  color: #5cb85c;
}
.page-form label {
  font-weight: normal;
  margin-bottom: 0;
}
canvas {
  width: 100% !important;
  max-width: 800px;
  height: auto !important;
}
.panel-group .panel .panel {
  margin-bottom: 15px;
}
.panel-group .panel .panel-title {
  font-size: 17px;
  font-weight: 400;
}
.panel-group .panel .panel-title .accordion-toggle {
  padding: 7px 0px;
}
.tab-content.tab-edit {
  background: transparent;
  border: 0px;
}
ul.nav.nav-tabs {
  border-bottom: 5px solid #fff !important;
}
ul.nav.nav-tabs li {
  margin-bottom: 10px;
}
ul.nav.nav-tabs li a {
  border: 0px;
  background: none;
  padding: 10px 20px;
}
ul.nav.nav-tabs li.active a {
  background: #dc6767;
  color: #fff;
  border: 0px;
}
.box-placeholder {
  margin-bottom: 15px;
  padding: 20px;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  color: #444;
}
.form-horizontal.form-bordered .radio {
  padding-top: 0;
}
.form-horizontal.form-bordered .checkbox {
  padding-top: 0;
}
.form-horizontal.form-bordered .radio-inline {
  padding-top: 0;
}
.form-horizontal.form-bordered .checkbox-inline {
  padding-top: 0;
}
body.sidebar-colors #wrapper {
  background-color: #FFFFFF;
}
body.sidebar-colors #wrapper #sidebar {
  background-color: #FFFFFF;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li {
  border-bottom: 1px solid #e5e5e5;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li:hover a {
  background-color: #f8f8f8;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li:hover a i:before {
  color: #FFFFFF;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li:hover a i .icon-bg {
  left: 0;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li a {
  color: #999999;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li a:hover {
  background-color: #FFFFFF;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li a:focus {
  background-color: #FFFFFF;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li a i {
  position: relative;
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-right: 1px solid #e5e5e5;
  text-align: center;
  margin: -16px 10px -16px -15px;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li a i:before {
  position: relative;
  z-index: 1;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li a i .icon-bg {
  display: block;
  position: absolute;
  z-index: 12;
  z-index: 0;
  left: -47px;
  width: 100%;
  top: 0;
  bottom: 0;
  -webkit-transition: left 0.15s ease-in-out;
  transition: left 0.15s ease-in-out;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li a .arrow {
  display: none;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li:first-child {
  border-top: 1px solid #e5e5e5;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li:last-child {
  border-bottom: 0;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li:hover > a {
  background-color: #FFFFFF;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li > a {
  padding: 15px;
  background-color: #f1f1f1;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li > a i:before {
  color: #999999;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li.active > a {
  background-color: #FFFFFF;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li:first-child {
  border-top: 1px solid #e5e5e5;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li:last-child {
  border-bottom: 0;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li:hover > a {
  background-color: #FFFFFF;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li > a {
  padding: 15px;
  background-color: #f1f1f1;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li > a i:before {
  color: #999999;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li.active > a {
  background-color: #FFFFFF;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li.active a {
  background-color: #f8f8f8;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li.active a i:before {
  color: #FFFFFF;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li.active a i .icon-bg {
  left: 0;
}
body.sidebar-colors #wrapper #sidebar ul#side-menu li.user-panel {
  display: none;
}
body.sidebar-colors #wrapper #page-wrapper {
  border-left: 2px solid #e5e5e5;
}
body.sidebar-icons #topbar .navbar-header {
  width: 105px;
}
body.sidebar-icons #topbar .navbar-header .logo-text {
  display: none !important;
}
body.sidebar-icons #topbar .navbar-header .logo-text-icon {
  display: block !important;
  font-weight: bold;
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
}
body.sidebar-icons #wrapper #sidebar {
  width: 105px;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li.user-panel {
  display: none;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li:hover ul.nav-second-level {
  display: block;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li a {
  padding: 15px 10px;
  text-align: center;
  display: block;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li a:hover {
  background-color: transparent;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li a:focus {
  background-color: transparent;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li a span.menu-title {
  display: block;
  margin-top: 8px;
  margin-left: 0;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li a i.fa {
  font-size: 25px;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li a .arrow {
  display: none;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li a .label {
  display: none;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level {
  display: none;
  position: absolute;
  top: 0px;
  left: 105px;
  width: 195px;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a {
  text-align: left;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a:hover {
  background-color: #dc6767;
  color: #FFFFFF;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a:focus {
  background-color: #dc6767;
  color: #FFFFFF;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a i {
  display: none;
}
body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li:first-child:before {
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #37455f;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: -9px;
  z-index: 5;
}
body.sidebar-icons #wrapper #page-wrapper {
  margin-left: 105px;
}
.pace .pace-progress {
  background-color: #dc6767;
}
.legendColorBox {
  padding: 3px 0;
}
.legendColorBox div {
  border-radius: 50%;
  margin-right: 5px;
}
.legendColorBox div div {
  margin-right: 0;
}
.ui-state-default {
  border: 0;
  background: #dc6767;
  color: #ffffff;
}
.ui-widget-content {
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.ui-widget-content .ui-state-default {
  border: 0;
  background: #dc6767;
  color: #ffffff;
  cursor: pointer;
}
.ui-widget-content .ui-state-default:hover {
  background: #d75252;
}
.ui-widget-content .ui-state-default:focus {
  background: #d75252;
}
input[type="text"]:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
input[type="password"]:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
input[type="datetime"]:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
input[type="datetime-local"]:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
input[type="date"]:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
input[type="month"]:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
input[type="time"]:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
input[type="week"]:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
input[type="number"]:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
input[type="email"]:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
input[type="url"]:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
input[type="search"]:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
input[type="tel"]:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
input[type="color"]:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
.uneditable-input:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
.nav.nav-pills > li > a > .badge {
  margin-top: -2px;
}
.nav.nav-stacked > li > a > .badge {
  margin-top: 1px;
  margin-bottom: 0px;
}
a.list-group-item.active > .badge {
  color: #dc6767;
}
.nav-pills > .active > a > .badge {
  color: #dc6767;
}
.nav-pills li.active a {
  background: #dc6767;
}
.nav-pills li.active a:hover {
  background: #dc6767;
}
.nav-pills li.active a:focus {
  background: #dc6767;
}
.nav-pills li a {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
[class^="fa-"] {
  display: inline-block;
  margin-top: 1px;
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
}
[class^="glyphicon-"] {
  display: inline-block;
  margin-top: 1px;
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
}
[class^="icon-"] {
  display: inline-block;
  margin-top: 1px;
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
}
[class*=" fa-"] {
  display: inline-block;
  margin-top: 1px;
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
}
[class*=" glyphicon-"] {
  display: inline-block;
  margin-top: 1px;
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
}
[class*=" icon-"] {
  display: inline-block;
  margin-top: 1px;
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
}
li [class^="fa-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li [class^="glyphicon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
  top: 2px;
}
li [class^="icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
  top: 1px;
  position: relative;
}
li [class*=" fa-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li [class*=" glyphicon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
  top: 2px;
}
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
  top: 1px;
  position: relative;
}
li [class^="fa-"].icon-large {
  width: 1.5625em;
}
li [class^="glyphicon-"].icon-large {
  width: 1.5625em;
}
li [class^="icon-"].icon-large {
  width: 1.5625em;
}
li [class*=" fa-"].icon-large {
  width: 1.5625em;
}
li [class*=" glyphicon-"].icon-large {
  width: 1.5625em;
}
li [class*=" icon-"].icon-large {
  width: 1.5625em;
}
.list-group .list-group-item {
  border-color: #e5e5e5;
  color: #999999;
}
.list-group .list-group-item:first-child {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.list-group .list-group-item:last-child {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.list-group .list-group-item.active {
  background: #dc6767;
  border-color: #dc6767;
}
.list-group .list-group-item.active:hover {
  background: #dc6767;
  border-color: #dc6767;
}
.list-group .list-group-item.active:focus {
  background: #dc6767;
  border-color: #dc6767;
}
.nav-tabs {
  border-color: #e5e5e5 !important;
}
.nav-tabs li a {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.ui-spinner-input {
  height: 24px;
}
.modal .modal-dialog .modal-content {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.modal .modal-dialog .modal-content .modal-header.modal-header-primary {
  background: #dc6767;
}
.modal .modal-dialog .modal-content .modal-header.modal-header-primary .modal-title {
  color: #FFFFFF;
}
.modal .modal-dialog .modal-content .modal-footer.modal-footer-left {
  text-align: left !important;
}
.portlet {
  margin-top: 0px;
  /*margin-bottom: 25px;
  */
  padding: 0px;
  /*border: 3px solid #e5e5e5;
  */
  clear: both;
  /*margin-bottom: 25px;
  */
  margin-top: 0;
  padding: 0;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  /*box-shadow: 5px 5px 5px #E9EBEC;
  */
}
.portlet > .portlet-header {
  margin-bottom: 15px;
  background: #fff;
  /*border-bottom: 1px solid #e5e5e5;
  */
  border-bottom: 0;
}
.portlet > .portlet-header:before {
  content: "";
  display: table;
  line-height: 0;
}
.portlet > .portlet-header:after {
  content: "";
  display: table;
  line-height: 0;
  clear: both;
}
.portlet > .portlet-header .caption {
  float: left;
  display: inline-block;
  font-size: 20px;
  line-height: 18px;
  color: #666666;
  padding: 0;
}
.portlet > .portlet-header .caption i {
  float: left;
  margin-top: 4px;
  display: inline-block !important;
  font-size: 13px;
  margin-right: 5px;
  color: #999999;
}
.portlet > .portlet-header .badge {
  font-size: 11px !important;
  font-weight: 300;
  height: 18px;
  padding: 3px 6px 3px 6px;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  text-shadow: none !important;
  text-align: center;
  vertical-align: middle;
  background-color: #E59223;
}
.portlet > .portlet-header .actions {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  float: right;
}
.portlet > .portlet-header .actions > .btn {
  padding: 4px 10px;
  margin-top: -18px;
}
.portlet > .portlet-header .actions > .btn.btn-sm {
  padding: 3px 8px;
  margin-top: -13px;
}
.portlet > .portlet-header .actions > .btn.btn-xs {
  padding: 1px 5px;
  margin-top: -13px;
}
.portlet > .portlet-header .actions > .btn-group {
  margin-top: -12px;
}
.portlet > .portlet-header .actions > .btn-group > .btn {
  padding: 4px 10px;
  margin-top: -1px;
}
.portlet > .portlet-header .actions > .btn-group > .btn.btn-sm {
  padding: 3px 8px;
  margin-top: -1px;
}
.portlet > .portlet-header .actions > .btn-group > .btn.btn-xs {
  padding: 1px 5px;
  margin-top: -1px;
}
.portlet > .portlet-header .pagination.pagination-sm {
  float: right;
  display: inline-block;
  margin: 0px;
}
.portlet > .portlet-header .pagination.pagination-sm li a {
  padding: 3px 10px;
}
.portlet > .portlet-header .tools {
  display: inline-block;
  padding: 0;
  margin: 0;
  color: #003366;
  float: right;
}
.portlet > .portlet-header .tools i {
  margin-left: 5px;
  cursor: pointer;
}
.portlet > .portlet-header .tools .fieldgroup {
  float: left;
  width: auto;
  margin-left: 25px;
}
.portlet > .portlet-header .tools .page-header-tool-icon {
  float: left;
  margin-left: 10px;
  padding-top: 2px;
}
.portlet .portlet-body {
  background: #FFFFFF;
  padding: 0px;
  clear: both;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.portlet .portlet-body.form {
  padding: 0 !important;
}
.portlet.box > .portlet-header {
  margin-bottom: 0;
  padding: 4px 4px;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.portlet.portlet-default > .portlet-header {
  background: #FFFFFF;
  color: #999999;
  border-bottom: 1px solid #f0f2f6;
}
.portlet.portlet-default > .portlet-header i {
  color: #999999;
}
.portlet.portlet-default > .portlet-header .btn i {
  color: #999999;
}
.portlet.color {
  padding: 0;
}
.portlet.color .portlet-header {
  margin-bottom: 0;
  border: 0px;
}
.portlet.color .portlet-header .btn.btn-white i {
  color: #999999;
}
.portlet.color .portlet-body {
  background: transparent;
}
.portlet-tabs > .nav-tabs {
  position: relative;
  top: -44px;
  margin-right: 15px;
  border-bottom: none;
  padding: 4px 0px;
  overflow: hidden;
}
.portlet-tabs > .nav-tabs > li {
  float: right;
  margin-left: 1px;
}
.portlet-tabs > .nav-tabs > li:last-child a {
  border-right: 0;
}
.portlet-tabs > .nav-tabs > li a {
  color: #fff;
  padding-top: 8px;
  padding-bottom: 10px;
  line-height: 16px;
  margin-top: 6px;
  margin-left: 0px;
  margin-right: 0px;
  border-left: 0;
  border-right: 0;
}
.portlet-tabs > .nav-tabs > li a:hover {
  color: #999999;
  margin-bottom: 0;
  border-bottom-color: transparent;
  margin-left: 0;
  margin-right: 0;
  border-left: 0;
  border-right: 0;
  background-color: none !important;
  border-top-color: transparent;
}
.portlet-tabs > .nav-tabs > li.active {
  color: #dc6767;
  border-top-color: transparent;
}
.portlet-tabs > .nav-tabs > li.active a {
  margin-bottom: 0px;
  border-bottom: 0;
  margin-left: 0px;
  margin-right: 0px;
  border-left: 0;
  border-right: 0;
  background-color: none !important;
  border-top-color: transparent !important;
  color: #999999;
  cursor: default;
}
.portlet-tabs > .nav-tabs > li.active a:hover {
  background-color: #fff !important;
}
.portlet-tabs > .tab-content {
  padding: 15px !important;
  margin: 0px;
  margin-top: -50px !important;
  border: 0;
}
.portlet.tabbable .portlet-body {
  padding: 0px !important;
}
.sortable .portlet .portlet-header {
  cursor: move;
}
.sortable-placeholder {
  display: block;
  margin-top: 0px !important;
  margin-bottom: 25px !important;
  background-color: #f5f5f5;
  border: 1px dashed #dc6767;
}
.sortable-placeholder * {
  visibility: hidden;
}
.fixed-header {
  top: 0;
  position: fixed;
  width: auto;
  display: none;
  border: none;
  z-index: 999;
}
.page-header-breadcrumb {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.form-control {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #e5e5e5;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
@media (min-width: 768px) {
  body {
    width: 100%;
  }
  #topbar .topbar-main #menu-toggle {
    margin-left: 160px !important;
  }
  #page-wrapper {
    margin: 0 0  0 160px !important;
    /* ;
    */
    padding: 0;
  }
  .navbar-top-links .dropdown-messages {
    margin-left: auto;
  }
  .navbar-top-links .dropdown-tasks {
    margin-left: auto;
  }
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
  .navbar-static-side {
    z-index: 1;
    position: absolute;
    width: 160px;
  }
}
@media only screen and (min-width: 200px) {
  #page-wrapper {
    margin: 0 0  0 160px !important;
    /* ;
    */
    padding: 0;
  }
  .left-side-collapsed .navbar-static-side {
    z-index: 1;
    position: absolute;
    width: 55px;
  }
  .left-side-collapsed #page-wrapper {
    margin: 0 0 0 55px !important;
  }
  .navbar-static-side {
    z-index: 1;
    position: absolute;
    width: 160px;
  }
  #topbar .navbar-header {
    height: 0!important;
  }
  #topbar .navbar-header #logo {
    width: auto !important;
  }
  /*
  #topbar .topbar-main{
  padding-left: 0 !important;
}
  */
}
.mbl {
  margin-bottom: 20px !important;
}
.badge {
  font-size: 11px !important;
  font-weight: 300;
  height: 18px;
  padding: 3px 6px 3px 6px;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  text-shadow: none !important;
  text-align: center;
  vertical-align: middle;
  background-color: #bcbcbc;
}
.label {
  font-size: 11px;
  font-weight: 300;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.badge-default {
  background-color: #999 !important;
}
.label-default {
  background-color: #999 !important;
}
.badge-primary {
  background-color: #dc6767 !important;
}
.label-primary {
  background-color: #dc6767 !important;
}
.badge-red {
  background-color: #bf4346 !important;
}
.label-red {
  background-color: #bf4346 !important;
}
.badge-orange {
  background-color: #e9662c !important;
}
.label-orange {
  background-color: #e9662c !important;
}
.badge-green {
  background-color: #488c6c !important;
}
.label-green {
  background-color: #488c6c !important;
}
.badge-yellow {
  background-color: #f2994b !important;
}
.label-yellow {
  background-color: #f2994b !important;
}
.badge-blue {
  background-color: #0a819c !important;
}
.label-blue {
  background-color: #0a819c !important;
}
.badge-violet {
  background-color: #9351ad !important;
}
.label-violet {
  background-color: #9351ad !important;
}
.badge-pink {
  background-color: #bf3773 !important;
}
.label-pink {
  background-color: #bf3773 !important;
}
.badge-grey {
  background-color: #4b5d67 !important;
}
.label-grey {
  background-color: #4b5d67 !important;
}
.badge-dark {
  background-color: #594857 !important;
}
.label-dark {
  background-color: #594857 !important;
}
.label-success {
  background-color: #5cb85c;
  background-image: none !important;
}
.badge-success {
  background-color: #5cb85c;
  background-image: none !important;
}
.label-warning {
  background-color: #f0ad4e;
  background-image: none !important;
}
.badge-warning {
  background-color: #f0ad4e;
  background-image: none !important;
}
.label-danger {
  background-color: #d9534f;
  background-image: none !important;
}
.badge-danger {
  background-color: #d9534f;
  background-image: none !important;
}
.label-info {
  background-color: #5bc0de;
  background-image: none !important;
}
.badge-info {
  background-color: #5bc0de;
  background-image: none !important;
}
a {
  color: #999999;
  text-decoration: none;
}
a:hover {
  color: #dc6767;
  text-decoration: none;
}
a:focus {
  color: #dc6767;
  text-decoration: none;
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: 0 !important;
}
/*@import "./style-responsive.css";
*/
#drillinMain {
  margin-bottom: 20px;
  /*.page-header{
  margin: 10px !important}
  ;
  */
}
#drillinMain .tabs {
  display: none;
}
#drillinMain .context-details {
  font-size: 13px !important;
}
#drillinMain .context-details dt,
#drillinMain .context-details dd {
  line-height: 1.5 !important;
}
#drillinMain .node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
  margin: 20px;
  cursor: pointer;
}
#drillinMain .node text {
  font-size: 11px;
  font-family: sans-serif;
  font-weight: bolder;
  cursor: pointer;
}
#drillinMain .link {
  fill: none;
  stroke: #ccc;
  stroke-width: 2px;
}
#drillinMain .templink {
  fill: none;
  stroke: red;
  stroke-width: 3px;
}
#drillinMain .ghostCircle.show {
  display: block;
}
#drillinMain .ghostCircle,
#drillinMain .activeDrag .ghostCircle {
  display: none;
}
#drillinMain #graph-holder {
  overflow-x: auto;
}
#drillinMain .rowHighlight {
  background-color: lightblue !important;
}
#drillinMain .nodeHighlight {
  text-decoration: underline;
  fill: "#356FC9";
  font-weight: bolder;
}
#drillinMain .top-nav-bar {
  margin-bottom: 20px;
}
#drillinMain .with-scroll {
  max-height: 320px;
  overflow-x: hidden;
  overflow-y: scroll;
}
#drillinMain .modal-header {
  border-bottom: none !important;
  padding: 0 5px !important;
}
#drillinMain .modal-dialog .modal-header {
  border-radius: 0!important;
  background: none !important;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  display: block !important;
  border-bottom: none !important;
}
#drillinMain .modal-dialog .modal-body .form-group .control-value {
  padding-top: 6px;
}
#drillinMain .modal-dialog .modal-body .form-group .control-value.with-well {
  padding-top: 5px;
}
#drillinMain .modal-dialog .modal-body .form-group .close.small {
  font-size: 15px !important;
}
#drillinMain #drill-in-table {
  margin-top: 15px;
}
#drillinMain #drill-in-table thead tr th:nth-child(1) {
  width: 30%;
}
#drillinMain #drill-in-table thead tr th:nth-child(2) {
  width: 62%;
}
#drillinMain #drill-in-table thead tr th:nth-child(3) {
  width: 8%;
}
#drillinMain #drill-in-table .node-type-indent {
  margin-left: 35px;
}
#drillinMain .with-pointer {
  cursor: pointer;
}
#drillinMain .overflow-scroll .x {
  overflow-y: hidden !important;
  overflow-x: auto;
}
#drillinMain .extra-details label {
  font-weight: normal !important;
  text-align: left !important;
}
#drillinMain .extra-details .custom-well {
  border-left: 1px solid #e3e3e3;
  min-height: 20px;
  margin-bottom: 20px;
  padding: 19px;
}
#drillinMain .overlay-form-holder {
  border-left: 1px solid lightgray;
}
.graph-tooltip {
  position: absolute;
  min-width: 200px;
  max-width: 250px;
  height: 80px;
  pointer-events: none;
  background: #00a4e8;
  color: #fff;
  padding: 5px;
  overflow: hidden;
  border-radius: 10px;
}
.graph-tooltip ul {
  padding: 0;
}
.graph-tooltip li {
  line-height: 1.7em;
  padding-left: 10px;
  font-size: 11px;
  word-wrap: break-word;
  color: #fff;
}
.graph-tooltip li strong {
  margin-right: 5px;
  font-size: 12px;
}
.overlay-form .form-group.thin {
  margin-bottom: 0;
}
.overlay-form .form-group.operations {
  min-height: 80px;
}
.overlay-form dd {
  padding-top: 5px;
  padding-bottom: 10px;
}
.overlay-form dt {
  font-size: larger;
}
#moniker .ui-grid-render-container-body {
  font-size: 13px;
}
/*useed css*/
#moniker span.bc-process-without-content[status='N'] {
  color: red !important;
}
#moniker span.bc-process-without-content[status='N']:before {
  color: red;
  font-family: fontAwesome;
  padding-right: 5px;
  content: "\f00d";
}
#moniker span.bc-process-without-content[status='Y'] {
  color: #4682b4;
}
#moniker span.bc-process-without-content[status='Y']:before {
  font-family: fontAwesome;
  padding-right: 5px;
  content: "\f00c";
}
.modal-dialog {
  width: 700px;
}
.modal-header {
  height: 60px;
}
.modal-header {
  background-color: #5bc0de;
}
.bootstrap-dialog .bootstrap-dialog-title {
  color: #fff;
  display: inline-block;
  font-size: 16px;
}
/*create new miniker form*/
#new-moniker .bc-btn {
  min-width: 100px;
}
#new-moniker .btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
#new-moniker .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
#new-moniker #SPARK_SQL_STATEMENT {
  height: 200px!important;
  width: 400px;
}
#new-moniker #MDX_SQL_STATEMENT {
  height: 200px!important;
  width: 400px;
}
#new-moniker table tbody tr td {
  padding: 5px;
  padding-right: 10px;
}
#new-moniker .btn-validate {
  width: 100px;
  display: none;
  color: red;
}
#new-moniker .btn-save .btn-cancel {
  width: 100px;
  display: block;
  color: red;
}
#new-moniker .form-control {
  display: block;
  width: 400px;
  height: 36px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  border-radius: 0;
}
#new-moniker .popup {
  padding: 20px;
  border: 1px solid #00ADEE;
  background-color: red;
  border-radius: 1px;
  font-size: 12px;
  width: 400px;
  max-height: 500px;
  background: #f5f5f5;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  position: absolute;
  display: block;
  left: 158px;
  top: 125px;
  overflow: auto;
  z-index: 1;
}
#new-moniker .sparkValueKeywordStyle {
  color: blue;
  font-weight: bold;
}
#new-moniker .sparkSQLGrid {
  height: 200px;
  width: 400px;
}
#new-moniker .sparkParamInstructionText {
  color: red;
  font-size: 10px;
}
#new-moniker .leftPadding {
  padding-left: 10px;
}
#new-moniker .monikerName {
  width: 400px;
}
#new-moniker .type-text {
  width: 100%;
}
#new-moniker .asterisk {
  padding: 7px;
  color: red;
}
#new-moniker .SQLGrid {
  padding-left: 10px;
  width: 400px;
  height: 220px;
}
#new-moniker .refresh {
  margin-top: 100px;
  padding-left: 10px;
}
#new-moniker .bottom-btn {
  padding-top: 30px;
  padding-bottom: 30px;
}
#new-moniker .color {
  color: #cccccc;
}
#new-moniker .inputSourceSysteme {
  position: absolute;
  width: 400px;
  background: #f1f1f1;
  display: none;
}
.page-header {
  margin-top: 5px;
}
.btn-validation-error-message {
  display: none;
  width: 95%;
  height: 250px;
  overflow: auto;
  background-color: #333;
  color: #fff;
  text-align: left;
  margin: 20px;
  font-size: 12px;
}
.btn-veiw-result {
  display: inline-block;
}
.btn-save-validation-result {
  display: none;
}
.ui-grid .ui-grid-menu-button {
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));
  border: 1px solid #D3CFCF;
  cursor: pointer;
  width: 19px;
  font-weight: normal;
  border: none !important;
}
.btn-info {
  color: #fff;
  background-color: #007DB9!important;
  border-color: #007DB9!important;
}
.btn-info:hover {
  color: #fff;
  background-color: #007DB9!important;
  border-color: #007DB9!important;
}
.ui-grid-cell-focus {
  outline: 0;
  background-color: #007DB9;
  color: #fff;
}
.sqlKeywordStyle {
  font-size: 12px;
  font-weight: bold;
  color: blue;
  text-transform: uppercase;
}
.ui-grid-cell-focus {
  outline: 0;
  background-color: transparent;
  color: #848484 !important;
}
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: transparent;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: transparent;
}
.ui-grid-vcenter {
  padding: 0!important;
}
.validationMessage {
  font-size: 12px;
  font-weight: bold;
  color: red;
  display: none;
}
.modal-dialog .modal-header {
  border-radius: 0!important;
  background: #007db9!important;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  display: none;
}
/*.bootstrap-datetime-picker-widget{
border:2px solid red;
}
*/
#moniker .popup {
  padding: 20px;
  border: 1px solid #00ADEE;
  background-color: red;
  border-radius: 1px;
  font-size: 12px;
  width: 400px;
  max-height: 500px;
  background: #f5f5f5;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  position: absolute;
  display: block;
  left: 222px;
  top: 62px;
  overflow: auto;
  z-index: 1;
}
.monikerHyrarchyControl {
  text-overflow: ellipsis;
  max-width: 200px;
  overflow: hidden;
}
#modelDropdownContainer input {
  width: 500px;
  background-color: #FDFCFC;
  border: 1px solid #ccc;
}
#modelDropdownContainer .dropdown-menu {
  max-height: 500px;
  width: 500px;
  overflow: auto;
  background-color: #FDFCFC;
  box-shadow: 10px 10px 5px grey;
  border: 1px solid #ccc;
  border-top: none;
}
/*useed css*/
#schemaRegistration .html-back {
  background: #eee url("http://placehold.it/400x300/eee/666&text=HTML") no-repeat center;
}
#schemaRegistration .css-back {
  background: #eee url("http://placehold.it/400x300/eee/666&text=CSS") no-repeat center;
}
#schemaRegistration .js-back {
  background: #eee url("http://placehold.it/400x300/eee/666&text=JS") no-repeat center;
}
#schemaRegistration .glyphicon-chevron-left,
#schemaRegistration .glyphicon-chevron-right,
#schemaRegistration .glyphicon-chevron-up,
#schemaRegistration .glyphicon-chevron-down {
  color: #aaa;
}
#schemaRegistration .jsonContainer {
  max-height: 725px;
  height: 725px;
  border: 1px solid #ccc ;
  overflow: scroll;
  padding: 20px;
}
#schemaRegistration .panel {
  margin-bottom: 20px!important;
  background-color: #fff!important;
  border: 1px solid transparent!important;
  border-radius: 4px!important;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
}
.grid {
  font-size: 12px;
  /*added for state template-------------------------------------------------*/
  /*added for row background-------------------------------------------------*/
  /*added for row background-------------------------------------------------*/
  /*-----------------------------------------------------*/
  /*added for row background-------------------------------------------------*/
  /*-----------------------------------------------------*/
  /*added for  status columns-------------------------------------------------*/
  /*-----------------------------------------------------*/
}
.grid .state-template {
  padding-top: 6px!important;
  width: 100%;
  height: 100%;
  text-alight: center;
}
.grid span.bc-process[status='1'] {
  color: green;
}
.grid span.bc-process[status='1']:before {
  content: "\f021";
  font-family: fontAwesome;
  padding-right: 5px;
}
.grid span.bc-process[status='1']:after {
  content: "Started";
  font-size: 12px;
}
.grid span.bc-process[status='2'] {
  color: #ff8000;
}
.grid span.bc-process[status='2']:before {
  content: "\f12a";
  font-family: fontAwesome;
  padding-right: 5px;
}
.grid span.bc-process[status='2']:after {

Setting Validate Copy Format

<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel="icon" href="favicon.ico" type="image/x-icon"> <!--link rel="apple-touch-icon" href="touch-icon-iphone.png">
    <link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
    <link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
    <link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png"--> <link rel="stylesheet" href="styles/vendor.css"> <link rel="stylesheet" href="styles/main.css"> <link rel="stylesheet" href="openlib/font-awesome/css/font-awesome.css"> <link rel="stylesheet" href="openlib/angular-ui-grid/ui-grid.min.css"> <link rel="stylesheet" href="openlib/jstree/themes/default/style.css"> <!-- Load c3.css --> <link href="openlib/c3-chart/c3.min.css" rel="stylesheet" type="text/css"> <!-- HTML5 Shim --> <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--> <!--[if lte IE 8]
      <script>
        // Other custom elements
      </script>
    <![endif]--> </head> <body class="ng-cloak"> <!--[if lte IE 8]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]--> <section id="bc-ccar-dashboard" data-ui-view="secure"></section> <!-- List of gradients available for BPMNs to consume --> <svg style="position:absolute;top:0;height: 0;width: 0"> <defs> <linearGradient id="gardGrey" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="5%" stop-color="#F0F0F0" stop-opacity="1"/> <stop offset="30%" stop-color="#F0F0F0" stop-opacity="1"/> <stop offset="70%" stop-color="#E4E4E4" stop-opacity="1"/> <stop offset="90%" stop-color="#D7D7D7" stop-opacity="1"/> </linearGradient> <linearGradient id="gardPink" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="5%" stop-color="#FA9EC2" stop-opacity="1"/> <stop offset="50%" stop-color="#FFA0C0" stop-opacity="1"/> <stop offset="95%" stop-color="#FA9DBD" stop-opacity="1"/> </linearGradient> <linearGradient id="gardGreen" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="5%" stop-color="#BDE077" stop-opacity="1"/> <stop offset="50%" stop-color="#BCDF76" stop-opacity="1"/> <stop offset="95%" stop-color="#ACD757" stop-opacity="1"/> </linearGradient> <linearGradient id="gardLGreen" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="5%" stop-color="#C7FAC7" stop-opacity="1"/> <stop offset="50%" stop-color="#C9FBC9" stop-opacity="1"/> <stop offset="95%" stop-color="#A9FFA9" stop-opacity="1"/> </linearGradient> <linearGradient id="gardYellow" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="5%" stop-color="#FFFFE0" stop-opacity="1"/> <stop offset="50%" stop-color="#FFFFDE" stop-opacity="1"/> <stop offset="95%" stop-color="#FDFDB2" stop-opacity="1"/> </linearGradient> <linearGradient id="gardStatus0" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="5%" stop-color="#D7D7D7" stop-opacity="1"/> <stop offset="50%" stop-color="#F0F0F0" stop-opacity="1"/> <stop offset="95%" stop-color="#D7D7D7" stop-opacity="1"/> </linearGradient> <linearGradient id="gardStatus1" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="5%" stop-color="#07A915" stop-opacity="1"/> <stop offset="50%" stop-color="#4CFF5B" stop-opacity="1"/> <stop offset="95%" stop-color="#07A915" stop-opacity="1"/> </linearGradient> <linearGradient id="gardStatus2" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="5%" stop-color="#E6B800" stop-opacity="1"/> <stop offset="50%" stop-color="#FFE57F" stop-opacity="1"/> <stop offset="95%" stop-color="#E6B800" stop-opacity="1"/> </linearGradient> <linearGradient id="gardStatus3" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="5%" stop-color="#EE1729" stop-opacity="1"/> <stop offset="50%" stop-color="#FF6672" stop-opacity="1"/> <stop offset="95%" stop-color="#EE1729" stop-opacity="1"/> </linearGradient> <linearGradient id="gardStatus4" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="5%" stop-color="#349ED3" stop-opacity="1"/> <stop offset="50%" stop-color="#66CCFF" stop-opacity="1"/> <stop offset="95%" stop-color="#349ED3" stop-opacity="1"/> </linearGradient> <linearGradient id="gardSelectedBpmnElemnet" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="5%" stop-color="#e5e3e3" stop-opacity="1"/> <stop offset="30%" stop-color="#d3d1d1" stop-opacity="1"/> <stop offset="70%" stop-color="#c1bfbf" stop-opacity="1"/> <stop offset="90%" stop-color="#b5b3b3" stop-opacity="1"/> </linearGradient> </defs> </svg> <!-- Add your site or application content here --> <script src="scripts/vendor.js"></script> <script src="openlib/angular-uuid.js"></script> <script src="openlib/urlConfig.js"></script> <script src="openlib/bc.noty.js"></script> <script src="openlib/devHostConfig.js"></script> <script src="openlib/ba-tiny-pubsub.min.js"></script> <script src="openlib/ba-debug.min.js"></script> <script src="openlib/angular-ui-grid/ui-grid.js"></script> <script src="openlib/bpmn-js/dist/bpmn-navigated-viewer.min.js"></script> <script src="openlib/json2Table.js"></script> <script src="openlib/jstree/jstree.min.js"></script> <script src="openlib/qsocks/qsocks.bundle.js"></script> <script src="openlib/jquery.fileDownload.js"></script> <script src="openlib/c3-chart/c3.js"></script> <script src="scripts/app.js"></script> <!-- start deployment information --> <!-- TAG: VERSIONDEPLOYED --> <!-- BUILD: ENVIRONMENT --> <!-- end deployment information --> </body> </html>

Copy Format

Download